:root{--green:#f5b900;--green-dark:#211f20;--lime:#ffc20e;--amber:#ffc20e;--cream:#f7f5ef;--ink:#211f20;--muted:#6f6b69;--line:#e2ded5;--white:#fff;--shadow:0 24px 70px rgba(33,31,32,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}main{overflow:hidden}
.site-header{height:82px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:240px 1fr 240px;align-items:center;padding:0 clamp(20px,4vw,64px);background:rgba(16,27,20,.96);color:#fff;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content}.brand-mark{width:46px;height:46px;border:2px solid var(--lime);border-radius:50% 50% 42% 58%;display:grid;place-items:center;color:var(--lime);font-size:16px;font-weight:800;transform:rotate(-5deg)}.brand-name{font-size:18px;font-weight:500;line-height:.9;letter-spacing:.02em}.brand-name b{font-weight:800}.brand-name small{display:block;margin-top:6px;color:var(--amber);font:italic 600 12px "Playfair Display",serif;letter-spacing:.08em}
.main-nav{display:flex;justify-content:center;align-items:center;gap:clamp(20px,2.5vw,38px);font-size:14px;font-weight:600}.main-nav a{position:relative;padding:29px 0}.main-nav a:after{content:"";position:absolute;left:0;bottom:22px;width:0;height:2px;background:var(--lime);transition:.25s}.main-nav a:hover:after{width:100%}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.account-link{font-size:14px;font-weight:700}.login-pill{display:inline-flex;align-items:center;gap:16px;padding:10px 16px 10px 20px;border-radius:999px;background:var(--lime);color:#193322;font-size:14px;font-weight:800}.login-pill b{font-size:19px}.login-pill.subtle{background:#ffffff14;color:white}.nav-toggle{display:none;border:0;background:transparent;color:#fff;font-size:24px}
.hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(8,18,12,.94) 0%,rgba(8,18,12,.74) 38%,rgba(8,18,12,.13) 72%),url("../hero-food-time.webp") center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,18,12,.4),transparent 45%)}.hero-inner{position:relative;z-index:1;width:min(1260px,88vw);margin:auto;padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:2px;background:currentColor}.eyebrow.dark{color:var(--green)}.hero h1,.section h2,.hours-section h2{max-width:820px;margin:22px 0;font-size:clamp(48px,6.5vw,96px);line-height:.98;letter-spacing:-.055em}.hero h1 em,.section h2 em{color:var(--lime);font-family:"Playfair Display",serif;font-weight:600}.hero p{max-width:570px;margin:0 0 32px;color:#eef2ed;font-size:clamp(17px,2vw,21px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#173521;box-shadow:0 12px 30px #b9da6535}.btn-ghost{border:1px solid #ffffff70;color:#fff;background:#ffffff0d}.btn-light{background:#fff;color:var(--green-dark)}.hero-proof{display:flex;flex-direction:column;margin-top:65px;padding-left:17px;border-left:3px solid var(--amber)}.hero-proof strong{font-size:14px}.hero-proof span{color:#bdc8bf;font-size:12px}.scroll-cue{position:absolute;right:4vw;bottom:30px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;font-size:22px}
.section{padding:clamp(80px,10vw,140px) 0}.section-shell{width:min(1180px,88vw);margin:auto}.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.section h2{font-size:clamp(38px,5vw,64px);margin:20px 0 26px}.section h2 em{color:var(--green)}.lead{max-width:490px;color:var(--muted);font-size:18px}.quality-note{display:flex;gap:14px;align-items:center;margin-top:35px}.quality-note>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.quality-note div{display:flex;flex-direction:column}.quality-note small{color:var(--muted)}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.value-card{min-height:240px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 40px #1933220a;transition:.25s}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.value-card.featured{background:var(--green-dark);color:#fff}.value-card.wide{grid-column:1/-1;min-height:auto}.card-number{color:var(--amber);font-weight:800;font-size:12px;letter-spacing:.1em}.value-card h3{margin:50px 0 10px;font-size:22px}.value-card.wide h3{margin-top:25px}.value-card p{margin:0;color:var(--muted);font-size:14px}.value-card.featured p{color:#cbd7cf}
.services-section{background:#fff}.section-heading{max-width:720px;margin-bottom:58px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading.centered h2{margin-left:auto;margin-right:auto}.section-heading p{color:var(--muted);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;display:block;min-height:250px;padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--cream);overflow:hidden}.step:after{content:"";position:absolute;width:120px;height:120px;right:-50px;bottom:-50px;border-radius:50%;background:var(--lime);opacity:.17}.step-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--green-dark);color:var(--lime);font-weight:800}.step h3{margin:42px 0 8px;font-size:21px}.step p{margin:0;color:var(--muted);font-size:14px}.menu-banner{margin-top:70px;padding:clamp(32px,5vw,65px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:30px;background:linear-gradient(120deg,#1d5b3a,#173e2b);color:#fff}.menu-banner h3{margin:12px 0 4px;font-size:clamp(25px,4vw,42px);letter-spacing:-.03em}.menu-banner p{margin:0;color:#c8d8ce}
.hours-section{padding:90px 8vw;display:flex;justify-content:space-between;align-items:center;gap:50px;color:#fff;background:linear-gradient(110deg,rgba(15,35,23,.94),rgba(15,35,23,.75)),url("../hero-food-time.webp") center 55%/cover fixed}.hours-section h2{font-size:clamp(36px,5vw,62px);margin:18px 0 0}.hours{min-width:310px;padding:30px 35px;border-left:1px solid #ffffff45;display:flex;flex-direction:column}.hours small{color:var(--lime);text-transform:uppercase;letter-spacing:.13em}.hours strong{margin-top:12px;font-size:24px}.hours span{color:#d1dad4}
.contact-section{background:var(--cream)}.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact>a,.contact>div{min-height:150px;display:flex;align-items:center;gap:20px;padding:28px;border-radius:20px;background:#fff;border:1px solid var(--line)}.contact>*>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#edf4e8;color:var(--green);font-size:22px}.contact div div,.contact a div{display:flex;flex-direction:column}.contact small{color:var(--muted)}.contact strong{font-size:14px;overflow-wrap:anywhere}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px clamp(20px,6vw,85px);background:#0e1a13;color:#fff}.footer-brand{margin-bottom:16px}.site-footer p{margin:0;color:#96a79b}.site-footer>div:last-child{display:flex;flex-direction:column;text-align:right;color:#96a79b}.site-footer small{color:var(--lime)}
.container{width:min(1180px,92vw);margin:auto;padding:48px 0}.auth{width:min(560px,92vw);margin:70px auto;padding:38px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.form-group{margin-bottom:18px}label{display:block;margin-bottom:7px;font-weight:700}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #ccd4cc;border-radius:10px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:3px solid #b9da6545;border-color:var(--green)}textarea{min-height:105px}.notice{margin:14px 0;padding:13px 15px;border:1px solid #cee5c2;border-radius:10px;background:#edf6e9}.notice.error{border-color:#efbdb6;background:#fff0ee}.account{display:grid;grid-template-columns:240px 1fr;gap:26px}.sidebar,.dash,.panel,.card,.stat,.shop-head{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 35px #132f200c}.sidebar a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.cards,.stats,.admin2,.dish-grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(3,1fr)}.card{text-align:center}.card .icon{font-size:42px}.stats{grid-template-columns:repeat(4,1fr)}.stat strong{display:block;font-size:34px}.admin2{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eee;font-size:11px;font-weight:800}.publicado,.entregado{background:#dff2d8;color:#326b1e}.borrador{background:#fff1c9;color:#795d00}.cancelado{background:#fde4df;color:#8a2a1e}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:400px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px}.catalog label{padding:8px;border-radius:7px;background:#f8faf7;font-weight:400}.actions{display:flex;gap:8px;flex-wrap:wrap}.dish-grid{grid-template-columns:repeat(3,1fr)}.dish{overflow:hidden;border:2px solid transparent;border-radius:18px;background:#fff;box-shadow:0 8px 24px #0001}.dish:hover{border-color:var(--green)}.dish-photo{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#eef1eb,#d9dfd5);font-size:70px}.dish-body{padding:17px}.radio{display:flex;align-items:center;gap:8px}.radio input{width:auto}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto auto;height:72px}.nav-toggle{display:block;grid-column:2}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 24px;flex-direction:column;align-items:flex-start;gap:0;background:#101b14}.main-nav.open{display:flex}.main-nav a{width:100%;padding:12px 0}.header-actions{grid-column:3}.login-pill span,.account-link{display:none}.login-pill{padding:9px 13px}.split-layout{grid-template-columns:1fr}.steps,.contact{grid-template-columns:1fr}.hours-section{align-items:flex-start;flex-direction:column}.hours{width:100%;border-left:0;border-top:1px solid #ffffff45;padding-left:0}.account,.cards,.stats,.admin2,.dish-grid{grid-template-columns:1fr}}
@media(max-width:620px){.brand-name{display:none}.site-header{padding:0 16px}.hero{min-height:calc(100svh - 72px);background-position:62% center}.hero-inner{width:90vw}.hero h1{font-size:48px}.hero-proof{margin-top:45px}.values-grid{grid-template-columns:1fr}.value-card.wide{grid-column:auto}.menu-banner{align-items:flex-start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}.site-footer>div:last-child{text-align:left}}