:root{color:#211c18;background:#f3efe6;font-family:Manrope,Arial,sans-serif}
body{background:#f3efe6;color:#211c18}
button{border-radius:2px;border-color:#d1c7ba;background:#fffdf9;color:#211c18;font-weight:800}
button:hover:not(:disabled){background:#f6c467;color:#171513}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #d4523b;outline-offset:3px}
.primary{background:#d45139;color:#fff;border-color:#d45139}
.primary:hover:not(:disabled){background:#ad3827;color:#fff}
header{height:86px;background:#171513;border-bottom:1px solid #443b35;padding:0 clamp(20px,3vw,48px)}
.brand{gap:12px}.brandlogo{width:50px;height:50px;object-fit:cover;border-radius:50%;background:#fff}
.brand strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:25px;letter-spacing:.035em;color:#fff}
.brand small{color:#b8ada5;letter-spacing:.02em}
.headright{gap:16px}.headright .ghost{background:transparent;color:#fff;border-color:#70665e;border-radius:1px}.headright .ghost:hover{background:#d45139;color:#fff}
.badge{color:#f6c467;border-color:#9c783f;border-radius:0;letter-spacing:.13em}
.shell{max-width:none;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 86px)}
nav{background:#211d19;border-right:1px solid #51463d;padding:34px 15px;gap:6px}
nav button{color:#cec6bd;border-radius:2px;border-left:3px solid transparent;font-weight:700;letter-spacing:.01em}
nav button:hover:not(:disabled){background:#382d27;color:#fff}
nav button.active{background:#342720;color:#fff;border-left-color:#d45139}
.count{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#f5c565;color:#211d19;font-size:12px;border-radius:50%}
main{padding:0 clamp(22px,3.5vw,60px) 90px;overflow:hidden}
main>.pagehead{padding-top:46px}
.intro{position:relative;isolation:isolate;min-height:380px;margin:0 calc(-1 * clamp(22px,3.5vw,60px)) 39px;padding:52px clamp(22px,3.5vw,60px);border-radius:0;background:#181411 url('/schain-hero.png') center 42%/cover;align-items:end;color:#fff;overflow:hidden}
.intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,13,.96) 0%,rgba(15,14,13,.86) 40%,rgba(15,14,13,.22) 84%);z-index:-1}
.introcopy{max-width:820px}.intro .eyebrow{color:#f2c16a;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.2em}
.intro .eyebrow::before{content:"";width:34px;height:3px;background:#d45139}
h1,h2,h3{font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.015em;font-weight:700;text-transform:uppercase}
.intro h1{font-size:clamp(45px,5.3vw,84px);line-height:.99;margin:18px 0 23px;max-width:900px;letter-spacing:.012em}
.intro h1 span,.intro h1 em{display:block;font-style:normal}.intro h1 em{color:#d45139}
.intro p{color:#f1eae3;font-size:18px;max-width:540px;margin:0 0 23px}
.intro .maplink{position:relative;color:#fff;padding:13px 15px;border:1px solid #ae9a88;text-decoration:none;background:#17151385;font-size:14px}
.intro .maplink:hover{background:#d45139;border-color:#d45139}
.heroaction{background:#f5c565;border:1px solid #f5c565;padding:14px 22px;min-height:50px;text-transform:uppercase;border-radius:0;font-size:13px;letter-spacing:.035em}
.heroaction span{margin-left:12px}
.quick-info{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;color:#f6e4c2;font-size:12px;letter-spacing:.04em}.quick-info span{border:1px solid #8e6b50;padding:8px 10px;background:#171513a8}
.menu-gallery{margin:0 0 52px;padding:34px;background:#211d19;color:#f6efe6;border:1px solid #51463d;box-shadow:0 18px 45px #211c1820}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.gallery-head h2{font-size:clamp(32px,4vw,52px);margin:9px 0 7px}.gallery-head p{margin:0;color:#c9bdb3}.gallery-order{padding:13px 16px;background:#f5c565;color:#211d19;text-decoration:none;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;white-space:nowrap}.gallery-order:hover{background:#d45139;color:#fff}.menu-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.menu-page{position:relative;display:block;overflow:hidden;background:#f3efe6;border:1px solid #7b6657;text-decoration:none;color:#211d19}.menu-page img{display:block;width:100%;height:auto;transition:transform .25s ease}.menu-page:hover img{transform:scale(1.025)}.menu-page span{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(transparent,#171513e8);color:#fff}.menu-page strong{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.menu-page small{color:#f5c565}
.legal h2{margin-top:8px}.legal h2:not(:first-child){margin-top:32px}.contact-panel{max-width:760px}.contact-panel button{min-width:180px}
footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,3.5vw,60px);background:#171513;color:#f3efe6;border-top:1px solid #493c33}footer strong{display:block;font-family:Impact,"Arial Narrow",sans-serif;font-size:24px}footer small{display:block;color:#b8ada5;margin-top:5px}.footerlinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footerlinks button,.footerlinks a{color:#f3efe6;background:transparent;border:0;text-decoration:none;padding:8px;font-size:13px}.footerlinks button:hover,.footerlinks a:hover{color:#f5c565}.mobile-actions{display:none}
.eyebrow{color:#bf4c36;letter-spacing:.18em}
.category{margin-bottom:48px}.sectionhead{border-color:#c7bbae;margin-bottom:19px}.sectionhead h2{font-size:36px;margin-bottom:10px}
.grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}
.item,.panel,.order{background:#fffdf9;border:1px solid #d5cbbf;border-radius:3px;box-shadow:none}
.item{min-height:170px;border-top:4px solid #d45139}
.item:hover{box-shadow:0 10px 25px #211c181a;transform:translateY(-2px)}
.itembody{padding:20px 20px 19px}.item h3{font-size:25px;line-height:1.1}.itemfoot{padding-top:11px;border-top:1px solid #ebe3d8}
.itemfoot strong{color:#be4933;font-size:22px;font-family:Impact,"Arial Narrow",sans-serif}
.itemfoot button{background:#f5c565;border-color:#f5c565;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.item img{height:170px}.muted{color:#786e64}.pagehead h1{font-size:clamp(37px,4.2vw,62px)}
.pagehead p{color:#6c6057}.empty{background:#fffdf9;border:1px dashed #c8b9aa;color:#74685e;border-radius:2px}
.panel{padding:26px}.panel h2{font-size:30px}.choice label,.choice button{background:#faf6ee;border-color:#d6c9ba;border-radius:2px}
.choice button.active{background:#f4cf85}.summary>.total,.total{border-color:#2a241f}
input,select,textarea{border-radius:2px;border-color:#c7b9a8;background:#fffdf9;color:#211c18}
input[type=radio],input[type=checkbox]{accent-color:#d45139}
.order{border-left:4px solid #d45139}.status{background:#f6ddaf;color:#654019;border-radius:1px}
.auth{border-radius:3px;background:#fffdf9}.loyaltycard{background:linear-gradient(125deg,#211d19,#4a2922);border-radius:3px;box-shadow:0 18px 40px #211c1830}
.loyaltycard>span{color:#f5c565}.loyaltycard code{border-radius:2px}
.positems button{border-left:3px solid #d45139}.adminItems button{border-radius:2px}
.message{background:#211d19;border-left:4px solid #f5c565;border-radius:2px}.message.error{background:#9e2f2f}
.buttonlink{border-radius:2px;border-color:#d5c5b0;background:#f5c565;color:#211d19}
.report-panel{max-width:980px}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.report-cards>div{padding:18px;background:#f7f1e7;border:1px solid #d8cbbb}.report-cards small{display:block;color:#786e64}.report-cards strong{display:block;margin-top:7px;color:#be4933;font:700 30px Impact,"Arial Narrow",sans-serif}.report-bars{display:grid;gap:8px}.report-bars>div{display:grid;grid-template-columns:110px 1fr 100px;align-items:center;gap:10px}.report-bars i{display:block;height:15px;background:#d45139;min-width:3px}.report-bars b{text-align:right}.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.report-actions .buttonlink{display:inline-block;padding:12px 14px;text-decoration:none;font-weight:800}.card-check{display:grid;gap:12px}.card-check button{width:max-content}
@media(max-width:850px){.shell{display:block}nav{background:#211d19;border-bottom:1px solid #51463d;padding:8px 11px}nav button{color:#ddd3c9}main{padding:0 20px 70px}.intro{margin:0 -20px 30px;padding:35px 25px;min-height:340px}.intro h1{font-size:clamp(43px,8vw,67px)}.intro .maplink{display:none}.checkout,.poslayout,.adminGrid{grid-template-columns:1fr}.gallery-head{align-items:start;flex-direction:column}.menu-gallery{margin-left:-20px;margin-right:-20px;padding:25px 20px}.menu-pages{grid-template-columns:1fr}}
@media(max-width:560px){header{height:70px}.brandlogo{width:42px;height:42px}.brand strong{font-size:19px}.intro{min-height:340px;background-position:64% center}.intro::before{background:linear-gradient(90deg,rgba(15,14,13,.96),rgba(15,14,13,.63))}.intro h1{font-size:clamp(40px,10vw,56px)}.intro p{font-size:16px}.sectionhead h2{font-size:30px}.panel{padding:19px}.brand small{display:none}.quick-info{display:grid;grid-template-columns:1fr;font-size:11px}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:4;background:#211d19;border:1px solid #6f5748;box-shadow:0 8px 28px #0005}.mobile-actions a,.mobile-actions button{min-height:50px;display:grid;place-items:center;color:#f3efe6;background:transparent;border:0;border-radius:0;text-decoration:none;font-weight:800;font-size:13px}.mobile-actions button{background:#d45139;color:#fff}footer{display:block;padding-bottom:85px}.footerlinks{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.item,button{transition:none!important}}

/* Premium App-Layout */
:root{color:#173b30;background:#f4f7f3}
body{background:#f4f7f3;color:#173b30}
header{position:sticky;top:0;z-index:8;height:76px;background:rgba(255,255,255,.94);color:#173b30;border-bottom:1px solid #dce8df;box-shadow:0 4px 18px rgba(18,59,48,.06);backdrop-filter:blur(14px)}
.brand strong{color:#173b30;font-size:20px}.brand small{color:#668074}.brandlogo{width:46px;height:46px;border-radius:14px;border:1px solid #dce8df}.headright .ghost{color:#173b30;border-color:#b8cfc0;background:#fff}.badge{background:#f8edcf;color:#7c5b1f;border-color:#e4c77e;border-radius:999px}
.shell{max-width:1440px;grid-template-columns:220px minmax(0,1fr);background:#f4f7f3}
nav{background:#fff;border-right:1px solid #dce8df;padding:24px 14px;gap:7px}
nav button{color:#557065;border-radius:12px;padding:13px 15px}nav button.active{background:#dcece0;color:#123b30;border-left:0;box-shadow:inset 3px 0 #176044}
main{padding:34px clamp(18px,4vw,56px) 90px}
.intro{min-height:390px;margin:0 0 30px;padding:38px;border-radius:26px;background:#123b30 url('/schain-hero.png') center/cover;box-shadow:0 18px 50px rgba(18,59,48,.18)}
.intro::before{background:linear-gradient(90deg,rgba(10,35,28,.94),rgba(10,35,28,.65) 55%,rgba(10,35,28,.18))}
.intro h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(38px,5vw,70px);font-weight:850;letter-spacing:-.06em;text-transform:none}.intro h1 em{color:#f2b95c}.intro p{font-size:17px}.heroaction{border-radius:12px;background:#f2b95c;border-color:#f2b95c;color:#173b30;box-shadow:0 8px 20px rgba(0,0,0,.14)}.quick-info span{border-radius:999px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
.menu-gallery{background:#fff;color:#173b30;border:1px solid #dce8df;border-radius:22px;box-shadow:0 8px 30px rgba(18,59,48,.06)}.gallery-head p{color:#668074}.gallery-order{border-radius:12px;background:#176044;color:#fff}.menu-page{border-radius:16px;border-color:#dce8df}.menu-page span{border-radius:0 0 16px 16px}
.item,.panel,.order{border-radius:18px;border-color:#dce8df;box-shadow:0 5px 22px rgba(18,59,48,.06)}.item{border-top:0}.itembody{padding:20px}.itemfoot{border-top:0}.itemfoot strong{color:#176044;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.itemfoot button{border-radius:10px;background:#dcece0;border-color:#c4ddca;color:#176044}.itemfoot button:hover:not(:disabled){background:#176044;color:#fff}
.pagehead h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-transform:none;font-weight:850;letter-spacing:-.06em}.eyebrow{color:#4d7b61}.auth{border-radius:22px;box-shadow:0 12px 40px rgba(18,59,48,.1)}.loyaltycard{border-radius:22px}.message{border-radius:14px;background:#123b30}
@media(max-width:850px){header{height:68px}.shell{display:block}.shell nav{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:20;display:flex;flex-direction:row;overflow-x:auto;border:1px solid #dce8df;border-radius:18px;padding:7px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(18,59,48,.18);backdrop-filter:blur(16px)}nav button{flex:0 0 auto;width:auto;min-width:94px;text-align:center;padding:11px 13px;font-size:13px}nav button.active{box-shadow:none;background:#176044;color:#fff;border-radius:12px}main{padding:22px 14px 104px}.intro{margin:0 0 22px;padding:27px 22px;min-height:360px;border-radius:22px}.intro h1{font-size:clamp(39px,11vw,58px)}.menu-gallery{margin-left:0;margin-right:0;padding:22px 16px}.gallery-head{gap:16px}.gallery-order{width:100%;justify-content:center}.menu-pages{grid-template-columns:1fr;gap:12px}.category{margin-bottom:30px}.grid{grid-template-columns:1fr 1fr;gap:11px}.item h3{font-size:16px}.itembody{padding:15px}.itemfoot{display:block}.itemfoot strong{display:block;margin-bottom:10px}.itemfoot button{width:100%;font-size:12px}.headright .badge{display:none}}
@media(max-width:480px){.brand strong{font-size:17px}.brandlogo{width:40px;height:40px}.headright button{padding:8px 11px}.intro p{font-size:15px}.quick-info{gap:6px}.quick-info span{padding:7px 10px}.grid{grid-template-columns:1fr 1fr}.pagehead{margin-bottom:22px}}
.authscreen{max-width:560px;margin:0 auto;padding:48px 20px 70px}.authscreen .auth{margin:0}.cardcodes{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center}.cardcodes small{display:block;color:#b9d4c2;margin-bottom:8px}.barcode{height:76px;width:100%;min-width:150px;border-radius:5px;background:repeating-linear-gradient(90deg,#fff 0 2px,#173b30 2px 4px,#fff 4px 7px,#173b30 7px 8px,#fff 8px 12px,#173b30 12px 16px);border:8px solid #fff;box-shadow:0 0 0 1px #dce8df}.cardcodes code{display:block;margin-top:9px;font-size:11px;word-break:break-all;color:#d8eee0;background:#ffffff18;padding:8px;border-radius:6px}@media(max-width:560px){.authscreen{padding:28px 14px 50px}.cardcodes{grid-template-columns:1fr 1fr;gap:12px}.cardcodes .qr{width:100%;height:auto}.barcode{min-width:0;height:60px}}