.sf-collection-hero{background:#ededed;padding:20px 24px 0;color:#171717}
.sf-collection-hero__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);max-width:1322px;min-height:210px;margin:auto;background:linear-gradient(112deg,#141414 61%,#303030 61.1%,#1e1e1e 67%,#f6f6f6 67.1%);border:1px solid #d6d6d6;border-radius:16px;overflow:hidden}
.sf-collection-hero__copy{align-self:center;padding:28px 38px;color:#fff;min-width:0}
.sf-collection-hero__eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ccc;margin-bottom:14px}
.sf-collection-hero__eyebrow:before{content:'';width:24px;height:1px;background:#aaa}
.sf-collection-hero h1{font-size:clamp(27px,3vw,40px);font-weight:650;letter-spacing:-1px;line-height:1.15;color:#fff;margin:0 0 18px;overflow-wrap:anywhere}
.sf-collection-hero__count{display:inline-block;font-size:11px;color:#e5e5e5;border:1px solid #5a5a5a;padding:6px 11px;border-radius:30px}
.sf-collection-hero__image{padding:14px 24px;display:flex;justify-content:center;align-items:center;min-width:0}
.sf-collection-hero__image img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 7px 8px #00000012)}
.sf-collection-hero__panel--text{grid-template-columns:1fr;background:linear-gradient(112deg,#141414 70%,#303030 70.1%,#1e1e1e)}
.sf-collection-hero__details{max-width:1322px;margin:12px auto 0;border:1px solid #d6d6d6;background:#fff;border-radius:10px;overflow:hidden}
.sf-collection-hero__details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;font-size:12px;font-weight:550}
.sf-collection-hero__details summary::-webkit-details-marker{display:none}
.sf-collection-hero__details summary span{font-size:19px;line-height:1;transition:transform .2s}
.sf-collection-hero__details[open] summary span{transform:rotate(45deg)}
.sf-collection-hero__details .rte{border-top:1px solid #eee;padding:16px 18px;font-size:13px;line-height:1.65;color:#555}
.sf-collection-hero__details summary:focus-visible{outline:2px solid #171717;outline-offset:-4px}
@media(max-width:767px){.sf-collection-hero{padding:12px 16px 0}.sf-collection-hero__panel{grid-template-columns:minmax(0,1fr) 38%;min-height:156px;border-radius:12px;background:linear-gradient(110deg,#141414 56%,#303030 56.1%,#222 62%,#f6f6f6 62.1%)}.sf-collection-hero__copy{padding:20px 14px}.sf-collection-hero__eyebrow{font-size:8px;letter-spacing:1.6px;gap:6px;margin-bottom:10px}.sf-collection-hero__eyebrow:before{width:15px}.sf-collection-hero h1{font-size:23px;letter-spacing:-.6px;margin-bottom:12px}.sf-collection-hero__count{font-size:9px;padding:5px 8px}.sf-collection-hero__image{padding:10px}.sf-collection-hero__image img{height:130px}.sf-collection-hero__panel--text{grid-template-columns:1fr;background:linear-gradient(112deg,#141414 70%,#303030 70.1%,#1e1e1e)}.sf-collection-hero__details summary{padding:11px 13px;font-size:11px}.sf-collection-hero__details .rte{padding:13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.sf-collection-hero__details summary span{transition:none}}