:root{--coffee:#3a2418;--espresso:#24150f;--caramel:#b8793d;--cream:#f7f1e8;--paper:#fffdf9;--line:#e6d8c9;--ink:#211b18;--muted:#74665d;--ok:#1d6d45;--warn:#ae6b17;--danger:#a93434;--shadow:0 12px 35px rgba(44,28,19,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;margin:0;background:var(--cream);color:var(--ink);line-height:1.6}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}
.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:rgba(255,253,249,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eadfd4;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:850;font-size:21px;color:var(--espresso)}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--coffee);color:white}.site-links{display:flex;align-items:center;gap:24px}.site-links>a,.dropdown>a{text-decoration:none;font-weight:650;font-size:14px}.nav-order{background:var(--coffee);color:white!important;padding:10px 16px;border-radius:999px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:-12px;width:280px;padding:9px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:none}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:flex;justify-content:space-between;gap:15px;padding:9px 10px;text-decoration:none;border-radius:9px;font-size:13px}.dropdown-menu a:hover{background:#f7efe7}.nav-toggle{display:none;background:none;border:0;font-size:26px}
.hero{min-height:72vh;display:grid;place-items:center;background:linear-gradient(90deg,rgba(25,14,8,.78),rgba(25,14,8,.34)),url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1800&q=85') center/cover;color:white}.hero-inner{width:min(1180px,92%);padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#e9c89e}.hero h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,88px);line-height:1.02;margin:10px 0 20px;max-width:780px}.hero p{font-size:18px;max-width:650px;color:#f1e6dc}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn,.item button,button.primary{background:var(--coffee);color:white;border:0;border-radius:11px;padding:11px 16px;text-decoration:none;display:inline-block;font-weight:750}.btn.light{background:white;color:var(--coffee)}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.55)}.secondary{background:#6d5c51}.ok{background:var(--ok)}.warn{background:var(--warn)}.danger{background:var(--danger)}
.section{width:min(1180px,92%);margin:0 auto;padding:76px 0}.section.slim{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2,.content-page h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0}.section-head p{max-width:560px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.article-card,.review-card,.panel,.item,.cart,.scanbox,#bill,#items,.order-card{background:var(--paper);border:1px solid rgba(100,70,50,.08);border-radius:18px;box-shadow:var(--shadow)}.feature-card{padding:26px}.feature-card .icon{font-size:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split img{height:500px;width:100%;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.coffee-band{background:var(--espresso);color:white}.coffee-band .section-head p{color:#d9c9bd}.menu-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-tile{background:#fff;color:var(--ink);padding:18px;border-radius:16px;min-height:150px}.menu-tile small{color:var(--muted)}.price{font-weight:850;color:var(--caramel);font-size:18px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:18px;background:white;border-radius:16px;border:1px solid var(--line)}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coffee);color:#fff;margin-bottom:12px}.review-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{padding:22px}.stars{color:#a96720;letter-spacing:2px}.article-card{overflow:hidden;text-decoration:none}.article-card img{height:220px;width:100%;object-fit:cover}.article-card-body{padding:22px}.article-card h3{margin-top:0;font-family:Georgia,serif;font-size:25px}.site-footer{background:#21140e;color:#e9ddd3;padding:44px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{display:block;color:#e9ddd3;margin:5px 0;text-decoration:none}
.content-hero{height:380px;display:flex;align-items:end;color:white;background:linear-gradient(rgba(20,10,5,.35),rgba(20,10,5,.70)),url('https://images.unsplash.com/photo-1511920170033-f8396924c348?auto=format&fit=crop&w=1800&q=85') center/cover}.content-hero>div{width:min(1000px,92%);margin:0 auto;padding:48px 0}.content-hero h1{font:700 clamp(42px,6vw,70px)/1.05 Georgia,serif;margin:0}.content-page{width:min(900px,92%);margin:auto;padding:55px 0}.content-page p{font-size:17px}.callout{border-left:5px solid var(--caramel);padding:18px 22px;background:white;border-radius:0 14px 14px 0;margin:28px 0}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.health-card{background:white;padding:22px;border-radius:16px}.source-links{font-size:14px;background:#efe7df;border-radius:14px;padding:18px}.source-links a{word-break:break-word}
header.staff{padding:24px 18px;text-align:center;background:var(--coffee);color:#fff}header.staff h1{margin:0 0 4px;font-size:30px}header.staff p{margin:0;opacity:.85}.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.nav a{color:#fff}
main{max-width:1160px;margin:auto;padding:18px}.order-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px}.page{display:block;max-width:1000px}.panel,.item,.cart,.scanbox,#bill,#items,.order-card{padding:16px}.category{margin-bottom:28px}.category h2{font-family:Georgia,serif;font-size:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.item{position:relative;overflow:hidden}.item:before{content:'☕';position:absolute;right:14px;top:10px;font-size:22px;opacity:.14}.item h3{margin:0 0 7px}.item p{color:var(--muted);font-size:13px;min-height:40px}.cart{position:sticky;top:92px;height:max-content}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.total,.bill-total{font-size:24px;font-weight:800;padding:14px 0}.bill-total{text-align:right}.scanbox{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.scanbox input,.scanbox select,.panel input,.panel select,.panel textarea,.cart input,.cart textarea{padding:11px;border:1px solid #d8cec6;border-radius:10px;min-width:140px;background:#fff}.scanbox input{flex:1}.panel input,.panel select,.panel textarea,.cart input,.cart textarea{width:100%;margin:5px 0 10px}.panel textarea,.cart textarea{min-height:70px}.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.tag{font-size:12px;border-radius:999px;padding:4px 8px;background:#eee}.status-open{background:#fffaf0}.status-preparing{background:#fff3e3}.status-ready{background:#eef9f1}.status-served{background:#eef5ff}.status-paid{background:#ecf8ef}.order-card{margin:12px 0}.order-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qrbox{text-align:center}.qrbox img{max-width:280px;width:100%;margin:auto}#result img{max-width:220px;width:100%;display:block;margin:12px auto}video{width:100%;max-height:360px;background:#111;border-radius:12px;display:none;margin-top:12px}.login{max-width:420px;margin:60px auto;padding:20px}.notice{padding:12px 14px;border-radius:10px;background:#fff3cd;margin:10px 0}.report-number{font-size:32px;font-weight:800}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.qr-card{border:2px dashed #bbb;border-radius:14px;text-align:center;padding:14px;break-inside:avoid}.qr-card img{max-width:180px;width:100%;margin:auto}.menu-admin-row{gap:12px;flex-wrap:wrap}.order-success{text-align:center;padding:14px 0}.my-order{margin-top:12px}.break-link{overflow-wrap:anywhere}.payment-box{margin:16px 0;padding:14px;border-radius:12px}.payment-box.paid{background:#d6f5df;color:#145b31}.payment-box.unpaid{background:#fff3cd;color:#6b4b00}.payment-box.claimed{background:#e6f0ff;color:#244f80}.status-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.status-step{text-align:center;opacity:.4}.status-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#ddd;font-weight:800}.status-step.done{opacity:1}.status-step.done span{background:var(--ok);color:#fff}.status-step.current span{outline:4px solid #176b3a33}.status-step small{display:block;font-size:11px}.live-dot{font-size:12px;font-weight:800;background:#e8f7ee;color:#176b3a;border-radius:999px;padding:5px 9px}.status-banner.cancelled{padding:12px;border-radius:10px;background:#fbe0e0;color:#8f1d1d;font-weight:800;text-align:center}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.order-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth-tabs{display:flex;gap:8px;margin-bottom:15px}.hidden{display:none!important}.rating-stars{display:flex;gap:5px;font-size:32px}.rating-stars button{background:none;color:#aaa;padding:0}.rating-stars button.active{color:#b56b22}.guest-box{background:#f8f1e9;padding:13px;border-radius:12px;margin:10px 0}
@media print{.site-nav,.site-footer,header.staff,.no-print,.scanbox,.actions{display:none!important}body{background:#fff}#bill{box-shadow:none}.page{max-width:none;padding:0}.qr-grid{grid-template-columns:repeat(2,1fr)}.qr-card{page-break-inside:avoid}}
@media(max-width:900px){.site-links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-links.open{display:flex}.nav-toggle{display:block}.dropdown-menu{position:static;box-shadow:none;width:auto;margin-top:8px}.dropdown:hover .dropdown-menu{display:block}.feature-grid,.review-grid,.article-grid,.menu-preview{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.split img{height:360px}.site-footer{grid-template-columns:1fr 1fr}.order-layout{grid-template-columns:1fr}.cart{position:static}.account-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hero{min-height:620px}.feature-grid,.review-grid,.article-grid,.menu-preview,.health-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.status-steps{grid-template-columns:repeat(2,1fr);row-gap:16px}.order-summary{grid-template-columns:1fr}.two{grid-template-columns:1fr}.section{padding:54px 0}.content-hero{height:320px}}

header{padding:24px 18px;text-align:center;background:var(--coffee);color:#fff}header h1{margin:0 0 4px;font-size:30px}header p{margin:0;opacity:.85}