/* A concise apparel introduction, using the original garment photography from the sales deck. */
.products-apparel{padding:56px var(--site-image-edge,20px) 50px;background:#fff}
.products-apparel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 var(--site-text-inset,26px) 27px}
.products-apparel-heading>div{min-width:0}
.products-apparel-heading .eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 18px}
.shopping-overview .products-apparel-heading h2{font-size:clamp(32px,3vw,44px);line-height:1.06;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 17px}
.products-apparel-heading>div>p:last-child{font-size:14px;line-height:1.7;max-width:670px;color:var(--muted);margin:0}
.products-apparel-heading .button{flex-shrink:0;font-size:11px;gap:24px;max-width:100%;text-align:center}
.products-apparel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.products-apparel-card{min-width:0}
.products-apparel-image{height:clamp(245px,22vw,340px);padding:27px 24px;background:#e9e6df;display:flex;align-items:center;justify-content:center}
.products-apparel-image img{display:block;width:100%;height:100%;object-fit:contain}
.products-apparel-card-copy{padding:18px 20px 0}
.shopping-overview .products-apparel-card h3{font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:0 0 11px}
.products-apparel-price{font-size:14px;margin:0 0 5px;line-height:1.4}
.products-apparel-price strong{font-size:23px;font-weight:600;letter-spacing:-.03em}
.products-apparel-price>span{font-size:12px;color:var(--muted)}
.products-apparel-quantity{font-size:11px;color:var(--muted);margin:0}
.products-apparel-pricing-note{font-size:11px;line-height:1.75;color:var(--muted);margin:25px var(--site-text-inset,26px) 0;max-width:1050px}
.products-apparel-finish{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:29px var(--site-text-inset,26px) 0;margin-top:28px;border-top:1px solid var(--line)}
.products-apparel-finish>div{min-width:0;max-width:800px}
.shopping-overview .products-apparel-finish h3{font-size:clamp(21px,2vw,27px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}
.products-apparel-finish p{font-size:13px;line-height:1.7;color:var(--muted);max-width:690px;margin:0}
.products-apparel-finish .text-link{font-size:11px;flex-shrink:0;display:inline-flex;align-items:center;gap:24px;max-width:100%;line-height:1.7}
@media(max-width:1000px){.products-apparel-heading{align-items:flex-start}.products-apparel-heading>div>p:last-child{max-width:550px}.products-apparel-finish{align-items:flex-start;gap:25px}.products-apparel-card-copy{padding-inline:12px}.shopping-overview .products-apparel-card h3{font-size:17px}}
@media(max-width:760px){
 .products-apparel{padding-top:42px;padding-bottom:38px}
 .products-apparel-heading{flex-direction:column;align-items:flex-start;gap:23px}
 .products-apparel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
 .products-apparel-image{height:auto;aspect-ratio:1.08;padding:22px}
 .products-apparel-finish{flex-direction:column;align-items:flex-start;gap:23px}
}
@media(max-width:580px){
 .products-apparel-heading .eyebrow{font-size:9px;margin-bottom:15px}
 .shopping-overview .products-apparel-heading h2{font-size:31px}
 .products-apparel-heading>div>p:last-child{font-size:13px}
 .products-apparel-image{aspect-ratio:.9;padding:20px 14px}
 .products-apparel-card-copy{padding:14px 10px 0}
 .shopping-overview .products-apparel-card h3{font-size:16px;margin-bottom:10px}
 .products-apparel-price{font-size:12px}.products-apparel-price strong{font-size:22px}
 .products-apparel-pricing-note{font-size:10px;margin-top:23px}
 .products-apparel-finish{margin-top:25px;padding-top:26px}
 .shopping-overview .products-apparel-finish h3{font-size:22px;max-width:340px}
}
