/* Product overview: a compact edit of the most-requested shapes. */
.shopping-overview{--product-edge:20px;--product-text-inset:26px}
/* Give the primary category photography more presence on desktop. */
@media(min-width:801px){.shopping-overview .products-category-image{aspect-ratio:.70}}
/* Match the homepage's wide image rails and inset text. */
.shopping-overview .products-intro,.shopping-overview .product-category-nav,.shopping-overview .products-build-inner,.shopping-overview .site-footer{max-width:none;padding-inline:calc(var(--product-edge) + var(--product-text-inset))}
.shopping-overview .product-customization.wrap,.shopping-overview .bestsellers.wrap{max-width:none;padding-inline:var(--product-edge)}
.shopping-overview .product-customization-heading,.shopping-overview .bestsellers-heading{padding-inline:var(--product-text-inset)}
.shopping-overview .product-customization-grid{gap:12px}
.shopping-overview .product-customization-card>div,.shopping-overview .product-customization-card>p{margin-inline:var(--product-text-inset)}
.shopping-overview .product-customization-card>div{margin-top:22px;align-items:center}
.shopping-overview .product-customization-card h3{font-size:clamp(24px,2vw,32px);font-weight:700;line-height:1.15;letter-spacing:-.025em}
.shopping-overview .product-customization-card>div>span{font-size:28px;line-height:1}
.shopping-overview .product-customization-card>p{font-size:14px;line-height:1.6;margin-top:10px}
.shopping-overview .product-material-frame{display:block;aspect-ratio:1.65;overflow:hidden;background:#e9e6e2}
.shopping-overview .product-material-frame img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none}
.shopping-overview .product-decoration-frame{display:block;aspect-ratio:1.65;overflow:hidden;background:#fff}
.shopping-overview .product-decoration-studio{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.48);transform-origin:50% 36%;background:#fff}
.shopping-overview .product-finishing-detail{object-position:50% 55%;background:#fff}
/* A concise selection beneath the complete product collections. */
.bestsellers{padding-block:54px 58px;background:#deded8;border-top:0}
.bestsellers-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.bestsellers .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.5;margin:0 0 12px}
.shopping-overview .bestsellers-heading h2{font-size:clamp(32px,3.3vw,44px);text-transform:uppercase;letter-spacing:-.035em;line-height:1.05;margin:0}
.bestsellers-heading>div>p:last-child{font-size:14px;line-height:1.6;color:#52554e;margin:14px 0 0}
.bestseller-collection-link{flex-shrink:0;gap:24px;font-size:11px;min-height:48px;padding-inline:28px}
.bestseller-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
.bestseller-family-card{min-width:0;display:flex;flex-direction:column;padding:0 24px;border-left:1px solid #c3c6bc}
.bestseller-family-card:nth-child(3n+1){border-left:0}
.bestseller-family-card:nth-child(n+4){border-top:1px solid #c3c6bc;padding-top:28px}
/* Square studio frames preserve the approved ivory color and comparable scale. */
.bestseller-family-visual{position:relative;display:block;aspect-ratio:1;min-width:0;margin-bottom:24px;overflow:hidden;background:#f6f4ef}
.bestseller-family-visual img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;mix-blend-mode:normal;filter:none;transform:none}
.bestseller-family-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.bestseller-family-copy h3{font-size:clamp(21px,1.8vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}
.bestseller-description{font-size:13px;line-height:1.65;color:#52554e;min-height:65px;margin:0 0 22px}
.bestseller-family-bottom{margin-top:auto;min-height:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px}
.bestseller-specs{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:#52554e}
.bestseller-specs span+span{border-left:1px solid #acb1a5;padding-left:16px}
.bestseller-family-bottom>.text-link{font-size:10px;display:inline-flex;align-items:center;gap:22px;padding-bottom:5px}
.bestsellers a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.bestseller-reference{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#52554e}
@media(max-width:1000px){
 .bestseller-selection{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
 .bestseller-family-card{border-top:0;padding-top:0}
 .bestseller-family-card:nth-child(3n+1){border-left:1px solid #c3c6bc}
 .bestseller-family-card:nth-child(2n+1){border-left:0}
 .bestseller-family-card:nth-child(n+3){border-top:1px solid #c3c6bc;padding-top:24px}
 .bestseller-family-visual{margin-bottom:22px}
 .bestseller-family-copy h3{font-size:27px}
 .bestseller-description{max-width:360px;min-height:44px}
}
@media(max-width:580px){
 .bestsellers{padding-block:36px 40px}
 .bestsellers-heading{display:block;margin-bottom:28px}
 .bestsellers-heading>div>p:last-child{font-size:13px;margin-top:12px}
 .bestseller-collection-link{margin-top:22px}
 .bestseller-selection{grid-template-columns:1fr;row-gap:30px}
 .bestseller-family-card,.bestseller-family-card:nth-child(n){padding:0 var(--product-text-inset) 28px;border-left:0;border-top:0;border-bottom:1px solid #c3c6bc}
 .bestseller-family-card:last-child{border-bottom:0;padding-bottom:0}
 .bestseller-family-visual{margin-bottom:20px}
 .bestseller-family-copy h3{font-size:28px}
 .bestseller-description{min-height:0;margin-bottom:20px;max-width:330px}
 .bestseller-family-bottom{min-height:0;gap:16px}
 .bestseller-reference{font-size:7px}
}
.products-build-break{position:relative;isolation:isolate;min-height:560px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#38423a}
.products-build-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.products-build-break::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,29,24,.78),rgba(19,29,24,.42) 32%,rgba(19,29,24,.03) 69%)}
.products-build-inner{width:100%;padding-block:65px;margin-block:0}
.products-build-copy{max-width:460px}
.products-build-copy .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 22px;color:#fff}
.shopping-overview .products-build-copy h2{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;color:#fff;margin:0 0 24px}
.products-build-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#fff;max-width:300px;margin:0 0 28px}
.products-build-copy .button{gap:32px}
@media(max-width:850px){
  .products-build-copy{max-width:320px}
  .shopping-overview .products-build-copy h2{font-size:52px}
}
@media(max-width:800px){.shopping-overview{--product-edge:14px;--product-text-inset:10px}}
@media(max-width:580px){
  .shopping-overview{--product-edge:10px;--product-text-inset:12px}
  .shopping-overview .product-customization-grid{gap:27px}
  .shopping-overview .product-customization-card>div{margin-top:17px}
  .shopping-overview .product-customization-card h3{font-size:26px}
  .products-build-break{min-height:620px;align-items:flex-end}.products-build-photo{object-position:56% 0}.products-build-break::before{background:linear-gradient(0deg,rgba(17,27,22,.9),rgba(17,27,22,.5) 35%,rgba(17,27,22,.03) 74%)}
  .products-build-inner{padding-block:44px}.products-build-copy{max-width:310px}.shopping-overview .products-build-copy h2{font-size:48px}.products-build-copy>p:not(.eyebrow){font-size:14px;max-width:265px}
}

/* Introduce the deeper headwear customization content after the category overview. */
.shopping-overview .products-specialty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:7vw;padding-top:0;padding-bottom:44px}
.products-specialty .eyebrow{font-size:9px;letter-spacing:.13em;margin:0 0 15px}
.shopping-overview .products-specialty h2{font-size:clamp(29px,2.7vw,39px);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;margin:0}
.products-specialty>p{font-size:15px;line-height:1.8;max-width:650px;color:var(--muted);margin:0}
@media(max-width:800px){.shopping-overview .products-specialty{gap:32px;padding-bottom:34px}.products-specialty>p{font-size:14px}}
@media(max-width:580px){.shopping-overview .products-specialty{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.shopping-overview .products-specialty h2{font-size:29px}.products-specialty h2 br{display:none}.products-specialty>p{font-size:13px;line-height:1.8}}