@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&display=swap";:root{color:#3a2a20;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f1e8;--surface:#fffdf8;--card:#fff;--ink:#3a2a20;--brown:#725846;--light-brown:#bfa995;--beige:#e8ded2;--border:#ded2c5;--muted:#85776c;--shadow:0 18px 50px #4a332514;--radius:24px;background:#f6f1e8;font-family:Alexandria,Noto Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}button{cursor:pointer;background:0 0;border:0}.container{width:min(1240px,100% - 48px);margin-inline:auto}.app-shell main{min-height:calc(100vh - 80px)}.eyebrow{color:var(--brown);letter-spacing:.03em;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.eyebrow.light{color:#eadfd2}.primary-button,.secondary-button,.cream-button{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:.83rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{color:#fffdf8;background:var(--ink);box-shadow:0 8px 22px #3a2a2029}.primary-button:hover{background:#513b2e;transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary-button{color:var(--ink);border:1px solid var(--border);background:#ffffff94}.secondary-button:hover{border-color:var(--light-brown);background:#fff}.cream-button{color:var(--ink);background:#fff7e9}.cream-button:hover{background:#fff;transform:translateY(-1px)}.full-width{width:100%}.icon-button{border:1px solid var(--border);background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:inline-flex}.icon-button:hover,.icon-button.active{background:var(--ink);border-color:var(--ink);color:#fff}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1e8e6;border-bottom:1px solid #ded2c5a6;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--ink);border-radius:50% 50% 48% 52%;width:31px;height:31px;display:inline-block;position:relative;transform:rotate(-14deg)}.brand-mark:after{content:"";background:#d1b69b;border-radius:100%;position:absolute;inset:6px 14px 6px 13px;transform:rotate(24deg)}.brand-mark span{border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:4px}.desktop-nav{background:#fffdf899;border:1px solid #ded2c5bf;border-radius:16px;align-items:center;gap:6px;padding:5px;display:flex}.desktop-nav a{height:40px;color:var(--muted);border-radius:11px;align-items:center;gap:7px;padding:0 16px;font-size:.82rem;font-weight:500;display:flex}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);background:#fff;box-shadow:0 4px 16px #3a2a2012}.header-actions{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#96745d,#453126);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff8c}.avatar.small{width:40px;height:40px;font-size:.8rem}.header-login{background:#ffffffb8;min-height:40px;padding-inline:16px}.header-logout{width:40px;height:40px}.account-route-loading{min-height:calc(100vh - 76px);color:var(--muted);place-items:center;font-size:.78rem;display:grid}.mobile-nav{display:none}.site-footer{border-top:1px solid var(--border);background:#fffdf88f;margin-top:100px;padding-block:45px}.footer-inner{grid-template-columns:1fr auto;align-items:center;gap:22px 60px;display:grid}.footer-brand .brand{margin-bottom:10px}.footer-brand p{max-width:440px;color:var(--muted);margin:0;font-size:.69rem;line-height:1.8}.site-footer nav{align-items:center;gap:24px;display:flex}.site-footer nav a{color:var(--brown);font-size:.7rem;font-weight:600}.site-footer nav a:hover{color:var(--ink)}.site-footer small{color:var(--muted);border-top:1px solid #ded2c5bf;grid-column:1/-1;padding-top:20px;font-size:.56rem}.legal-page,.contact-page{padding-bottom:35px}.legal-hero{border-bottom:1px solid var(--border);background:linear-gradient(145deg,#fffdf8eb,#e8ded28c);padding-block:88px 70px}.legal-hero-inner{align-items:flex-start;gap:25px;display:flex}.legal-icon{color:#fff;background:var(--ink);width:64px;height:64px;box-shadow:var(--shadow);border-radius:20px;flex:none;place-items:center;display:grid}.legal-hero h1,.contact-hero h1{letter-spacing:-.065em;margin-bottom:14px;font-size:clamp(2.3rem,5vw,4.4rem)}.legal-hero p{max-width:700px;color:var(--muted);margin-bottom:15px;font-size:.84rem;line-height:1.9}.legal-hero small{color:var(--brown);font-size:.59rem}.legal-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:75px;padding-top:65px;display:grid}.legal-summary{border:1px solid var(--border);background:#ffffff9e;border-radius:22px;padding:26px;position:sticky;top:105px;box-shadow:0 14px 40px #3a2a200d}.legal-summary>svg{color:var(--brown)}.legal-summary h2{margin:15px 0 8px;font-size:1.05rem}.legal-summary p{color:var(--muted);font-size:.68rem;line-height:1.9}.legal-summary a{color:var(--brown);align-items:center;gap:6px;font-size:.64rem;font-weight:600;display:inline-flex}.legal-content{max-width:790px}.legal-content>section{border-bottom:1px solid var(--border);margin-bottom:34px;padding:0 0 34px}.legal-content>section:last-child{border:0}.legal-content h2{margin-bottom:13px;font-size:1.12rem}.legal-content p,.legal-content li{color:var(--muted);font-size:.75rem;line-height:2}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0;padding-right:21px}.legal-content a{color:var(--brown);text-underline-offset:4px;font-weight:600;text-decoration:underline}.contact-hero{grid-template-columns:1fr 420px;align-items:center;gap:75px;padding-block:95px 80px;display:grid}.contact-hero>div>p{max-width:650px;color:var(--muted);font-size:.86rem;line-height:2}.contact-main-card{color:#fff;background:linear-gradient(145deg,#3a2a20,#725846);border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:250px;padding:35px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #3a2a2033}.contact-main-card:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-130px;left:-80px;box-shadow:0 0 0 32px #ffffff06}.contact-main-card>span{background:#ffffff14;border:1px solid #ffffff2e;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:25px;display:grid}.contact-main-card small{color:#d9c8bb;font-size:.58rem}.contact-main-card strong{direction:ltr;margin:5px 0 22px;font-size:.88rem}.contact-main-card em{align-items:center;gap:6px;font-size:.65rem;font-style:normal;font-weight:600;display:flex}.contact-topics{padding-block:40px 70px}.contact-topics header{margin-bottom:27px}.contact-topics h2{font-size:1.55rem}.contact-topics>div{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.contact-topics>div>a{border:1px solid var(--border);background:#ffffffa1;border-radius:23px;flex-direction:column;align-items:flex-start;min-height:240px;padding:26px;transition:all .2s;display:flex}.contact-topics>div>a:hover{box-shadow:var(--shadow);background:#fff;transform:translateY(-3px)}.contact-topics>div>a>span{width:44px;height:44px;color:var(--brown);background:var(--beige);border-radius:14px;place-items:center;display:grid}.contact-topics h3{margin:20px 0 8px;font-size:.92rem}.contact-topics a p{color:var(--muted);flex:1;font-size:.67rem;line-height:1.85}.contact-topics a b{color:var(--brown);align-items:center;gap:6px;font-size:.62rem;display:flex}.contact-note{color:var(--muted);background:#eee5db;border-radius:14px;margin:20px 0 0;padding:16px 19px;font-size:.61rem;line-height:1.8}.page-section{padding-block:74px 14px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2vw,1.8rem)}.section-heading>a{color:var(--brown);align-items:center;gap:7px;font-size:.78rem;font-weight:600;display:inline-flex}.section-heading>a:hover svg{transform:translate(-3px)}.section-heading>a svg{transition:all .2s}.section-heading.static{align-items:center}.section-heading.static p{color:var(--muted);margin:8px 0 0;font-size:.84rem}.horizontal-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.coffee-card{background:var(--card);border:1px solid #ded2c5d1;border-radius:22px;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 10px 35px #4b33250e}.coffee-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.coffee-visual{background:linear-gradient(145deg,#f4ece0,#e9ded0);height:270px;display:block;position:relative;overflow:hidden}.coffee-visual:before{content:"";border:1px solid #3a2a2014;border-radius:50%;width:220px;height:220px;position:absolute;top:-65px;left:-70px}.image-count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--brown);background:#ffffffbf;border-radius:20px;padding:5px 9px;font-size:.65rem;position:absolute;bottom:12px;left:12px}.coffee-card-body{padding:17px 17px 16px}.card-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.roastery-name{color:var(--brown);font-size:.7rem;font-weight:600}.coffee-card h3{letter-spacing:-.025em;margin:6px 0 11px;font-size:1.03rem}.rating-line{white-space:nowrap;align-items:center;gap:4px;display:flex}.rating-line small{color:var(--muted);font-size:.63rem}.stars{color:#a77e47;align-items:center;gap:5px;display:inline-flex}.stars b{color:var(--ink);font-size:.87rem}.stars.compact{gap:4px}.stars.compact b{font-size:.72rem}.note-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.note-list span,.hero-notes span,.main-notes span{color:var(--brown);background:#f5efe8;border-radius:20px;padding:6px 9px;font-size:.63rem}.card-actions{border-top:1px solid #eee5dc;align-items:center;gap:9px;margin-top:16px;padding-top:13px;display:flex}.save-button{background:#f6f1ea;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;height:39px;font-size:.72rem;font-weight:600;display:flex}.save-button:hover,.save-button.active{color:#fff;background:var(--ink)}.card-actions .icon-button{width:39px;height:39px}.bag-stage{perspective:800px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.product-photo-stage{overflow:hidden}.product-photo{z-index:2;object-fit:contain;filter:drop-shadow(18px 24px 20px #3a2a2033);width:76%;height:82%;transition:transform .3s;display:block;position:relative}.coffee-card:hover .product-photo{transform:translateY(-4px)scale(1.015)}.bag-stage-large .product-photo{filter:drop-shadow(24px 30px 26px #3a2a203d);width:82%;height:88%}.coffee-bag{z-index:2;border-radius:5px 5px 11px 11px;width:128px;height:178px;transition:transform .3s;position:relative;transform:rotate(-2.5deg);box-shadow:17px 24px 32px #3a2a2033,inset -7px 0 13px #0000000d,inset 6px 0 10px #ffffff24}.coffee-card:hover .coffee-bag{transform:rotate(0)translateY(-4px)}.coffee-bag:before{content:"";border-top:1px solid #3a2a2040;border-bottom:1px solid #ffffff40;height:5px;position:absolute;top:9px;left:0;right:0}.coffee-bag:after{content:"";border-radius:inherit;background:linear-gradient(105deg,#0000 42%,#fff3 50%,#0000 58%);position:absolute;inset:0}.bag-seal{background:#3a2a2029;border-radius:50%;width:38px;height:7px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.bag-label{z-index:2;color:#fff;text-align:center;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:49px 14px 20px;box-shadow:inset 0 0 0 1px #ffffff26}.bag-label:before{content:"";opacity:.8;border:1px solid;border-radius:50% 50% 48% 52%;width:20px;height:20px;margin-bottom:7px;transform:rotate(-22deg)}.label-roastery{opacity:.8;font-size:6px;position:absolute;top:8px}.bag-label strong{letter-spacing:.08em;direction:ltr;font:700 12px/1.1 Georgia,serif}.label-origin{opacity:.78;margin-top:7px;font-size:5px}.label-dots{gap:3px;margin-top:9px;display:flex}.label-dots i{border:1px solid;border-radius:50%;width:3px;height:3px}.coffee-shadow{z-index:1;filter:blur(13px);background:#3a2a202e;border-radius:50%;width:145px;height:30px;position:absolute;bottom:32px}.floating-bean{opacity:.8;background:#684735;border-radius:50%;width:11px;height:16px;position:absolute;transform:rotate(32deg);box-shadow:inset 2px 0 3px #ffffff2e}.floating-bean:after{content:"";border-left:1px solid #c69d7e;position:absolute;top:2px;bottom:2px;left:50%;transform:rotate(15deg)}.bean-one{bottom:21%;right:18%}.bean-two{top:21%;left:17%;transform:rotate(-42deg)scale(.8)}.bag-stage-large .coffee-bag{border-radius:7px 7px 15px 15px;width:190px;height:268px;box-shadow:27px 34px 45px #3a2a2040,inset -9px 0 16px #0000000d,inset 7px 0 15px #ffffff26}.bag-stage-large .bag-label{inset:74px 22px 31px}.bag-stage-large .bag-label strong{font-size:17px}.bag-stage-large .label-roastery{font-size:8px;top:10px}.bag-stage-large .label-origin{font-size:7px}.bag-stage-large .bag-label:before{width:30px;height:30px}.bag-stage-large .coffee-shadow{width:220px;height:42px;bottom:13%}.catalog-loading{min-height:100vh;color:var(--ink);background:var(--paper);text-align:center;place-content:center;justify-items:center;gap:9px;display:grid}.catalog-loading>span{border:1px solid var(--border);width:58px;height:58px;color:var(--brown);background:#fff;border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite catalog-pulse;display:grid}.catalog-loading h1{margin:8px 0 0;font-size:2rem}.catalog-loading p{color:var(--muted);margin:0;font-size:.7rem}.big-roastery-logo img,.roaster-chip>span img{object-fit:contain;width:100%;height:100%}@keyframes catalog-pulse{50%{transform:translateY(-4px);box-shadow:0 14px 30px #3a2a201a}}.explore-intro{grid-template-columns:1fr minmax(480px,.85fr);align-items:end;gap:60px;padding-top:48px;display:grid}.welcome-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(1.8rem,3vw,2.7rem)}.main-search{border:1px solid var(--border);background:#ffffffbf;border-radius:18px;align-items:center;gap:12px;height:58px;padding:7px 8px 7px 18px;display:flex;box-shadow:0 8px 30px #3a2a200f}.main-search>svg{color:var(--brown);margin-right:8px}.main-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.78rem}.main-search input::placeholder{color:#9a8e84}.main-search button{color:#fff;background:var(--ink);border-radius:12px;height:42px;padding:0 22px;font-size:.75rem;font-weight:600}.hero-section{color:#fffaf2;background:linear-gradient(120deg,#3b3028 0%,#60493a 60%,#765c47 100%);border-radius:30px;grid-template-columns:1.05fr .95fr;min-height:490px;margin-top:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #3a2a202b}.hero-section:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-330px;left:-200px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.hero-copy{z-index:2;align-self:center;padding:56px 60px;position:relative}.hero-kicker{color:#e8d6c4;align-items:center;gap:7px;margin-bottom:22px;font-size:.72rem;font-weight:600;display:inline-flex}.hero-copy h2{letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(2rem,4vw,3.5rem)}.hero-copy>p{color:#e4d8cf;max-width:580px;margin-bottom:22px;font-size:.88rem;line-height:1.95}.hero-origin{color:#dfcfc1;align-items:center;gap:7px;font-size:.72rem;display:flex}.hero-origin i{background:#bfa995;border-radius:50%;width:4px;height:4px;margin-inline:6px}.hero-notes{gap:8px;margin-block:22px 28px;display:flex}.hero-notes span{color:#f7eee4;background:#ffffff14;border:1px solid #ffffff29}.hero-actions{align-items:center;gap:22px;display:flex}.hero-actions .primary-button{color:var(--ink);background:#fff7eb}.hero-actions>span{flex-direction:column;gap:2px;display:flex}.hero-actions .stars b{color:#fff}.hero-actions>span small{color:#cdbeb2;font-size:.62rem}.hero-art{background:radial-gradient(circle,#ffffff21,#0000 61%);min-height:490px;position:relative;overflow:hidden}.hero-art:before{content:"";border:1px solid #ffffff1c;border-radius:50%;width:370px;height:370px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.hero-art .bag-stage{z-index:2}.hero-art .bag-stage-large .coffee-bag{width:210px;height:300px}.art-word{color:#ffffff09;writing-mode:vertical-rl;letter-spacing:.04em;font:700 5.4rem/1 Georgia,serif;position:absolute;top:42px;right:10px}.art-stamp{z-index:3;color:#ead9c8;text-align:center;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:.57rem;line-height:1.7;display:flex;position:absolute;bottom:16%;left:15%;transform:rotate(-10deg)}.origin-band{color:#fff;background:#5a4538;margin-top:80px;padding-block:54px}.origin-inner{justify-content:space-between;align-items:center;gap:70px;display:flex}.origin-inner h2{margin:0 0 10px;font-size:1.8rem}.origin-inner p{color:#decfc3;margin-bottom:18px;font-size:.82rem}.origin-inner a{color:#f5e7d8;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.origin-stats{align-items:center;gap:35px;display:flex}.origin-stats span{color:#d7c6b8;border-left:1px solid #ffffff26;flex-direction:column;align-items:center;gap:3px;padding-left:35px;font-size:.64rem;display:flex}.origin-stats span b{color:#fff;font-size:1.7rem}.origin-stats svg{color:#ccb39d}.editorial-section{padding-top:84px}.list-preview-grid{grid-template-columns:1.25fr 1fr 1fr;gap:18px;display:grid}.list-preview{color:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:250px;padding:24px;display:flex;position:relative;overflow:hidden}.list-preview:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-55px;left:-65px;box-shadow:0 0 0 24px #ffffff08}.list-preview:hover{transition:all .25s;transform:translateY(-3px)}.list-number{opacity:.38;align-self:flex-end;font:700 2.4rem/1 Georgia,serif}.list-preview small{opacity:.75;font-size:.62rem}.list-preview h3{margin:7px 0;font-size:1.45rem}.list-preview p{opacity:.8;max-width:340px;margin-bottom:13px;font-size:.72rem;line-height:1.7}.list-preview div>span{align-items:center;gap:7px;font-size:.66rem;font-weight:600;display:inline-flex}.roaster-discovery{border:1px solid var(--border);background:#ffffff73;border-radius:25px;margin-block:90px 120px;padding:34px}.roaster-discovery>div:first-child{margin-bottom:24px}.roaster-discovery h2{margin:0;font-size:1.5rem}.roaster-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.roaster-chip{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:13px;transition:all .2s;display:flex}.roaster-chip:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3a2a2014}.roaster-chip>span{color:#fff;background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;font-size:.75rem;display:flex}.roaster-chip div{flex-direction:column;flex:1;display:flex}.roaster-chip b{font-size:.76rem}.roaster-chip small{color:var(--muted);margin-top:2px;font-size:.6rem}.search-page{padding-block:62px 120px}.page-title{margin-bottom:38px}.page-title h1{letter-spacing:-.055em;margin-bottom:10px;font-size:clamp(2rem,4vw,3.2rem)}.page-title p{max-width:720px;color:var(--muted);font-size:.83rem;line-height:1.8}.search-layout{grid-template-columns:245px 1fr;align-items:start;gap:34px;display:grid}.filter-panel{border:1px solid var(--border);background:#fffdf8bf;border-radius:20px;padding:22px;position:sticky;top:100px}.filter-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.filter-head h2{align-items:center;gap:8px;margin:0;font-size:.95rem;display:flex}.filter-head>button{color:var(--brown);font-size:.65rem}.filter-head .filter-close{display:none}.filter-group{margin-bottom:17px;display:block}.filter-group>span:first-child{margin-bottom:7px;font-size:.68rem;font-weight:600;display:block}.select-wrap{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;height:42px;display:flex;position:relative}.select-wrap select{appearance:none;width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0 12px 0 34px;font-size:.68rem}.select-wrap>svg:last-child{pointer-events:none;color:var(--muted);position:absolute;left:10px}.filter-apply{display:none}.search-toolbar{gap:10px;display:flex}.search-input{border:1px solid var(--border);background:#fff;border-radius:16px;flex:1;align-items:center;gap:11px;height:56px;padding:0 17px;display:flex}.search-input>svg{color:var(--brown)}.search-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.76rem}.search-input button{color:var(--muted);display:flex}.mobile-filter-button{display:none}.results-head{justify-content:space-between;align-items:center;gap:15px;min-height:65px;display:flex}.results-head p{color:var(--muted);margin:0;font-size:.72rem}.results-head p b{color:var(--ink);font-size:.9rem}.results-head>label{color:var(--muted);align-items:center;gap:9px;font-size:.65rem;display:flex}.results-head .select-wrap{width:145px;height:37px}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.empty-state{border:1px dashed var(--border);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:50px 20px;display:flex}.empty-state>span{filter:grayscale();font-size:2.5rem}.empty-state h3{margin:16px 0 7px}.empty-state p{color:var(--muted);font-size:.76rem}.product-page{padding-bottom:110px}.product-breadcrumbs,.breadcrumbs{color:var(--muted);align-items:center;gap:7px;padding-top:24px;font-size:.63rem;display:flex}.product-breadcrumbs a:hover,.product-breadcrumbs button:hover{color:var(--ink)}.product-hero{grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:25px;display:grid}.product-gallery{min-width:0}.gallery-main{background:linear-gradient(145deg,#eadfd2,#f8f3ec);border-radius:28px;height:540px;position:relative;overflow:hidden}.gallery-main:before{content:"";border:1px solid #3a2a2014;border-radius:50%;width:430px;height:430px;position:absolute;top:55px;left:50%;transform:translate(-50%);box-shadow:0 0 0 40px #ffffff1f}.gallery-main .bag-stage-large .coffee-bag{width:230px;height:330px}.gallery-counter{color:var(--muted);font-size:.66rem;position:absolute;bottom:20px;left:22px}.gallery-arrow{background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;box-shadow:0 8px 20px #3a2a2014}.gallery-arrow.prev{right:18px}.gallery-arrow.next{left:18px}.gallery-thumbs{gap:10px;margin-top:12px;display:flex}.gallery-thumbs button{opacity:.65;background:#eee5db;border:1px solid #0000;border-radius:12px;width:76px;height:82px;overflow:hidden}.gallery-thumbs button.active{border-color:var(--brown);opacity:1}.gallery-thumbs .coffee-bag{width:36px;height:52px}.gallery-thumbs .bag-label{padding:2px;inset:15px 4px 6px}.gallery-thumbs .bag-label:before,.gallery-thumbs .label-roastery,.gallery-thumbs .label-origin,.gallery-thumbs .label-dots{display:none}.gallery-thumbs .bag-label strong{font-size:3px}.gallery-thumbs .coffee-shadow,.gallery-thumbs .floating-bean{display:none}.photo-credit{color:var(--muted);margin-top:9px;font-size:.58rem;display:block}.product-summary{align-self:center;padding-left:4%}.summary-topline{justify-content:space-between;margin-bottom:32px;display:flex}.roastery-pill{color:var(--brown);align-items:center;gap:9px;font-size:.7rem;font-weight:600;display:inline-flex}.roastery-pill>span{color:#fff;background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.origin-label{color:var(--brown);font-size:.71rem;font-weight:600}.product-summary h1{letter-spacing:-.07em;margin:8px 0 15px;font-size:clamp(2.3rem,5vw,4.4rem)}.product-description{max-width:620px;color:var(--muted);font-size:.84rem;line-height:2}.summary-rating{align-items:center;gap:9px;margin:20px 0;font-size:.66rem;display:flex}.summary-rating>span,.summary-rating a{color:var(--muted)}.summary-rating a{text-underline-offset:3px;text-decoration:underline}.summary-rating i{background:var(--border);width:1px;height:17px;margin-inline:3px}.main-notes{gap:8px;margin-bottom:28px;display:flex}.main-notes span{background:var(--beige);padding:8px 13px}.state-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.state-buttons button{border:1px solid var(--border);background:#ffffff8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:62px;font-size:.62rem;font-weight:600;transition:all .2s;display:flex}.state-buttons button:hover,.state-buttons button.active{color:#fff;border-color:var(--ink);background:var(--ink);transform:translateY(-2px)}.quick-details{grid-template-columns:repeat(var(--quick-count,3), 1fr);border-top:1px solid var(--border);margin-top:28px;padding-top:23px;display:grid}.quick-details span{border-left:1px solid var(--border);flex-direction:column;gap:5px;padding-inline:15px;display:flex}.quick-details span:first-child{padding-right:0}.quick-details span:last-child{border:0}.quick-details small{color:var(--muted);font-size:.58rem}.quick-details b{font-size:.67rem}.identity-section{padding-top:100px}.identity-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.identity-card{border:1px solid #3a2a200f;border-radius:20px;min-height:175px;padding:20px}.identity-card.clay{background:#eadacf}.identity-card.rose{background:#eed9d6}.identity-card.sage{background:#dde2d6}.identity-card.gold{background:#eee0bf}.identity-card header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.identity-card header>span{background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.identity-card header svg{width:17px}.identity-card h3{margin:0;font-size:.78rem}.identity-card>div{flex-wrap:wrap;gap:7px;display:flex}.identity-card>div span{background:#ffffff7a;border-radius:16px;padding:7px 10px;font-size:.62rem}.details-section{grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:110px;display:grid}.details-copy h2{font-size:2rem}.details-copy>p{color:var(--muted);font-size:.82rem;line-height:2}.details-copy blockquote{border-right:3px solid var(--light-brown);color:var(--brown);background:#ffffff78;border-radius:12px 0 0 12px;margin:34px 0 0;padding:23px 26px;font-size:.76rem;line-height:1.9}.details-copy cite{color:var(--muted);margin-top:9px;font-size:.6rem;font-style:normal;display:block}.coffee-facts{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.coffee-facts>div:not(.sensory-row){border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:17px 4px;display:flex}.coffee-facts>div:nth-child(odd){margin-left:22px}.coffee-facts dt{color:var(--muted);font-size:.63rem}.coffee-facts dd{text-align:left;margin:0;font-size:.69rem;font-weight:600}.sensory-row{grid-column:1/-1;grid-template-columns:repeat(var(--sensory-count,3), 1fr);gap:20px;padding-top:25px;display:grid}.sensory-row span{grid-template-columns:1fr auto;gap:6px;display:grid}.sensory-row small{color:var(--muted);font-size:.6rem}.sensory-row b{font-size:.62rem}.meter{background:var(--beige);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.meter em{border-radius:inherit;background:var(--brown);height:100%;display:block}.ratings-band{color:#fff;background:#49382e;margin-top:120px;padding-block:58px}.ratings-overview{grid-template-columns:1fr .9fr 1fr;align-items:center;gap:65px;display:grid}.rating-score>div{align-items:center;gap:15px;display:flex}.rating-score>div>b{letter-spacing:-.07em;font-size:4rem;line-height:1}.rating-score>div>span{flex-direction:column;gap:5px;display:flex}.five-stars{color:#d9b576;letter-spacing:2px}.rating-score small,.rating-score p,.rating-cta p,.rating-cta small{color:#cdbeb4;font-size:.61rem}.rating-score p{margin:16px 0 0}.rating-bars{flex-direction:column;gap:8px;display:flex}.rating-bars>div{grid-template-columns:28px 1fr 30px;align-items:center;gap:9px;display:grid}.rating-bars span{align-items:center;gap:3px;font-size:.6rem;display:flex}.rating-bars>div>i{background:#ffffff1f;border-radius:5px;height:5px;overflow:hidden}.rating-bars em{border-radius:inherit;background:#d4b17a;height:100%;display:block}.rating-bars small{color:#cdbeb4;font-size:.55rem}.rating-cta{border-right:1px solid #ffffff24;padding-right:45px}.rating-cta h3{margin-bottom:8px}.rating-cta p{line-height:1.8}.rating-cta .cream-button{margin:8px 0 10px}.rating-cta small{display:block}.community-section{padding-top:90px}.reviews-list{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.review-card{border:1px solid var(--border);background:#ffffff85;border-radius:18px;padding:22px}.review-card header{align-items:center;gap:10px;display:flex}.review-card header>div:nth-child(2){flex-direction:column;flex:1;display:flex}.review-card header b{font-size:.7rem}.review-card header small{color:var(--muted);font-size:.56rem}.review-card .avatar{width:39px;height:39px;font-size:.7rem}.review-stars{color:#a27843;align-items:center;gap:4px;font-size:.67rem;font-weight:700;display:inline-flex}.review-card p{min-height:72px;margin:20px 0;font-size:.73rem;line-height:1.9}.review-card footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:.55rem;display:flex}.review-card footer i{background:var(--light-brown);border-radius:50%;width:3px;height:3px}.community-note{color:var(--muted);text-align:center;margin-top:15px;font-size:.58rem}.empty-community{border:1px dashed var(--border);color:var(--muted);text-align:center;background:#ffffff61;border-radius:18px;padding:34px 20px;font-size:.72rem}.brew-recipes-section{padding-top:100px}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.recipe-card{border:1px solid var(--border);background:#ffffffb8;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:122px;padding:22px;transition:all .2s;display:grid;box-shadow:0 12px 40px #3a2a200a}.recipe-card:hover{border-color:var(--light-brown);background:#fff;transform:translateY(-2px)}.recipe-card>span{width:46px;height:46px;color:var(--brown);background:var(--beige);border-radius:50%;justify-content:center;align-items:center;display:flex}.recipe-card>span svg{width:20px}.recipe-card h3{margin:0 0 6px;font-size:.82rem}.recipe-card p{color:var(--muted);margin:0;font-size:.63rem;line-height:1.7}.recipe-card>svg{color:var(--brown)}.roastery-link-section{padding-top:100px}.roastery-card{border:1px solid var(--border);background:#fff;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:32px;display:grid;box-shadow:0 15px 50px #3a2a200f}.roastery-logo{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:1.5rem;display:flex}.roastery-card h2{margin:0 0 6px}.roastery-card p{color:var(--muted);margin:0;font-size:.7rem}.external-action{flex-direction:column;align-items:center;gap:7px;display:flex}.external-action small{color:var(--muted);font-size:.53rem}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2d201885;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.experience-sheet{background:var(--surface);border-radius:25px;width:min(650px,100%);max-height:calc(100vh - 40px);padding:30px;animation:.3s sheetIn;overflow-y:auto;box-shadow:0 30px 90px #0003}.sheet-handle{display:none}.modal-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px;display:flex}.modal-header h2{margin-bottom:4px;font-size:1.55rem}.modal-header p{color:var(--muted);margin:0;font-size:.68rem}.form-group{flex-direction:column;gap:8px;margin-bottom:17px;display:flex}.form-group>span:first-child,.form-group>label{font-size:.68rem;font-weight:600}.form-group small{color:var(--muted);font-size:.54rem;font-weight:400}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:11px;outline:none;font-size:.7rem}.form-group input{height:44px;padding:0 12px}.form-group textarea{resize:vertical;min-height:100px;padding:12px;line-height:1.7}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.rating-field{background:#f2eae1;border-radius:15px;padding:17px}.rating-picker{align-items:center;gap:5px;display:flex}.rating-picker button{color:#c8b6a4;padding:0;display:flex}.rating-picker button .selected{color:#ad8049}.rating-picker b{color:var(--brown);margin-left:8px;font-size:.7rem}.select-wrap>svg:first-child{color:var(--muted);margin-right:10px}.input-icon{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:8px;min-height:44px;padding-inline:12px;display:flex}.input-icon input{border:0;flex:1;min-width:0;height:40px;padding:0}.input-icon svg{color:var(--muted)}.char-count{align-self:flex-end;margin-top:-5px}.future-note{color:var(--muted);text-align:center;background:#f2ece5;border-radius:9px;padding:10px;font-size:.58rem}.toast{z-index:400;color:#fff;background:#3b2c23;border-radius:13px;align-items:center;gap:9px;padding:13px 19px;font-size:.7rem;animation:.25s toastIn;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0003}.profile-cover{background:linear-gradient(120deg,#4b392e,#755e4c);height:185px;position:relative;overflow:hidden}.profile-cover:before,.profile-cover:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.profile-cover:before{width:430px;height:430px;top:-210px;left:8%}.profile-cover:after{width:220px;height:220px;bottom:-160px;right:22%}.cover-text{color:#ffffff0d;direction:ltr;font:700 4.8rem/1 Georgia,serif;position:absolute;bottom:-6px;left:6%}.profile-header{grid-template-columns:150px 1fr;gap:26px;min-height:190px;display:grid}.profile-avatar{z-index:2;border:6px solid var(--bg);background:linear-gradient(145deg,#a5836c,#3f2e24);border-radius:50%;justify-content:center;align-self:start;align-items:center;width:145px;height:145px;margin-top:-60px;display:flex;position:relative;box-shadow:0 10px 25px #3a2a2029}.profile-avatar span{color:#fff;font-size:2.5rem}.profile-main{padding-top:24px}.profile-name-row{justify-content:space-between;align-items:start;gap:20px;display:flex}.profile-name-row>div:first-child{align-items:baseline;gap:11px;display:flex}.profile-name-row h1{margin:0;font-size:1.7rem}.profile-name-row>div:first-child span{color:var(--muted);font-size:.7rem}.profile-name-row>div:last-child{gap:8px;display:flex}.profile-main>p{max-width:690px;color:var(--muted);margin:10px 0 16px;font-size:.73rem;line-height:1.8}.taste-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.taste-row b{margin-left:3px;font-size:.65rem}.taste-row span{background:var(--beige);color:var(--brown);border-radius:15px;padding:6px 10px;font-size:.58rem}.profile-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);margin-bottom:34px;padding:22px 8px;display:grid}.profile-stats span{border-left:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;display:flex}.profile-stats span:last-child{border:0}.profile-stats b{font-size:1.2rem}.profile-stats small{color:var(--muted);font-size:.58rem}.profile-content{padding-bottom:120px}.profile-tabs{border-bottom:1px solid var(--border);align-items:center;gap:34px;display:flex}.profile-tabs button{color:var(--muted);padding:15px 2px;font-size:.72rem;font-weight:600;position:relative}.profile-tabs button:after{content:"";background:var(--ink);height:2px;transition:all .2s;position:absolute;bottom:-1px;left:100%;right:0}.profile-tabs button.active{color:var(--ink)}.profile-tabs button.active:after{left:0}.tab-panel{padding-top:27px}.shelf-tabs{gap:8px;margin-bottom:25px;display:flex}.shelf-tabs button{border:1px solid var(--border);background:#ffffff73;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:.65rem;display:flex}.shelf-tabs button span{color:var(--muted)}.shelf-tabs button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.shelf-tabs button.active span{color:#ddcec1}.bag-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.bag-grid-item>div{background:linear-gradient(145deg,#eee4d9,#f9f5ee);border-radius:17px;height:240px;overflow:hidden}.bag-grid-item .coffee-bag{width:104px;height:148px}.bag-grid-item .bag-label{inset:41px 11px 17px}.bag-grid-item .bag-label strong{font-size:9px}.bag-grid-item h3{margin:10px 0 2px;font-size:.76rem}.bag-grid-item>span{color:var(--muted);font-size:.59rem}.empty-state.small{min-height:290px}.empty-state.small>svg{color:var(--light-brown)}.empty-state.small h3{margin-bottom:5px}.experience-log{flex-direction:column;gap:12px;display:flex}.experience-row{border:1px solid var(--border);background:#ffffff8c;border-radius:18px;grid-template-columns:120px 1fr;display:grid;overflow:hidden}.experience-bag{background:#e9ded2;height:150px}.experience-bag .coffee-bag{width:65px;height:94px}.experience-bag .bag-label{inset:27px 7px 10px}.experience-bag .bag-label strong{font-size:6px}.experience-copy{grid-template-columns:1fr auto;gap:5px 15px;padding:20px;display:grid}.experience-copy h3{margin:0 0 2px;font-size:.85rem}.experience-copy>div span{color:var(--muted);font-size:.58rem}.experience-copy p{grid-column:1/-1;margin:8px 0;font-size:.68rem;line-height:1.8}.experience-copy footer{color:var(--muted);grid-column:1/-1;gap:15px;font-size:.56rem;display:flex}.experience-copy footer span{align-items:center;gap:5px;display:flex}.profile-lists{grid-template-columns:1fr 1fr;gap:13px;display:grid}.profile-list-card{border:1px solid var(--border);background:#ffffff8c;border-radius:17px;grid-template-columns:145px 1fr auto;align-items:center;gap:18px;min-height:130px;padding-left:20px;display:grid;overflow:hidden}.mini-covers{direction:ltr;background:#e8ded2;justify-content:center;align-items:center;height:130px;display:flex;overflow:hidden}.mini-covers>span{width:50px;height:100px;margin-inline:-8px}.mini-covers .coffee-bag{width:48px;height:70px}.mini-covers .bag-label,.mini-covers .coffee-shadow,.mini-covers .floating-bean{display:none}.profile-list-card small{color:var(--muted);font-size:.54rem}.profile-list-card h3{margin:5px 0;font-size:.8rem}.profile-list-card p{color:var(--muted);margin:0;font-size:.56rem}.lists-page{padding-block:62px 120px}.split-title{justify-content:space-between;align-items:end;gap:30px;display:flex}.featured-list{color:#fff;border-radius:28px;grid-template-columns:1fr 1fr;min-height:390px;padding:50px;display:grid;position:relative;overflow:hidden}.featured-list>div:first-child{z-index:2;align-self:center;position:relative}.featured-list h2{margin-bottom:12px;font-size:2.5rem}.featured-list p{color:#ffffffb8;max-width:480px;font-size:.76rem;line-height:1.8}.stacked-bags{direction:ltr;min-height:290px;position:relative}.stacked-bags>span{width:210px;height:300px;left:calc(50% + (var(--index) - 1) * 90px);top:calc(var(--index) * 10px);transform:translateX(-50%) rotate(calc((var(--index) - 1) * 8deg));position:absolute}.stacked-bags .coffee-bag{width:145px;height:205px}.stacked-bags .bag-label{inset:58px 16px 23px}.lists-filter{gap:9px;margin-block:45px 20px;display:flex}.lists-filter button{border:1px solid var(--border);color:var(--muted);background:#ffffff73;border-radius:20px;padding:9px 16px;font-size:.65rem}.lists-filter button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.lists-grid{grid-template-columns:1fr 1fr;gap:19px;display:grid}.list-card{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:220px 1fr;display:grid;overflow:hidden}.list-cover{justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.list-cover>div{direction:ltr;display:flex}.list-cover .bag-stage{width:85px;height:190px;margin-inline:-14px}.list-cover .coffee-bag{width:72px;height:105px}.list-cover .bag-label{inset:31px 8px 12px}.list-cover .bag-label strong{font-size:5px}.list-cover .coffee-shadow,.list-cover .floating-bean{display:none}.list-cover>span{color:#fff;background:#00000040;border-radius:15px;padding:5px 9px;font-size:.55rem;position:absolute;bottom:15px;left:15px}.list-card-body{flex-direction:column;padding:26px 24px;display:flex}.list-card-body>small{color:var(--muted);font-size:.55rem}.list-card-body h2{margin:7px 0;font-size:1.15rem}.list-card-body>p{color:var(--muted);flex:1;font-size:.67rem;line-height:1.8}.list-card-body footer{border-top:1px solid #eee5dc;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.list-card-body footer>span{color:var(--muted);align-items:center;gap:5px;font-size:.56rem;display:flex}.list-card-body footer button{font-size:.62rem;font-weight:600}.list-card-body footer button.active{color:#976841}.list-detail-hero{color:#fff;min-height:520px}.list-detail-hero>.container{grid-template-columns:1fr 1fr;gap:40px;min-height:520px;display:grid}.breadcrumbs.light{color:#ffffffa6;padding-top:30px}.list-detail-copy{align-self:center}.list-detail-copy h1{letter-spacing:-.06em;margin:12px 0;font-size:3.4rem}.list-detail-copy>p{color:#ffffffbf;max-width:520px;font-size:.78rem;line-height:1.9}.list-owner{align-items:center;gap:10px;margin-block:24px;display:flex}.list-owner>span{border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.list-owner div{flex-direction:column;display:flex}.list-owner small{color:#fff9;font-size:.53rem}.list-owner b{font-size:.68rem}.list-detail-actions{gap:8px;display:flex}.round-cream{width:46px;height:46px;color:var(--ink);background:#fff7e92e;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.list-hero-bags{direction:ltr;min-height:520px;position:relative}.list-hero-bags>span{width:260px;height:400px;left:calc(50% + (var(--index) - 1) * 105px);top:calc(65px + var(--index) * 18px);transform:translateX(-50%) rotate(calc((var(--index) - 1) * 8deg));position:absolute}.list-hero-bags .bag-stage-large .coffee-bag{width:175px;height:250px}.ranked-list{padding-block:80px 120px}.ranked-list>header{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.ranked-list header h2{margin:0}.ranked-list header>p{color:var(--muted);font-size:.6rem}.ranked-item{border-top:1px solid var(--border);grid-template-columns:65px 150px 1fr 130px;align-items:center;gap:25px;min-height:215px;padding:20px;display:grid}.rank-number{color:var(--light-brown);font:400 2rem Georgia,serif}.rank-bag{background:#ece2d7;border-radius:15px;height:170px}.rank-bag .coffee-bag{width:80px;height:115px}.rank-bag .bag-label{inset:33px 9px 13px}.rank-bag .bag-label strong{font-size:6px}.rank-copy h3{margin:5px 0 10px;font-size:1.25rem}.rank-copy>p{max-width:590px;color:var(--muted);margin:14px 0 0;font-size:.66rem;line-height:1.8}.rank-rating{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.rank-rating small{color:var(--muted);font-size:.55rem}.rank-rating>a{text-underline-offset:4px;margin-top:14px;font-size:.62rem;font-weight:600;text-decoration:underline}.roastery-hero{background:#e8ded2;padding-block:70px}.roastery-hero>.container{grid-template-columns:auto 1fr auto;align-items:center;gap:35px;display:grid}.big-roastery-logo{color:#fff;background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:2.3rem;display:flex;box-shadow:inset 0 0 0 9px #ffffff14}.roastery-intro h1{margin:0 0 9px;font-size:2.8rem}.roastery-intro>p{max-width:620px;color:var(--muted);font-size:.75rem;line-height:1.8}.roastery-meta,.roastery-social{color:var(--brown);align-items:center;gap:15px;font-size:.62rem;display:flex}.roastery-meta span,.roastery-social a{align-items:center;gap:5px;display:flex}.roastery-social{margin-top:17px}.roastery-social a{background:#ffffff80;border-radius:9px;padding:7px 10px}.roastery-numbers{border-right:1px solid #3a2a2026;gap:26px;padding-right:32px;display:flex}.roastery-numbers span{flex-direction:column;align-items:center;display:flex}.roastery-numbers b{font-size:1.35rem}.roastery-numbers small{color:var(--muted);font-size:.54rem}.roastery-products{grid-template-columns:repeat(4,1fr)}.roastery-highlights{grid-template-columns:1fr 1fr;gap:20px;margin-block:70px 120px;display:grid}.roastery-highlights>div{background:#e6d9cc;border-radius:22px;padding:32px}.roastery-highlights>div:last-child{background:#dedfd2}.roastery-highlights h2{margin-bottom:7px}.roastery-highlights p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.7}.cafe-hero{background:#e9dfd4;padding-block:60px}.cafe-hero>.container{grid-template-columns:44% 1fr;align-items:center;gap:55px;display:grid}.cafe-photo{color:#d8c4af;background:linear-gradient(145deg,#584438,#2f251f);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:330px;display:flex}.cafe-photo span{font-size:.6rem}.cafe-hero h1{margin-bottom:12px;font-size:3rem}.cafe-hero p{max-width:580px;color:var(--muted);font-size:.78rem;line-height:1.9}.cafe-actions{margin-top:24px}.future-cafe{border:1px dashed var(--light-brown);border-radius:20px;align-items:center;gap:22px;margin-block:90px 120px;padding:26px;display:flex}.future-cafe>span{color:#fff;background:var(--brown);border-radius:12px;padding:7px 10px;font-size:.58rem}.future-cafe div{flex:1}.future-cafe h2{margin:0 0 4px;font-size:1rem}.future-cafe p{color:var(--muted);margin:0;font-size:.65rem}.future-cafe a{font-size:.66rem;font-weight:600}.auth-page{background:var(--bg);grid-template-columns:minmax(360px,.8fr) 1.2fr;min-height:100vh;padding:70px;display:grid;position:relative}.auth-brand{position:absolute;top:30px;right:40px}.auth-card{border:1px solid var(--border);width:min(430px,100%);box-shadow:var(--shadow);background:#ffffffb3;border-radius:26px;place-self:center;padding:40px}.auth-card h1{margin-bottom:8px;font-size:2rem}.auth-card>p{color:var(--muted);margin-bottom:27px;font-size:.7rem;line-height:1.8}.auth-card .input-icon button{color:var(--muted);display:flex}.auth-options{justify-content:space-between;align-items:center;margin:0 0 20px;font-size:.61rem;display:flex}.auth-options label{align-items:center;gap:5px;display:flex}.auth-options a,.auth-switch a{color:var(--brown);font-weight:600}.auth-switch{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:24px;padding-top:18px;font-size:.65rem}.auth-art{color:#fff;background:linear-gradient(135deg,#3e3027,#775d4a);border-radius:32px;flex-direction:column;justify-content:center;margin-right:60px;padding-right:13%;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:460px;height:460px;position:absolute;top:-130px;left:-160px;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff05}.auth-art span{z-index:2;letter-spacing:-.07em;font-size:clamp(2.2rem,5vw,5rem);font-weight:600;line-height:1.22;position:relative}.auth-art span:nth-child(2){color:#d5bda8}.auth-art p{color:#d7c7ba;margin-top:30px;font-size:.74rem}.auth-message{border:1px solid;border-radius:12px;align-items:flex-start;gap:8px;margin:-8px 0 20px;padding:12px 13px;font-size:.63rem;line-height:1.7;display:flex}.auth-message.error{color:#7d3d35;background:#fff0ed;border-color:#e2bbb3}.auth-message.success{color:#3f694e;background:#eff8f1;border-color:#bdd7c5}.auth-message svg{flex:none;margin-top:2px}.google-auth-button{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d8cdc1;border-radius:14px;justify-content:center;align-items:center;gap:11px;padding:0 18px;font-size:.69rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 5px 16px #3a2a200f}.google-auth-button:hover{background:#fffdf9;border-color:#bba894;transform:translateY(-1px)}.google-auth-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.google-mark{color:#4285f4;direction:ltr;background:#fff;border:1px solid #e2e2e2;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font:700 .8rem Arial,sans-serif;display:inline-flex}.auth-divider{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin:19px 0;font-size:.54rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.admin-shell{color:#34271f;background:#f2eee8;grid-template-columns:255px 1fr;min-height:100vh;display:grid}.admin-sidebar{z-index:60;background:#fffdfa;border-left:1px solid #e0d8cf;flex-direction:column;min-height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-logo{border-bottom:1px solid #eee7df;padding:0 10px 24px}.admin-logo small{color:var(--muted);margin:7px 41px 0 0;font-size:.51rem;display:block}.admin-sidebar nav{flex-direction:column;gap:4px;padding-top:21px;display:flex}.admin-sidebar nav button,.admin-bottom>button{color:#756b64;text-align:right;border-radius:10px;align-items:center;gap:10px;min-height:43px;padding:0 12px;font-size:.67rem;display:flex}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:var(--ink);background:#eee7de}.admin-sidebar nav button b{color:#fff;text-align:center;background:#9e6a4b;border-radius:10px;min-width:20px;margin-right:auto;padding:3px;font-size:.5rem}.admin-bottom{margin-top:auto}.admin-user{border-top:1px solid #eee7df;align-items:center;gap:9px;margin-top:12px;padding:15px 10px 0;display:flex}.admin-user>span{color:#fff;background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:.65rem;display:flex}.admin-user div{flex-direction:column;display:flex}.admin-user b{font-size:.62rem}.admin-user small{color:var(--muted);font-size:.5rem}.admin-sidebar-close,.admin-menu{display:none}.admin-main{min-width:0;padding:0 30px 50px}.admin-topbar{border-bottom:1px solid #e1d8cf;justify-content:space-between;align-items:center;gap:20px;min-height:91px;display:flex}.admin-topbar h1{margin:0 0 3px;font-size:1.25rem}.admin-topbar p{color:var(--muted);margin:0;font-size:.58rem}.admin-topbar>div:last-child{gap:9px;display:flex}.admin-topbar .secondary-button{min-height:42px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:13px;padding-block:24px;display:grid}.admin-stats article{background:#fff;border:1px solid #e4dcd4;border-radius:15px;align-items:center;gap:13px;min-height:105px;padding:18px;display:flex}.admin-stats article>span{color:#765642;background:#eee5dc;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.admin-stats article>span svg{width:19px}.admin-stats article>div{flex:1;grid-template-columns:1fr auto;align-items:baseline;display:grid}.admin-stats small{color:var(--muted);grid-column:1/-1;font-size:.53rem}.admin-stats b{font-size:1.35rem}.admin-stats em{color:#7d6a5c;font-size:.51rem;font-style:normal}.admin-panel{background:#fff;border:1px solid #e2dad2;border-radius:16px;overflow:hidden}.admin-panel-head{border-bottom:1px solid #e7dfd7;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:14px 18px;display:flex}.admin-search{border:1px solid #ddd4cc;border-radius:9px;align-items:center;gap:8px;width:min(330px,100%);height:41px;padding-inline:12px;display:flex}.admin-search svg{color:var(--muted)}.admin-search input{border:0;outline:0;flex:1;min-width:0;font-size:.61rem}.admin-panel-head>div{gap:9px;display:flex}.admin-select{border:1px solid #ddd4cc;border-radius:9px;align-items:center;width:125px;height:42px;display:flex;position:relative}.admin-select select{appearance:none;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 10px;font-size:.6rem}.admin-select svg{position:absolute;left:8px}.admin-panel-head .primary-button{border-radius:9px;min-height:42px;font-size:.62rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%}.admin-table th{height:45px;color:var(--muted);text-align:right;background:#faf8f5;padding:0 13px;font-size:.53rem;font-weight:500}.admin-table td{border-top:1px solid #eee7df;height:70px;padding:0 13px;font-size:.58rem}.admin-table td:first-child a{align-items:center;gap:9px;display:flex}.table-bag{background:#eee5dc;border-radius:7px;width:42px;height:49px;overflow:hidden}.table-bag .coffee-bag{width:25px;height:37px}.table-bag .bag-label,.table-bag .coffee-shadow,.table-bag .floating-bean{display:none}.admin-table .stars b{font-size:.6rem}.status-pill{color:#49745b;background:#e2f0e7;border-radius:10px;padding:5px 8px;font-size:.5rem}.status-pill.draft{color:#896d42;background:#f3ead5}.admin-drawer-backdrop{justify-content:flex-start;padding:0}.admin-drawer{background:#fffdfa;width:min(670px,100%);height:100vh;padding:26px;animation:.3s drawerIn;overflow-y:auto;box-shadow:20px 0 70px #0003}.admin-drawer>header{justify-content:space-between;margin-bottom:24px;display:flex}.admin-drawer h2{margin-bottom:4px}.admin-drawer header p{color:var(--muted);font-size:.57rem}.drawer-section{background:#f4efe9;border-radius:14px;margin-bottom:22px;padding:18px}.drawer-section h3{margin-bottom:17px;font-size:.76rem}.admin-drawer .form-group{margin-bottom:13px}.multi-select{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:6px;display:flex}.multi-select span{background:#e9dfd5;border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:.55rem;display:flex}.multi-select button{color:var(--brown);font-size:.55rem}.drawer-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:18px;display:flex}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetIn{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes drawerIn{0%{opacity:.6;transform:translate(-30px)}}@media (width<=1050px){.container{width:min(100% - 36px,960px)}.horizontal-cards{grid-template-columns:repeat(3,1fr)}.horizontal-cards>:nth-child(4){display:none}.explore-intro{grid-template-columns:1fr 1fr;gap:30px}.hero-copy{padding:44px 40px}.list-preview-grid{grid-template-columns:1fr 1fr}.list-preview-grid>:last-child{display:none}.roaster-row,.results-grid{grid-template-columns:1fr 1fr}.product-hero{gap:40px}.gallery-main{height:490px}.product-summary{padding:0}.details-section{gap:50px}.ratings-overview{gap:35px}.bag-grid{grid-template-columns:repeat(4,1fr)}.list-card{grid-template-columns:180px 1fr}.profile-lists{grid-template-columns:1fr}.roastery-numbers{display:none}.roastery-products{grid-template-columns:repeat(3,1fr)}.admin-stats{grid-template-columns:1fr 1fr}.auth-page{padding:60px 30px}.auth-art{margin-right:30px}.contact-hero{grid-template-columns:1fr 360px;gap:40px}}@media (width<=760px){body{padding-bottom:82px}.container{width:calc(100% - 28px)}.site-header{height:64px}.desktop-nav{display:none}.brand{font-size:1.1rem}.brand-mark{width:28px;height:28px}.mobile-nav{z-index:100;pointer-events:none;justify-content:center;gap:9px;height:62px;display:flex;position:fixed;bottom:14px;left:16px;right:16px}.site-footer{margin-top:70px;padding:35px 0 55px}.footer-inner{grid-template-columns:1fr;gap:25px}.site-footer nav{gap:20px}.site-footer small{grid-column:auto;width:100%}.footer-brand p{font-size:.64rem}.legal-hero{padding-block:55px 45px}.legal-hero-inner{display:block}.legal-icon{width:55px;height:55px;margin-bottom:22px}.legal-hero h1,.contact-hero h1{font-size:2.45rem}.legal-hero p{font-size:.72rem}.legal-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.legal-summary{position:static}.legal-content h2{font-size:1rem}.legal-content p,.legal-content li{font-size:.7rem}.contact-hero{grid-template-columns:1fr;gap:30px;padding-block:55px 45px}.contact-hero>div>p{font-size:.72rem}.contact-main-card{min-height:220px;padding:27px}.contact-topics{padding-top:25px}.contact-topics h2{font-size:1.25rem}.contact-topics>div{grid-template-columns:1fr}.contact-topics>div>a{min-height:205px}.nav-capsule{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#3a2a20f0;border:1px solid #ffffff26;border-radius:22px;gap:2px;padding:5px;display:flex;box-shadow:0 12px 30px #3a2a2040}.nav-capsule a{color:#cdbfb4;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-width:88px;height:50px;font-size:.62rem;display:flex}.nav-capsule a.active{color:var(--ink);background:#fff8ed}.mobile-search{color:#fff;background:var(--ink);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:61px;height:61px;display:flex;box-shadow:0 12px 30px #3a2a2040}.mobile-search.active{color:var(--ink);background:#e5d5c6}.page-section{padding-top:55px}.section-heading{align-items:center}.section-heading h2{font-size:1.25rem}.section-heading>a{font-size:.65rem}.horizontal-cards{scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-14px;padding-bottom:12px;padding-left:14px;display:flex;overflow-x:auto}.horizontal-cards::-webkit-scrollbar{display:none}.horizontal-cards>*{scroll-snap-align:start;width:min(78vw,295px);min-width:min(78vw,295px);display:block!important}.coffee-visual{height:250px}.explore-intro{flex-direction:column;align-items:stretch;gap:20px;padding-top:29px;display:flex}.welcome-copy h1{font-size:1.75rem}.main-search{height:54px}.main-search button{display:none}.hero-section{border-radius:24px;grid-template-columns:1fr;min-height:640px;margin-top:24px}.hero-copy{padding:31px 26px 8px}.hero-copy h2{font-size:2.2rem}.hero-copy>p{font-size:.73rem;line-height:1.8}.hero-art{grid-row:1;min-height:285px}.hero-art .bag-stage-large .coffee-bag{width:158px;height:225px}.hero-art:before{width:260px;height:260px;top:22px}.art-word{font-size:3.6rem;top:18px}.art-stamp{width:58px;height:58px;bottom:9%;left:11%}.hero-actions{justify-content:space-between}.hero-actions .primary-button{min-height:44px;padding-inline:15px}.origin-band{margin-top:55px}.origin-inner{align-items:flex-start;gap:25px}.origin-inner h2{font-size:1.35rem}.origin-stats{flex-direction:column;gap:12px}.origin-stats span{border:0;border-bottom:1px solid #ffffff21;padding:0 0 9px}.origin-stats span b{font-size:1.2rem}.origin-stats svg{display:none}.list-preview-grid{scrollbar-width:none;margin-left:-14px;padding-left:14px;display:flex;overflow-x:auto}.list-preview{min-width:83vw;display:flex!important}.roaster-discovery{margin-block:65px 100px;padding:20px}.roaster-row{grid-template-columns:1fr}.search-page{padding-top:38px}.page-title{margin-bottom:25px}.page-title h1{font-size:2rem}.page-title p{font-size:.7rem}.search-layout{display:block}.filter-panel{z-index:160;border-radius:25px 25px 0 0;padding:26px 20px 100px;transition:all .3s;position:fixed;inset:70px 0 0;overflow-y:auto;transform:translateY(110%)}.filter-panel:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:0;background:#2d201873;transition:all .3s;position:fixed;inset:-70px 0 0}.filter-panel.open{transform:translateY(0)}.filter-panel.open:before{opacity:1}.filter-head .filter-close{display:flex}.filter-apply{width:100%;display:flex;position:sticky;bottom:0}.search-input{height:52px}.mobile-filter-button{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:94px;font-size:.63rem;display:flex}.mobile-filter-button b{color:#fff;background:var(--ink);border-radius:50%;width:17px;height:17px;font-size:.5rem}.results-head{min-height:58px}.results-head>label{font-size:0}.results-grid{grid-template-columns:1fr 1fr;gap:10px}.results-grid .coffee-visual{height:205px}.results-grid .coffee-card-body{padding:12px}.results-grid .card-meta-row{flex-direction:column;align-items:flex-start}.results-grid .coffee-card h3{font-size:.78rem}.results-grid .note-list span:nth-child(3),.results-grid .card-actions .icon-button{display:none}.results-grid .coffee-bag{width:94px;height:134px}.results-grid .bag-label{inset:38px 10px 15px}.results-grid .bag-label strong{font-size:8px}.product-breadcrumbs{white-space:nowrap;overflow:hidden}.product-hero{flex-direction:column;gap:30px;display:flex}.gallery-main{height:430px}.gallery-main .bag-stage-large .coffee-bag{width:180px;height:260px}.product-summary{display:contents}.summary-topline{order:-1;margin:0}.product-summary>.origin-label,.product-summary>h1,.product-summary>.product-description,.product-summary>.summary-rating,.product-summary>.main-notes,.product-summary>.state-buttons,.product-summary>.quick-details{order:1}.product-summary h1{margin:-15px 0 -17px;font-size:2.5rem}.product-description{font-size:.74rem}.state-buttons{gap:6px}.state-buttons button{height:59px}.quick-details{overflow-x:auto}.quick-details span{min-width:120px}.identity-section{padding-top:70px}.identity-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.identity-card{min-height:160px;padding:15px}.identity-card header{margin-bottom:15px}.details-section{grid-template-columns:1fr;gap:35px;padding-top:75px}.coffee-facts{grid-template-columns:1fr}.coffee-facts>div:nth-child(odd){margin:0}.sensory-row{grid-column:auto}.ratings-band{margin-top:80px}.ratings-overview{grid-template-columns:1fr;gap:35px}.rating-cta{border:0;border-top:1px solid #ffffff24;padding:28px 0 0}.community-section{padding-top:65px}.reviews-list{scrollbar-width:none;margin-left:-14px;padding-left:14px;display:flex;overflow-x:auto}.review-card{min-width:86vw}.brew-recipes-section,.roastery-link-section{padding-top:70px}.recipe-grid{grid-template-columns:1fr}.recipe-card{padding:18px}.roastery-card{grid-template-columns:auto 1fr;gap:16px;padding:22px}.roastery-logo{width:58px;height:58px}.external-action{grid-column:1/-1;align-items:stretch}.external-action small{text-align:center}.experience-sheet{border-radius:25px 25px 0 0;align-self:flex-end;width:100%;max-height:90vh;padding:19px}.modal-backdrop{align-items:flex-end;padding:0}.sheet-handle{background:var(--border);border-radius:4px;width:45px;height:4px;margin:-4px auto 18px;display:block}.form-row{grid-template-columns:1fr;gap:0}.profile-cover{height:125px}.cover-text{font-size:2.5rem}.profile-header{display:block}.profile-avatar{border-width:5px;width:100px;height:100px;margin-top:-48px}.profile-avatar span{font-size:1.7rem}.profile-main{padding-top:10px}.profile-name-row{align-items:center}.profile-name-row h1{font-size:1.25rem}.profile-name-row>div:first-child{display:block}.profile-name-row .secondary-button{width:42px;padding:0;font-size:0}.profile-stats{grid-template-columns:repeat(3,1fr);gap:18px 0}.profile-stats span:nth-child(3){border:0}.profile-tabs{justify-content:space-between;gap:0}.profile-tabs button{font-size:.62rem}.shelf-tabs{overflow-x:auto}.shelf-tabs button{white-space:nowrap}.bag-grid{grid-template-columns:repeat(3,1fr);gap:9px}.bag-grid-item>div{height:175px}.bag-grid-item .coffee-bag{width:78px;height:112px}.bag-grid-item .bag-label{inset:32px 8px 13px}.bag-grid-item .bag-label strong{font-size:6px}.bag-grid-item h3{font-size:.66rem}.experience-row{grid-template-columns:85px 1fr}.experience-bag{height:auto}.experience-copy{padding:14px}.experience-copy footer{flex-wrap:wrap;gap:7px}.profile-list-card{grid-template-columns:105px 1fr auto;gap:12px}.mini-covers{height:115px}.split-title{align-items:flex-start}.split-title .primary-button{width:45px;padding:0;font-size:0}.featured-list{flex-direction:column-reverse;min-height:570px;padding:28px;display:flex}.featured-list h2{font-size:2rem}.stacked-bags{min-height:290px}.stacked-bags>span{left:calc(50% + (var(--index) - 1) * 65px)}.lists-filter{overflow-x:auto}.lists-filter button{white-space:nowrap}.lists-grid{grid-template-columns:1fr}.list-card{grid-template-columns:135px 1fr}.list-cover{min-height:235px}.list-cover .bag-stage{width:60px}.list-card-body{padding:20px 16px}.list-card-body h2{font-size:.95rem}.list-detail-hero>.container{flex-direction:column-reverse;display:flex}.list-detail-copy{padding-bottom:45px}.list-detail-copy h1{font-size:2.5rem}.list-hero-bags{min-height:320px}.list-hero-bags>span{width:190px;height:290px;left:calc(50% + (var(--index) - 1) * 70px);top:calc(30px + var(--index) * 12px)}.list-hero-bags .bag-stage-large .coffee-bag{width:120px;height:175px}.ranked-list{padding-top:55px}.ranked-item{grid-template-columns:35px 90px 1fr;gap:11px;padding:15px 0}.rank-bag{height:130px}.rank-bag .coffee-bag{width:60px;height:88px}.rank-copy h3{font-size:.88rem}.rank-copy>p,.rank-copy .note-list span:nth-child(n+3){display:none}.rank-rating{grid-column:3;margin-top:-30px}.rank-rating>a{display:none}.roastery-hero{padding-block:45px}.roastery-hero>.container{grid-template-columns:90px 1fr;gap:20px}.big-roastery-logo{width:90px;height:90px;font-size:1.5rem}.roastery-intro h1{font-size:2rem}.roastery-intro>p{grid-column:1/-1}.roastery-meta,.roastery-social{flex-wrap:wrap}.roastery-products{grid-template-columns:1fr 1fr}.roastery-highlights{grid-template-columns:1fr}.cafe-hero>.container{grid-template-columns:1fr;gap:30px}.cafe-photo{height:230px}.cafe-hero h1{font-size:2.3rem}.future-cafe{flex-wrap:wrap;align-items:flex-start}.future-cafe a{width:100%}.auth-page{padding:100px 14px 30px;display:block}.auth-brand{top:25px;right:25px}.auth-card{padding:27px 20px}.auth-art{display:none}.header-login{min-height:38px;padding-inline:12px;font-size:.7rem}.header-logout{display:none}.admin-shell{display:block}.admin-sidebar{width:min(290px,86vw);transition:all .3s;position:fixed;bottom:0;right:0;transform:translate(105%);box-shadow:-20px 0 60px #00000026}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-close{display:flex;position:absolute;top:22px;left:15px}.admin-main{padding:0 14px 30px}.admin-menu{display:flex}.admin-topbar{justify-content:flex-start}.admin-topbar>div:nth-child(2){flex:1}.admin-topbar>div:last-child .secondary-button{display:none}.admin-stats{grid-template-columns:1fr 1fr;gap:8px}.admin-stats article{min-height:95px;padding:12px}.admin-stats article>span{display:none}.admin-panel-head{flex-direction:column;align-items:stretch}.admin-search{width:100%}.admin-panel-head>div{justify-content:space-between}.admin-table{min-width:860px}.admin-drawer{padding:20px 15px}.toast{width:max-content;max-width:calc(100% - 30px);bottom:90px}}@media (width<=390px){.results-grid,.roastery-products{grid-template-columns:1fr}.results-grid .coffee-visual{height:260px}.results-grid .card-meta-row{flex-direction:row}.results-grid .coffee-bag{width:120px;height:170px}.bag-grid{grid-template-columns:1fr 1fr}.admin-stats,.identity-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}