:root{--ink:#292727;--muted:#716a66;--wine:#702e40;--cream:#f7f5f0;--line:#e4dfd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}header,main,footer{max-width:1344px;margin:auto;padding-left:48px;padding-right:48px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:36px;font-weight:650;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;margin-top:12px}.source{font-size:13px;text-decoration:none;color:var(--muted)}.intro{padding:64px 0 44px;border-bottom:1px solid var(--line);position:relative;background:radial-gradient(ellipse at 95% 30%,#e9e2db66,transparent 60%)}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:600;color:var(--wine)}h1{font:normal 58px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:22px 0}p{color:var(--muted)}.intro p{font-size:17px;line-height:1.7;margin:0}.intro-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.browse{background:var(--wine);color:#fff;border-radius:5px;padding:13px 20px;text-decoration:none;font-size:14px;min-width:180px;display:flex;justify-content:space-between}.edition{font-size:12px;color:var(--muted)}#catalog{padding-top:36px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font:normal 32px/1.2 Georgia,serif;margin:0}#count{font-size:13px;color:var(--muted)}.toolbar{display:flex;gap:12px}.search{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 16px;flex:1}.search span{font-size:28px}.search input{border:0;outline:0;width:100%;padding:15px 0;background:transparent;font-size:15px}.filter-toggle{display:none}.filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:12px;margin-top:16px;align-items:end}.filters label{font-size:11px;color:var(--muted)}.filters select,.filters input{display:block;border:1px solid var(--line);border-radius:5px;background:transparent;width:100%;height:44px;padding:0 10px;margin-top:5px;color:var(--ink);font-size:13px}.reset{border:0;background:transparent;color:var(--wine);font-size:12px;height:44px;padding:0 8px}.active{min-height:27px;padding-top:4px;font-size:12px;color:var(--wine)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.image-area{--bottle-height:300px;height:var(--bottle-height);background:#f1eee8;display:flex;align-items:center;padding:24px 22px;position:relative}.image-area img{position:absolute;left:50%;top:50%;width:calc(var(--bottle-height) - 48px);height:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg);mix-blend-mode:multiply}.card-content{padding:21px 22px 19px;display:flex;flex-direction:column;flex:1}.origin{font-size:11px;letter-spacing:.3px;color:var(--muted);margin-bottom:10px}.card h3{font:normal 22px/1.2 Georgia,serif;letter-spacing:-.3px;margin:0 0 12px;min-height:53px}.grapes{font-size:12px;color:var(--muted);margin:0 0 10px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--wine);margin-bottom:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);gap:6px}.price{font-size:18px;font-weight:600;letter-spacing:-.5px}.price small{font-size:11px;font-weight:400;letter-spacing:0}.more{border:0;color:var(--wine);background:none;padding:8px 0 8px 12px;font-size:12px}.notice{border-top:1px solid var(--line);padding:25px 0;margin-top:46px;font-size:12px;max-width:850px}.notice strong{font-weight:500}.notice p{margin:8px 0 0}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:32px;font-size:11px;color:var(--muted)}.brand-small{font-size:24px;color:var(--ink);letter-spacing:-1px}.empty{text-align:center;padding:60px 0}.empty button{background:var(--wine);border:0;color:white;padding:12px 18px;border-radius:5px}.empty[hidden]{display:none}dialog{border:0;border-radius:12px;padding:0;max-width:780px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#1c1211a6}.close{position:absolute;right:12px;top:12px;border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:25px;z-index:2}.detail-image{position:relative;--bottle-height:360px;height:var(--bottle-height);background:#eae6df;padding:60px 35px 30px}.detail-image img{position:absolute;left:50%;top:50%;width:calc(var(--bottle-height) - 64px);height:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg);mix-blend-mode:multiply}.detail-body{padding:28px 32px}.detail-body h2{margin:8px 0 18px}.detail-body .price{font-size:25px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.facts dt,.detail-label{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:var(--wine)}.facts dd{margin:4px 0 0;font-size:14px}.detail-body p{font-size:14px}.detail-source{font-size:12px;color:var(--wine)}:focus-visible{outline:3px solid #b27385;outline-offset:4px}@media(min-width:1500px){header,main,footer{max-width:1440px}}@media(max-width:1000px){header,main,footer{padding-left:28px;padding-right:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,1fr)}.reset{grid-column:1/-1;text-align:left;height:28px}h1{font-size:50px}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}header{height:91px}.brand{font-size:29px}.brand span{font-size:7px;letter-spacing:1.4px;margin-top:9px}.source{font-size:10px;max-width:80px;text-align:right}.intro{padding:36px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:39px;letter-spacing:-1.3px;margin:18px 0}.intro p{font-size:14px;line-height:1.65}.desktop{display:none}.intro-bottom{align-items:start;gap:15px;margin-top:25px}.browse{font-size:12px;padding:12px 16px;min-width:147px}.edition{font-size:10px;max-width:115px;padding-top:6px}#catalog{padding-top:27px}.section-head{margin-bottom:18px;gap:10px}h2{font-size:26px}#count{font-size:11px;white-space:nowrap}.search{padding:0 10px;gap:8px}.search input{font-size:12px;padding:14px 0}.search span{font-size:23px}.filter-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px;font-size:11px}.filters{display:none}.filters.open{display:grid}.active{min-height:22px;font-size:11px}.grid{grid-template-columns:1fr;gap:16px}.image-area{--bottle-height:260px;padding:24px 23px}.card-content{padding:18px 20px}.card h3{font-size:23px;min-height:0;margin-bottom:10px}.origin{font-size:11px;margin-bottom:8px}.grapes{font-size:12px}.tag{margin-bottom:14px}.price{font-size:20px}.more{font-size:12px;padding:10px}.notice{margin-top:30px;font-size:11px}footer{gap:20px}footer>span:last-child{text-align:right;max-width:165px}.detail-body{padding:24px}.detail-image{--bottle-height:300px;padding:50px 24px 25px}.facts{grid-template-columns:1fr}.detail-body h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Static content remains readable in iOS document previews without JavaScript. */
.toolbar,.filters{display:none}.js-enabled .toolbar{display:flex}.js-enabled .filters{display:grid}.js-enabled .no-js-note{display:none}.no-js-note{font-size:12px;color:var(--muted);margin:0 0 18px}.static-details{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.static-details summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;color:var(--wine)}.static-details p{font-size:13px;line-height:1.6}.static-details strong{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--wine)}@media(max-width:600px){.js-enabled .filters{display:none}.js-enabled .filters.open{display:grid}.intro{padding-top:24px;padding-bottom:23px}h1{font-size:34px;line-height:1.08;margin:16px 0}.intro p{font-size:13px}.intro-bottom{margin-top:20px}.intro .browse{min-height:44px}}

/* Bottle left, facts right; native details is a full-width sibling of the upper block. */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.card{min-width:0}
.card-top{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-width:0}
.card .image-area{--bottle-height:248px;height:var(--bottle-height);width:100%;padding:0;background:transparent;align-self:center}
.card .image-area img{width:calc(var(--bottle-height) - 36px)}
.card-content{min-width:0;padding:20px 20px 16px 8px}
.card h3{min-height:0;font-size:23px;overflow-wrap:anywhere;hyphens:auto;margin-bottom:12px}
.origin,.grapes,.tag{overflow-wrap:anywhere}
.tag{margin-bottom:12px}
.card-bottom{margin-top:6px;padding-top:12px;display:block}
.price{display:inline-block;white-space:nowrap}
.static-details{width:auto;margin:0 20px 0;padding:0;border-top:1px solid var(--line)}
.static-details summary{padding:14px 0;min-height:48px}
.static-details[open]{padding-bottom:16px}
.static-details p{overflow-wrap:anywhere}
@media(max-width:760px){.grid{grid-template-columns:1fr}}
@media(max-width:600px){.card-top{grid-template-columns:80px minmax(0,1fr)}.card .image-area{--bottle-height:222px}.card-content{padding:16px 14px 12px 4px}.card h3{font-size:19px;line-height:1.2;margin:0 0 10px}.origin{font-size:10px;line-height:1.5;margin-bottom:8px}.grapes{font-size:11px;line-height:1.5;margin-bottom:8px}.tag{font-size:9px;letter-spacing:.3px;margin-bottom:10px}.price{font-size:19px}.price small{font-size:11px}.static-details{margin:0 14px}.static-details summary{font-size:12px}.static-details p{font-size:12px}}

/* The supplied white SVG stays unchanged, on a contrasting brand panel. */
.brand-original{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--wine);padding:14px 16px 11px;border-radius:5px;line-height:1;letter-spacing:0;text-decoration:none;flex-shrink:0}
.brand-original .company-logo{display:block;width:176px;height:auto;max-width:100%;object-fit:contain}
.brand-original span{display:block;margin:0;font:11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.8px;color:#fff}
footer .brand-original{padding:10px 12px;gap:6px}footer .brand-original .company-logo{width:116px}footer .brand-original span{font-size:9px}
@media(max-width:600px){header{height:108px;gap:16px}.brand-original{padding:12px 13px 10px;gap:7px}.brand-original .company-logo{width:150px}.brand-original span{font-size:10px;letter-spacing:.6px}header .source{min-width:0;flex-shrink:1}footer .brand-original{max-width:145px}footer>span:last-child{max-width:140px}}

.search-wrap{position:relative;flex:1;min-width:0}.search-wrap .search{width:100%}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px #2927271a;max-height:310px;overflow:auto}.suggestions[hidden]{display:none}.suggestions button{display:block;width:100%;min-height:46px;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.suggestions button:hover,.suggestions button[aria-selected="true"]{background:#f2e7eb;color:var(--wine)}.suggestions p{padding:10px 14px;font-size:12px}.search-note{font-size:11px;margin:12px 0 0;max-width:700px;color:var(--muted)}.filters{grid-template-columns:repeat(5,minmax(0,1fr)) auto}@media(max-width:1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.search-wrap .search input{font-size:12px;min-width:0}.suggestions{width:calc(100% + 88px);max-width:calc(100vw - 40px)}.suggestions button{font-size:12px;min-height:48px}.search-note{font-size:10px}}

/* Themes preserve the supplied SVG paths and the original bottle pixels. */
:root{color-scheme:light;--surface:#ffffff;--ink:#292727;--muted:#716a66;--wine:#702e40;--cream:#f7f5f0;--line:#d4cec6;--button-bg:#702e40;--button-ink:#ffffff;--selection:#f2e7eb;--logo-filter:brightness(0);--intro-glow:#e9e2db66}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--surface:#202328;--ink:#f2f1ee;--muted:#b7b9c0;--wine:#f0a8bd;--cream:#17191d;--line:#555b65;--button-bg:#a43f5c;--button-ink:#ffffff;--selection:#3e2934;--logo-filter:none;--intro-glow:#40313c44}}
:root[data-theme="dark"]{color-scheme:dark;--surface:#202328;--ink:#f2f1ee;--muted:#b7b9c0;--wine:#f0a8bd;--cream:#17191d;--line:#555b65;--button-bg:#a43f5c;--button-ink:#ffffff;--selection:#3e2934;--logo-filter:none;--intro-glow:#40313c44}
.brand-original{background:none;border:0;box-shadow:none;border-radius:0}.brand-original .company-logo{filter:var(--logo-filter)}.brand-original span{color:var(--ink)}
.header-tools{display:flex;align-items:center;gap:24px}.theme-control{display:none;font-size:10px;color:var(--muted)}.js-enabled .theme-control{display:flex;flex-direction:column;gap:3px}.theme-control select{font:inherit;font-size:12px;min-height:38px;max-width:160px;border:1px solid var(--line);border-radius:5px;padding:5px 8px;background:var(--surface);color:var(--ink)}
.intro{background:radial-gradient(ellipse at 95% 30%,var(--intro-glow),transparent 60%)}
.card,.search,.suggestions,.suggestions button{background:var(--surface);color:var(--ink)}
.filters select,.filters input{background:var(--surface);color:var(--ink)}input::placeholder{color:var(--muted);opacity:1}.search input{color:var(--ink)}
.browse,.empty button{background:var(--button-bg);color:var(--button-ink)}
.suggestions button:hover,.suggestions button[aria-selected="true"]{background:var(--selection);color:var(--wine)}
.static-details{color:var(--ink)}.static-details p{color:var(--muted)}
.card .image-area{background:#ffffff}.card .image-area img{mix-blend-mode:normal;filter:none}
@media(max-width:600px){.header-tools{flex-direction:column;align-items:flex-end;gap:7px}.theme-control select{font-size:10px;width:112px;max-width:112px;min-height:35px;padding:4px 5px}.js-enabled .theme-control{flex-direction:row;align-items:center;gap:5px}.theme-control{font-size:9px}.brand-original .company-logo{width:120px}.brand-original{padding-left:0;padding-right:0}header .source{max-width:none}.header-tools{min-width:0}}

/* GoodWine is a visual reference: monochrome surfaces, light display type, generous rhythm.
   WineDepo identity, photography, product data and compact card anatomy are retained. */
:root{--cream:#ffffff;--surface:#ffffff;--ink:#141414;--muted:#636363;--wine:#141414;--line:#e5e5e5;--button-bg:#141414;--button-ink:#ffffff;--selection:#f0f0f0;--subtle:#f5f5f5;--intro-glow:transparent;--radius:12px;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-display:var(--font-ui)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--cream:#121212;--surface:#1c1c1c;--ink:#f5f5f5;--muted:#b5b5b5;--wine:#f5f5f5;--line:#424242;--button-bg:#f5f5f5;--button-ink:#141414;--selection:#333333;--subtle:#242424;--intro-glow:transparent}}
:root[data-theme="dark"]{--cream:#121212;--surface:#1c1c1c;--ink:#f5f5f5;--muted:#b5b5b5;--wine:#f5f5f5;--line:#424242;--button-bg:#f5f5f5;--button-ink:#141414;--selection:#333333;--subtle:#242424;--intro-glow:transparent}
body{font-family:var(--font-ui)}.intro{background:none}h1,h2{font-family:var(--font-display);font-weight:300;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}h1{font-size:56px}h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:.08em;font-weight:400}.intro p{line-height:1.5}
.card{border-radius:var(--radius)}.card h3{font-family:var(--font-ui);font-weight:400;font-size:16px;line-height:1.1;letter-spacing:-.01em;overflow-wrap:anywhere;min-height:0;max-height:none;-webkit-line-clamp:unset}.price{font-weight:500;font-size:20px;letter-spacing:-.01em}.card-top{column-gap:0}.card-content{padding-top:24px;padding-bottom:16px}.origin{line-height:1.5}.static-details summary{font-weight:400;letter-spacing:0}.browse,.empty button{border-radius:var(--radius);min-height:48px}.search,.filter-toggle,.filters select,.filters input,.theme-control select{border-radius:var(--radius)}.search{background:var(--subtle);border-color:transparent}.suggestions{border-radius:14px}.suggestions button{padding:16px;min-height:48px}.suggestions button:last-child{border-bottom:0}.filters{gap:16px}.grid{gap:24px}.browse{padding:14px 24px}.brand-original span{font-family:var(--font-ui)}
@media(min-width:1600px){.card h3{font-size:20px}}
@media(max-width:600px){h1{font-size:34px;line-height:1.05}h2{font-size:24px}.card h3{font-size:16px;line-height:1.1;letter-spacing:-.01em}.card-content{padding:16px 14px 16px 4px}.grid{gap:16px}.filters{gap:16px}.intro p{font-size:13px}.price{font-size:20px}.browse{padding:12px 16px}}

@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/raleway-variable.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("assets/fonts/manrope-variable.ttf") format("truetype")}
:root{--font-ui:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-display:Raleway,Manrope,Arial,sans-serif}
body{font-weight:400}h1{font-weight:200}h2{font-weight:300}.card h3{font-weight:400}.price{font-weight:500}

:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

/* A deliberate gutter separates bottle and information; name and price lead the scan. */
.card-top{padding:24px;grid-template-columns:100px minmax(0,1fr);column-gap:24px;align-items:center}
.card-content{padding:0;min-width:0;text-align:left;align-items:flex-start}
.card-content>*{max-width:100%;margin-left:0;margin-right:0}
.card h3{order:0;width:100%;font-size:18px;line-height:1.22;margin:0 0 8px;font-weight:500;letter-spacing:-.015em;text-wrap:pretty;overflow-wrap:anywhere}
.card .card-bottom{order:1;width:100%;margin:0 0 16px;padding:0;border:0;display:block}
.card .price{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.02em}
.card .origin{order:2;font-size:11px;line-height:1.45;letter-spacing:0;margin:0 0 6px;color:var(--muted)}
.card .grapes{order:3;font-size:11px;line-height:1.5;margin:0 0 6px;color:var(--muted)}
.card .tag{order:4;font-size:10px;line-height:1.4;letter-spacing:.025em;text-transform:none;margin:0;color:var(--muted)}
.static-details{margin-left:24px;margin-right:24px}
@media(max-width:600px){.card-top{padding:16px 16px 12px 12px;grid-template-columns:64px minmax(0,1fr);column-gap:16px}.card-content{padding:0}.card h3{font-size:16px;line-height:1.24;margin-bottom:8px}.card .card-bottom{margin-bottom:14px}.card .price{font-size:20px}.card .origin,.card .grapes{font-size:10px;line-height:1.5;margin-bottom:6px}.card .tag{font-size:10px}.static-details{margin-left:16px;margin-right:16px}}

.status-line{display:block;margin-top:6px;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.01em;color:var(--ink)}