:root{--navy:#102c3a;--navy2:#173e4b;--green:#287b59;--lime:#b7d58b;--cream:#f6f5ef;--ink:#182b31;--muted:#718087;--white:#fff;--gold:#d7b36b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.site-header{height:84px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 24px #102c3a0b}.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font:700 27px "Playfair Display",serif;border:2px solid var(--lime);outline:1px solid var(--green);outline-offset:2px}.brand strong,.brand small{display:block;letter-spacing:2px}.brand strong{font-size:10px}.brand small{font:700 20px "Playfair Display",serif;letter-spacing:4px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#43545b}.nav a:hover{color:var(--green)}.nav-order{border:0;background:var(--navy);color:#fff;padding:13px 19px;border-radius:3px;cursor:pointer;font-weight:600}.nav-order span{color:var(--lime);margin-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.hero{height:660px;min-height:590px;position:relative;display:flex;align-items:center;padding:0 10%;color:white;background:#102c3a url("https://images.unsplash.com/photo-1546549032-9571cd6b27df?auto=format&fit=crop&w=2000&q=85") center 55%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,41,.94) 0%,rgba(8,31,41,.78) 42%,rgba(8,31,41,.12) 100%)}.hero-content{position:relative;z-index:1;max-width:590px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#dce9d0;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--lime);display:inline-block}.hero h1,.intro h2,.section-heading h2,.drinks-copy h2,.contact-main h2{font:700 clamp(42px,5.2vw,68px)/1.1 "Playfair Display",serif;letter-spacing:-1.5px;margin:25px 0 18px}.hero h1 em,.intro h2 em,.section-heading h2 em,.drinks-copy h2 em,.contact-main h2 em{color:var(--lime);font-style:normal}.hero-copy{font-size:15px;line-height:1.8;color:#d4dfe0;max-width:470px}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.btn{border:0;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s;border-radius:2px}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:#1e6246;transform:translateY(-2px)}.btn-primary span{color:var(--lime);font-size:18px}.btn-ghost{border:1px solid #ffffff80;color:white}.btn-ghost:hover{background:#ffffff18}.hero-note{margin-top:55px;font-size:9px;letter-spacing:2px;color:#d7e0df;display:flex;align-items:center;gap:12px}.note-line{width:35px;height:1px;background:var(--lime)}.hero-badge{position:absolute;right:10%;bottom:70px;width:118px;height:118px;border:1px solid #d8e5c6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);color:#fff}.hero-badge strong{font:700 30px "Playfair Display",serif;letter-spacing:4px}.hero-badge span{text-align:center;font-size:8px;letter-spacing:2px;line-height:1.5}.scroll-cue{position:absolute;bottom:27px;left:10%;font-size:9px;letter-spacing:2px;color:#d9e2df}.scroll-cue span{margin-left:12px;color:var(--lime);font-size:16px}
.section-wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.intro{padding-top:105px;padding-bottom:100px}.intro-kicker{font-size:10px;letter-spacing:2.5px;color:var(--green);font-weight:700}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.intro h2{font-size:47px;color:var(--navy);margin:22px 0 0}.intro h2 em,.section-heading h2 em,.contact-main h2 em{color:var(--green)}.intro-grid p{font-size:14px;line-height:1.9;color:var(--muted);max-width:460px}
.menu-section{background:#fff;padding:95px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.eyebrow.dark{color:var(--green)}.section-heading h2{font-size:48px;color:var(--navy);margin:17px 0 0}.section-heading>p{max-width:380px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:5px}.filter-row{display:flex;gap:8px;margin:38px 0 28px;flex-wrap:wrap}.filter-btn{background:#f2f5f1;border:1px solid #e6ece5;color:#62716d;padding:10px 18px;font-size:11px;border-radius:30px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.food-card{background:#fff;border:1px solid #edf0ec;transition:.25s}.food-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #102c3a12}.food-card.hidden{display:none}.food-image{height:220px;background-size:cover;background-position:center;position:relative}.img-1{background-image:url("https://images.unsplash.com/photo-1626777552726-4a6b54c97e46?auto=format&fit=crop&w=900&q=80")}.img-2{background-image:url("https://images.unsplash.com/photo-1519708227418-c8fd9a32b7a2?auto=format&fit=crop&w=900&q=80")}.img-3{background-image:url("https://images.unsplash.com/photo-1546833999-b9f581a1996d?auto=format&fit=crop&w=900&q=80")}.img-4{background-image:url("https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=900&q=80")}.img-5{background-image:url("https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=900&q=80")}.img-6{background-image:url("https://images.unsplash.com/photo-1512058564366-18510be2db19?auto=format&fit=crop&w=900&q=80")}.food-tag{position:absolute;top:14px;left:14px;background:var(--lime);color:var(--navy);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 10px}.food-info{padding:20px 20px 17px}.food-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.food-title h3,.drink-item h3{font:700 18px "Playfair Display",serif;color:var(--navy);margin:0}.food-title strong{font-size:14px;color:var(--green);white-space:nowrap}.food-info p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.add-btn{background:none;border:0;border-top:1px solid #e9eee9;padding:13px 0 0;width:100%;display:flex;justify-content:space-between;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.add-btn span{font-size:18px}
.drinks-section{background:var(--navy);color:white;padding:100px 0}.drinks-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.drinks-copy h2{font-size:53px;margin:20px 0}.drinks-copy>p:last-child{color:#bdcbd0;line-height:1.8;font-size:13px;max-width:350px}.drink-list{border-top:1px solid #ffffff35}.drink-item{display:grid;grid-template-columns:54px 1fr auto 34px;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid #ffffff35}.drink-icon{height:48px;width:48px;border-radius:50%;background:#ffffff12;display:grid;place-items:center;font-size:23px}.drink-item h3{color:white;font-size:17px}.drink-item p{margin:6px 0 0;color:#aebfc4;font-size:11px}.drink-item>strong{color:var(--lime);font-size:14px}.drink-add{width:30px;height:30px;border:1px solid #ffffff65;background:transparent;color:white;border-radius:50%;font-size:18px;cursor:pointer}.drink-add:hover{background:var(--green);border-color:var(--green)}
.order-strip{background:var(--green);padding:48px max(7.5%,calc((100% - 1124px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;color:white}.order-strip .eyebrow{margin:0}.order-strip h2{font:700 32px "Playfair Display",serif;margin:12px 0 5px}.order-strip>div>p:last-child{margin:0;color:#e1eee5;font-size:12px}.btn-light{background:#fff;color:var(--navy);white-space:nowrap}.btn-light span{color:var(--green);font-size:18px}
.contact-section{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.contact-main h2{font-size:48px;color:var(--navy);margin:20px 0}.contact-main>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;max-width:400px}.contact-number{display:inline-block;margin-top:22px;font:700 24px "Playfair Display",serif;color:var(--green)}.contact-number span{font:20px "DM Sans";margin-left:15px}.contact-form{background:white;padding:32px 35px;box-shadow:0 12px 40px #102c3a0c}.contact-form h3{font:700 23px "Playfair Display",serif;color:var(--navy);margin:0 0 22px}.contact-form label{display:block;font-size:11px;font-weight:700;color:#4e6268;margin:14px 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e2e9e4;background:#fbfcfa;padding:12px;font-size:12px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form .btn{width:100%;margin-top:18px}.contact-form small{display:block;text-align:center;color:#8a9895;font-size:9px;margin-top:12px}.footer{background:#0b202b;color:#c3d0d1;padding:30px 7.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:#fff}.footer p{font:italic 14px "Playfair Display",serif;color:#d6e2d7}.footer>span{font-size:9px;color:#9aabad}
.floating-cart{position:fixed;right:25px;bottom:92px;z-index:25;width:54px;height:54px;border:0;border-radius:50%;background:var(--lime);box-shadow:0 8px 25px #071c2770;cursor:pointer;font-size:20px}.floating-cart b{position:absolute;top:-4px;right:-3px;background:var(--green);color:white;border-radius:50%;min-width:20px;height:20px;font-size:10px;display:grid;place-items:center}.whatsapp-float{position:fixed;right:25px;bottom:25px;z-index:25;width:54px;height:54px;border-radius:50%;background:#20bd68;color:white;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 25px #071c2740}.cart-overlay{position:fixed;inset:0;background:#071c2770;z-index:40;opacity:0;visibility:hidden;transition:.25s}.cart-panel{position:fixed;z-index:41;right:0;top:0;height:100%;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;padding:28px;transform:translateX(100%);transition:.3s;box-shadow:-10px 0 40px #071c2720}.cart-panel.open{transform:translateX(0)}.cart-overlay.open{opacity:1;visibility:visible}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eee9;padding-bottom:18px}.cart-head .eyebrow{margin:0 0 5px}.cart-head h3{font:700 28px "Playfair Display",serif;margin:0;color:var(--navy)}.cart-head>button{border:0;background:none;font-size:30px;color:var(--navy);cursor:pointer}.cart-items{overflow:auto;flex:1;padding:12px 0}.empty-cart{color:var(--muted);font-size:13px;text-align:center;margin-top:45px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #edf0ed}.cart-line strong{font-size:13px;color:var(--navy)}.cart-line small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.quantity{display:flex;align-items:center;gap:8px}.quantity button{width:24px;height:24px;border:1px solid #dce5dd;background:white;border-radius:50%;cursor:pointer;color:var(--green)}.quantity span{font-size:12px;font-weight:700}.cart-bottom{border-top:1px solid #e9eee9;padding-top:18px}.cart-total{display:flex;justify-content:space-between;margin-bottom:17px;font-size:13px}.cart-total strong{font-size:18px;color:var(--green)}.checkout-btn{width:100%}.cart-bottom small{display:block;color:#8b9995;font-size:9px;line-height:1.5;text-align:center;margin-top:12px}
@media(max-width:850px){.site-header{padding:0 5%;height:74px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:22px 6%;box-shadow:0 15px 20px #102c3a12;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav-order{width:100%}.hero{height:620px;padding:0 7%}.hero-badge{right:7%;bottom:55px;width:90px;height:90px}.hero-badge strong{font-size:23px}.intro-grid{gap:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.drinks-layout{gap:45px}.contact-section{gap:45px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}}
@media(max-width:600px){.hero{min-height:650px;height:calc(100svh - 74px);background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,31,41,.92),rgba(8,31,41,.58))}.hero h1{font-size:48px}.hero-copy{font-size:13px}.hero-badge{display:none}.hero-note{margin-top:42px;font-size:8px}.scroll-cue{left:7%}.intro{padding-top:70px;padding-bottom:70px}.intro-grid,.drinks-layout,.contact-section{grid-template-columns:1fr;gap:20px}.intro h2,.section-heading h2,.contact-main h2{font-size:39px}.intro-grid p{margin:0}.menu-section{padding:70px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.product-grid{grid-template-columns:1fr;gap:17px}.food-image{height:230px}.food-info p{min-height:0}.drinks-section{padding:70px 0}.drinks-copy h2{font-size:46px}.drinks-layout{gap:35px}.drink-item{grid-template-columns:43px 1fr auto 28px;gap:10px}.drink-icon{width:40px;height:40px;font-size:19px}.drink-item h3{font-size:15px}.drink-item p{font-size:10px}.order-strip{padding:38px 7%;display:block}.order-strip h2{font-size:28px}.order-strip .btn{margin-top:22px}.contact-section{padding-top:70px;padding-bottom:70px;gap:35px}.contact-form{padding:25px 22px}.footer{padding:28px 7%;display:grid;grid-template-columns:1fr}.footer p{order:initial}.footer>span{line-height:1.5}.floating-cart,.whatsapp-float{right:17px}.cart-panel{padding:22px}.section-wrap{padding-left:7%;padding-right:7%}}