@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f8f4e9;--ink:#243a30;--orange:#e95f36;--yellow:#efc553;--line:#d9d8c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #177dd6;outline-offset:4px}.draft{padding:10px 5%;text-align:center;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:1.5px;font-weight:700}.draft span{margin-left:22px;color:#d6ddcf;letter-spacing:.2px;font-weight:400}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:1px;font-size:18px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px}.brandmark{background:var(--orange);color:var(--paper);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;transform:rotate(-9deg)}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.plain{border:0;padding:8px 0;background:none;color:inherit}.small{padding:11px 16px;border:1px solid var(--ink);border-radius:5px;background:transparent;color:var(--ink)}.hero{max-width:1320px;padding:70px 4% 65px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-2px}h1{font-size:clamp(45px,6.2vw,84px);line-height:1.03;margin:0 0 25px}h1 em{color:var(--orange);font-style:normal}h2{font-size:42px;line-height:1.08;margin:0 0 20px}h3{font-size:23px;letter-spacing:-.8px;margin:0}.intro{max-width:440px;font-size:16px;line-height:1.7;margin:0 0 27px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:var(--orange);color:white;border:0;border-radius:5px;padding:17px 23px;font-weight:700;font-size:14px}.muted{font-size:12px;color:#667167;line-height:1.6}.hero .muted{max-width:360px;margin-top:20px}.art{background:var(--yellow);border-radius:160px 160px 12px 12px;position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.art svg{width:100%;margin-top:25px}.art-label{position:absolute;top:48px;left:0;width:100%;text-align:center;font-size:10px;font-weight:700;letter-spacing:1.6px}.art-note{display:flex;justify-content:space-between;margin:0 30px 25px;font-size:11px;letter-spacing:1.5px;font-weight:700}.art-note span{font-size:25px;line-height:10px}.strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 5%;display:flex;justify-content:space-around;align-items:center;gap:15px;font-size:12px;letter-spacing:2px;font-weight:700}.strip b{color:var(--orange);font-size:24px}#menu{max-width:1320px;margin:auto;padding:65px 4% 80px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.narrow{max-width:290px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.item{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffdf5}.item-art{height:130px;background:#e6e8d8;display:grid;place-items:center;position:relative}.item:nth-child(2) .item-art{background:#efdfc9}.item:nth-child(3) .item-art{background:#e6d8c9}.item-art .placeholder{font-size:12px;letter-spacing:1px;border:1px dashed #839080;border-radius:50%;height:75px;width:75px;display:grid;place-items:center;transform:rotate(-8deg)}.sample-tag{position:absolute;top:12px;left:12px;background:var(--paper);padding:5px 8px;border-radius:3px;font-size:9px;letter-spacing:1px;font-weight:700}.item-body{padding:23px}.item p{font-size:13px;color:#667167;line-height:1.5;min-height:40px}.item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.add{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:none;color:var(--ink);font-size:24px}.visit{background:var(--ink);color:var(--paper);padding:60px max(5%,calc((100% - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.visit .eyebrow{color:var(--yellow)}.visit p{max-width:350px;line-height:1.6;font-size:14px;color:#c5cfc2}.visit dl{margin:0}.visit dl div{padding:16px 0;border-bottom:1px solid #526254}.visit dt{font-size:9px;letter-spacing:2px;color:var(--yellow);margin-bottom:7px}.visit dd{margin:0;font-size:14px}footer{padding:40px 5% 110px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:11px;color:#667167;line-height:1.7}footer button{font-size:12px}.hidden{display:none!important}.cart{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(620px,92%);background:var(--ink);color:white;padding:16px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 28px #0003;z-index:5}.cart div{display:flex;flex-direction:column;gap:4px;font-size:12px}.cart button{border:0;background:var(--yellow);padding:13px 18px;border-radius:5px;font-size:12px;font-weight:700;color:var(--ink)}dialog{width:min(490px,93%);background:var(--paper);color:var(--ink);border:0;border-radius:12px;padding:30px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#16261dcc}.close{float:right;background:none;border:0;font-size:29px;color:var(--ink)}dialog h2{font-size:32px;letter-spacing:-1px}.notice{background:#eee5cb;padding:15px;border-radius:7px;font-size:12px;margin:20px 0;line-height:1.6}.notice p{margin-bottom:0}label{display:block;font-size:12px;font-weight:700}input{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:13px;font:inherit;background:white;margin:9px 0 18px}.full{width:100%}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.row button{border:0;background:none;color:var(--orange);font-size:12px}.panel{max-width:900px;margin:auto;padding:35px 5% 60px;min-height:65vh}.panel h1{font-size:58px}.back{margin-bottom:40px}.ordercard{padding:25px;background:#fffdf5;border:1px solid var(--line);border-radius:10px;margin-top:20px}.ordercard h3{font-size:24px;margin-bottom:10px}.badge{display:inline-block;background:#e7ebdc;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700;margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.step{font-size:12px;border-top:5px solid #e0e2d8;padding-top:12px;color:#6c746a}.step.active{border-color:var(--orange);font-weight:700;color:var(--ink)}.owner-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:40px;gap:20px}.owner-toolbar h2{font-size:28px;letter-spacing:-1px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.empty{padding:35px 0;color:#667167}#toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:6px;z-index:9;box-shadow:0 3px 20px #0002;font-size:13px;display:none}@media(max-width:700px){.draft{font-size:9px;padding:9px 10px}.draft span{display:block;margin:4px 0 0}header{padding:20px 5%;flex-wrap:wrap;gap:20px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero{grid-template-columns:1fr;padding:38px 5% 40px;gap:30px}h1{font-size:59px}.intro{font-size:14px}.art{min-height:310px;border-radius:140px 140px 10px 10px}.art svg{max-height:300px}.art-label{top:35px;font-size:8px}.strip{font-size:8px;letter-spacing:1px;gap:6px;padding:13px 3%}.strip b{font-size:18px}.section-head{display:block}h2{font-size:35px}#menu{padding:45px 5%}.menu-grid{grid-template-columns:1fr}.item{display:grid;grid-template-columns:110px 1fr}.item-art{height:100%;min-height:190px}.sample-tag{font-size:7px;left:8px;top:8px}.item-body{padding:20px}.item p{min-height:0}.item-bottom{margin-top:15px}.visit{grid-template-columns:1fr;padding:40px 6%;gap:20px}footer{flex-wrap:wrap;padding:30px 5% 115px}footer .brand{font-size:14px}.panel h1{font-size:43px}.cart{padding:13px}.cart button{padding:13px 11px;font-size:11px}}
/* Trailer-led identity: black, fiery red and warm gold. */
:root{--paper:#11100e;--ink:#f5d68c;--orange:#ed3428;--yellow:#e8b84a;--line:#443827}body{color:#f6e8cc;background:var(--paper)}.draft{background:#d82d24;color:white}.draft span{color:#ffe5de}header{border-bottom-color:#433424}.brand{color:#f3c767}.brandmark{background:#e1ad3b;color:#17120a}.hero{grid-template-columns:.9fr 1.1fr;gap:4%;padding-top:58px;padding-bottom:58px}.hero h1{font-size:clamp(43px,5.8vw,78px);color:#f2cb70}.hero h1 em{font-style:italic;text-shadow:2px 2px #6c0c06}.intro{color:#ddccb0}.muted{color:#b8ad98}.art{background:#050505;border:1px solid #63512e;border-radius:8px;min-height:0;box-shadow:0 22px 70px #0006}.art img{display:block;width:100%;height:auto}.art-note{color:#edbf58;margin:20px 22px;font-size:10px}.eyebrow{color:#e7b958}.strip{background:#e7b958;color:#19130a;border:0}.strip b{color:#b72218}.item{background:#1b1813;border-color:#4b3a22}.item-art,.item:nth-child(2) .item-art,.item:nth-child(3) .item-art{height:90px;background:radial-gradient(ellipse at bottom,#742017,#25150f 55%,#15120e)}.item-art .placeholder{color:#e7b958;border:0;transform:none;font-size:48px;height:auto}.sample-tag{background:#17130d;color:#d7b66b;border:1px solid #5b4524}.item p{color:#c0b39c}.item-bottom strong{font-size:13px;color:#efcb79}.add{color:#f1ca76;border-color:#b78d3e}.visit{background:#070707;border-top:1px solid #554020;color:#f4e5c5}.visit p{color:#baae99}.visit dl div{border-color:#42331f}.visit dd a{color:#f3c767}.small{border-color:#a88643;color:#edce91}.cart{background:#211a0e;border:1px solid #b28b42}.cart button{color:#15110a}dialog{background:#17130e;color:#f5e7cd}.notice{background:#362913;color:#f3dbad}input{background:#211b12;border-color:#6d542c;color:#f5e7cd}.ordercard{background:#1c1810;border-color:#604b27}.badge{background:#493413;color:#f6d788}.step.active{color:#f3d498}.empty,footer p{color:#b5a98f}.brand small{color:#d9b66e}#toast{background:#edbd5a;color:#17110a}.close{color:#f4d18c}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:57px}.art{border-radius:6px;min-height:0}.art-note{font-size:9px;margin:16px}.item-art,.item:nth-child(2) .item-art,.item:nth-child(3) .item-art{height:100%}.brand{font-size:17px}.sample-tag{font-size:6px}.intro{font-size:15px}}
/* Phone QA fixes: touch targets, contrast, narrow cards and system insets. */
.cart{bottom:calc(20px + env(safe-area-inset-bottom,0px))}footer{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))}.step{color:#b7ac96}.add{min-width:44px;min-height:44px}.close{min-width:44px;min-height:44px}.row button{min-height:44px;padding:5px}.small,.plain,nav a{min-height:44px}nav a{display:flex;align-items:center}#toast{max-width:90%;width:max-content}input{font-size:16px}@media(max-width:360px){.hero h1{font-size:48px}.item{grid-template-columns:80px minmax(0,1fr)}.item-body{padding:16px}.item-bottom{gap:7px}.item h3{font-size:21px}.brand{font-size:15px}nav{gap:8px}.small{padding:10px 12px}.sample-tag{left:4px;font-size:5px;padding:4px}.panel{padding-left:5%;padding-right:5%}.ordercard{padding:20px}.owner-toolbar{align-items:flex-start;flex-direction:column}}
/* Official logo is a viewport onto the untouched supplied trailer photograph. */
.trailer-wordmark{display:block;width:100%;height:auto;background:#000;overflow:hidden}header .brand{display:block;width:350px;max-width:48%;flex-shrink:0}h1.logo-heading{margin:0 0 30px;padding:0;background:#000;border-radius:3px;overflow:hidden;line-height:0}footer .brand{display:block;width:280px;max-width:100%}@media(max-width:700px){header .brand{max-width:100%;width:350px}h1.logo-heading{margin-bottom:25px}.hero{padding-top:30px}.hero .eyebrow{font-size:10px}footer .brand{width:280px}}@media(max-width:360px){header .brand{width:100%}}
/* Actual dish imagery from the same unmodified trailer photo. */
.item-art,.item:nth-child(2) .item-art,.item:nth-child(3) .item-art{background:#080706;height:150px;padding:10px;min-width:0}.dish-photo{width:100%;max-width:180px;height:auto;display:block;overflow:hidden}.item p{min-height:40px}@media(max-width:700px){.item-art,.item:nth-child(2) .item-art,.item:nth-child(3) .item-art{height:100%;padding:6px}.dish-photo{max-width:100%}.item p{min-height:0}}
.order-id{overflow-wrap:anywhere;word-break:break-word}.queue-label{margin-top:35px}.payment-instructions{border:1px solid var(--line);padding:20px;border-radius:7px;margin-bottom:20px}.payment-instructions h3{font-size:21px}.payment-instructions p{font-size:13px;line-height:1.6}.payment-instructions dl{font-size:13px}.payment-instructions dt{color:#baa678;margin-top:14px;font-size:11px}.payment-instructions dd{margin:5px 0;font-weight:700}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin:15px 0;font-size:13px}.check input{width:22px;height:22px;flex-shrink:0;margin:0;accent-color:var(--orange)}#verification-error{color:#ffc980;font-size:13px}
/* Final menu direction: large edge-to-edge food cards with persistent overlay controls. */
#menu{padding-top:45px}.section-head h2{font-size:42px;max-width:700px}.menu-grid{gap:22px}.photo-card{display:block;position:relative;aspect-ratio:1/1;isolation:isolate;overflow:hidden;border:1px solid #514029;border-radius:12px;background:#18110c}.menu-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .menu-photo{transform:none}.photo-card::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));pointer-events:none;z-index:1}.photo-caption{position:absolute;bottom:24px;left:22px;right:77px;z-index:2;pointer-events:none}.photo-caption h3{font-size:27px;line-height:1.12;color:#fff7e6;letter-spacing:-.7px;text-shadow:0 2px 6px #000}.photo-note{font-size:9px;color:#f4d595;letter-spacing:1.5px;display:block;margin-bottom:7px}.photo-add{position:absolute;bottom:22px;right:18px;z-index:3;width:48px;height:48px;min-width:48px;min-height:48px;border:1px solid #ffe3a0;border-radius:50%;background:#edbd5a;color:#211608;font-size:30px;box-shadow:0 3px 15px #0006;display:grid;place-items:center;line-height:1}.photo-add:hover{background:#ffda86}.section-head .narrow{max-width:330px}header .brand{width:380px}footer strong{font-family:'Space Grotesk',sans-serif;font-size:16px;color:#d9b66e}@media(max-width:700px){#menu{padding:30px 5% 45px}.section-head h2{font-size:34px}.section-head .narrow{max-width:none;font-size:12px}.menu-grid{grid-template-columns:1fr;gap:20px}.photo-card{display:block;aspect-ratio:1/1}.photo-caption{left:20px;bottom:23px;right:77px}.photo-caption h3{font-size:27px}.photo-add{bottom:21px;right:18px}header .brand{width:100%;max-width:380px}}@media(max-width:360px){.photo-card{display:block}.photo-caption{left:16px;right:71px;bottom:19px}.photo-caption h3{font-size:23px}.photo-note{font-size:8px}.photo-add{right:14px;bottom:18px}}
/* User-approved official logo at the top; original trailer wordmark retained below. */
header{padding-top:8px;padding-bottom:14px;gap:30px}header .brand{width:240px;max-width:40%;display:block}.official-logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}footer .footer-wordmark{display:block;width:300px;max-width:100%;flex-shrink:0}@media(max-width:700px){header{justify-content:center;gap:5px;padding-top:0;padding-bottom:15px}header .brand{width:230px;max-width:80%}header nav{margin-top:0}footer .footer-wordmark{width:290px;max-width:100%}}@media(max-width:360px){header .brand{width:215px;max-width:80%}}
/* Component details are subordinate to the dish name, sourced only from printed menu labels. */
.photo-card::after{inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.95))}.photo-caption .plate-components{font-size:13px;line-height:1.4;color:#eee0c7;margin:8px 0 0;min-height:0;font-weight:400;letter-spacing:0;text-shadow:0 1px 3px #000}@media(max-width:360px){.photo-caption .plate-components{font-size:12px;line-height:1.35;margin-top:6px}.photo-caption h3{font-size:22px}}
/* Transparent logo floats over a separate responsive grill/fire background. */
header{position:relative;isolation:isolate;max-width:none;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 5% 16px;gap:18px;background:#090605 url('assets/flames-picanha-wide.webp') center 60%/cover no-repeat;border-bottom:1px solid #7d4825}header::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.08) 50%,rgba(0,0,0,.6))}header .brand{width:310px;max-width:70%;flex-shrink:0;background:none}.official-logo{background:transparent;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}header nav{width:min(540px,100%);justify-content:space-between;gap:15px;background:rgba(10,7,4,.76);border:1px solid #806032;border-radius:8px;padding:8px 18px;color:#fff2d4;backdrop-filter:blur(6px)}header nav .small{border-color:#d1a94f;color:#ffe0a0}@media(max-width:700px){header{min-height:440px;padding:20px 5% 14px;gap:40px;background-image:url('assets/flames-picanha-mobile.webp');background-position:center 65%;background-size:cover}header .brand{width:250px;max-width:78%}header nav{padding:5px 10px;gap:10px;font-size:12px}header nav .small{padding:10px}}@media(max-width:360px){header{min-height:405px;gap:30px;padding-top:18px}header .brand{width:225px;max-width:80%}header nav{gap:7px;padding:5px 8px;font-size:11px}header nav .small{padding:8px}}

/* Compact hero: logo-height composition, modest spacing, visible grill backdrop. */
header{min-height:0;flex-direction:row;justify-content:space-between;padding:10px max(5%,calc((100% - 1200px)/2));gap:24px;background-position:center 68%}header .brand{width:250px;max-width:42%}header nav{width:460px;max-width:52%;margin:0}
@media(max-width:700px){header{flex-direction:column;padding:8px 5% 10px;gap:6px;background-position:center 70%}header .brand{width:220px;max-width:75%}header nav{width:100%;max-width:100%}}
@media(max-width:360px){header{padding-top:6px;gap:4px}header .brand{width:200px;max-width:75%}}

.directions-link{display:inline-flex;align-items:center;min-height:44px;margin-top:7px;color:#f2cc77;text-decoration:underline;text-underline-offset:4px}

/* Prominent price badge stays separate from dish captions and the add control. */
.photo-card>.photo-note{position:absolute;top:18px;left:18px;z-index:3;display:block;margin:0;padding:8px 12px;border:1px solid #efc96d;border-radius:8px;background:rgba(15,10,4,.94);color:#ffe09a;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:0;box-shadow:0 3px 14px #0008;text-shadow:0 1px 2px #000;pointer-events:none}
@media(max-width:700px){.photo-card>.photo-note{font-size:24px;top:16px;left:16px}}
@media(max-width:360px){.photo-card>.photo-note{font-size:22px;top:13px;left:13px;padding:7px 10px}}

.public-order{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin:14px 0;border:1px solid #66502d;border-radius:12px;background:#1c1810}.public-order h3{overflow-wrap:anywhere}.public-order .badge{margin-bottom:9px}.queue-status{color:#ffe09a;font-size:16px}.demo-controls{margin-top:36px;padding:18px;border:1px solid #66502d;border-radius:10px}.demo-controls summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.demo-controls .owner-toolbar{margin-top:20px}@media(max-width:700px){.public-order{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}.queue-status{font-size:15px}.demo-controls{padding:14px}.demo-controls h2{font-size:24px}}

.public-items{font-size:14px;line-height:1.6;color:#eee0c7;margin:10px 0 0;overflow-wrap:anywhere}

/* English dish names clarify Spanish titles without replacing component details. */
.photo-caption .dish-subtitle{font-size:15px;line-height:1.3;font-weight:600;color:#f5d68c;margin:5px 0 0;min-height:0;letter-spacing:0;text-shadow:0 1px 3px #000}
@media(max-width:360px){.photo-caption .dish-subtitle{font-size:14px;margin-top:4px}}

/* Small demo merchandising label, kept opposite the price and above captions. */
.popular-badge{position:absolute;top:18px;right:18px;z-index:3;padding:7px 10px;border:1px solid #d7ac53;border-radius:20px;background:rgba(32,23,10,.94);color:#f3d58b;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.15px;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #0005}
@media(max-width:700px){.popular-badge{top:16px;right:16px}}
@media(max-width:360px){.popular-badge{top:13px;right:13px;font-size:10px;padding:7px 9px}}

/* Realistic flame edges reuse the same photographed-style hero artwork. */
.popular-badge{display:inline-flex;align-items:center;padding:8px 12px;border-color:#bd6634;background-color:#21160c;background-image:linear-gradient(90deg,rgba(16,7,3,.2),rgba(16,7,3,.84) 22%,rgba(16,7,3,.84) 78%,rgba(16,7,3,.2)),url('assets/flames-picanha-wide.webp');background-size:100% 100%,100% auto;background-position:center,center 18%;background-repeat:no-repeat;color:#fff0c9;box-shadow:0 2px 9px #0007,inset 0 0 8px #b838131c;text-shadow:0 1px 3px #000,0 0 5px #000}
@media(max-width:360px){.popular-badge{padding:8px 11px}}
@media(min-width:701px) and (max-width:950px){.popular-badge{top:68px}}

/* Customer tracking and the public queue share one destination. */
.order-details{margin-top:26px;padding:18px;border:1px solid #66502d;border-radius:10px}.order-details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.public-order.selected-order{border-color:#e8b84a;box-shadow:inset 3px 0 #e8b84a}.order-details .ordercard{margin-top:10px}

.payment-check{margin-top:18px;padding-top:16px;border-top:1px solid #66502d}.payment-check button:disabled{opacity:.65;cursor:default}.ordercard.payment-check-attention{border:2px solid #efbd54;box-shadow:0 0 0 3px #ed8b2522}.payment-check-alert{margin:0 0 14px;color:#ffe09a;font-size:13px;font-weight:700}.sound-controls{margin:18px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sound-controls p{margin:0}

.steps{grid-template-columns:repeat(2,1fr)}

.queue-status-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.test-bell{padding:7px 12px;font-size:12px;min-height:44px}.public-order.sample-bell-alert{border-color:#efbd54;box-shadow:inset 3px 0 #efbd54,0 0 12px #ed8b2522}.sample-bell-feedback{font-size:11px;color:#ffe09a;margin:0}

.owner-concept{margin:24px 0;padding:20px;border:1px solid #66502d;border-radius:10px}.owner-concept h2{font-size:27px;letter-spacing:-.6px}.manual-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.manual-fields select{display:block;width:100%;margin:9px 0 18px;padding:12px;border:1px solid #66502d;border-radius:5px;font:inherit;font-size:16px;background:#19150f;color:#f6e8cc;min-height:44px}.manual-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #443827;font-size:13px;line-height:1.4}.manual-item strong{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#efbd54;color:#211608;margin-right:5px}.manual-item small{display:block;margin:4px 0 0 30px;color:#f5d68c}.manual-item input{width:72px;flex:none;margin:0}.manual-total{font-weight:700;color:#ffe09a}#manual-error{color:#ffc980;font-size:13px}#manual-success{font-size:13px;color:#ffe09a;overflow-wrap:anywhere}.sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-grid>div{padding:16px;border:1px solid #66502d;border-radius:8px;display:flex;flex-direction:column;gap:8px}.sales-grid span,.sales-grid small{font-size:12px;line-height:1.4}.sales-grid strong{font-size:27px;color:#ffe09a}@media(max-width:700px){.manual-fields{grid-template-columns:1fr;gap:0}.owner-concept{padding:15px}.sales-grid{grid-template-columns:1fr}.manual-item{font-size:12px}}

.top-sample-item{padding:18px;margin-bottom:14px;border:1px solid #a97c35;border-radius:9px;background:#2a2010}.top-sample-item>span{display:block;font-size:12px;color:#f5d68c;margin-bottom:9px}.top-sample-item>strong{font-size:20px;line-height:1.4}

#verify-method{display:block;width:100%;margin:9px 0 18px;padding:12px;border:1px solid #66502d;border-radius:5px;font:inherit;font-size:16px;background:#19150f;color:#f6e8cc;min-height:44px}

/* Keep the established photo-card design readable at intermediate widths. */
@media(min-width:701px) and (max-width:1100px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.storage-warning{padding:12px 5%;background:#52330f;color:#fff0c9;font-size:13px;line-height:1.5;border-bottom:1px solid #b68a43}.demo-controls summary,.order-details summary{justify-content:space-between;gap:12px}.demo-controls summary::after,.order-details summary::after{content:'⌄';font-size:21px;line-height:1;flex:none}.demo-controls[open]>summary::after,.order-details[open]>summary::after{transform:rotate(180deg)}select:focus-visible,summary:focus-visible{outline:3px solid #177dd6;outline-offset:4px}

/* Restaurant ticket hierarchy stays within the existing dark and gold theme. */
.public-order{position:relative;align-items:flex-start;border-radius:10px;padding:22px;background:linear-gradient(145deg,#211b12,#17140f);border-color:#685336;gap:24px}.ticket-order-main{min-width:0;flex:1}.ticket-label{display:block;text-transform:uppercase;letter-spacing:1.7px;font-size:9px;color:#c7aa72;margin-bottom:7px}.public-order .order-id{display:block;width:fit-content;background:transparent;border-radius:0;padding:0;margin-bottom:12px;color:#ffe0a0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.5px}.public-order h3{font-size:24px;letter-spacing:-.5px}.public-order .public-items{border-top:1px dashed #685336;padding-top:12px;margin-top:12px}.queue-status-wrap{max-width:46%;min-width:0}.ticket-status{padding:7px 10px;border:1px solid #806133;border-radius:6px;font-size:13px;line-height:1.4}.status-ready{color:#bde1b1;border-color:#527044;background:#1c2a16}.status-pending{color:#f5d68c;background:#332714}.status-processing{color:#ffd4a0;background:#382719}.status-cancelled{color:#cfbfb0;background:#29231d}.ticket-payment-check{margin-top:4px;width:100%}.ticket-payment-check .small{width:100%;font-size:12px;line-height:1.4}.ticket-payment-check .muted{font-size:11px;margin:8px 0 0}.countdown-label{font-size:11px;color:#d7c3a0;margin:0 0 7px}.payment-countdown{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:26px;color:#ffe0a0;font-variant-numeric:tabular-nums;line-height:1.2}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.public-order{padding:18px;gap:16px}.queue-status-wrap{max-width:100%;width:100%}.ticket-status{width:fit-content}.ticket-payment-check{display:block}.public-order h3{font-size:23px}}

.checkout-tests{margin-top:22px;padding-top:16px;border-top:1px solid #66502d}.checkout-tests>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;color:#b8ad98}.checkout-tests[open]>summary{margin-bottom:10px}

/* Beverage choices remain hidden until real menu details and thumbnails are supplied. */
.beverages{margin-top:30px;max-width:480px}.beverages[hidden]{display:none}.beverages h2{font-size:25px;letter-spacing:-.5px;margin-bottom:12px}.beverage-dropdown{border:1px solid #66502d;border-radius:8px;background:#1c1810}.beverage-dropdown summary{cursor:pointer;min-height:48px;padding:14px 16px;font-size:14px;color:#f5d68c}.beverage-options{list-style:none;padding:0 10px 10px;margin:0;max-height:300px;overflow:auto}.beverage-option{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;text-align:left;background:transparent;color:#f6e8cc;border:0;border-top:1px solid #443827;padding:9px 6px;font:inherit;font-size:14px}.beverage-option img{width:52px;height:52px;object-fit:contain;flex:none;border-radius:6px}.beverage-option:focus-visible{outline:3px solid #177dd6;outline-offset:-2px}

.beverage-contact{font-size:12px;color:#c7b899;margin:0;padding:4px 16px 14px;line-height:1.5}

.beverage-name{flex:1;min-width:0;line-height:1.4}.beverage-price{font-size:17px;color:#f5d68c}.beverage-add{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;border:1px solid #b88335;background:#edc36f;color:#20180e;font-size:25px;line-height:1;cursor:pointer}.beverage-add:focus-visible{outline:3px solid #177dd6;outline-offset:3px}

/* Modest taco enlargement retains the slate rim within its original image margin. */
.photo-card[data-product-id="5"] .menu-photo,.photo-card[data-product-id="5"]:hover .menu-photo{transform:scale(1.04)}
/* Edge to edge compact phone header and bounded end-of-page space. */
html,body{overscroll-behavior-y:none}footer{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}footer.cart-space{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))}
@media(max-width:700px){header{width:100%;margin-top:0;padding-top:calc(8px + env(safe-area-inset-top,0px))}header nav{flex-shrink:0}}

.zelle-preview{margin-top:12px;border:1px solid #806032;border-radius:6px;padding:0 16px}.zelle-preview summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700;font-size:14px;color:#f5d68c}.zelle-preview p{font-size:13px;line-height:1.5}.zelle-preview summary:focus-visible{outline:3px solid #177dd6;outline-offset:3px}

/* Customer view stays compact while the owner concept remains unmounted. */
#orders.panel{min-height:0;padding-bottom:36px}#orders>.muted{max-width:480px;margin-bottom:20px}.zelle-preview{margin-bottom:8px}

/* Share sits directly beside the logo without widening the compact hero. */
header .brand-share{display:flex;align-items:center;gap:12px;width:350px;max-width:46%}header .brand-share .brand{width:250px;max-width:calc(100% - 80px)}.share-site{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:56px;min-height:56px;padding:8px;color:#f7d485;background:linear-gradient(145deg,#2b0b08,#100a07);border:1px solid #bb873a;border-radius:12px;box-shadow:0 3px 12px #0006;font-size:11px;font-weight:700}.share-site:hover{background:#45130b}.share-site:focus-visible{outline:3px solid #ffe09a;outline-offset:4px}@media(max-width:700px){header .brand-share{width:300px;max-width:100%;justify-content:center}header .brand-share .brand{width:220px;max-width:calc(100% - 72px)}header .brand-share{gap:10px}}@media(max-width:360px){header .brand-share .brand{width:200px}.share-site{min-width:48px;min-height:48px}}

/* Owner entry stays in the queue; Share is anchored to the header corner. */
header>.share-site{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:4}header .brand-share{width:250px;max-width:42%;gap:0}header .brand-share .brand{width:250px;max-width:100%}header nav{margin-right:64px;max-width:calc(52% - 64px)}.owner-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;background:#1a100b;color:#f5d68c;border:1px solid #9f7436;border-radius:7px;font-size:13px;font-weight:700}#owner-login-status:empty{display:none}@media(max-width:700px){header .brand-share{width:220px;max-width:calc(100% - 112px)}header .brand-share .brand{width:220px}header nav{margin-right:0;max-width:100%}header>.share-site{top:calc(12px + env(safe-area-inset-top,0px));right:14px}}@media(max-width:360px){header .brand-share{width:200px}}

/* Quiet staff entry after the complete queue content. */
#orders>.owner-login{display:flex;width:100%;margin-top:32px;min-height:44px;background:transparent;color:#c7b899;border:0;border-top:1px solid #54442e;border-radius:0;font-size:12px;font-weight:500;padding:15px 12px 8px}#orders>#owner-login-status{text-align:center;margin:8px 0 0}

[hidden]{display:none!important}.staff-dashboard{margin-top:28px;padding:22px;border:1px solid #71532d;border-radius:12px;background:#15100b}.staff-dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.staff-dashboard-top h2{font-size:26px;letter-spacing:-.6px;margin:0}.staff-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.staff-tabs button{min-height:44px;padding:10px 13px;border:1px solid #6f552e;border-radius:6px;background:#20180f;color:#f5d68c;font-size:13px}.staff-tabs button[aria-pressed=true]{background:#e8bd69;color:#21170c}.staff-dashboard .demo-controls{margin-top:0;padding:0;border:0}.staff-dashboard [data-staff-panel]>h2{font-size:25px;letter-spacing:-.5px}@media(max-width:600px){.staff-dashboard{padding:15px}.staff-dashboard-top{align-items:flex-start;flex-direction:column}.staff-tabs{gap:6px}}

.staff-business-tools{margin:18px 0}.staff-business-tools>summary,.staff-ticket-action summary,.staff-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#d6bd8e;font-size:13px}.staff-ticket-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.staff-ticket .button{min-height:44px}.staff-ticket .queue-status{margin:0}.staff-ticket .public-items{margin:12px 0}.staff-history{border-top:1px solid #54442e;margin-top:18px;padding-top:8px}

.beverage-groups{max-height:440px;overflow-y:auto;overscroll-behavior:contain}.beverage-group h3{font-size:14px;letter-spacing:0;color:#f5d68c;margin:0;padding:16px 16px 4px}.beverage-group .beverage-options{max-height:none;overflow:visible;padding-bottom:4px}.beverage-group .beverage-option{min-height:52px}.beverage-group:last-child .beverage-options{padding-bottom:10px}
/* Isolated integration controls. Existing menu imagery/layout remain unchanged. */
.integration-boundary{padding:9px 16px;text-align:center;color:#efd48c;background:#242018;font-size:13px}
.recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
#customer-details{margin:24px 0}#publicqueue:empty{min-height:0}#checkout-form{margin-top:24px}
[hidden]{display:none!important}.staff-ticket-action{display:flex;flex-direction:column;gap:8px}.check input{width:auto}
button:disabled{opacity:.5;cursor:not-allowed}#verification-error,#checkout-error{color:#ffd4bd}
#staff-business-tools section{padding:18px 0;border-top:1px solid #4e4230}#staff-business-tools fieldset{border:0;padding:0;margin:0}#staff-business-tools .manual-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}#staff-business-tools .manual-items label{display:flex;align-items:center;justify-content:space-between;gap:12px}#staff-business-tools .manual-items input{width:72px}#staff-business-tools details{padding:16px 0}#staff-business-tools button{margin:6px 4px 6px 0}#staff-report-result{margin:16px 0}

/* Staff authentication is separate from customer ordering. */
#staff-login-dialog{width:min(100% - 32px,460px)}#staff-login-fields{border:0;padding:0;margin:22px 0 0;min-width:0}#staff-login-fields label{display:block;margin:16px 0 7px}#staff-login-fields input{width:100%;box-sizing:border-box}#staff-login-submit{margin-top:22px;min-height:48px}#staff-login-error{color:#ffd4bd}#staff-login-error:empty{display:none}#dashboard-entry>button{margin:8px 12px 8px 0}#staff-role{margin:0}#staff-login-cancel:focus-visible{outline:3px solid #ffe09a;outline-offset:3px}

/* Isolated staff-only customer management. */
.crm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.crm-stats p{background:#21190f;color:#f5e7ce;border:1px solid #71532d;border-radius:14px;padding:14px;margin:0}.crm-stats strong{display:block;font-size:1.7rem}.crm-customer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #71532d;padding:14px 0}.crm-customer p{font-size:.86rem}.crm-order{padding:14px;border:1px solid #71532d;border-radius:12px;margin:12px 0}#crm-editor{border-top:1px solid #71532d;margin-top:20px;padding-top:18px}#staff-crm input{max-width:100%}#staff-crm fieldset{min-width:0}#crm-summary{font-weight:600}@media(max-width:560px){.crm-customer{align-items:flex-start;flex-direction:column}.crm-stats{grid-template-columns:1fr 1fr}}