/* Kledingwinkels.com — supplied fashion design, 29 October 2026.
   Load after style, legacy, combi, product and photo-search stylesheets. */
@font-face{font-family:"Bodoni Moda";src:url("/assets/fonts/bodoni-moda-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
:root{--paper:#fff;--white:#fff;--ink:#000;--muted:#6b6760;--line:#e2ded8;--lime:#eeeae4;--mint:#eeeae4;--peach:#eeeae4;--rust:#1f1f1f;--max:1280px;--serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--fashion-sand:#eeeae4;--fashion-text:#1f1f1f}
html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{background:#fff;color:var(--fashion-text);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
body,main,header,footer,section,article,aside,nav,form,fieldset,div{min-width:0}
.wrap{width:calc(100% - 64px);max-width:var(--max);margin-inline:auto}
a{color:inherit;text-underline-offset:3px}
img,svg,video,canvas{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;border-radius:0}
button,input,select,textarea,.field{max-width:100%;min-width:0}
input,select,textarea{accent-color:#000}
h1,h2,h3,h4{letter-spacing:0}
h1,h2{font-family:var(--serif);font-weight:500}
h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.06}
h2{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.15}
h3,h4{font-family:var(--sans);font-weight:700;line-height:1.35}
p{max-width:70ch}
[hidden],.scan-panel [hidden],.google-map [hidden],.barcode-preview[hidden],.garment-photo progress[hidden]{display:none!important}
:focus-visible{outline:2px solid #000;outline-offset:3px}
.skip-link{background:#000;color:#fff}
.eyebrow{font-size:12px;line-height:1.45;font-weight:600;letter-spacing:.04em;text-transform:none}
.muted,.map-caption,.source-note,.source-link,.directory-note{color:var(--muted)}

/* Shared masthead: real wordmark, restrained utility actions, working navigation. */
.topline{background:var(--fashion-sand);color:#000;padding:9px 0;font-size:13px;letter-spacing:0;text-transform:none;text-align:center}
.topline .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 14px}
.topline .wrap>span:last-child{display:none}
.topline p{max-width:none;margin:0}
.topline a{text-decoration:underline}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 20px;min-height:0;padding-block:20px 0;align-items:center}
.site-header .brand{grid-column:2;grid-row:1;justify-self:center;display:block;max-width:100%;line-height:1;text-decoration:none}
.brand img{display:block;width:254px;height:auto;max-width:100%}
.brand-mark{background:var(--fashion-sand);color:#000;border-color:#000;transform:none}
.wordmark{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:0}
.header-search,.header-scan{display:inline-flex;align-items:center;gap:9px;min-width:40px;min-height:40px;font-size:13px;text-decoration:none;line-height:1.3}
.header-search{grid-column:1;grid-row:1;justify-self:start}
.header-scan{grid-column:3;grid-row:1;justify-self:end}
.header-search svg,.header-scan svg{width:22px;height:22px;flex:none}
.header-search:hover,.header-scan:hover{text-decoration:underline}
.site-header .menu-toggle{display:none;background:#fff;color:#000;border:0;box-shadow:none;border-radius:0;padding:10px;min-height:40px;min-width:40px}
.menu-icon{width:20px;gap:6px}
.menu-icon::before,.menu-icon::after{height:1.5px}
.site-header .main-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 30px;width:100%;border-top:0;margin-top:17px;padding:0;font-size:14px;font-weight:400}
.site-header .main-nav a{padding:13px 0 12px;line-height:1.35}
.site-header .main-nav a::after{bottom:0;height:2px}
.site-header .main-nav a[aria-current=page]{font-weight:700}
.audience-nav{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:13px;padding:0}
.audience-nav>.wrap{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.audience-nav a{display:inline-block;padding:11px 0;text-decoration:none;white-space:nowrap}
.audience-nav a:hover,.audience-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}

/* General content, facts and forms retain their existing HTML behavior. */
.section{padding-block:55px}
.section-heading{margin-bottom:26px;gap:28px;align-items:end}
.section-heading h2{max-width:24ch}
.section-heading p{font-size:15px;line-height:1.65;max-width:42ch}
.section-heading .eyebrow{margin-bottom:10px}
.legacy-wrap{padding-top:24px;padding-bottom:65px}
.breadcrumbs{font-size:12px;margin:0 0 20px;gap:6px;line-height:1.5;color:var(--muted)}
.breadcrumbs a{text-decoration:underline}
.breadcrumbs li+li::before{color:var(--muted);margin-right:6px}
.page-head{padding-bottom:28px;max-width:100%}
.page-head .eyebrow{margin-bottom:11px}
.legacy-wrap h1,.page-head h1,.shop-detail-head h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.06;letter-spacing:0;font-weight:500;max-width:25ch;margin:12px 0 15px;overflow-wrap:anywhere}
.page-head .lead,.shop-detail-head .lead{color:var(--fashion-text);font-size:17px;line-height:1.65;max-width:70ch;margin-top:0}
.page-head-wide{grid-template-columns:1.2fr .8fr;gap:36px;align-items:end}
.page-head-wide h1{max-width:20ch}
.legacy-wrap h2{font:500 clamp(1.65rem,2.8vw,2.15rem)/1.18 var(--serif);letter-spacing:0}
.legacy-wrap h2 a,.legacy-list h2 a{text-decoration:none}
.legacy-wrap h2 a:hover,.legacy-list h2 a:hover{text-decoration:underline}
.legacy-wrap>p{font-size:15px;line-height:1.7}
.button,.knop{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 20px;border:1px solid #000;border-radius:0;background:#000;color:#fff;font:700 14px/1.4 var(--sans);text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,color .15s}
.button:hover,.knop:hover{background:#333;color:#fff}
.button-outline,.button-lime{background:#fff;color:#000}
.button-outline:hover,.button-lime:hover{background:var(--fashion-sand);color:#000}
.text-link{font-size:14px;font-weight:600;gap:10px}
.text-link:hover,.out-link:hover{color:#000;text-decoration:underline}
.field{min-height:46px;padding:11px 12px;border:1px solid #aaa59d;border-radius:0;background:#fff;color:#1f1f1f;font-size:16px;line-height:1.4;box-shadow:none}
.field::placeholder{color:#76716a;opacity:1}
.filter-label{font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;margin-bottom:7px;font-weight:700}
.filter-panel{background:var(--fashion-sand);border:1px solid var(--line);padding:24px;margin-bottom:25px}
.filter-grid,.filter-grid.category-filters{gap:16px}
.filter-grid>*,.combi-form-grid>*,.photo-filter-pair>*,.product-main-filters>*{min-width:0}
.clear-filters{background:transparent;border-radius:0;color:#000;min-height:46px;font-size:13px;white-space:normal}
.clear-filters:hover{color:#000;border-color:#000;text-decoration:underline}
.mode-tabs{border-color:var(--line);font-size:14px;gap:12px 25px;padding-block:14px;margin-block:22px 28px}
.mode-tabs a{font-weight:400;text-decoration:none;padding-block:4px}
.mode-tabs a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:7px}
.mode-tabs a:hover{text-decoration:underline}
.category-subnav{padding-top:20px;gap:8px}
.category-subnav a{font-size:13px;padding:8px 12px;border-radius:0;border-color:var(--line)}
.category-subnav a:hover,.category-subnav a[aria-current=page]{background:#000;border-color:#000;color:#fff}
.results-bar,.city-result-count{font-size:13px;line-height:1.55;color:var(--muted)}
.results-bar>span{max-width:none}
.status{display:inline-block;padding:5px 10px;border:1px solid #b9b3a9;border-radius:999px;background:var(--fashion-sand);color:#25231f;font:600 11px/1.4 var(--sans);letter-spacing:0;text-transform:none;max-width:100%;white-space:normal}
.status-active{background:#fff;border-color:#000;color:#000}
.status-permanently_closed{background:#000;border-color:#000;color:#fff}
.status-unconfirmed{background:var(--fashion-sand);border-color:#c5bfb5;color:#37332d}
.status-temporarily_closed,.status-moved{background:#fff;border-color:#6b6760;color:#1f1f1f}
.coverage-note,.legacy-notice,.notice{border:1px solid var(--line);border-left:2px solid #000;background:var(--fashion-sand);color:var(--fashion-text);padding:20px 22px;border-radius:0}
.notice{color:var(--fashion-text)!important}
.coverage-note p,.legacy-notice p{font-size:14px;line-height:1.7}
.coverage-note>a,.legacy-notice a{font-size:14px}
.legacy-list,.legacy-places{gap:0 30px}
.legacy-list li,.legacy-places li,.legacy-places>a{border-color:var(--line);padding-block:20px}
.legacy-list li>span{font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.legacy-list h2{font-size:25px;margin-bottom:10px}
.legacy-list p{font-size:14px;line-height:1.65}
.legacy-data{border-color:var(--line)}
.legacy-data>div{border-color:var(--line);font-size:14px}
.legacy-empty,.empty-state{background:#fff;border-color:var(--line);padding:30px}
.pagination{gap:16px 25px;font-size:14px;margin-block:30px}
.pagination a{padding:7px 3px}

/* Homepage: a fashion masthead and actual merchant photographs. */
.fashion-home .fashion-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:center;padding-block:46px 32px}
.fashion-hero h1{font-size:clamp(3rem,5.4vw,4.5rem);line-height:1.03;max-width:13ch;margin:12px 0 21px;font-weight:500;letter-spacing:0}
.fashion-hero h1 em{font-family:inherit;font-weight:500;letter-spacing:0;font-style:normal}
.fashion-hero p,.fashion-hero .hero-intro{font-size:16px;line-height:1.7;color:var(--fashion-text);max-width:49ch;margin-top:0}
.fashion-hero .eyebrow{font-size:12px;margin-bottom:0;color:var(--muted)}
.fashion-hero .hero-actions{margin-top:25px;gap:16px}
.fashion-hero .hero-note{font-size:12px;color:var(--muted);margin-top:20px}
.fashion-hero-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;align-items:stretch}
.fashion-tile{position:relative;display:block;aspect-ratio:3/4;min-width:0;overflow:hidden;background:var(--fashion-sand);color:#000;text-decoration:none}
.fashion-tile img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.fashion-tile:nth-child(2){margin-top:28px;margin-bottom:-28px}
.fashion-tile .fashion-tile-label,.fashion-tile>span,.fashion-tile figcaption{position:absolute;bottom:12px;left:12px;right:12px;background:#fff;padding:9px 11px;font-size:12px;font-weight:600;line-height:1.4}
.fashion-tile:hover .fashion-tile-label,.fashion-tile:hover>span{text-decoration:underline}
.fashion-search{display:block;margin:25px 0 0;max-width:560px}
.fashion-search label{display:block;font-size:13px;font-weight:700;line-height:1.4;margin-bottom:8px}
.fashion-search>div{display:flex;align-items:stretch;gap:10px;min-width:0}
.fashion-search>div .field{flex:1 1 200px;width:0;min-width:0}
.fashion-search>div .button{flex:0 0 auto;min-width:110px}
.fashion-search .field{width:100%}
.fashion-search .button{height:46px}
.fashion-shortcuts{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;border-block:1px solid var(--line);margin-top:24px;padding-block:17px;font-size:14px}
.fashion-shortcuts a{font-weight:600;text-decoration:none}
.fashion-shortcuts a:hover{text-decoration:underline}
.hero-baseline{border-color:var(--line);font-size:13px;letter-spacing:0}
.hero-baseline p,.hero-baseline strong{font-size:13px;letter-spacing:0}
.entry-grid{gap:28px;margin:25px 0 15px}
.entry-card{border-top:1px solid #000;padding:22px 0;gap:12px}
.entry-card strong{font:500 29px/1.15 var(--serif);letter-spacing:0}
.entry-card p{font-size:15px;line-height:1.65}
.entry-card small{font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.category-grid{border-color:var(--line)}
.category-link,.category-link:nth-child(2),.category-link:nth-child(3),.category-link:nth-child(4){background:#fff;padding:24px;min-height:164px}
.category-link:hover{background:var(--fashion-sand)}
.category-link+.category-link{border-color:var(--line)}
.category-link h3{font:500 35px/1.1 var(--serif);letter-spacing:0}
.category-link .eyebrow,.category-link small{font-size:12px;letter-spacing:0;text-transform:none}
.category-link .category-arrow{font-size:22px}
.selection-grid{gap:22px}
.feature-face,.feature-shop:nth-child(2) .feature-face{background:var(--fashion-sand);color:#000;aspect-ratio:1.8}
.feature-shop:nth-child(3) .feature-face{background:#000;color:#fff}
.feature-face::before,.feature-face::after{display:none}
.feature-face strong{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.02em}
.feature-face .index{font-size:11px;letter-spacing:0;text-transform:none}
.feature-meta{border-color:var(--line);padding-block:14px}
.feature-meta h3{font-size:15px;letter-spacing:0}
.feature-meta p,.selection-foot{font-size:13px}
.guide-section{background:var(--fashion-sand);border-color:var(--line)}
.guide-layout{gap:60px}
.guide-intro h2{font-size:clamp(32px,4vw,46px);max-width:17ch}
.guide-intro p,.guide-step p{color:var(--muted);font-size:15px;line-height:1.7}
.guide-step{border-color:#c5bfb5}
.guide-step h3{font-size:18px;letter-spacing:0}
.full-link-strip{border-color:var(--line);padding-block:30px}
.full-link-strip strong{font:500 clamp(26px,3vw,36px)/1.2 var(--serif);letter-spacing:0}
.full-link-strip a{font-size:14px;white-space:normal}

/* Place pages: compact, honest store cards; the long street list can collapse. */
.city-directory{display:block;margin-block:20px 40px}
.city-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.city-sidebar,.city-content{min-width:0}
.city-tools-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:end}
.city-tools-grid>*{min-width:0}
.city-tools-grid .field,.city-tools-grid .button{width:100%}
.city-guide-note{border-top:1px solid var(--line);padding-block:24px;margin-top:30px}
.city-guide-note p{font-size:14px;line-height:1.7;margin-bottom:12px}
.city-nearby{margin-top:20px}
.city-tools{min-width:0}
.city-tools>form,.city-tools .filter-panel{margin-top:0}
.city-jump{border-top:1px solid #000;border-bottom:1px solid var(--line);padding-block:5px;margin:0 0 22px}
.city-jump summary{padding:13px 24px 13px 0;cursor:pointer;font-size:16px;font-weight:600;line-height:1.4}
.city-jump ul,.city-jump ol{list-style:none;padding:0;margin:0 0 10px}
.city-jump li{border-top:1px solid var(--line)}
.city-jump a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:14px;text-decoration:none;overflow-wrap:anywhere}
.city-jump a:hover{text-decoration:underline}
.city-jump a span:last-child{font-size:12px;flex:none;color:var(--muted)}
.city-result-count{padding-block:13px;border-block:1px solid var(--line);margin-bottom:24px}
.street-section{margin-block:0 32px;scroll-margin-top:20px}
.street-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #000}
.street-heading h2,.legacy-wrap .street-heading h2{font-size:30px;margin:0}
.street-heading>a,.street-heading>span,.street-heading>small{font:400 13px/1.45 var(--sans);color:var(--muted)}
.physical-grid.city-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:0}
.city-store-grid>li,.city-store-grid>article,.city-store-grid .physical-card{padding:20px 0;border-top:0;border-bottom:1px solid var(--line);min-width:0}
.city-store-grid h2,.city-store-grid h3,.legacy-wrap .city-store-grid h2,.legacy-wrap .city-store-grid h3{font:700 16px/1.35 var(--sans);margin:0 0 8px;letter-spacing:0}
.city-store-grid p{font-size:14px;line-height:1.6;margin:8px 0}
.city-store-grid small{font-size:12px;line-height:1.6}
.city-store-grid .status{margin-bottom:8px}
.city-store-grid a{overflow-wrap:anywhere}
.city-empty{padding:26px 0;color:var(--muted);font-size:15px}

/* Physical listings and detail pages. */
.physical-grid{gap:0 26px}
.physical-card{border-color:var(--line);gap:10px;padding-block:23px}
.physical-card h2,.legacy-wrap .physical-card h2{font:700 17px/1.35 var(--sans);letter-spacing:0}
.physical-card p{font-size:14px;line-height:1.65}
.physical-card small,.physical-card .source-link{font-size:12px}
.store-detail{max-width:880px;font-size:15px;line-height:1.75;padding-bottom:45px}
.store-detail>h2{margin-bottom:15px}
.store-detail>p{margin-block:14px}
.store-detail .button{margin-block:12px}
.store-map{border-color:var(--line);padding-top:25px;margin-top:30px}
.store-map h2{margin-bottom:12px}
.map-caption{font-size:13px;line-height:1.65}
.google-map-frame iframe,.map-embed iframe{border:1px solid var(--line);border-radius:0;background:var(--fashion-sand);height:340px;max-width:100%}
.google-map-placeholder{background:var(--fashion-sand);border-color:var(--line);border-radius:0}
.map-actions{gap:15px 22px;margin-top:15px;font-size:14px}
.store-scan-entry{background:#000;color:#fff;border-color:#000;padding:26px;margin-block:30px}
.store-scan-entry h2,.legacy-wrap .store-scan-entry h2{font-family:var(--serif);font-weight:500;font-size:28px;color:#fff}
.store-scan-entry p{font-size:14px;color:#eeeae4}
.store-scan-actions{gap:12px}
.store-scan-entry .store-scan-action{background:#fff;color:#000;border-color:#fff;min-height:56px;padding:13px 16px;font-size:13px}
.store-scan-entry .store-scan-action--photo{background:transparent;color:#fff;border-color:#fff}
.store-scan-entry .store-scan-action:hover{background:#eeeae4;color:#000}
.store-scan-entry .store-scan-action:focus-visible{outline-color:#fff}
.detail-layout{gap:45px}
.detail-facts,.detail-fact,.source-note,.related-shops,.related-grid,.related-link{border-color:var(--line)}
.detail-fact dt{font-size:12px;letter-spacing:0;text-transform:none}
.detail-fact dd,.detail-copy p{font-size:15px}
.detail-copy h2{font-size:29px;letter-spacing:0}
.shop-visit{background:var(--fashion-sand);border-color:var(--line);padding:26px}
.shop-visit p,.shop-visit .external-note{color:var(--muted)}
.visit-brand{font-family:var(--serif);font-size:36px;letter-spacing:0}
.shop-visit .eyebrow{margin-bottom:24px}
.related-shops h2{font-size:32px}
.related-link strong{font-size:16px;letter-spacing:0}

/* Webshop guide remains a useful readable list. */
.shop-list{border-color:#000}
.shop-row{grid-template-columns:220px minmax(0,1fr) 160px;gap:28px;border-color:var(--line);padding-block:27px}
.shop-name h3{font:500 30px/1.15 var(--serif);letter-spacing:0}
.shop-focus,.shop-actions .details-link{font-size:12px}
.shop-summary{font-size:14px;line-height:1.7}
.shop-actions{font-size:13px}
.shop-actions .out-link{color:#000}
.tags{gap:6px}
.tags li{font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0;border-color:var(--line);padding:3px 6px}
.below-directory{border-color:var(--line);gap:50px}
.below-directory h2{font-size:30px}
.below-directory p,.below-directory ul{font-size:15px}

/* All approved feeds share one product layout and unchanged filter semantics. */
.legacy-wrap .product-head h1{font:500 clamp(2.5rem,5vw,4rem)/1.06 var(--serif);letter-spacing:0;margin:12px 0 15px;max-width:25ch}
.product-head .lead{max-width:75ch}
.product-main-filters{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) auto}
.combi-form-grid{gap:16px}
.combi-form-grid button{min-height:46px}
.extra-filters{margin-top:20px}
.extra-filters summary{font-size:14px;padding-block:4px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;margin-block:25px 35px}
.product-card{gap:9px;padding-bottom:23px;border-color:var(--line);background:#fff;overflow-wrap:anywhere}
.product-card img,.photo-results .product-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f7f6f3;mix-blend-mode:multiply;margin:0 0 3px}
.product-card h2,.legacy-wrap .product-card h2,.photo-results .product-card h4{font:600 15px/1.4 var(--sans);letter-spacing:0;margin:0}
.product-card p{font-size:14px;line-height:1.5;margin:0}
.product-card .eyebrow{font-size:12px;font-weight:400;color:var(--muted)}
.product-card .product-price{font-size:19px;font-weight:700;color:#000;line-height:1.4}
.product-card small,.photo-results .product-card small{font-size:12px;line-height:1.6;margin-top:5px;color:var(--muted)}
.product-card .button{min-height:42px;width:100%;margin-top:auto;font-size:13px;gap:8px;padding:10px 12px}
.product-card .affiliate-label,.photo-results .product-card .affiliate-label{font-size:11px;line-height:1.45;display:block;margin-top:2px;color:var(--muted)}
.price-comparison{font-size:14px;color:#000}

/* Existing camera, barcode and client-side photograph tools. */
.scan-teaser{background:#000;color:#fff;border:1px solid #000;padding:32px;margin-block:20px 38px}
.scan-teaser h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);color:#fff;margin:10px 0 16px}
.scan-teaser .eyebrow{color:#eeeae4}
.scan-teaser p{font-size:15px;color:#eeeae4;line-height:1.7;margin-bottom:20px}
.scan-teaser .button{background:#fff;color:#000;border-color:#fff}
.scan-teaser .button:hover{background:var(--fashion-sand);color:#000}
.scan-teaser a:focus-visible{outline-color:#fff}
.scan-mode-links{gap:12px;margin-bottom:22px}
.scan-mode-links .button+ .button{background:#fff;color:#000}
.garment-photo,.barcode-section{border-color:var(--line);padding-top:30px;margin-top:35px}
.garment-photo h2,.barcode-section h2,.legacy-wrap .garment-photo h2,.legacy-wrap .barcode-section h2{font-family:var(--serif);font-size:clamp(28px,3.2vw,36px);font-weight:500;letter-spacing:0;margin:6px 0 15px}
.garment-photo>header,.barcode-section>header{max-width:800px}
.garment-photo>header p,.barcode-section>header p{font-size:15px;line-height:1.7}
.photo-workspace{gap:38px;margin-top:25px}
.photo-file-input{font-size:14px;line-height:1.6;white-space:normal;width:100%}
.photo-file-input::file-selector-button,.scan-panel input[type=file]::file-selector-button{background:#fff;border:1px solid #aaa59d;border-radius:0;padding:8px 10px;color:#000;margin-right:10px;white-space:normal;cursor:pointer}
.photo-preview canvas,.barcode-preview{border-color:var(--line);border-radius:0}
.photo-position label{font-size:13px;line-height:1.5}
.photo-filter-pair{gap:16px}
.photo-filters .field{font-size:16px;margin-bottom:17px}
.photo-results h3{font:500 30px/1.2 var(--serif);margin-bottom:12px}
.photo-results .product-card .photo-similar-label{color:var(--muted);font-size:12px;margin-bottom:8px}
.photo-results .product-grid{margin-top:23px}
.garment-photo progress{accent-color:#000}
.scan-status{background:var(--fashion-sand);border-color:#000;color:var(--fashion-text);padding:16px;font-size:14px;line-height:1.65}
.scan-alert{background:var(--fashion-sand);border-color:#000;color:#000}
.scan-choice{background:#fff;border-color:#000;border-radius:0;font-size:14px;padding:10px 14px;max-width:100%}
.scanner-layout{gap:38px;margin-top:26px}
.scan-panel h3{font-size:19px;margin-bottom:12px}
.scan-panel p{font-size:15px;line-height:1.7;margin-bottom:18px}
.scan-panel .map-caption{font-size:13px}
.scan-panel label{margin-top:15px}
.scan-panel .field{font-size:16px}
.scan-actions{gap:13px;margin-block:18px 22px}
.scan-actions .text-link{font-size:14px}
.barcode-preview{padding:16px;background:#fff;overflow-x:auto}
.barcode-preview figcaption{font-size:13px;color:var(--muted)}
.photo-preview .text-link{min-height:40px;font-size:14px}
button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}

/* Article and footer chrome also follow the supplied brand. */
.prose-layout{gap:50px}
.prose-aside{border-color:#000;font-size:13px}
.prose h2{font:500 31px/1.2 var(--serif)}
.prose p,.prose ul{font-size:15px;line-height:1.8}
.faq details{border-color:var(--line)}
.faq summary{font-size:15px;min-height:28px}
.faq details p{font-size:14px}
.site-footer{background:#000;color:#fff;border-top:1px solid #000;padding:36px 0 24px;margin-top:30px}
.footer-top{gap:50px;padding-bottom:30px;border-color:#383838}
.site-footer .brand{display:block;max-width:100%}
.site-footer .brand img{width:254px;max-width:100%;height:auto}
.site-footer .brand img{filter:none}
.site-footer a:focus-visible{outline-color:#fff}
.site-footer .brand-mark{color:#000;border-color:#000;background:var(--fashion-sand)}
.site-footer .wordmark{font-family:var(--serif);font-size:26px;letter-spacing:0}
.footer-copy{font-size:14px;line-height:1.7;color:#c5c1bb;max-width:44ch;margin-top:16px}
.footer-links{gap:45px;font-size:14px}
.footer-links h2{font:700 13px/1.45 var(--sans);letter-spacing:0;text-transform:none;margin-bottom:13px}
.footer-links a{color:#fff}
.footer-links ul{gap:8px}
.footer-bottom{font-size:12px;line-height:1.7;color:#c5c1bb;margin-top:20px}
.footer-bottom .copyright{white-space:normal}
.noscript-note{font-size:13px}

@media(min-width:1120px){
  .city-layout{grid-template-columns:310px minmax(0,1fr);gap:45px}
  .city-sidebar{position:sticky;top:20px}
  .physical-grid.city-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .site-header .main-nav{gap:0 22px;font-size:14px}
  .fashion-home .fashion-hero{gap:30px}
  .fashion-hero h1{font-size:clamp(42px,5.7vw,64px)}
  .category-link{padding:20px}
  .category-link h3{font-size:30px}
  .product-main-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-main-filters>div:first-child{grid-column:1/-1}
  .shop-row{grid-template-columns:180px minmax(0,1fr) 135px;gap:23px}
  .shop-name h3{font-size:27px}
  .photo-workspace,.scanner-layout{gap:28px}
}
@media(max-width:900px){
  .city-layout{display:block}
  .city-sidebar{position:static;margin-bottom:20px}
  .city-tools{position:static}
  .city-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .city-tools-grid>div:first-child{grid-column:1/-1}
  .city-tools-grid .button{grid-column:auto}
  .city-tools .filter-panel{padding:18px}
  .city-jump{margin-bottom:16px}
  .physical-grid.city-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-layout,.detail-layout{gap:30px}
  .legacy-wrap h1,.page-head h1,.legacy-wrap .product-head h1{font-size:clamp(40px,6vw,56px)}
  .shop-row{grid-template-columns:180px minmax(0,1fr);gap:18px 25px}
  .shop-actions{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center}
}
@media(max-width:820px){
  .wrap{width:calc(100% - 32px)}
  .topline{font-size:12px;padding:8px 0}
  .topline .wrap>a{display:none}
  .site-header .header-inner{grid-template-columns:40px minmax(0,1fr) 80px;gap:0 8px;padding-top:14px;padding-bottom:0;min-height:0}
  .site-header .brand{grid-column:2;grid-row:1;width:min(100%,225px);max-width:100%;justify-self:center}
  .site-header .brand img{width:100%;height:auto}
  .site-header .menu-toggle:not([hidden]){display:inline-flex;grid-column:1;grid-row:1;justify-self:start;justify-content:center;align-items:center;gap:0;padding:10px;font-size:0}
  .site-header .menu-toggle .menu-icon{font-size:initial;flex:none}
  .header-search{grid-column:3;grid-row:1;justify-self:end;justify-content:center;width:40px;min-width:40px;min-height:44px}
  .header-scan{grid-column:3;grid-row:1;justify-self:start;justify-content:center;width:40px;min-width:40px;min-height:44px}
  .header-search .utility-label,.header-scan .utility-label{display:none}
  .site-header .main-nav{grid-row:2;justify-content:flex-start;gap:0 22px;margin-top:12px;padding:7px 0 9px;border-top:1px solid var(--line);font-size:14px}
  .js .site-header .main-nav[data-open=false]{display:none}
  .js .site-header .main-nav[data-open=true]{display:flex}
  .site-header .main-nav a{padding-block:10px}
  .audience-nav{grid-row:3;justify-content:flex-start;flex-wrap:nowrap;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px;max-width:100%}
  .audience-nav>.wrap{justify-content:flex-start;flex-wrap:nowrap;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px;width:calc(100% - 32px)}
  .audience-nav a{font-size:13px;padding-block:11px}
  .section{padding-block:40px}
  .fashion-home .fashion-hero{padding-block:32px 25px;gap:25px}
  .fashion-hero p,.fashion-hero .hero-intro{font-size:15px}
  .fashion-hero .hero-actions{gap:12px}
  .fashion-tile:nth-child(2){margin-top:20px;margin-bottom:-20px}
  .fashion-tile .fashion-tile-label,.fashion-tile>span{left:8px;right:8px;bottom:8px;font-size:11px;padding:7px 8px}
  .section-heading{gap:20px;margin-bottom:22px}
  .section-heading p{font-size:14px}
  .page-head-wide{display:block}
  .page-head-wide .lead{margin-top:15px;max-width:70ch}
  .page-head .lead{font-size:16px;line-height:1.65}
  .detail-layout{display:block}
  .shop-visit{position:static;max-width:none;margin-top:25px}
  .detail-copy p{font-size:15px}
  .prose-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}
  .footer-top{gap:30px}
  .footer-links{gap:25px}
}
@media(max-width:700px){
  .photo-workspace,.scanner-layout{grid-template-columns:minmax(0,1fr);gap:27px}
  .photo-filter-pair{gap:14px}
  .scan-mode-links .button{width:100%;text-align:center}
  .photo-file-button{width:100%;text-align:center}
  .scan-panel .button{white-space:normal;max-width:100%;width:100%;justify-content:center}
  .google-map-frame iframe,.map-embed iframe{height:290px}
  .store-scan-actions{grid-template-columns:1fr}
  .store-scan-entry{padding:23px}
  .store-scan-entry .store-scan-action{justify-content:flex-start}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
  .product-card h2,.legacy-wrap .product-card h2,.photo-results .product-card h4{font-size:14px}
  .product-card .product-price{font-size:18px}
  .product-card .button{font-size:12px;padding:10px 8px;min-height:43px}
  .product-card p{font-size:13px}
  .product-card small{font-size:11px}
  .product-card .affiliate-label{font-size:11px}
  .product-card img{aspect-ratio:3/4}
}
@media(max-width:650px){
  body{font-size:15px}
  .site-header .header-inner{gap:0 6px}
  .site-header .brand{width:min(100%,200px)}
  .legacy-wrap{padding-top:20px;padding-bottom:45px}
  .legacy-wrap h1,.page-head h1,.legacy-wrap .product-head h1,.shop-detail-head h1{font-size:clamp(36px,9.5vw,46px);max-width:100%;line-height:1.08;margin-top:9px;margin-bottom:16px}
  .page-head .eyebrow{font-size:12px;margin-bottom:9px}
  .breadcrumbs{font-size:12px;gap:5px;margin-bottom:19px}
  .page-head{padding-bottom:23px}
  .page-head .lead,.shop-detail-head .lead{font-size:16px}
  .section-heading{display:block}
  .section-heading h2{font-size:32px;max-width:24ch}
  .section-heading p{margin-top:14px;max-width:55ch;font-size:15px}
  .fashion-home .fashion-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:27px}
  .fashion-hero h1{font-size:clamp(44px,12vw,58px);max-width:13ch;line-height:1.04;margin-top:10px;margin-bottom:18px}
  .fashion-hero p,.fashion-hero .hero-intro{font-size:16px;line-height:1.65;max-width:100%}
  .fashion-hero-media{gap:10px;margin-bottom:12px}
  .fashion-tile{aspect-ratio:4/5}
  .fashion-tile:nth-child(2){margin-top:18px;margin-bottom:-18px}
  .fashion-tile .fashion-tile-label,.fashion-tile>span{font-size:12px}
  .fashion-search{margin-top:20px;gap:8px;grid-template-columns:minmax(0,1fr) auto}
  .fashion-search .button{padding-inline:14px}
  .fashion-shortcuts{gap:12px 18px;font-size:13px;margin-top:20px;padding-block:16px}
  .entry-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-block:23px 0}
  .entry-card{padding-block:22px;gap:11px}
  .entry-card strong{font-size:28px}
  .entry-card p{font-size:15px;max-width:100%}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-link,.category-link:nth-child(2),.category-link:nth-child(3),.category-link:nth-child(4){padding:19px 15px;min-height:158px}
  .category-link:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .category-link:nth-child(4){border-top:1px solid var(--line)}
  .category-link h3{font-size:30px}
  .category-link .eyebrow,.category-link small{font-size:11px}
  .category-link .category-arrow{font-size:20px;right:14px;bottom:16px}
  .selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .feature-face{aspect-ratio:4/3}
  .feature-face strong{font-size:25px;letter-spacing:-.02em}
  .feature-face .index{top:11px;left:11px;right:11px;font-size:10px}
  .feature-meta{gap:9px;padding-block:12px}
  .feature-meta h3{font-size:14px}
  .feature-meta p{font-size:12px}
  .selection-foot{display:block;font-size:13px}
  .selection-foot .text-link{font-size:14px;margin-top:12px}
  .guide-layout{grid-template-columns:minmax(0,1fr);gap:27px}
  .guide-intro h2{font-size:34px;max-width:20ch}
  .guide-intro p{max-width:100%;font-size:15px;margin-top:18px}
  .guide-step{grid-template-columns:25px minmax(0,1fr);gap:14px;padding-block:21px}
  .guide-step h3{font-size:18px}
  .guide-step p{font-size:14px}
  .full-link-strip{align-items:flex-start;flex-direction:column;gap:17px}
  .full-link-strip strong{font-size:30px;max-width:23ch}
  .legacy-places{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .legacy-list{grid-template-columns:minmax(0,1fr)}
  .legacy-list li,.legacy-places li,.legacy-places>a{padding-block:17px}
  .legacy-places a{font-size:14px}
  .city-directory{margin-top:18px}
  .city-directory .city-head{padding-bottom:18px}
  .legacy-wrap .city-directory .city-head h1{font-size:36px;line-height:1.08;margin:8px 0 13px}
  .city-directory .city-head .lead{font-size:15px;line-height:1.6}
  .city-sidebar{margin-bottom:15px}
  .city-tools.filter-panel{padding:16px;margin-bottom:14px}
  .city-tools-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}
  .city-tools-grid>div:first-child{grid-column:1/-1}
  .city-tools-grid .button{grid-column:auto;min-width:0;padding-inline:8px}
  .city-tools-grid .field{width:100%;min-width:0}
  .city-result-count{padding-block:10px;margin-bottom:19px;min-height:39px}
  .city-result-count>span{display:none}
  .city-jump summary{font-size:14px;padding-block:11px}
  .city-jump{margin-bottom:0}
  .city-jump summary span{margin-left:8px;font-size:12px;color:var(--muted)}
  .physical-grid.city-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .city-store-grid>li,.city-store-grid>article,.city-store-grid .physical-card{padding-block:17px}
  .city-store-grid h2,.city-store-grid h3,.legacy-wrap .city-store-grid h2,.legacy-wrap .city-store-grid h3{font-size:15px}
  .city-store-grid p{font-size:13px}
  .city-store-grid small{font-size:11px}
  .city-store-grid .status{font-size:10px;padding:4px 7px}
  .street-heading h2,.legacy-wrap .street-heading h2{font-size:28px}
  .street-heading>span,.street-heading>small,.street-heading>a{font-size:12px}
  .filter-panel{padding:18px 15px}
  .filter-grid,.filter-grid.category-filters,.combi-form-grid,.product-main-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .combi-form-grid>div:first-child,.product-main-filters>div:first-child{grid-column:1/-1}
  .combi-form-grid .button{width:100%;grid-column:1/-1}
  .filter-grid.category-filters>.filter-search,.filter-grid.category-filters>.filter-assortment{grid-column:1/-1}
  .extra-filters>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-label{font-size:12px;line-height:1.45;margin-bottom:6px}
  .field,.photo-filters .field,.scan-panel .field{font-size:16px;min-height:46px;padding:10px 11px}
  .clear-filters{font-size:13px;min-height:38px}
  .results-bar{font-size:12px;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .results-bar>span{max-width:none;text-align:left}
  .mode-tabs{gap:10px 18px;font-size:13px;padding-block:11px;margin-block:19px 24px}
  .mode-tabs a{font-size:13px}
  .physical-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .physical-card{padding-block:22px}
  .physical-card h2,.legacy-wrap .physical-card h2{font-size:18px}
  .status{font-size:11px}
  .shop-row{grid-template-columns:minmax(0,1fr);gap:13px;padding-block:24px}
  .shop-name{display:block}
  .shop-name h3{font-size:30px}
  .shop-focus{max-width:none;text-align:left;margin-top:7px;font-size:12px}
  .shop-actions{grid-column:1;justify-content:flex-start;width:100%;gap:12px 22px;font-size:14px}
  .shop-actions .details-link{font-size:13px}
  .shop-summary{font-size:14px}
  .tags li{font-size:11px}
  .directory-note{font-size:13px;line-height:1.7}
  .below-directory{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:32px}
  .below-directory h2{font-size:28px}
  .below-directory p,.below-directory ul{font-size:15px}
  .legacy-data>div{grid-template-columns:minmax(0,1fr);gap:7px;padding-block:15px}
  .legacy-notice,.coverage-note{padding:17px}
  .legacy-notice p,.coverage-note p{font-size:14px}
  .store-detail{font-size:15px;padding-bottom:30px}
  .store-map h2,.legacy-wrap .store-map h2{font-size:28px}
  .map-caption{font-size:13px}
  .store-scan-entry{padding:22px 19px;margin-block:25px}
  .store-scan-entry h2,.legacy-wrap .store-scan-entry h2{font-size:27px}
  .store-scan-entry p{font-size:14px}
  .store-scan-entry .store-scan-action{font-size:13px;min-height:56px}
  .detail-layout{padding-bottom:35px}
  .detail-fact{grid-template-columns:100px minmax(0,1fr);gap:15px}
  .detail-fact dt{font-size:12px}
  .detail-fact dd{font-size:14px}
  .shop-visit{padding:23px;order:initial}
  .shop-visit p{font-size:14px}
  .detail-copy h2{font-size:28px}
  .detail-copy p{font-size:15px}
  .source-note{font-size:12px}
  .related-grid{grid-template-columns:minmax(0,1fr)}
  .related-link:not(:last-child){margin-right:0}
  .related-link strong{font-size:16px}
  .scan-teaser{padding:26px 22px;margin-block:18px 30px}
  .scan-teaser h2{font-size:33px}
  .scan-teaser p{font-size:15px}
  .scan-teaser .button{width:100%}
  .garment-photo,.barcode-section{padding-top:25px;margin-top:28px}
  .garment-photo h2,.barcode-section h2,.legacy-wrap .garment-photo h2,.legacy-wrap .barcode-section h2{font-size:30px}
  .photo-workspace{gap:25px}
  .photo-filter-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .photo-position{gap:12px}
  .photo-position label{font-size:13px}
  .photo-results h3{font-size:28px}
  .scan-panel p{font-size:15px}
  .scan-panel .map-caption{font-size:13px}
  .scan-actions{gap:12px;margin-block:16px 20px}
  .scan-status{font-size:14px}
  .prose-layout{display:block;padding-bottom:35px}
  .prose-aside{display:block;margin-bottom:25px;font-size:13px}
  .prose h2{font-size:28px}
  .prose p,.prose ul{font-size:15px}
  .faq summary{font-size:15px}
  .faq details p{font-size:14px}
  .site-footer{padding-top:28px;margin-top:25px}
  .footer-top{flex-direction:column;gap:28px;padding-bottom:25px}
  .site-footer .brand img{width:230px}
  .footer-copy{font-size:14px;max-width:100%}
  .footer-links{gap:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px}
  .footer-links h2{font-size:13px}
  .footer-bottom{flex-direction:column;gap:12px;font-size:12px}
  .footer-bottom .copyright{order:0}
}
@media(max-width:359px){
  .site-header .header-inner{grid-template-columns:36px minmax(0,1fr) 72px;gap:0 4px}
  .header-search,.header-scan{width:36px;min-width:36px}
  .site-header .menu-toggle:not([hidden]){min-width:36px;padding-inline:8px}
  .physical-grid.city-store-grid,.product-grid{grid-template-columns:minmax(0,1fr)}
  .fashion-hero h1{font-size:42px}
  .fashion-search>div{flex-direction:column;gap:8px}
  .fashion-search>div .field{width:100%;flex:auto}
  .fashion-search .button{width:100%}
  .selection-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
