:root{color-scheme:dark;--bg:#0b0908;--bg2:#130e0b;--panel:#1b1410;--panel2:#251a13;--text:#f7ebd8;--muted:#b7a38c;--faint:#897666;--gold:#f1c280;--gold2:#b98042;--edge:rgba(241,194,128,.20);--green:#328962;--red:#bb4748;--radius:24px;--max:1150px;--shadow:0 25px 65px rgba(0,0,0,.30)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;font-family:'Vazirmatn',Tahoma,sans-serif;direction:rtl;background:radial-gradient(ellipse 68% 20% at 50% -3%,#41281773,transparent),var(--bg);color:var(--text);font-size:15px;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-touch-callout:none}img{max-width:100%;display:block}svg{display:block;flex-shrink:0}::selection{background:var(--gold);color:#231307}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input,textarea{outline:none}input:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #edba6d24}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.6}h1{font-size:clamp(2.15rem,4.7vw,4.3rem);font-weight:900;line-height:1.45;letter-spacing:-1.7px}h2{font-size:clamp(1.65rem,3vw,2.55rem);font-weight:800;letter-spacing:-.5px}h3{font-size:1.2rem;font-weight:700}p{line-height:2;color:var(--muted)}small{font-size:.8rem}
.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:86px;position:sticky;top:0;z-index:50;background:#0b0908d9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0d}.head-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand img{width:162px;height:auto}.brand .flag{display:inline-flex;width:17px;height:14px;border-radius:2px;overflow:hidden;margin-right:3px;direction:ltr}.flag i{width:33.33%;background:#008c59}.flag i:nth-child(2){background:#fafafa}.flag i:nth-child(3){background:#d12c34}.head-nav{display:flex;align-items:center;gap:5px}.head-nav a{border-radius:13px;padding:10px 15px;font-weight:600;color:#c8b7a5;transition:.22s}.head-nav a:hover,.head-nav a.active{background:#d8a86717;color:var(--gold)}.top-action{display:flex;gap:12px;align-items:center}.btn,.icon-btn{border:1px solid transparent;border-radius:16px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 22px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.btn:active,.icon-btn:active,.vote:active,.tab:active{transform:scale(.955)}.btn svg,.icon-btn svg{width:20px;height:20px}.btn-primary{background:linear-gradient(120deg,#f7d397,#bb7c3d);color:#1b1109;box-shadow:0 12px 35px #ba7c3b30}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn-ghost{border-color:var(--edge);background:#1c1410;color:var(--text)}.btn-ghost:hover{border-color:var(--gold2);background:#312015}.btn-muted{background:#39281b;color:var(--gold)}.btn-danger{border-color:#dc5a5759;color:#ff9991;background:#401b1b55}.btn-full{width:100%}.btn[disabled],button[disabled]{cursor:not-allowed;opacity:.53}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase;direction:ltr;justify-content:flex-end}.eyebrow::after{content:"";width:42px;height:1px;background:var(--gold)}.accent{color:var(--gold)}.page{min-height:calc(100vh - 250px)}.page-hero{padding:80px 0 35px}.lead{max-width:620px;font-size:1.04rem}.tag{display:inline-flex;gap:7px;align-items:center;font-size:.8rem;padding:6px 12px;border:1px solid var(--edge);border-radius:40px;color:var(--gold);background:#f1b7650a}.tag svg{width:14px;height:14px}.separator{height:1px;background:linear-gradient(90deg,transparent,#f4c08130,transparent);margin:70px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head p{margin:0}.section-head h2{margin:0}.section{padding:45px 0}.mini-caption{font-size:.75rem;color:var(--faint);font-weight:600;letter-spacing:1px;direction:ltr;text-align:right}
.hero{min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse 40% 60% at 20% 50%,#69412248,transparent),linear-gradient(110deg,#0c0807,#1b120c 58%,#0a0908)}.hero::after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,#d0934524,transparent 23%),radial-gradient(circle at 5% 89%,#51261030,transparent 35%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:680px}.hero-copy{padding:70px 0}.hero-copy h1{margin:25px 0 16px}.hero-copy p{max-width:450px;font-size:1.04rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.hero-details{margin-top:52px;display:flex;gap:30px}.hero-stat{border-right:1px solid #dba76239;padding-right:17px}.hero-stat b{display:block;color:#fff2d8;font-size:1.6rem;line-height:1.35}.hero-stat small{color:var(--faint)}.hero-display{position:relative;height:550px;display:flex;align-items:center;justify-content:center}.hero-sheen{position:absolute;width:min(540px,100%);aspect-ratio:1;border:1px solid #d1a57623;border-radius:50%;box-shadow:0 0 0 50px #d1a57609,0 0 0 101px #d1a57605}.hero-sheen::before,.hero-sheen::after{content:"";position:absolute;border-radius:50%;border:1px dashed #b9886c42;inset:36px}.hero-sheen::after{inset:80px}.hero-pic{position:relative;width:330px;height:462px;background:linear-gradient(0deg,#0e0b0b 3%,transparent 75%),url('robusta.webp') center 33%/cover;border-radius:170px 170px 90px 90px;box-shadow:0 50px 85px #000a,inset 0 0 0 1px #e6b97e54;transform:rotate(-5deg);overflow:hidden;isolation:isolate}.hero-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 30%,#0003)}.hero-rome{position:absolute;left:5%;top:7%;width:200px;height:250px;object-fit:cover;opacity:.38;mask-image:linear-gradient(to bottom,#000 10%,transparent 100%);border-radius:45px}.hero-sticker{position:absolute;bottom:35px;left:0;background:#1b140ef2;border:1px solid #d9ae754f;border-radius:18px;padding:17px 20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;transform:rotate(4deg)}.hero-sticker svg{width:25px;color:var(--gold)}.hero-sticker b{font-size:1rem}.hero-sticker span{color:var(--faint);font-size:.78rem}.hero-sticker .mark{width:8px;height:8px;background:#76bd8d;border-radius:50%;box-shadow:0 0 15px #76bd8d}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--edge);padding:28px;background:linear-gradient(145deg,#271b13,#130f0c);min-height:225px;transition:transform .22s,border-color .22s}.feature-card:hover{transform:translateY(-4px);border-color:#e8b7776b}.feature-card .bubble{width:53px;height:53px;border-radius:15px;background:#e3b67714;border:1px solid #e1b46f41;display:grid;place-items:center;color:var(--gold);margin-bottom:18px}.feature-card .bubble svg{width:26px;height:26px}.feature-card h3{margin:0 0 4px}.feature-card p{margin:0;font-size:.88rem}.feature-card::after{content:"";position:absolute;width:180px;height:180px;left:-95px;bottom:-115px;border-radius:50%;background:#c4814213}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-tile{border:1px solid var(--edge);background:#1b120f;position:relative;border-radius:20px;overflow:hidden;min-height:230px;padding:16px;display:flex;flex-direction:column;justify-content:end;isolation:isolate;transition:transform .2s,border-color .2s}.category-tile:hover{transform:translateY(-4px);border-color:var(--gold2)}.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.86)}.category-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0707f5,#0b070750 66%,#0b070712);z-index:-1}.category-tile b{font-size:.94rem}.category-tile small{font-size:.72rem;color:#e8b975}.category-tile .count{background:#120c0da8;border:1px solid #e3ac635c;border-radius:50px;padding:4px 10px;align-self:start;margin-bottom:auto}
.spotlight{background:linear-gradient(110deg,#3d2919,#1b110d);border:1px solid #d0a36d5c;border-radius:30px;padding:35px 45px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;position:relative;overflow:hidden}.spotlight:before{content:"";width:300px;height:300px;position:absolute;left:18%;top:-180px;background:radial-gradient(circle,#c3894a30,transparent 70%)}.spotlight h2{margin:10px 0}.spotlight p{margin:0}.spotlight .btn{z-index:1}
.page-intro{max-width:760px}.page-intro h1{margin:20px 0 12px}.controls{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:35px 0 20px}.search{display:flex;align-items:center;gap:10px;flex:1;min-width:230px;max-width:360px;background:#1b1410;border:1px solid var(--edge);border-radius:16px;padding:0 15px}.search svg{width:20px;color:var(--gold)}.search input{background:none;border:0;color:var(--text);min-width:0;width:100%;height:50px}.search input::placeholder{color:#948272}.search input:focus{box-shadow:none}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#806144 transparent}.chip{white-space:nowrap;border:1px solid #e6b67826;background:#1b1410;border-radius:50px;color:var(--muted);padding:9px 16px;font-size:.82rem;transition:.2s}.chip.active,.chip:hover{background:#eac08b;color:#251709;border-color:transparent;font-weight:700}.cat-section{margin:30px 0 38px;scroll-margin-top:100px}.cat-title{display:flex;gap:13px;align-items:center;margin-bottom:18px;padding-right:14px;border-right:3px solid var(--gold)}.cat-title h2{font-size:1.4rem;margin:0}.cat-title small{color:var(--muted);font-family:Georgia,serif;letter-spacing:1px}.cat-title .qty{margin-right:auto;border:1px solid var(--edge);border-radius:40px;padding:3px 10px;color:var(--gold);font-size:.78rem}.tone-sage .cat-title{border-right-color:#719a67}.tone-honey .cat-title{border-right-color:#cb8e46}.tone-ruby .cat-title{border-right-color:#c44c4b}.tone-teal .cat-title{border-right-color:#60a7aa}.drinks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drink-card{background:linear-gradient(120deg,#21160f,#160f0c);border:1px solid #d5a97425;border-radius:19px;overflow:hidden;transition:border-color .22s,transform .22s}.drink-card:hover{border-color:#e0b47355}.drink-top{padding:17px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:13px}.drink-photo{width:60px;height:66px;object-fit:cover;object-position:center 49%;border-radius:13px;border:1px solid #f7d49725}.drink-name strong{font-size:.98rem;line-height:1.75;display:block}.drink-name small{display:block;color:var(--faint);font-size:.72rem}.drink-code{direction:ltr;flex-shrink:0;font-family:Georgia,serif;font-weight:700;font-size:1.14rem;color:#211509;background:linear-gradient(135deg,#f4ca8c,#b97d3e);border-radius:11px;padding:7px 11px}.drink-actions{padding:0 17px 14px;display:flex;align-items:center;gap:8px}.vote{min-height:42px;min-width:61px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #f9e1bd19;border-radius:12px;color:#cdc4b7;background:#34271e;transition:.18s}.vote svg{width:20px;height:20px}.vote.like.active{color:#d4ffdf;background:#28764b;border-color:#459b65}.vote.dislike.active{color:#ffcecd;background:#8a3439;border-color:#bd5254}.vote:hover{filter:brightness(1.2)}.votes-label{margin-right:auto;font-size:.74rem;color:var(--faint)}.rate-meter{margin:0 17px 10px;height:4px;border-radius:8px;overflow:hidden;background:#604238}.rate-meter i{display:block;background:linear-gradient(90deg,#3e966a,#acd188);height:100%;border-radius:8px;transition:width .5s}.card-footer{display:flex;align-items:center;gap:6px;border-top:1px solid #ffffff0b;padding:9px 15px 10px;min-height:41px}.card-footer button{border:0;background:none;color:var(--gold);font-size:.79rem;display:flex;align-items:center;gap:6px;padding:4px 2px}.card-footer svg{width:15px;height:15px}.card-footer .right-note{margin-right:auto;color:var(--faint);font-size:.73rem}.comments-box{padding:15px;border-top:1px solid #e5b77423;background:#0d0a09ad}.comment{padding:13px 0;border-bottom:1px solid #ffffff0c}.comment:last-child{border:0}.comment-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.comment-line strong{color:#f1d5ab;font-size:.82rem}.comment-line time{color:var(--faint);font-size:.72rem}.comment p{margin:6px 0 0;line-height:1.9;font-size:.86rem;color:#e2d3c3;white-space:pre-wrap;overflow-wrap:anywhere}.input,.textarea{width:100%;padding:13px 15px;color:var(--text);background:#110d0b;border:1px solid #ebc28b30;border-radius:13px}.textarea{resize:vertical;min-height:130px}.field-label{display:block;font-weight:700;margin:0 0 8px;font-size:.92rem;color:#e9d6bd}.field{margin:0 0 20px}.field small{color:var(--faint);display:block;margin-top:6px}.comments-box .textarea{min-height:82px}.comments-box .input{margin:12px 0 8px}.comments-box .btn{margin-top:9px}.empty-state{text-align:center;border:1px dashed #ddb77635;background:#20150e7a;border-radius:18px;padding:25px;color:#baa38b}.empty-state svg{color:var(--gold);margin:0 auto 8px}.notice{padding:14px 18px;border:1px solid #e9bd7a3a;background:#a7732d1c;color:#efcc99;border-radius:16px;margin:18px 0;line-height:1.9;font-size:.88rem}.notice.ok{border-color:#52865f52;background:#1c412829;color:#a6d8b2}.notice.error{border-color:#a93d4266;background:#6e20202d;color:#ffb6b6}
.two-col{display:grid;grid-template-columns:1.08fr .92fr;align-items:start;gap:22px}.glass{background:linear-gradient(145deg,#211712,#140f0c);border:1px solid #e7bc8726;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.glass h2{font-size:1.6rem}.glass p{font-size:.9rem}.contact-option{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-top:13px;border-radius:17px;border:1px solid #e3ac7233;background:#130d0a}.contact-option .side{display:flex;align-items:center;gap:12px}.circle-icon{width:45px;height:45px;border-radius:14px;background:#e7b97816;display:grid;place-items:center;color:var(--gold)}.circle-icon svg{width:23px;height:23px}.contact-option strong{display:block}.contact-option small{color:var(--faint)}.contact-option .arrow{color:var(--gold)}.form-check{display:flex;align-items:flex-start;gap:12px;font-size:.83rem;line-height:1.95;color:#cebba7;cursor:pointer}.form-check input{margin-top:6px;accent-color:#dda960;width:18px;height:18px;flex:none}.help-row{font-size:.78rem;color:var(--faint);margin-top:15px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.highlight{border:1px solid var(--edge);background:#201711;border-radius:18px;padding:19px;text-align:center}.highlight svg{margin:0 auto 9px;color:var(--gold);width:29px;height:29px}.highlight b{display:block;font-size:.9rem}.highlight span{display:block;font-size:.76rem;color:var(--muted)}.club-photo{height:400px;position:relative;border:1px solid #e9bb7940;overflow:hidden;border-radius:28px;background:linear-gradient(0deg,#120c0ce6,#26171233),url('arabica.webp') center 38%/cover}.club-photo::after{position:absolute;content:"UN I CAFÉ";direction:ltr;letter-spacing:14px;bottom:24px;left:20px;font-family:Georgia,serif;font-size:1.8rem;color:#ffdfa27a}.club-badge{position:absolute;left:25px;top:24px;background:#1e1513df;border:1px solid #f2c28065;border-radius:17px;padding:15px;color:#eac18c}.club-badge svg{width:25px;height:25px;margin-bottom:10px}
.footer{margin-top:65px;border-top:1px solid #e2b57628;background:#0e0a09;padding:40px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.footer img{width:143px}.footer p{font-size:.81rem;margin:0}.foot-links{display:flex;gap:16px;font-size:.82rem;color:var(--muted)}.footer-bottom{border-top:1px solid #ffffff10;margin-top:28px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:.73rem}.bottom-nav{display:none}.demo-bar{background:#4b301b;color:#ffe0ac;text-align:center;padding:9px 15px;font-size:.77rem;border-bottom:1px solid #d9a7663c}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);z-index:100;background:#35251a;color:#ffdfae;border:1px solid #e6b87566;border-radius:17px;padding:14px 21px;box-shadow:0 22px 60px #000b;opacity:0;pointer-events:none;transition:.3s;text-align:center;max-width:calc(100vw - 36px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{color:#ffc5c5;border-color:#ff797c66}.hidden{display:none!important}.loading{color:var(--muted);padding:30px;text-align:center}.fine{font-size:.82rem;line-height:1.95;color:var(--muted)}.mt{margin-top:25px}.no-results{padding:35px;text-align:center;color:var(--muted)}
/* Admin */
.admin-page{max-width:1050px;margin:auto}.login-wrap{max-width:445px;margin:60px auto}.admin-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #dbad7931;margin:24px 0;padding-bottom:11px}.admin-tab{border:1px solid #e7b9782e;color:var(--muted);background:#21160f;padding:10px 16px;white-space:nowrap;border-radius:12px}.admin-tab.active{background:var(--gold);border-color:var(--gold);color:#25160d;font-weight:700}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stat{border-radius:18px;border:1px solid var(--edge);padding:22px;background:#1b140f}.admin-stat b{display:block;font-size:1.8rem;color:var(--gold)}.admin-stat span{font-size:.82rem;color:var(--muted)}.admin-list{display:grid;gap:10px}.admin-item{border:1px solid #e1b27330;background:#1b130f;border-radius:16px;padding:16px}.admin-item .row{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-item p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#dfcdb6;font-size:.88rem}.admin-item small{color:var(--muted)}.admin-item .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-item .btn{min-height:38px;padding:7px 13px;font-size:.8rem}.switches{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.toggle-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid #e7b67829;background:#20160f;border-radius:14px;color:#e2c5a4;font-size:.84rem}.toggle-line input{appearance:none;width:40px;height:24px;border-radius:99px;background:#73594b;position:relative;flex:none;cursor:pointer;transition:background .2s}.toggle-line input::after{content:"";position:absolute;width:17px;height:17px;right:4px;top:3.5px;background:white;border-radius:50%;transition:.2s}.toggle-line input:checked{background:#35815a}.toggle-line input:checked::after{right:19px}.admin-drink{padding:17px;border:1px solid #e0b77828;border-radius:16px;background:#1a120f;margin:10px 0}.admin-drink .toggle-line{padding:9px 12px}.admin-drink strong{color:var(--gold)}.admin-drink .switches{margin-top:12px}.drawing{background:radial-gradient(circle at 15% 55%,#b98a3a20,transparent 45%),#21170f;border:1px solid #cca06354;border-radius:20px;padding:25px}.drawing-result{border-radius:14px;background:#a7793627;padding:18px;margin-top:14px}.admin-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:15px}.admin-toolbar .btn{min-height:40px;padding:7px 15px}.pill{display:inline-block;color:#ecc995;background:#ba8d472b;border-radius:30px;padding:3px 11px;font-size:.75rem}.pill.pending{color:#f5bf77}.pill.approved{color:#96d7a8;background:#325c3d41}.pill.rejected{color:#e6a1a2;background:#7031374d}
@media(max-width:900px){.hero-grid{gap:25px}.hero-pic{width:270px;height:405px}.hero-rome{width:145px}.hero-display{height:460px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-tile{min-height:210px}.top-action{display:none}.head-nav a{padding:9px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){:root{--radius:20px}.shell{width:min(var(--max),calc(100% - 32px))}.site-header{height:69px}.brand img{width:143px}.brand{min-width:0}.head-nav{display:none}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column-reverse;gap:0;min-height:0}.hero-display{height:330px;width:100%;margin-top:15px}.hero-sheen{width:300px;box-shadow:0 0 0 25px #d1a57609,0 0 0 52px #d1a57605}.hero-pic{width:215px;height:297px;border-radius:140px 140px 75px 75px}.hero-rome{height:145px;width:105px;left:3%;top:4%}.hero-sticker{left:0;bottom:14px;padding:9px 12px;border-radius:12px;transform:rotate(2deg)}.hero-sticker b{font-size:.8rem}.hero-sticker span{font-size:.7rem}.hero-copy{padding:10px 0 48px;text-align:center}.eyebrow{justify-content:center}.hero-copy h1{font-size:2.2rem;margin:15px 0 10px}.hero-copy p{font-size:.92rem;line-height:1.9}.hero-actions{margin-top:25px;justify-content:center}.hero-actions .btn{flex:1;padding:10px 12px;font-size:.85rem}.hero-details{justify-content:center;margin-top:32px;gap:24px}.hero-stat b{font-size:1.35rem}.section{padding:30px 0}.section-head{align-items:start;gap:8px}.section-head h2{font-size:1.45rem}.section-head p{font-size:.83rem}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{min-height:0;padding:19px;display:grid;grid-template-columns:48px 1fr;column-gap:15px}.feature-card .bubble{grid-row:span 2;width:45px;height:45px;margin:0;border-radius:13px}.feature-card h3{font-size:1rem;margin:0}.feature-card p{font-size:.8rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{min-height:190px}.spotlight{padding:25px;display:block;border-radius:22px}.spotlight h2{font-size:1.4rem}.spotlight .btn{margin-top:19px}.page-hero{padding:43px 0 10px}.page-intro h1{font-size:2.1rem}.controls{display:block;margin-top:22px}.search{max-width:none}.chips{margin-top:14px}.drinks-grid{grid-template-columns:1fr;gap:10px}.drink-top{grid-template-columns:56px 1fr auto;padding:14px}.drink-photo{width:56px;height:60px}.drink-actions{padding:0 14px 12px}.rate-meter{margin:0 14px 10px}.cat-section{margin:22px 0 30px}.cat-title h2{font-size:1.18rem}.two-col{grid-template-columns:1fr;gap:18px}.glass{padding:23px;border-radius:20px}.club-photo{height:250px;order:-1}.highlights{grid-template-columns:1fr;gap:9px;margin:22px 0}.highlight{display:flex;text-align:right;align-items:center;gap:10px;padding:13px}.highlight svg{margin:0}.highlight span{margin-right:auto}.footer{padding:25px 0 106px;margin-top:55px}.footer-grid{grid-template-columns:1fr;gap:15px}.footer-bottom{display:block}.foot-links{gap:10px;flex-wrap:wrap}.footer-bottom span{display:block;margin:8px 0}.bottom-nav{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;background:#140e0dfa;backdrop-filter:blur(20px);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid #d6aa702e}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#b5a18c;font-size:.69rem;padding:4px 2px;border-radius:11px}.bottom-nav a svg{width:21px;height:21px}.bottom-nav a.active{color:var(--gold);background:#daa26316}.toast{bottom:95px}.switches{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stat{padding:17px}.admin-stat b{font-size:1.45rem}.admin-tab{font-size:.83rem}.login-wrap{margin:20px auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* UniCafe story & contact v2 | mobile-first editorial cards, photos of actual machines */
.home-story-card{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:center;min-height:295px;background:radial-gradient(circle at 85% 50%,#6d40232a,transparent 70%),#1b120e;border:1px solid #e0b57f47;border-radius:26px;overflow:hidden;padding:0;margin:15px 0}.home-story-copy{padding:38px 43px}.home-story-copy .eyebrow{justify-content:flex-end}.home-story-copy h2{margin:16px 0 6px}.home-story-copy p{max-width:530px}.home-story-copy .btn{margin-top:8px}.home-story-image{height:310px;position:relative;overflow:hidden}.home-story-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#1b120e)}.home-story-image img{height:100%;width:100%;object-fit:cover;object-position:center 44%;filter:saturate(.82)}
.about-cover{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,#6b412a66,transparent 58%),linear-gradient(145deg,#170e09,#070605 75%);border-bottom:1px solid #edb76b26}.about-cover::before{content:'';position:absolute;left:0;top:0;width:36%;height:100%;background:url('beans.webp') center/cover;opacity:.09;mask-image:linear-gradient(to right,#000,transparent)}.about-cover-inner{position:relative;padding:105px 0 94px;max-width:980px;text-align:center}.about-cover .eyebrow{justify-content:center}.about-eyemark{display:inline-flex;color:var(--gold);margin-top:27px}.about-cover h1{font-size:clamp(2.15rem,5.5vw,4.1rem);line-height:1.55;margin:13px auto 15px;max-width:950px}.about-cover-inner>p{font-size:1.07rem;color:#e0ceb7;margin:0 auto;max-width:760px}.about-meta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:33px;color:#e8c18d;font-size:.84rem}.about-metadot{width:4px;height:4px;border-radius:50%;background:var(--gold2)}.about-content{max-width:1050px}.about-intro-note{max-width:740px;margin:57px auto 20px;text-align:center;position:relative}.about-opening{display:block;font-family:Georgia,serif;font-size:5rem;color:#a77c4b;line-height:1}.about-intro-note p{font-size:1.16rem;color:#e5d1b8;line-height:2.15;margin:0}.story-timeline{position:relative;padding:22px 0 20px}.story-timeline::before{content:'';position:absolute;right:50%;top:15px;bottom:20px;width:1px;background:linear-gradient(transparent,#dda66077,transparent);opacity:.35}.story-chapter{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center;padding:55px 0;border-bottom:1px solid #b68b5326}.story-chapter.story-reverse .story-writing{order:2}.story-chapter.story-reverse .story-photo{order:1}.story-step{display:flex;align-items:center;gap:14px;margin-bottom:23px}.story-step>span{display:grid;place-items:center;width:60px;height:60px;flex:none;border:1px solid #eabb7c86;border-radius:19px;color:#f0c68d;font-size:1.75rem;font-family:Georgia,serif;background:linear-gradient(145deg,#543319,#20140d);direction:ltr}.story-step b{display:block;color:#f2cd9d;font-size:1rem}.story-step small{display:block;color:var(--faint);letter-spacing:2px;font-size:.72rem}.story-writing{background:linear-gradient(160deg,#22170e,#14100c);border-radius:22px;border:1px solid #d1a66e2b;padding:34px 32px;box-shadow:var(--shadow);position:relative;z-index:1}.story-writing h2{font-size:clamp(1.35rem,2.7vw,1.9rem);margin:0 0 15px;color:#fbe4bf}.story-writing p{color:#dbcab6;font-size:.93rem;line-height:2.28;margin:0 0 14px}.story-writing p:last-child{margin:0}.story-photo{margin:0;align-self:stretch;min-height:415px;position:relative;border:1px solid #e7bb8457;border-radius:23px;overflow:hidden;background:#201610;isolation:isolate}.story-photo img{width:100%;height:100%;min-height:415px;position:absolute;inset:0;object-fit:cover;object-position:center 40%;filter:saturate(.86) contrast(1.02);transition:transform .65s ease}.story-photo:hover img{transform:scale(1.035)}.story-photo::after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#100b0afd,transparent 40%);z-index:0}.story-photo figcaption{position:absolute;bottom:0;right:0;left:0;display:flex;align-items:center;gap:8px;padding:22px;color:#f1d8ae;font-size:.78rem;z-index:1}.story-photo figcaption svg{color:var(--gold)}.about-farewell{margin:70px 0 45px;background:radial-gradient(circle at 20% 90%,#9a60212c,transparent 50%),linear-gradient(145deg,#271a10,#100c09);padding:40px;border-radius:30px;border:1px solid #d9a4655c}.about-farewell .eyebrow{justify-content:flex-end}.about-last-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.about-last-mark{color:#a57c4f;font-family:Georgia,serif;font-size:1.4rem}.about-last-grid h2{font-size:clamp(1.45rem,2.9vw,2.2rem);margin:12px 0 15px}.about-last-grid p{font-size:.95rem;line-height:2.25;color:#e0ceb9}.about-quote{position:relative;background:linear-gradient(155deg,#332111,#160f0b);border:1px solid #e5af7255;border-radius:23px;padding:45px 25px;text-align:center;box-shadow:0 23px 65px #0004}.about-quote>span{display:inline-flex;color:var(--gold);margin-bottom:28px}.about-quote blockquote{margin:0;font-size:clamp(1.05rem,2vw,1.4rem);line-height:2.5;font-weight:700;color:#f4d7ad}.about-quote em{font-style:normal;color:var(--gold)}.italian-stroke{display:flex;justify-content:center;margin-top:25px}.italian-stroke i{width:25px;height:4px;background:#158752}.italian-stroke i:nth-child(2){background:#f9f6e8}.italian-stroke i:nth-child(3){background:#cb343a}.about-signature{display:flex;flex-direction:column;align-items:flex-start;border-right:2px solid var(--gold2);padding-right:20px;margin-top:28px}.about-signature span{font-size:.79rem;color:#c3a88b}.about-signature strong{font-size:1.35rem;color:var(--gold);font-weight:800;margin:3px 0}.about-next{border-top:1px solid #ffffff18;text-align:center;padding:45px 0 20px}.about-next p{font-size:1.08rem;color:#f2d3ab}.about-next>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.support-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:23px;align-items:start}.subheading{margin-top:17px}.support-people{display:grid;gap:13px;margin-top:20px}.support-person{background:#140f0c;border:1px solid #d4a87154;border-radius:20px;padding:18px}.support-person-head{display:flex;align-items:center;gap:12px}.support-avatar{display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:50%;background:linear-gradient(155deg,#6b4221,#27170f);border:1px solid #e2b6787d;color:#f6d7a4}.support-person h3{font-size:1.06rem;margin:0}.support-person-head span:not(.support-avatar){font-size:.79rem;color:var(--muted)}.support-number{display:block;font-size:clamp(1.1rem,2vw,1.35rem);font-family:Arial,sans-serif;letter-spacing:1px;margin:16px 0;color:#f7d39a;text-align:center;user-select:all}.support-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-buttons .btn{padding:9px 10px;min-height:45px;font-size:.85rem}.call-action{background:linear-gradient(140deg,#216f49,#184831);border-color:#49ac6d7b;color:#eaffef}.call-action:hover{background:#287f54}.support-closer{margin-top:12px;text-align:center;border:1px solid #d7a66c3e;border-radius:22px;padding:25px 18px 20px;background:linear-gradient(140deg,#2d1d11,#130d09)}.support-closer>span{display:inline-flex;color:var(--gold)}.support-closer p{color:#f0cc98;font-size:1.06rem;font-weight:700;margin:10px auto}.support-closer a{color:#e5b875;font-size:.83rem;display:inline-flex;align-items:center;gap:7px}
@media(max-width:900px){.story-chapter{gap:18px}.story-writing{padding:24px}.about-last-grid{gap:18px}.support-layout{grid-template-columns:1fr}}
@media(max-width:680px){.head-nav a{padding:9px}.bottom-nav a{font-size:.64rem;gap:2px}.bottom-nav a svg{width:20px;height:20px}.home-story-card{display:flex;flex-direction:column-reverse;border-radius:20px}.home-story-copy{padding:23px;width:100%}.home-story-copy h2{font-size:1.4rem}.home-story-copy p{font-size:.87rem}.home-story-image{width:100%;height:215px}.home-story-image::after{background:linear-gradient(0deg,#1b120e,transparent 58%)}.about-cover-inner{padding:66px 0 64px}.about-cover h1{font-size:2rem}.about-cover-inner>p{font-size:.91rem;line-height:2}.about-meta{gap:9px;font-size:.75rem}.about-intro-note{margin:32px auto 10px}.about-intro-note p{font-size:.95rem}.story-timeline::before{right:15px}.story-chapter{display:flex;flex-direction:column;gap:0;padding:26px 0 36px}.story-chapter.story-reverse .story-writing,.story-chapter.story-reverse .story-photo{order:initial}.story-writing{padding:21px 18px;width:100%}.story-step{margin-bottom:14px;gap:10px}.story-step>span{width:49px;height:49px;border-radius:14px;font-size:1.4rem}.story-writing h2{font-size:1.4rem}.story-writing p{font-size:.88rem;line-height:2.18}.story-photo{width:100%;min-height:280px;height:335px;margin-top:13px}.story-photo img{min-height:335px}.story-photo figcaption{font-size:.73rem;padding:17px}.about-farewell{padding:24px 19px;border-radius:22px;margin-top:42px}.about-last-grid{display:flex;flex-direction:column;gap:16px}.about-last-grid h2{font-size:1.5rem}.about-last-grid p{font-size:.89rem}.about-quote{width:100%;padding:25px 12px}.about-quote blockquote{line-height:2.3}.support-layout{gap:14px}.support-person{padding:15px}.support-buttons{gap:7px}.support-buttons .btn{min-height:44px;font-size:.79rem}.support-closer p{font-size:.91rem}}
@media(max-width:355px){.bottom-nav a{font-size:.6rem}.support-buttons{grid-template-columns:1fr}}