/* SX Engine v2.52.01 — Single collection canvas stylesheet; extracted from templates/collection.php. */
.col7{container-type:inline-size}
.col7__hero{position:relative;overflow:hidden;text-align:center;padding:clamp(42px,7vw,86px) 24px;background:var(--sxe-bg2,#f9fafb);border-radius:clamp(16px,2vw,24px);margin-bottom:clamp(24px,4vw,40px);box-shadow:0 18px 50px rgba(15,23,42,.06)}
.col7__hero:before{content:"";position:absolute;inset:0;background-image:var(--sxe-collection-hero-img,linear-gradient(135deg,#f8fafc,#eef2ff));background-size:cover;background-position:center;opacity:.42;transform:scale(1.02)}
.col7__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.66))}
.col7__hero>*{position:relative;z-index:1}
.col7__hero h1{font-size:clamp(24px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px;color:var(--sxe-text,#111)}
.col7__hero p{font-size:clamp(14px,1.6vw,18px);color:var(--sxe-muted,#6b7280);max-width:560px;margin:0 auto;line-height:1.6}
.col7__bc{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;font-size:12px;color:var(--sxe-muted,#6b7280);margin-bottom:16px;min-width:0;overflow:hidden;white-space:nowrap}
.col7__bc a,.col7__bc span{min-width:0}.col7__bc a{color:inherit;text-decoration:none}.col7__bc a:hover{color:var(--sxe-text,#111);text-decoration:underline}
.col7__bc-current{color:var(--sxe-text,#111);font-weight:650;overflow:hidden;text-overflow:ellipsis}.col7__bc-sep{opacity:.4;flex:0 0 auto}
.col7__count{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--sxe-muted,#6b7280);margin-bottom:clamp(16px,2vw,24px)}
.col7__auto{display:inline-flex;align-items:center;border:1px solid var(--sxe-border,#e5e7eb);border-radius:999px;padding:5px 10px;background:#fff;color:var(--sxe-text,#111);font-size:12px;font-weight:700}