@import url('assets/fonts.css');
/* The cellar remains behind every screen; pale surfaces keep the controls readable. */
body{background:linear-gradient(#17110db0,#17110db0),url('/cellar.webp') center/cover fixed!important;min-height:100dvh}
header{background:#f7f4edf2;position:relative;z-index:3}
.page{background:transparent;border-radius:16px;margin:26px auto!important;box-shadow:none;color:#fff5e7;text-shadow:0 2px 8px #0009}
.choices-color .choice.blanc{background:linear-gradient(135deg,#fbefb7,#d9b952);color:#594818;border-color:#c4a546}
.choices-color .choice.rose{background:linear-gradient(135deg,#f9d5cd,#cf788b);color:#63283d;border-color:#d48d9a}
.choices-color .choice.rouge{background:linear-gradient(135deg,#963c55,#4d1428);color:#fff0e8;border-color:#a05266}
.choice small{color:inherit!important;opacity:.8}.choice{transition:transform .18s,box-shadow .18s}.choice:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0002}
.wine-glass{width:72px;height:95px;margin-bottom:18px}
.choices-sparkling .choice{background:linear-gradient(135deg,#fcf2d3,#d9c08a)}
.bubbles{display:block;width:90px;height:100px;position:relative;margin-bottom:14px}.bubbles i{position:absolute;border:2px solid #9b7839;border-radius:50%;background:#fff9;width:19px;height:19px;box-shadow:inset -3px -3px 5px #ad895333}.bubbles i:nth-child(1){left:35px;top:5px}.bubbles i:nth-child(2){left:5px;top:35px;width:25px;height:25px}.bubbles i:nth-child(3){right:5px;top:27px;width:13px;height:13px}.bubbles i:nth-child(4){left:38px;top:48px}.bubbles i:nth-child(5){right:5px;bottom:4px;width:28px;height:28px}.bubbles i:nth-child(6){left:14px;bottom:0;width:12px;height:12px}
.still-wave{height:100px;font:100px Georgia;color:#9b7839;margin-bottom:14px;line-height:1}
.choices-sugar{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important}.choices-sugar .choice{font-size:28px;min-height:230px;border-top:5px solid #8d744b}.choices-sugar .sec,.choices-sugar .brutnature{background:linear-gradient(145deg,#f5f0e5,#d5ccb9)}.choices-sugar .demisec,.choices-sugar .extrabrut{background:linear-gradient(145deg,#f7efd6,#ddca93)}.choices-sugar .moelleux,.choices-sugar .brut{background:linear-gradient(145deg,#f9e9bc,#d8ad56)}.choices-sugar .doux{background:linear-gradient(145deg,#f6d99b,#c78b36)}
.sweetness{display:flex;gap:8px;margin-bottom:28px}.sweetness i{width:14px;height:20px;border:1px solid #886b38;border-radius:60% 60% 55% 55%;transform:rotate(25deg)}.sweetness .filled{background:#886b38}
.admin-controls{position:relative;margin-left:auto}.admin-controls>#adminButton{display:block;margin-left:auto}#adminMenu:not([hidden]){display:flex;flex-direction:column;gap:8px;position:absolute;right:0;top:48px;width:180px;padding:12px;background:#f7f4ed;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #0002}#adminMenu button{text-align:left;padding:11px}
body:has(#adminMenu:not([hidden])) .page{margin-right:calc(5vw + 205px)!important;max-width:calc(100% - 5vw - 245px)}
.slot[draggable="true"]{cursor:grab}.slot-moves{display:flex;justify-content:center;gap:6px;margin:8px 0}.slot-moves button{min-width:35px}.slot select{font-size:12px}
@media(max-width:600px){.page{margin:14px 10px!important}.choices-sugar{grid-template-columns:1fr 1fr!important}.choices-sugar .choice{font-size:24px;min-height:180px;padding:14px 8px}.wine-glass{height:65px;margin-bottom:10px}.sweetness{gap:5px}.sweetness i{width:12px}body:has(#adminMenu:not([hidden])) header{height:auto;min-height:64px;padding-top:12px;padding-bottom:12px;align-items:flex-start}#adminMenu:not([hidden]){position:static;width:165px;margin-top:8px;box-shadow:none}body:has(#adminMenu:not([hidden])) .page{max-width:none;margin:14px 10px!important}}
:root{--ink:#25241f;--cream:#f7f4ed;--wine:#742e41;--gold:#ad8953;--line:#ddd7ca}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:12px 20px;color:inherit}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--wine);color:white;border-color:var(--wine)}.quiet{background:transparent;padding:8px 14px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}header a{text-decoration:none;color:var(--ink);font:30px Georgia,serif;letter-spacing:-1px}header span{color:var(--wine)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:normal}h1{font-size:clamp(36px,5vw,65px);line-height:1.1}h2{font-size:32px}.hero{min-height:calc(100dvh - 76px);background:linear-gradient(90deg,#15100ed9,#15100e40),url('/cellar.webp') center/cover;display:flex;align-items:center;color:white;padding:8vw}.hero article{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--gold)}.hero .primary{background:#f5eee0;color:#33281d;border:0;min-width:160px}.page{max-width:1120px;margin:auto;padding:36px 24px}.intro{text-align:center;margin:4vh 0 40px}.intro p,.muted{color:#777467}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.choice{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#fff,#eee7db);font:32px Georgia,serif}.choice small{font:14px system-ui;margin-top:15px;color:#777}.glass{font-size:68px;color:var(--gold);margin-bottom:20px}.rose .glass{color:#d88999}.rouge .glass{color:var(--wine)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:22px}.toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.viewer{position:relative;height:calc(100dvh - 245px);min-height:330px;display:flex;justify-content:center;align-items:center;background:#e9e4da;border-radius:12px;overflow:hidden}.viewer>img{width:100%;height:100%;object-fit:contain}.arrow{position:absolute;top:45%;background:#fff9;border:0;font-size:30px;padding:8px 14px}.left{left:12px}.right{right:12px}.pager{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}.pager button{border-radius:0;padding:18px}.position{text-align:center;font-size:13px;margin:12px;color:#797569}.placeholder{text-align:center;padding:30px}.placeholder p{max-width:400px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:25px 0}.stat{text-align:left;padding:22px}.stat strong{display:block;font:36px Georgia;margin-bottom:8px}.row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.row h3{margin:0 0 8px}.row .actions{display:flex;gap:8px;flex-wrap:wrap}.row small{color:#777}dialog{width:min(860px,94vw);border:0;border-radius:14px;padding:30px;max-height:90dvh;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#181611a8;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:white;margin-top:6px}textarea{min-height:100px;resize:vertical}.full{grid-column:1/-1}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0}.slot{border:1px dashed var(--gold);border-radius:8px;padding:10px;text-align:center;min-width:0}.slot img{width:100%;height:110px;object-fit:contain}.slot input{font-size:11px;padding:4px}.slot button{padding:6px;font-size:12px}.slot b{font-size:12px}.detail-photo{width:100%;max-height:450px;object-fit:contain}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid p{white-space:pre-wrap;line-height:1.7}.notice{padding:15px;background:#eae1d0;border-radius:8px;margin:15px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#28251f;color:white;border-radius:8px;padding:14px 24px;display:none;z-index:20}.danger{color:#9d3042}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:600px){header{height:64px}.hero{min-height:calc(100dvh - 64px)}.choices{grid-template-columns:1fr}.choice{min-height:150px}.glass{font-size:40px;margin-bottom:5px}.page{padding:22px 16px}.form-grid,.filter-grid,.detail-grid{grid-template-columns:1fr}.slots{grid-template-columns:1fr 1fr}.viewer{height:calc(100dvh - 270px)}.row{align-items:flex-start;flex-direction:column}dialog{padding:20px}.toolbar button{padding:10px}.intro{margin-top:15px}}


/* Transparent cellar screens and warm brown controls. */
button{background:#d6b48b;color:#362517;border-color:#b79164;text-shadow:none}button:hover{background:#e5c6a1;border-color:#eed4b0}.primary{background:#ba8f61;color:#281a10;border-color:#d4b089}.quiet{background:#d6b48b}.prominent{font-weight:650;box-shadow:0 3px 12px #0004;border-width:2px}
.page .intro p,.page .muted,.page .row small,.page .position{color:#efdfcc}.page .eyebrow{color:#eac796}.page .row{border-color:#e7c9a955}.page .row .actions{align-items:center}.page .row h3{color:#fff3df}.page .danger{color:#762334}
.page .choices .choice{background:linear-gradient(145deg,#e0c29d,#bd946b);color:#372418;border-color:#d0ae85;text-shadow:none}.page .choices .choice:hover{background:linear-gradient(145deg,#edd4b4,#c9a179)}.page .choices-color .blanc .wine-glass{color:#9b7b26}.page .choices-color .rose .wine-glass{color:#b14e69}.page .choices-color .rouge .wine-glass{color:#721a38}.page .choices-sugar .choice{border-top-color:#8c6542}
.viewer{background:#24170d55;color:#fff4e4}.placeholder{text-shadow:0 2px 8px #0009}.arrow{background:#d6b48be6}.stat{background:#d6b48b}.hero{position:relative;align-items:flex-start;justify-content:center;padding:6vh 8vw 48vh;text-align:center}.hero article{max-width:none;width:100%}.hero h1{max-width:700px;margin:0 auto}.hero #start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d6b48b;color:#362517;box-shadow:0 5px 25px #0005}
.admin-add{justify-content:flex-start}.missing-onepager{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#efc27e;color:#4f2707;font-weight:800;font-size:20px;text-shadow:none;border:1px solid #ffe1b1}.wine-tree{display:grid;gap:18px}.tree-color{border:1px solid var(--line);border-radius:10px;padding:18px;background:#eee2cf}.tree-color h3{display:flex;justify-content:space-between;gap:12px;margin:0 0 15px;font-size:28px}.wine-tree small{font:13px system-ui;color:#69523a}.tree-type{margin-left:15px;border-left:2px solid #b79164;padding-left:16px}.tree-type h4{display:flex;justify-content:space-between;gap:12px;margin:14px 0 8px}.tree-type ul{list-style:none;margin:0;padding:0 0 8px 12px}.tree-type li{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.wine-toolbar{gap:14px}.wine-toolbar>div{align-items:center}
@media(max-width:600px){.wine-toolbar>div{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.wine-toolbar button{height:100%;font-size:13px}.tree-color h3,.tree-type h4{flex-wrap:wrap}.tree-type li{align-items:start;gap:8px}.tree-type li small{white-space:nowrap}.hero h1{font-size:clamp(32px,8vw,45px)}}

.hero{align-items:center;justify-content:flex-start;text-align:left;padding:8vw}.hero article{max-width:650px;width:auto}.hero h1{max-width:650px;margin:.67em 0}
.onepager-slot{border:2px solid #9b702b;background:#ead5ac;box-shadow:0 0 0 3px #b7916422}.onepager-slot>b{display:block;background:#805622;color:#fff5df;border-radius:5px;padding:8px 4px;letter-spacing:.5px}.onepager-hint{display:block;font-size:11px;line-height:1.4;color:#654519;margin:8px 0}.onepager-slot img{border:2px solid #a57b3c;border-radius:5px}
#adminButton{opacity:0;transition:opacity .15s}#adminButton.revealed{opacity:1}#adminButton:focus-visible{opacity:1}.import-photo-option{display:flex;align-items:center;gap:10px;margin:16px 0}.import-photo-option input{width:auto;margin:0;flex-shrink:0}
@media(max-width:600px){.hero article{max-width:90%}.hero h1{font-size:clamp(30px,7.5vw,42px)}}

.hero #start{top:auto;bottom:8vh;transform:translateX(-50%)}
.transfer-modes button{width:100%;text-align:left}.transfer-modes p{color:#6d5843;font-size:14px}
@media(max-width:600px){.page .choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}.page .choices .choice{min-height:75px;padding:8px 5px;font-size:16px;border-top-width:3px}.page .choices .choice small{font-size:10px;margin-top:5px}.wine-glass{width:36px;height:32px;margin-bottom:5px}.bubbles{width:45px;height:50px;margin-bottom:5px;transform:scale(.5);transform-origin:center;max-height:36px}.still-wave{height:36px;font-size:45px;margin-bottom:5px}.sweetness{gap:4px;margin-bottom:10px}.sweetness i{width:7px;height:10px}.page .stat{padding:11px;font-size:12px}.page .stat strong{font-size:24px;margin-bottom:4px}.page .stats{gap:8px;grid-template-columns:1fr 1fr}.hero #start{bottom:7vh}}

#onepagerImage{cursor:zoom-in}#onepagerImage:focus-visible{outline:3px solid #eac796;outline-offset:-3px}#onepagerFullscreen{position:fixed;inset:0;z-index:1000;background:#080706;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;cursor:zoom-out;outline:none}#onepagerFullscreen img{display:block;width:100%;height:100%;object-fit:contain}body.onepager-open{overflow:hidden}body.onepager-open>header,body.onepager-open>#app{visibility:hidden}.pager:has(>span:only-child){display:none}
@media(max-width:600px){.page .choices,.page .choices-sugar{grid-template-columns:minmax(0,1fr)!important;width:80%;margin-inline:auto}.page .stats{grid-template-columns:1fr;width:80%;margin-inline:auto}#adminButton:not(.revealed):focus-visible{opacity:0}}

.list-entry{margin-top:38px;display:flex;justify-content:center}.list-entry .choice{width:100%;min-height:110px;background:linear-gradient(145deg,#e0c29d,#bd946b);color:#372418;font-size:28px;text-shadow:none}.wine-search{max-width:650px;margin-bottom:20px}.wine-list-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;margin-bottom:12px;padding:14px}.wine-list-row img,.wine-list-placeholder{width:65px;height:85px;object-fit:contain;flex-shrink:0}.wine-list-row>span:nth-child(2){flex:1}.wine-list-row strong{display:block;font:25px 'Cormorant Garamond',Georgia}.wine-list-row small{display:block;margin-top:6px;line-height:1.5}.fullscreen-missing{color:#fff4e4;text-align:center;padding:40px}.fullscreen-missing p{max-width:400px}#onepagerFullscreen .arrow{z-index:1;background:#d6b48be6;top:calc(50% - 30px);min-width:45px;min-height:60px}
@media(max-width:600px){.list-entry{width:80%;margin:30px auto 0}.list-entry .choice{min-height:75px;font-size:16px}.wine-list-row{gap:10px;padding:10px}.wine-list-row strong{font-size:22px}.wine-list-row small{font-size:12px}.wine-list-row img,.wine-list-placeholder{width:45px;height:65px}}

/* Shared user/admin wine list with a separate stock column. */
.wine-list-text{min-width:0;overflow-wrap:anywhere}.wine-list-row .wine-list-text{flex:1}.admin-wine-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px}.admin-wine-row .wine-list-row{margin:0;min-width:0}.admin-wine-row .actions{display:flex;gap:8px;flex-wrap:wrap;max-width:350px}.wine-list-row .wine-stock{flex:0 0 74px;text-align:right;margin-left:auto}.wine-stock strong{font:30px Georgia,serif;color:var(--wine)}.wine-stock small{white-space:nowrap;font-size:12px;color:#777467}
@media(max-width:600px){.admin-wine-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:20px}.admin-wine-row .actions{display:flex;width:100%;max-width:none;gap:8px}.admin-wine-row .actions button{flex:1 1 100px;padding:11px 8px;font-size:13px;min-height:44px}.wine-list-row .wine-stock{flex-basis:57px}.wine-stock strong{font-size:26px}.wine-stock small{font-size:11px}}
.wine-summary{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:0}.wine-summary:hover{background:transparent}.wine-summary .wine-list-text{flex:1}.wine-list-row .wine-stock{flex:0 0 92px}.stock-stepper{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.stock-stepper button{width:42px;height:42px;padding:0;font:24px system-ui;min-height:42px}.zero-stock-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.zero-stock-actions button{flex:1;min-width:130px;min-height:44px}
@media(max-width:600px){.wine-summary{gap:10px}.wine-list-row .wine-stock{flex-basis:86px}.stock-stepper{gap:4px}.stock-stepper button{width:41px;height:44px}.zero-stock-actions{flex-direction:column}.zero-stock-actions button{width:100%}}
.admin-wine-row>.wine-list-row{background:#d6b48b;border:1px solid var(--line);border-radius:8px}
.welcome-primary{position:absolute;left:50%;bottom:19vh;transform:translateX(-50%);display:flex;gap:14px;justify-content:center;width:min(90%,650px)}.hero .welcome-primary #start{position:static;transform:none;min-width:0}.welcome-primary button{flex:1;max-width:260px;min-height:54px;padding:14px 18px;background:#d6b48b!important;color:#362517!important}.welcome-secondary{position:absolute;left:50%;bottom:8vh;transform:translateX(-50%);width:min(85%,300px)}.welcome-secondary button{width:100%;min-height:54px;background:#d6b48b;color:#362517}.feature-page .feature-top{display:flex;flex-wrap:wrap;align-items:center}.feature-top.with-wine-name{position:sticky;top:0;z-index:4;background:#302217f2;border-radius:10px;padding:8px}.quiz-wine-name{flex:1 1 100%;font:26px 'Cormorant Garamond',Georgia;overflow-wrap:anywhere}.back-to-top{position:fixed;bottom:22px;right:18px;z-index:10;width:52px;height:52px;border-radius:50%;padding:0;font-size:30px;background:#d6b48b;color:#362517;box-shadow:0 4px 16px #0006}.detail-cart-top{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.detail-cart-top button{min-height:46px}.quiz-bottle-carousel{position:relative;max-width:440px;margin:22px auto;touch-action:pan-y}.quiz-bottle-carousel .bottle-tile{width:100%;padding:20px 65px}.quiz-bottle-carousel .bottle-tile img{height:340px}.quiz-bottle-carousel .arrow{top:calc(50% - 28px)}.quiz-bottle-carousel .left{left:4px}.quiz-bottle-carousel .right{right:4px}#chooseQuizWine{display:block;margin:12px auto}.wine-toolbar{display:flex;flex-wrap:wrap;gap:8px}.wine-cart-actions{display:flex;gap:8px}.tapas-recommendation{padding:15px 0}.tapas-recommendation h3{margin-bottom:12px}.quiz-modes .choice{min-height:110px}
@media(max-width:600px){.welcome-primary{bottom:22vh;gap:10px}.welcome-primary button{font-size:16px;padding:12px 8px}.welcome-secondary{bottom:10vh}.feature-page .feature-top{display:flex!important}.quiz-wine-name{font-size:24px}.wine-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.wine-toolbar>div{display:contents!important}.wine-toolbar button{font-size:11px;min-height:44px;padding:8px 4px!important}.quiz-bottle-carousel .bottle-tile img{height:280px}.quiz-bottle-carousel .bottle-tile{padding:16px 48px}.back-to-top{bottom:16px}}
.feature-page .notice,.reward-card{color:#372418;text-shadow:none}.feature-page .bottle-tile{color:#372418;text-shadow:none}
/* Quiz and pairing share WineBar's typography and palette. */
.feature-entry{display:flex;gap:12px;justify-content:center;margin-top:24px}.feature-page{max-width:1100px;margin-inline:auto}.feature-top{display:flex;gap:8px;flex-wrap:wrap}.feature-top button,.pairing-nav button{min-height:44px;padding:8px 10px;font-size:14px}.bottle-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;margin-top:22px}.bottle-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;min-width:0;overflow-wrap:anywhere}.bottle-tile img{height:195px;width:100%;object-fit:contain}.bottle-tile strong{font:24px 'Cormorant Garamond',Georgia}.bottle-tile small{margin-top:8px}.bottle-placeholder{font-size:65px;height:195px;display:grid;place-items:center}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.aroma-options{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-option{min-height:65px;padding:12px;overflow-wrap:anywhere}.quiz-option img{display:block;width:100%;height:90px;object-fit:contain;margin-bottom:8px}.quiz-option.selected{background:#6c2938;color:white;border-color:#6c2938;box-shadow:0 0 0 2px #6c2938}.quiz-options button:focus-visible,button:focus-visible{outline:3px solid #993e5b;outline-offset:3px}.reward-card{text-align:center;border:1px solid var(--line);border-radius:16px;padding:25px;background:#f3e6d2}.reward-card strong{font-size:38px}.reward-icon{font-size:85px}.question-review{border-bottom:1px solid var(--line);padding:18px 0}.question-review small{display:block;overflow-wrap:anywhere}.section-heading{display:flex;gap:15px;align-items:center}.section-heading img{width:70px;height:110px;object-fit:contain}.cart-wine{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-wine img{width:70px;height:130px;object-fit:contain}.cart-wine>div{flex:1;min-width:0}.cart-wine h2{overflow-wrap:anywhere}.pair-bottle{display:block;max-height:250px;max-width:100%;margin:auto}.cart-mini{display:flex;gap:12px;overflow-x:auto}.cart-mini .bottle-tile{flex:0 0 130px}.cart-mini img{height:140px}.matrix-scroll{overflow-x:auto;max-width:100%;margin-bottom:30px}.matrix-scroll table{border-collapse:collapse;width:100%;font-size:14px}.matrix-scroll th,.matrix-scroll td{padding:10px;border:1px solid var(--line);min-width:105px;text-align:left}.shopping-list label,.tasting-tiles label{display:flex;gap:10px;align-items:center;margin-bottom:12px}.shopping-list input,.tasting-tiles input,#questionForm input[type=checkbox],#bankImportOptions input[type=checkbox]{width:auto}.tasting-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}progress{width:100%;accent-color:var(--wine)}pre{white-space:pre-wrap;overflow-wrap:anywhere}textarea{box-sizing:border-box;max-width:100%}.detail-photo{cursor:zoom-in}
#onepagerFullscreen{display:block;cursor:default;overflow:hidden}.zoom-stage{position:absolute;inset:0;touch-action:none;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}.zoom-stage:active{cursor:grabbing}#onepagerFullscreen img.zoom-image{width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none}.zoom-controls{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:6px;border-radius:12px;background:#1c1715db;color:white;z-index:2;white-space:nowrap}.zoom-controls button{min-width:44px;min-height:44px;padding:7px 12px}.zoom-controls span{min-width:44px;text-align:center}
@media(max-width:600px){.feature-entry{gap:8px}.feature-entry button{padding:10px;font-size:14px}.feature-page .feature-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-top button{font-size:12px;padding:8px 4px}.pairing-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pairing-nav button{font-size:12px;padding:8px 4px}.bottle-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottle-tile{padding:10px}.bottle-tile strong{font-size:20px}.bottle-tile img{height:160px}.aroma-options{gap:7px}.aroma-options .quiz-option{padding:7px 3px;font-size:12px}.aroma-options img{height:65px}.cart-wine{flex-wrap:wrap;gap:8px}.cart-wine img{width:45px;height:85px}.cart-wine h2{font-size:23px}.cart-wine>button{margin-left:auto}.wine-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wine-toolbar>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wine-toolbar button{padding:7px 4px;min-height:44px;font-size:11px}.zoom-controls{top:8px;gap:4px;padding:4px}.zoom-controls button{padding:7px;min-width:40px}.feature-page .filter-grid{grid-template-columns:1fr}.feature-page .toolbar:not(.feature-top):not(.pairing-nav){gap:8px;flex-wrap:wrap}}

/* Equal welcome buttons descending from left to right. */
.welcome-steps{position:absolute;left:50%;bottom:8vh;transform:translateX(-50%);width:min(84vw,650px);display:flex;flex-direction:column;gap:16px}.hero .welcome-steps button{position:static!important;transform:none!important;width:min(260px,72%);height:56px;min-width:0;min-height:56px;padding:12px 16px;background:#d6b48b;color:#362517;border:0;box-shadow:0 5px 25px #0005}.welcome-steps #start{align-self:flex-start}.welcome-steps #welcomeQuiz{align-self:center}.welcome-steps #welcomePairing{align-self:flex-end}
.hero article{width:100%}.welcome-steps{position:static;transform:none;width:100%;margin-top:32px}.hero{min-height:calc(100dvh - 76px)}@media(max-width:600px){.hero{min-height:calc(100dvh - 64px)}.hero article{max-width:none}}

@media(max-width:600px){.hero{align-items:flex-end;padding-top:32px;padding-bottom:max(24px,6dvh)}.hero h1{margin:0}.welcome-steps{margin-top:32px}}
@media(max-width:600px){.hero{background-position:right center}}