.shop-hero{padding:72px clamp(22px,7vw,100px);background:linear-gradient(120deg,#57000a,#9e000f);color:#fff}.shop-hero h1{max-width:800px;margin:8px 0 14px;font-size:clamp(42px,5vw,68px);line-height:1.05}.shop-hero p{max-width:680px;margin:0;font-size:17px}.shop-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;padding:70px clamp(22px,7vw,100px);align-items:start}.catalogue-solo{padding:70px clamp(22px,7vw,100px)}.catalogue-solo .back-link{display:inline-block;margin-bottom:10px;color:#6e5c5f;font-size:13px}.catalogue-solo .back-link:hover{color:#ed2024}.catalogue-solo .product-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:980px){.catalogue-solo .product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.catalogue-solo .product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.catalogue-solo .product-grid{grid-template-columns:1fr}}.catalogue-head h2{margin:0;color:#9e000f;font-size:38px}.catalogue-head p{color:#6e5c5f}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.product{border:1px solid #eadbdd;background:#fff;cursor:pointer;text-align:left;padding:0}.product:hover,.product.selected{border-color:#ed2024;box-shadow:0 10px 24px #57000a1c}.product-photo{height:145px;background-size:300% auto;background-repeat:no-repeat}.product-body{padding:16px}.product h3{margin:0 0 6px;color:#9e000f;font-size:17px}.product p{margin:0;color:#6e5c5f;font-size:12px;line-height:1.5}.order-panel{position:sticky;top:20px;padding:24px;background:#fbf5f5;border-top:4px solid #ed2024}.order-panel h2{margin:0 0 5px;color:#9e000f;font-size:28px}.order-panel>p{margin:0 0 20px;color:#6e5c5f;font-size:13px}.order-panel label{display:grid;gap:5px;margin-bottom:12px;color:#563b3f;font-size:12px;font-weight:800}.order-panel input,.order-panel select,.order-panel textarea{width:100%;padding:11px;border:1px solid #d9c5c8;background:#fff;font:inherit;font-size:13px}.order-panel textarea{min-height:82px;resize:vertical}.order-panel button{width:100%;border:0}.shop-note{padding:25px clamp(22px,7vw,100px);background:#58000b;color:#fff;text-align:center}.shop-note p{margin:0}.success{display:none;margin-top:12px;color:#166c37;font-size:12px;font-weight:800}@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.order-panel{position:static}}@media(max-width:650px){.product-grid{grid-template-columns:1fr 1fr}.product-photo{height:120px}}@media(max-width:430px){.product-grid{grid-template-columns:1fr}}
/* Uniform catalogue cards */
.product-card{overflow:hidden;border:1px solid #eadbdd;background:#fff;display:flex;flex-direction:column}.product-card:hover{border-color:#ed2024;box-shadow:0 10px 24px #57000a1c}.product-image{height:165px;background-size:cover;background-repeat:no-repeat}.product-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:16px}.product-card h3{margin:0 0 7px;color:#9e000f;font-size:17px}.product-card p{margin:0 0 16px;color:#6e5c5f;font-size:12px;line-height:1.5}.product-card button{margin-top:auto;padding:10px;border:0;background:#9e000f;color:#fff;font-weight:800;cursor:pointer}.product-card button:hover{background:#ed2024}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-panel .submit{width:100%}.form-note{margin-top:16px!important;padding-top:15px;border-top:1px solid #d9c5c8;line-height:1.55}@media(max-width:520px){.form-row{grid-template-columns:1fr}}
.gift-sprite{background-image:url('assets/gifting-catalogue-v2.png');background-size:300% 300%}.form-heading{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #d9c5c8}.form-heading>p{margin:0;color:#6e5c5f;font-size:13px;line-height:1.55}.form-heading .form-step{margin-bottom:6px;color:#ed2024;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.order-panel fieldset{margin:0 0 18px;padding:16px;border:1px solid #dfcdd0;background:#fff}.order-panel legend{padding:0 8px;color:#9e000f;font-size:12px;font-weight:900;letter-spacing:.04em}.order-panel fieldset label:last-child{margin-bottom:0}.order-panel input:focus,.order-panel select:focus,.order-panel textarea:focus{outline:2px solid #ed202444;border-color:#ed2024}.submit{padding:14px 18px}.product-card button:focus-visible,.submit:focus-visible{outline:3px solid #ed202466;outline-offset:2px}
.gift-sprite{height:auto;aspect-ratio:1}
/* Garment photo cards (uniform-shop.html) — portrait frame, fabric label and status badge */
.product-image{position:relative;overflow:hidden;min-height:0}
.product-image.is-photo,.product-image.is-empty{height:auto;aspect-ratio:3/4}
.product-image.is-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.product-image.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fbf5f5}
.product-image.is-empty svg{width:32px;height:32px;color:#d9c5c8}
.product-image .placeholder-text{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8a7275}
.product-badge{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;background:#9e000f;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-fabric{margin:0 0 4px;color:#8a7275;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.product-card{scroll-margin-top:20px}
.product-card:target{border-color:#ed2024;box-shadow:0 0 0 3px #ed202433}
@media(prefers-reduced-motion:no-preference){.product-card:target{animation:cardPulse 1.6s ease}}
@keyframes cardPulse{0%{box-shadow:0 0 0 0 #ed202466}100%{box-shadow:0 0 0 3px #ed202433}}
/* Lookbook-style collection page (cotton.html) */
.lookbook-hero{padding:60px clamp(22px,7vw,100px) 90px;background:#f5f4ef}
.lookbook-hero .back-link{display:inline-block;margin-bottom:18px;color:#8a7275;font-size:13px}
.lookbook-hero .back-link:hover{color:#ed2024}
.lookbook-hero .kicker{color:#8a7275}
.lookbook-hero h1{margin:0 0 18px;color:#27191b;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.02em;font-weight:400}
.lookbook-hero>p{max-width:680px;margin:0 0 30px;color:#6e5c5f;font-size:16px;line-height:1.65}
.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.filter-chips button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border:1px solid #d9c5c8;border-radius:999px;background:#fff;color:#563b3f;font:600 13px/1 inherit;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.filter-chips button .count{opacity:.6;font-weight:500}
.filter-chips button:hover{border-color:#9e000f}
.filter-chips button[aria-pressed=true]{background:#9e000f;border-color:#9e000f;color:#fff}
.filter-chips button[aria-pressed=true] .count{opacity:.85}
.lookbook-hero .product-grid{margin-top:0;grid-template-columns:repeat(5,1fr);gap:18px}
@media(max-width:1100px){.lookbook-hero .product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.lookbook-hero .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.lookbook-hero .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.lookbook-hero .product-grid{grid-template-columns:1fr}}
.lookbook-hero .product-card h3{font-size:15px}
.lookbook-hero .product-card p{font-size:12px}
.lookbook-hero .product-card button{font-size:12px;padding:9px}
.product-index{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;background:#fff;color:#27191b;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 1px 3px #0002}
.product-card[hidden]{display:none}
@media(max-width:600px){.filter-chips{gap:8px}.filter-chips button{padding:0 14px;font-size:12px}}

/* Product detail page (product.html) — layout follows the Hockerty product page:
   large photo left, sticky buying panel right, then About, pricing and related. */
.pdp{padding:28px var(--gutter) 90px;background:#fff}
.pdp-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:0;list-style:none;color:#8a7275;font-size:13px}
.pdp-crumbs li+li:before{content:'/';margin-right:6px}
.pdp-crumbs a:hover{color:#ed2024}
.pdp-crumbs [aria-current]{color:#27191b}

.pdp-swatches{display:flex;flex-wrap:wrap;gap:8px}
.pdp-swatch{position:relative;width:32px;height:32px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer}
.pdp-swatch.is-melange{background:linear-gradient(-45deg,var(--sw) 50%,#ffffff99 50%),var(--sw)}
.pdp-swatch:hover{transform:scale(1.08)}
.pdp-swatches input:checked+.pdp-swatch{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px #fff,0 0 0 4px #9e000f}
.pdp-swatches input:focus-visible+.pdp-swatch{outline:3px solid #c00d14;outline-offset:4px}

.pdp-cta{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:6px;padding:0 20px;border:0;border-radius:0;background:#9e000f;color:#fff;font:700 15px/1 var(--font);text-align:center;cursor:pointer}
.pdp-cta:hover{background:#d9111a}

.pdp-related h2{margin:0 0 18px;color:#27191b;font-size:24px;font-weight:500}

.pdp-table-wrap{overflow-x:auto;background:#fff;border:1px solid #eadbdd}
.pdp-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.pdp-table th,.pdp-table td{padding:14px 16px;border-bottom:1px solid #eadbdd;text-align:right;white-space:nowrap}
.pdp-table thead th{color:#8a7275;font-size:12px;font-weight:600}
.pdp-table th[scope=row],.pdp-table thead th:first-child{text-align:left;color:#27191b;font-weight:600}
.pdp-table th[scope=row] span{display:block;color:#8a7275;font-size:12px;font-weight:400}
.pdp-table tbody tr:last-child>*{border-bottom:0}
.pdp-table .is-na{color:#b9a7aa}
.pdp-notes{margin:18px 0 0;padding-left:18px;color:#6e5c5f;font-size:13px;line-height:1.8}
.pdp-related{margin-top:80px}
.pdp-related .product-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:0}
.pdp-card-link h3{font-size:15px}
.pdp-card-link p{margin-bottom:0}
.pdp-missing{padding:100px var(--gutter);text-align:center}
.pdp-missing h1{margin:0 0 12px;font-weight:500}
.pdp-missing p{margin:0 auto 24px;color:#6e5c5f}
.pdp-missing .pdp-cta{display:inline-flex;width:auto}
/* Collection cards link to the product page */
.product-card .card-link{color:inherit}
.product-card .card-link:hover h3{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.pdp-related .product-grid{grid-template-columns:repeat(2,1fr)}}

.product-card>a.card-link{display:block}
/* Product page gallery: model photo + chosen colour's product shot */

/* Product page width: cap the photo and centre the content on wide screens */
.pdp-crumbs,.pdp-related{max-width:1080px;margin-left:auto;margin-right:auto}

/* Product page: Enquire + Add text or patch */

.pdp-cta-secondary{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;min-height:50px;padding:0 16px;border:1px solid #9e000f;border-radius:0;background:#fff;color:#9e000f;font:700 15px/1 var(--font);text-align:center;cursor:pointer}
.pdp-cta-secondary:hover{background:#fbf5f5}
.pdp-cta-secondary[aria-expanded=true]{background:#fbf5f5}

.pdp-link-btn{display:inline;width:auto;min-height:32px;padding:0 2px;border:0;background:none;color:#c00d14;font:600 13px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pdp-link-btn:hover{color:#9e000f}
.pdp-custom{margin-top:12px;padding:18px;border:1px solid #eadbdd;background:#fbf5f5}
.pdp-custom[hidden]{display:none}
.pdp-custom label{display:block;margin:14px 0 6px;color:#563b3f;font-size:13px;font-weight:700}
.pdp-custom input[type=text],.pdp-custom select{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid #d9c5c8;background:#fff;font:15px var(--font);color:#27191b}
.pdp-custom [aria-invalid=true]{border-color:#c00d14;box-shadow:0 0 0 1px #c00d14}
.pdp-optional{color:#8a7275;font-weight:400}
.pdp-hint{margin:6px 0 0;color:#6e5c5f;font-size:12px;line-height:1.5}
.pdp-custom-type{display:flex;margin:0;padding:0;border:0}
.pdp-custom-type legend{margin-bottom:8px;padding:0;color:#563b3f;font-size:13px;font-weight:700}
.pdp-custom-type input{position:absolute;opacity:0;width:1px;height:1px}
.pdp-custom .pdp-custom-type label{flex:1;margin:0;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d9c5c8;background:#fff;font-weight:600;cursor:pointer}
.pdp-custom-type label+input+label{border-left:0}
.pdp-custom-type input:checked+label{background:#9e000f;border-color:#9e000f;color:#fff}
.pdp-custom-type input:focus-visible+label{outline:3px solid #c00d14;outline-offset:2px}
.pdp-field-error{margin:12px 0 0;color:#c00d14;font-size:13px;font-weight:600}
.pdp-field-error[hidden]{display:none}
.pdp-custom-actions{display:flex;align-items:center;gap:16px;margin-top:18px}
.pdp-custom-actions .pdp-cta{width:auto;min-height:44px;margin:0;padding:0 22px;font-size:14px}

/* Product page: size finder */
.pdp-finder-title{margin:0;color:#27191b;font-size:15px;font-weight:700}
.pdp-finder-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.pdp-finder-result{margin-top:14px;padding:14px;background:#fff;border:1px solid #eadbdd;border-radius:4px}
.pdp-finder-result[hidden]{display:none}
.pdp-finder-result p{margin:0 0 12px;color:#27191b;font-size:14px}
.pdp-finder-result strong{color:#9e000f;font-size:18px}
.pdp-finder-result .pdp-cta-secondary{min-height:44px;font-size:14px}

.pdp-custom input[inputmode]{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid #d9c5c8;background:#fff;font:15px var(--font);color:#27191b}

/* Product page: outline pill button ("Know more about this fabric") */
.pdp-pill{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;margin-top:48px;padding:0 32px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:500 14px/1 var(--font);letter-spacing:.06em;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.pdp-pill:hover{background:var(--maroon);border-color:var(--maroon);color:#fff}
.pdp-pill{margin-top:32px}

/* Product page: fabric section (text left, image right) */
.pdp-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:80px 0;gap:clamp(32px,5vw,80px)}
.pdp-split + .pdp-split{border-top:1px solid #eadbdd}
.pdp-split-copy{max-width:460px;margin:0 auto;text-align:center}
.pdp-split-copy .kicker{color:#8a7275}
.pdp-split h2{margin:0 0 16px;color:#27191b;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:500}
.pdp-split-copy p{margin:0 0 14px;color:#6e5c5f;font-size:16px;line-height:1.7}
.pdp-split-copy strong{color:#27191b;font-weight:600}

.pdp-split-media{overflow:hidden;border-radius:4px;background:#f5f4ec;aspect-ratio:5/6}
.pdp-split-media img{display:block;width:100%;height:100%;object-fit:cover}

.pdp-fabric-icons{display:flex;justify-content:center;gap:28px;margin:24px 0 0;padding:0;list-style:none}
.pdp-fabric-icons li{display:grid;justify-items:center;gap:8px;width:96px;color:#27191b;font-size:13px;line-height:1.3}
.pdp-fabric-icons svg{width:40px;height:40px}
.pdp-fabric-more{display:grid;gap:14px;margin:24px 0 0;padding:20px;border:1px solid #eadbdd;border-radius:4px;text-align:left}
.pdp-fabric-more[hidden]{display:none}
.pdp-fabric-more dt{color:#8a7275;font-size:12px}
.pdp-fabric-more dd{margin:2px 0 0;color:#27191b;font-size:14px;line-height:1.5}
@media(max-width:900px){.pdp-split{grid-template-columns:1fr;padding:56px 0}.pdp-split-media{max-width:520px;width:100%;margin:0 auto}}
@media(max-width:760px){.pdp-fabric-icons{gap:12px}}
/* Align to the nav's edges (the page gutter), not a centred column */
.pdp-crumbs,.pdp-related,.pdp-split{max-width:none;margin-left:0;margin-right:0}

.pdp-split-media{aspect-ratio:auto;height:clamp(420px,46vw,680px)}
@media(max-width:900px){.pdp-split-media{height:auto;aspect-ratio:5/6;max-width:none}}

/* Round Neck Tee: weight guide */
.weight-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1000px;margin:0 0 24px;padding:0;list-style:none}
.weight-guide li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #eadbdd;border-radius:4px}
.weight-guide strong{color:#27191b;font-size:14px;font-weight:600}
.weight-guide li>span:last-child{grid-column:2;color:#6e5c5f;font-size:12px;line-height:1.45}
.wg-bars{grid-row:span 2;display:flex;align-items:flex-end;gap:3px;height:22px}
.wg-bars i{display:block;width:5px;background:#eadbdd;border-radius:1px}
.wg-bars i:nth-child(1){height:7px}.wg-bars i:nth-child(2){height:12px}.wg-bars i:nth-child(3){height:17px}.wg-bars i:nth-child(4){height:22px}
.wg-bars[data-level="1"] i:nth-child(-n+1),.wg-bars[data-level="2"] i:nth-child(-n+2),.wg-bars[data-level="3"] i:nth-child(-n+3),.wg-bars[data-level="4"] i{background:#9e000f}
/* "Help me choose a fabric" */
.guide-bar{margin:0 0 20px}
.guide-toggle{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 22px;border:1px solid #9e000f;border-radius:999px;background:#fff;color:#9e000f;font:600 14px/1 var(--font);cursor:pointer}
.guide-toggle:before{content:'?';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#9e000f;color:#fff;font-size:12px;font-weight:700}
.guide-toggle:hover,.guide-toggle[aria-expanded=true]{background:#fbf5f5}
.tee-guide{max-width:1000px;margin:0 0 28px;padding:24px;background:#fff;border:1px solid #eadbdd;border-radius:4px}
.tee-guide[hidden]{display:none}
.tee-guide-title{margin:0 0 6px;color:#27191b;font-size:18px;font-weight:600}
.guide-q{margin:18px 0 0;padding:0;border:0;min-width:0}
.guide-q legend{margin-bottom:10px;padding:0;color:#27191b;font-size:14px;font-weight:600}
.guide-hint{color:#8a7275;font-weight:400}
.guide-options{display:flex;flex-wrap:wrap;gap:8px}
.guide-options input{position:absolute;opacity:0;width:1px;height:1px}
.guide-options label{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #d9c5c8;border-radius:999px;background:#fff;color:#563b3f;font-size:13px;font-weight:600;cursor:pointer}
.guide-options label:hover{border-color:#9e000f}
.guide-options input:checked+label{background:#9e000f;border-color:#9e000f;color:#fff}
.guide-options input:focus-visible+label{outline:3px solid #c00d14;outline-offset:2px}
.guide-error{margin:16px 0 0;color:#c00d14;font-size:13px;font-weight:600}
.guide-error[hidden]{display:none}
.guide-actions{display:flex;align-items:center;gap:18px;margin-top:22px}
.guide-go{width:auto;min-height:44px;padding:0 24px;border:0;border-radius:0;background:#9e000f;color:#fff;font:700 14px/1 var(--font);cursor:pointer}
.guide-go:hover{background:#d9111a}
.guide-cancel,.guide-clear{width:auto;min-height:32px;padding:0;border:0;background:none;color:#c00d14;font:600 13px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.guide-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1000px;margin:0 0 20px;padding:14px 18px;background:#fbf5f5;border-left:3px solid #9e000f}
.guide-summary[hidden]{display:none}
.guide-summary p{flex:1 1 320px;margin:0;color:#27191b;font-size:14px}
.guide-summary p:focus{outline:none}
/* Match results on the cards */
.match-badge{position:absolute;top:10px;right:10px;z-index:1;padding:4px 10px;background:#fff;color:#9e000f;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 1px 3px #0002}
.match-badge.is-best{background:#9e000f;color:#fff}
.product-card.is-match{border-color:#9e000f}
.product-card .match-reason{margin:-8px 0 14px;padding:8px 10px;background:#fbf5f5;color:#563b3f;font-size:12px;line-height:1.5}
.product-card.is-dimmed{opacity:.55}
.product-card.is-dimmed:hover,.product-card.is-dimmed:focus-within{opacity:1}
@media(max-width:900px){.weight-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.weight-guide{grid-template-columns:1fr}.tee-guide{padding:18px}}
/* Label above a chip bar (Round Neck Tee: Cut, Fabric weight) */
.filter-chips button[hidden]{display:none}

/* Round Neck Tee filters: one panel, label left, chips right */
.filter-panel{max-width:none;margin:0 0 32px;padding:6px 20px;background:#fff;border:1px solid #eadbdd;border-radius:4px}
.filter-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px 16px;padding:14px 0}
.filter-row+.filter-row{border-top:1px solid #f1e6e8}
.filter-label{margin:0;color:#27191b;font-size:13px;font-weight:700;letter-spacing:.02em}
.filter-row .filter-chips{margin:0;gap:8px}
.filter-row .filter-chips button{min-height:36px;padding:0 14px;font-size:13px;gap:8px}
.filter-row .filter-chips button .count{min-width:18px;padding:2px 6px;border-radius:999px;background:#f6eeef;color:#563b3f;font-size:11px;font-weight:600;line-height:1.2;text-align:center;opacity:1}
.filter-row .filter-chips button[aria-pressed=true] .count{background:rgba(255,255,255,.22);color:#fff}
.filter-chips button:focus-visible{outline:3px solid #c00d14;outline-offset:2px}
@media(max-width:700px){.filter-panel{padding:4px 16px}.filter-row{grid-template-columns:1fr;gap:10px;padding:14px 0}.filter-row .filter-chips button{min-height:40px}}

/* Fabric Weight: "How to choose?" link and comparison dialog */
.filter-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.weight-help{width:auto;min-height:32px;padding:0;border:0;background:none;color:#c00d14;font:600 13px/1.2 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.weight-help:hover{color:#9e000f}
.weight-help:focus-visible,.wd-close:focus-visible,.wd-done:focus-visible{outline:3px solid #c00d14;outline-offset:2px}

/* Fabric Weight comparison dialog: same design as the Compare Techniques dialog on product.html */
html:has(.cfg-compare[open]){overflow:hidden}
.cfg-compare{width:min(1180px,calc(100% - 48px));max-width:none;max-height:min(90vh,920px);margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 30px 80px #0000004d;overflow:hidden}
.cfg-compare[open]{display:flex;flex-direction:column}
.cfg-compare::backdrop{background:rgb(17 19 19/.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cfg-compare-close{position:absolute;top:18px;right:18px;z-index:3;display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:50%;background:#f5f4ec;color:var(--ink);cursor:pointer}
.cfg-compare-close:hover{background:var(--ink);color:#fff}
.cfg-compare-close svg{width:18px;height:18px}
.cfg-compare-head{padding:56px 72px 28px;text-align:center}
.cfg-compare-head h2{margin:0;color:var(--ink);font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:600;letter-spacing:-.02em}
.cfg-compare-head p{max-width:580px;margin:12px auto 0;color:var(--muted);font-size:16px;line-height:1.6}
.cfg-compare-scroll{flex:1;min-height:0;overflow:auto;padding:0 40px}
.cfg-compare-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.cfg-compare-table thead th{position:sticky;top:0;z-index:2;padding:8px 14px 24px;background:#fff;text-align:center;vertical-align:top;font-weight:400}
.cfg-compare-photo{display:block;width:min(100%,150px);aspect-ratio:1;margin:0 auto 16px;overflow:hidden;border-radius:4px;background:#f5f4ec}
.cfg-compare-photo img{display:block;width:100%;height:100%;object-fit:cover}
.cfg-compare-photo.is-unavailable img{filter:grayscale(1);opacity:.55}
.cfg-compare-name{display:block;color:var(--ink);font-size:18px;font-weight:600;line-height:1.25}
.cfg-compare-flag{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:600}
.cfg-compare-table tbody td{padding:20px 14px;border-top:1px solid var(--line);text-align:center;vertical-align:top}
.cfg-compare-label{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}
.cfg-compare-value{display:block;color:var(--ink);font-size:15px;font-weight:500;line-height:1.4}
.cfg-compare-table tfoot td{padding:12px 14px 28px;border-top:1px solid var(--line);text-align:center}
.cfg-compare-foot{margin:0;padding:18px 24px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;text-align:center}
.cfg-compare-foot a{color:#c00d14;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .cfg-compare{width:100%;height:100%;max-height:none;border-radius:0}
  .cfg-compare-head{padding:64px 20px 20px}
  .cfg-compare-scroll{padding:0 12px}
  .cfg-compare-table{min-width:760px}
  .cfg-compare-name{font-size:15px}
}
.wd-photo{display:grid;place-items:center;width:84px;aspect-ratio:1}
.wd-photo .wg-bars{grid-row:auto;height:36px;gap:5px}
.wd-photo .wg-bars i{width:8px}
.wd-photo .wg-bars i:nth-child(1){height:12px}.wd-photo .wg-bars i:nth-child(2){height:20px}.wd-photo .wg-bars i:nth-child(3){height:28px}.wd-photo .wg-bars i:nth-child(4){height:36px}
.cfg-compare-table{min-width:720px}

/* "View More" on product cards: hidden until the card is hovered or focused (like hockerty.com),
   a white pill that slides up over the bottom of the photo. Touch screens open the card on tap instead. */
.card-media{position:relative}
.product-card .card-more{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 16px 0 18px;border-radius:999px;background:#fff;color:#27191b;font-size:13px;font-weight:600;box-shadow:0 6px 18px #27191b1f;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,background-color .2s,color .2s}
.product-card .card-more svg{width:16px;height:16px;flex:none}
.product-card:hover .card-more,.product-card:focus-within .card-more{opacity:1;transform:none}
.product-card .card-more:hover{background:#9e000f;color:#fff}
.product-card .card-more:focus-visible{outline:3px solid #c00d14;outline-offset:2px}
@media(hover:none){.product-card .card-more{display:none}}
@media(prefers-reduced-motion:reduce){.product-card .card-more{transition:none;transform:none}}

/* Quick Dry listing */
.filter-status{margin:-16px 0 16px;color:#563b3f;font-size:13px}
.qd-empty{padding:32px 0;color:#563b3f;font-size:15px}

/* Search box on collection pages */
.collection-search{margin:0 0 16px}
.collection-search label{display:block;margin:0 0 8px;color:#27191b;font-size:13px;font-weight:700}
.collection-search-field{position:relative;display:flex;align-items:center}
.collection-search-field svg{position:absolute;left:16px;width:18px;height:18px;color:#563b3f;pointer-events:none}
.collection-search input{width:100%;min-height:48px;padding:0 48px 0 44px;border:1px solid #d9c5c8;border-radius:999px;background:#fff;color:#27191b;font:400 15px/1.2 var(--font)}
.collection-search input::placeholder{color:#8a7275}
.collection-search input:hover{border-color:#9e000f}
.collection-search input:focus{outline:3px solid #c00d14;outline-offset:2px;border-color:#9e000f}
.collection-search input::-webkit-search-cancel-button{display:none}
.collection-search-clear{position:absolute;right:6px;width:40px;height:40px;border:0;border-radius:50%;background:none;color:#563b3f;font-size:22px;line-height:1;cursor:pointer}
.collection-search-clear:hover{background:#f6eeef}
.collection-search-clear:focus-visible{outline:3px solid #c00d14;outline-offset:1px}
.collection-search-clear[hidden]{display:none}
.qd-reset{width:auto;min-height:40px;margin-left:6px;padding:0 18px;border:1px solid #9e000f;border-radius:999px;background:#fff;color:#9e000f;font:600 13px/1 var(--font);cursor:pointer}
.qd-reset:hover{background:#fbf5f5}
@media(max-width:600px){.collection-search input{font-size:16px}}
.filter-panel[hidden]{display:none}

/* Cut tags on a card that covers more than one cut (e.g. Unisex + Female) */
.cut-tags{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 12px;padding:0;list-style:none}
.cut-tags li{padding:3px 10px;border:1px solid #d9c5c8;border-radius:999px;background:#fbf5f5;color:#563b3f;font-size:11px;font-weight:600;line-height:1.4}

/* ---------- Motion on the clothing listing pages (motion.js adds .motion; reduced-motion visitors get none) ---------- */
@keyframes motionRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.motion .motion-rise{animation:motionRise .7s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.motion .product-grid .product-card{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0s),border-color .2s,box-shadow .3s}
.motion .product-grid .product-card.is-in{opacity:1;transform:none}
/* Hover: the card lifts a little and the photo eases in */
.product-card .product-image.is-photo{overflow:hidden}
.product-card .product-image.is-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.motion .product-grid .product-card.is-in:hover{transform:translateY(-4px);box-shadow:0 16px 32px #57000a24}
.product-card:hover .product-image.is-photo img{transform:scale(1.045)}
/* Filter chips: a soft press, and the chosen chip settles in */
.filter-chips button{transition:background-color .2s,color .2s,border-color .2s,transform .15s}
.filter-chips button:active{transform:scale(.96)}
@keyframes chipPop{0%{transform:scale(.94)}60%{transform:scale(1.04)}100%{transform:none}}
.motion .filter-chips button[aria-pressed=true]{animation:chipPop .3s ease}
@media(prefers-reduced-motion:reduce){.product-card .product-image.is-photo img,.filter-chips button{transition:none}.product-card:hover .product-image.is-photo img{transform:none}}
/* Round Neck Tee: link to the tee builder (custom-tee.html) */
.design-own{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:20px 0 4px}
.design-own .btn{margin-top:0}
.design-own span{color:var(--muted);font-size:14px}
.product-image.is-photo.is-cutout{background:#fff}
.product-image.is-photo.is-cutout img{object-fit:contain;object-position:center;padding:6%}
/* Colour filter chips: a dot of the colour family before the name */
.filter-chips .chip-dot{display:inline-block;flex:none;width:14px;height:14px;margin-right:2px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002a;vertical-align:-2px}
.filter-chips button[aria-pressed=true] .chip-dot{box-shadow:inset 0 0 0 1px #0000002a,0 0 0 1.5px #fff}