:root{--cream:#fbf4e8;--paper:#fffaf1;--brown:#2b1c16;--coffee:#5b3427;--terra:#c76746;--sage:#8b9b83;--line:#e1d4c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}img{width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}i{font-style:normal;color:var(--terra)}.hidden{display:none!important}.section{padding:105px 7%}.tag{font-size:11px;letter-spacing:2.5px;font-weight:bold;color:var(--terra)}.button{border:0;background:var(--coffee);color:white;border-radius:99px;padding:14px 22px;font-weight:bold;cursor:pointer}.full{width:100%}header{position:fixed;z-index:20;top:16px;left:4%;right:4%;height:68px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#fffaf1ed;border:1px solid #fff;backdrop-filter:blur(16px);border-radius:99px;box-shadow:0 14px 40px #49302418}.logo{font-weight:900;font-size:22px;letter-spacing:-1px}.logo span{color:var(--terra)}nav{display:flex;gap:25px;font-size:13px}nav a:hover{color:var(--terra)}.ownerBtn,.lightBtn{border:0;border-radius:99px;padding:12px 18px;cursor:pointer;font-weight:bold}.ownerBtn{background:var(--terra);color:white}.lightBtn{background:var(--paper);color:var(--brown);border:1px solid var(--line)}#menuBtn{display:none;border:0;background:none;font-size:23px}.hero{height:790px;padding:140px 7% 70px;position:relative;display:flex;align-items:center;background:url('https://images.unsplash.com/photo-1493857671505-72967e2e2760?auto=format&fit=crop&w=1900&q=88') center/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#271913e8 0%,#271913b5 43%,#27191322)}.heroCopy{position:relative;color:white;max-width:750px}.heroCopy .tag{color:#e9ab91}.hero h1{font-size:clamp(65px,8vw,112px);line-height:.88;margin:24px 0}.heroCopy>p:not(.tag){max-width:520px;line-height:1.8;color:#f0e7df}.heroCopy>div{display:flex;align-items:center;gap:24px;margin-top:32px}.textLink{border-bottom:1px solid white;padding:7px 0}.openCard{position:absolute;right:5%;bottom:35px;background:#fffaf1e8;padding:18px 22px;border-radius:15px;display:flex;flex-direction:column}.openCard small{letter-spacing:2px}.openCard b{font:20px Georgia;margin-top:6px}.strip{padding:23px;background:var(--terra);color:white;display:flex;justify-content:center;gap:7vw;letter-spacing:2px;text-transform:uppercase;font-size:11px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.aboutPhoto{position:relative}.aboutPhoto img{height:570px;border-radius:200px 200px 20px 20px}.aboutPhoto span{position:absolute;right:-20px;bottom:35px;width:125px;height:125px;border-radius:50%;background:var(--coffee);color:white;display:grid;place-content:center;text-align:center}.aboutPhoto b{font:30px Georgia}.about h2,.heading h2,.contact h2,.dashTop h2{font-size:clamp(46px,5.7vw,76px);line-height:.95;margin:22px 0 30px}.about>div>p:not(.tag){color:#77665c;line-height:1.8}.points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.points article{border-top:1px solid var(--line);padding-top:18px}.points article>b{color:var(--terra);font-size:22px}.points h3{font-size:21px;margin:12px 0 7px}.points p{font-size:13px;color:#79685f}.menuSection{background:#efe5d6}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.heading h2{margin-bottom:0}.heading>p{max-width:390px;color:#77685f;line-height:1.7}.tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.tabs button{border:1px solid #cbbbab;background:transparent;border-radius:99px;padding:10px 18px;cursor:pointer}.tabs button.active{background:var(--coffee);color:white}.menuGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menuGrid article{display:grid;grid-template-columns:190px 1fr;background:var(--paper);border-radius:19px;overflow:hidden}.menuGrid img{height:100%;min-height:225px}.menuGrid article>div{padding:24px}.menuGrid small{color:var(--terra);text-transform:uppercase;letter-spacing:1.5px}.menuGrid h3{font-size:25px;margin:10px 0}.menuGrid p,.orderMenu p{color:#806f65;font-size:13px;line-height:1.6}.menuGrid footer,.orderMenu footer{display:flex;justify-content:space-between;align-items:center}.menuGrid footer button,.orderMenu footer button,.cartLine button{border:0;background:#eee2d3;border-radius:99px;padding:7px 11px;cursor:pointer;color:var(--coffee)}.orderSection{background:var(--paper)}.tableLabel{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:2px}.tableLabel select,.cart input{padding:13px;border:1px solid var(--line);background:white;border-radius:10px}.orderLayout{display:grid;grid-template-columns:1fr 355px;gap:28px;align-items:start}.orderMenu{display:grid;grid-template-columns:1fr 1fr;gap:14px}.orderMenu article{display:grid;grid-template-columns:100px 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden}.orderMenu img{height:100%}.orderMenu article>div{padding:14px}.orderMenu h3{font-size:18px;margin-bottom:5px}.cart{position:sticky;top:105px;background:var(--cream);border:1px solid var(--line);padding:23px;border-radius:20px}.cartHead,.cartTotal{display:flex;justify-content:space-between;align-items:center}.cartHead h3{font-size:26px}.cartHead span{background:#eadccb;padding:6px 9px;border-radius:99px;font-size:11px}.cartItems{min-height:160px}.emptyCart{height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8c7a70}.cartLine{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.cartLine span,.cart label{display:flex;flex-direction:column;gap:5px}.cartLine small,.cart>small{color:#8b7a70;font-size:11px}.cartLine div{display:flex;align-items:center;gap:7px}.cart label{font-size:11px;margin:16px 0}.cartTotal{padding:19px 0}.cartTotal b{font:27px Georgia}.cart>small{display:block;text-align:center;margin-top:10px}.contact{background:var(--coffee);color:white}.contact .tag{color:#dfa58e}.contactGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff33;margin-top:45px}.contactGrid article{padding:28px;border-right:1px solid #ffffff33}.contactGrid span{color:#dfa58e}.contactGrid h3{font-size:25px;margin:30px 0 10px}.contactGrid p{color:#d7c6be;line-height:1.7}.dashboard{min-height:100vh;padding:55px 6%;background:#f1e9dc}.dashTop{display:flex;justify-content:space-between;align-items:end}.dashTop h2{margin-bottom:0}.dashTop>div:last-child{display:flex;gap:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0}.stats article{background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between}.stats span{font-size:11px;color:#806f66;text-transform:uppercase;letter-spacing:1px}.stats b{font:28px Georgia;color:var(--terra)}.dashTools{display:flex;gap:10px;margin-bottom:18px}.dashTools input,.dashTools select{padding:12px;border:1px solid var(--line);background:white;border-radius:10px}.dashTools input{min-width:290px}.ordersList{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.orderCard{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:15px}.orderTop,.orderBottom{display:flex;justify-content:space-between;align-items:center}.orderTop span{display:flex;flex-direction:column}.orderTop small{color:#8a776c;margin-top:4px}.orderTop em{font-size:9px;font-style:normal;padding:6px 8px;border-radius:99px}.new{background:#ffe0b2}.preparing{background:#fff1a9}.ready{background:#cce9c4}.served{background:#dedede}.orderCard h3{font-size:20px;margin:18px 0 10px}.orderItems p{display:grid;grid-template-columns:28px 1fr auto;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.orderBottom{margin-top:15px}.orderBottom>b{font:24px Georgia}.orderBottom select{padding:8px;border:1px solid var(--line);border-radius:8px}.noOrders{grid-column:1/-1;text-align:center;background:var(--paper);padding:55px;border:1px dashed #bdad9c}.modal{position:fixed;z-index:50;inset:0;background:#261914bb;display:grid;place-items:center;padding:20px}.modal form{position:relative;width:min(420px,100%);background:var(--paper);padding:35px;border-radius:20px}.modal form>button:first-child{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px}.modal h2{font-size:34px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:20px 0}.modal input{padding:13px;border:1px solid var(--line)}.modal small{display:block;text-align:center;margin-top:12px;color:#8b786e}.toast{display:none;position:fixed;z-index:60;right:22px;bottom:22px;background:var(--coffee);color:white;padding:16px 20px;border-radius:10px}.toast.show{display:block}footer{background:#1d120e;color:white;padding:45px 7%;display:grid;grid-template-columns:1fr 1fr;gap:15px}footer p,footer small{color:#bcaea7}footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:18px}
@media(max-width:900px){#menuBtn{display:block}header nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column}header nav.open{display:flex}header .ownerBtn{font-size:11px;padding:10px}.hero{height:870px;align-items:flex-start}.openCard{bottom:30px}.section{padding:80px 6%}.about{grid-template-columns:1fr}.aboutPhoto img{height:480px}.aboutPhoto span{right:15px}.heading,.dashTop{align-items:flex-start;flex-direction:column}.menuGrid,.orderMenu{grid-template-columns:1fr}.orderLayout{grid-template-columns:1fr}.cart{position:static}.stats{grid-template-columns:1fr 1fr}.ordersList{grid-template-columns:1fr 1fr}}
@media(max-width:560px){header{left:3%;right:3%;padding:0 15px}.logo{font-size:19px}.hero{padding-inline:6%}.hero h1{font-size:58px}.heroCopy>div{align-items:flex-start;flex-direction:column}.strip{gap:12px;flex-wrap:wrap}.points,.stats,.ordersList,.contactGrid{grid-template-columns:1fr}.menuGrid article{grid-template-columns:1fr}.menuGrid img{height:210px}.dashTools{flex-direction:column}.dashTools input{min-width:0}.contactGrid article{border-right:0;border-bottom:1px solid #ffffff33}footer{grid-template-columns:1fr}footer small{grid-column:auto}}

/* Booking, demo payments and QR ordering */
.paymentBox{border-block:1px solid var(--line);padding:14px 0;margin-top:14px}.paymentBox>b{display:block;margin-bottom:10px}.paymentBox label{flex-direction:row;align-items:center;margin:9px 0}.paymentBox input{width:auto}.button:disabled{opacity:.45;cursor:not-allowed}.qrAccess{display:flex;flex-direction:column;gap:5px;background:#eadccc;border:1px solid var(--line);padding:15px 18px;border-radius:14px}.qrAccess span{font-size:11px;color:#806f66}.qrAccess.verified{background:#d9ead3;border-color:#a8c59f}.qrLocked{background:#fff0db;border:1px solid #e8c692;padding:20px;border-radius:15px;margin-bottom:25px}.qrLocked p{color:#806f66}.qrLocked div{display:flex;gap:9px;flex-wrap:wrap}.qrLocked a{background:var(--coffee);color:white;padding:10px 13px;border-radius:99px;font-size:12px}.bookingSection{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#efe5d6}.bookingSection>div>p:not(.tag){color:#77685f;line-height:1.8}.bookingSection h2{font-size:clamp(46px,5.7vw,76px);line-height:.95;margin:22px 0 30px}.bookingNotes{display:flex;flex-direction:column;gap:11px;color:var(--coffee)}.bookingSection form{background:var(--paper);padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:15px}.bookingSection form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bookingSection label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:bold}.bookingSection input,.bookingSection select{padding:13px;border:1px solid var(--line);background:white;border-radius:9px}.dashboardTitle{margin:38px 0 15px}.dashboardTitle h3{font-size:29px;margin-bottom:6px}.dashboardTitle p{color:#806f66}.paymentTag{display:inline-block;background:#eee2d3;padding:6px 8px;border-radius:99px;color:#6e5549}.bookingList{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bookingList article{background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:13px}.bookingList article>div{display:flex;justify-content:space-between}.bookingList small{color:#87756a}.qrCodeGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.qrCodeGrid article{background:white;border:1px solid var(--line);padding:14px;border-radius:13px;text-align:center;display:flex;flex-direction:column;gap:8px}.qrCodeGrid img{aspect-ratio:1}.qrCodeGrid a{font-size:11px;color:var(--terra)}
@media(max-width:900px){.bookingSection{grid-template-columns:1fr}.bookingList{grid-template-columns:1fr 1fr}.qrCodeGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.bookingSection form>div,.bookingList{grid-template-columns:1fr}.qrCodeGrid{grid-template-columns:repeat(2,1fr)}}
