:root{
  --bg:#050505;--panel:#0b0b0d;--pink:#ff0f8f;--pink2:#ff4bb3;--gold:#ffc432;--text:#fff;--muted:#ddd;--line:rgba(255,255,255,.13);--shadow:0 28px 70px rgba(0,0,0,.52);--shell:min(1600px,calc(100% - 32px))
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:.7rem 1rem;z-index:999}.skip:focus{left:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:var(--shell);margin-inline:auto}.section{position:relative;isolation:isolate;overflow:hidden}.pink{color:var(--pink)}.gold{color:var(--gold)}.white{color:#fff}.script{font-family:'Yellowtail',cursive;font-weight:400;line-height:.92}.serif{font-family:'Playfair Display',serif;font-weight:800;line-height:.92}.micro{font-size:clamp(.68rem,1vw,.95rem);letter-spacing:.35em;text-transform:uppercase;color:#fff}.micro b{color:var(--pink);letter-spacing:0}.lead{font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.5;color:#f0f0f0;max-width:650px}.pill{border-radius:999px;border:2px solid transparent;padding:.88rem 1.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;text-transform:uppercase;font-family:'Bebas Neue',sans-serif;font-size:1.25rem;letter-spacing:.05em;transition:.2s ease;min-height:48px}.pill:hover,.pill:focus-visible{transform:translateY(-2px);filter:brightness(1.08);outline:none}.pill-pink{background:linear-gradient(135deg,var(--pink),#ff279d);color:#fff;box-shadow:0 0 30px rgba(255,15,143,.24)}.pill-outline{background:rgba(0,0,0,.55);border-color:var(--gold);color:#fff}.pill.big{padding:1rem 2rem;font-size:1.5rem}.pill.wide{width:100%}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.4rem}.food-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.food-frame img{width:100%;height:100%;object-fit:cover}.gold-script{position:absolute;font-family:'Yellowtail',cursive;color:var(--gold);font-size:clamp(2rem,3vw,4rem);line-height:.9;right:4%;bottom:4%;transform:rotate(-8deg);text-shadow:0 2px 10px rgba(0,0,0,.8)}.pink-brush{background:linear-gradient(8deg,#ff168f,#ff51b4);color:#111;font-family:'Yellowtail',cursive;line-height:.9;padding:1.25rem 2rem;transform:rotate(-6deg);clip-path:polygon(2% 20%,95% 0,100% 75%,5% 100%,0 65%);box-shadow:0 0 26px rgba(255,15,143,.28)}

/* header */
.topbar{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.96);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.nav-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:82px}.logo-link{align-self:start;position:relative;z-index:2}.logo-link img{width:112px;height:112px;object-fit:contain;margin-top:5px;filter:drop-shadow(0 0 12px rgba(255,15,143,.3))}.main-nav{display:flex;justify-content:center;gap:clamp(1.1rem,3vw,3rem);font-family:'Anton',sans-serif;font-size:1.02rem}.main-nav a{position:relative;padding:.9rem .15rem}.main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:.35rem;height:4px;border-radius:999px;background:transparent}.main-nav a:hover,.main-nav a:focus-visible{color:var(--pink);outline:none}.main-nav a:hover:after,.main-nav a:focus-visible:after{background:var(--pink)}.nav-right{display:flex;gap:1rem;align-items:center}.social-row{display:flex;gap:.6rem}.social-row a{width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:700}.nav-toggle{display:none;background:transparent;border:0}.nav-toggle span{display:block;width:28px;height:3px;background:#fff;margin:5px 0}

/* hero */
.hero{min-height:820px;background:radial-gradient(circle at 75% 30%,rgba(255,15,143,.16),transparent 30%),radial-gradient(circle at 12% 80%,rgba(255,196,50,.09),transparent 22%),linear-gradient(90deg,#050505 0,#080808 48%,#0c0709 100%);padding:6.2rem 0 2rem}.hero:before,.hero:after{content:'';position:absolute;pointer-events:none}.hero:before{width:420px;height:90px;background:var(--pink);left:-80px;bottom:40px;transform:rotate(-8deg);filter:blur(1px);opacity:.85;clip-path:polygon(0 40%,100% 0,86% 75%,5% 100%)}.hero:after{width:390px;height:70px;background:var(--gold);right:-110px;bottom:10px;transform:rotate(-10deg);opacity:.34;clip-path:polygon(0 40%,100% 0,85% 70%,8% 100%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center}.hero-copy{padding-left:1rem}.hero h1{margin:.3rem 0 1rem;display:grid}.hero h1 .serif{font-size:clamp(3.2rem,5vw,6.2rem)}.hero h1 .script{font-size:clamp(4rem,7vw,8rem);margin-top:-.25rem}.hero-media{position:relative;min-height:610px}.hero-food{height:610px;border-radius:45% 45% 10% 10%/35% 35% 12% 12%;border:3px solid rgba(255,196,50,.25)}.hero-media .top-brush{position:absolute;right:-2%;top:2%;z-index:3;font-size:clamp(2rem,2.4vw,3.1rem)}.benefit-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:2rem}.benefit{display:flex;align-items:center;gap:.7rem;font-family:'Bebas Neue',sans-serif;letter-spacing:.03em;font-size:1rem}.benefit+.benefit{border-left:2px solid var(--gold);padding-left:1.25rem}.benefit-icon{font-size:2rem;color:var(--gold)}

/* order */
.order{background:radial-gradient(circle at 8% 36%,rgba(255,15,143,.15),transparent 24%),radial-gradient(circle at 90% 40%,rgba(255,196,50,.08),transparent 20%),#050505;padding:4rem 0 0}.center-heading{text-align:center}.center-heading h2{font-size:clamp(4rem,7vw,8rem);margin:0}.brush-label{display:inline-block;background:var(--pink);color:#0b0b0b;padding:.35rem 2rem;clip-path:polygon(2% 0,100% 12%,96% 85%,0 100%);font-family:'Yellowtail',cursive;font-size:clamp(1.25rem,2vw,2.15rem);transform:rotate(-2deg);margin-top:-.5rem}.order-stage{position:relative;padding:2.5rem 0 1.8rem}.order-chef{position:absolute;left:-6%;bottom:-15px;width:310px;height:510px;object-fit:cover;object-position:45% 50%;border-radius:30% 30% 0 0;mask-image:linear-gradient(to right,black 85%,transparent 100%)}.step-grid{margin-left:280px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step-card{position:relative;background:linear-gradient(#060606,#101010);border:1px solid var(--pink);border-radius:18px;padding:3.7rem 1rem 1.4rem;text-align:center;min-height:315px}.step-card:after{content:'›';position:absolute;right:-24px;top:42%;font-size:4rem;color:var(--pink);z-index:5}.step-card:last-child:after{display:none}.step-number{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--pink);border:3px solid var(--gold);font-family:'Anton';font-size:2rem}.step-icon{font-size:3.6rem;color:var(--pink);line-height:1}.step-card h3{font-family:'Anton';font-size:1.45rem;text-transform:uppercase;margin:.7rem 0}.step-card h3 span{color:var(--pink);display:block}.step-card p{color:#efefef;line-height:1.4}.payments{width:min(860px,75%);margin:0 auto 1.8rem;border:2px solid var(--gold);border-radius:16px;padding:1rem 1.2rem;background:#070707}.payments-title{display:flex;align-items:center;gap:.8rem;justify-content:center;letter-spacing:.16em}.payments-title span{height:2px;width:140px;background:var(--gold)}.payments-title b{color:var(--pink)}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.payment{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;border:1px solid #777;border-radius:12px;padding:.8rem 1rem;background:#0a0a0a}.payment strong{font-size:2rem;width:44px;height:44px;border-radius:10px;display:grid;place-items:center}.payment b{font-size:1.25rem}.payment small{grid-column:1/-1;color:#ddd;text-align:center}.cash{border-color:#22e86c}.cash strong{background:#19d861}.zelle{border-color:#8b55ff}.zelle strong{background:#7129ff}.apple strong{background:#fff;color:#000}.order-ribbon{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#ff168f,#ff2e9c);padding:1rem 5vw;color:#fff;font-family:'Bebas Neue';font-size:1.2rem;gap:1rem;border-top:2px solid var(--pink);border-bottom:2px solid var(--pink)}

/* about */
.about{background:radial-gradient(circle at 51% 30%,rgba(255,15,143,.13),transparent 22%),linear-gradient(90deg,#070707,#0a0a0a 45%,#080808);padding:4rem 0 2rem}.about-grid{display:grid;grid-template-columns:.95fr 1.12fr .9fr;gap:1.6rem;align-items:center}.about-copy h2{font-size:clamp(4.5rem,7vw,8rem);margin:0}.about-copy h3{font-family:'Playfair Display';font-size:clamp(1.8rem,2.4vw,2.7rem);margin:0 0 1rem}.about-copy h3 .script{display:block;font-size:1.45em}.about-copy p,.about-values p{font-size:1.05rem;line-height:1.5;color:#eee}.about-chef-wrap{position:relative}.about-chef-wrap img{width:100%;border-radius:28px;box-shadow:var(--shadow)}.about-chef-wrap .gold-note{left:-3%;bottom:5%}.gold-note{position:absolute;color:var(--gold);font-family:'Yellowtail';font-size:clamp(1.8rem,2.5vw,3rem);line-height:.9;transform:rotate(-7deg);text-shadow:0 2px 8px #000}.about-brush{font-size:clamp(2rem,3vw,3.7rem);margin-bottom:2rem}.value-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.5rem}.value-icons div{text-align:center;border-top:2px solid var(--gold);padding-top:.8rem}.value-icons span{display:block;font-size:3rem;color:var(--pink)}.value-icons b{font-family:'Bebas Neue';font-size:1.1rem}.mini-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.8rem}.mini-gallery article{position:relative;border:2px solid var(--gold);border-radius:12px;overflow:hidden;background:#050505;min-height:230px}.mini-gallery img{width:100%;height:150px;object-fit:cover}.mini-gallery h4{font-family:'Yellowtail';color:var(--gold);font-size:2rem;margin:-.7rem .8rem 0;position:relative;z-index:2}.mini-gallery p{margin:.2rem .8rem .8rem;color:#eee}.truck-card img{object-fit:contain;background:#0b0b0b}

/* menu */
.menu{padding:4rem 0;background:radial-gradient(circle at 70% 13%,rgba(255,15,143,.14),transparent 26%),#050505}.menu-hero-grid{display:grid;grid-template-columns:1fr 1.2fr .5fr;gap:1.5rem;align-items:center}.menu-heading h2{font-size:clamp(4rem,7vw,8rem);margin:0}.menu-heading p:not(.micro){font-size:1.1rem;line-height:1.45;color:#eee}.menu-hero-img{height:310px}.menu-brush{font-size:clamp(2rem,2.7vw,3.3rem)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin-top:1rem}.category-card{position:relative;border:1px solid var(--pink);border-radius:10px;overflow:hidden;background:#080808;color:#fff;padding:0;min-height:145px}.category-card img{position:absolute;inset:0;width:58%;height:100%;object-fit:cover;filter:saturate(1.15)}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.65) 55%,#060606 76%)}.category-card span,.category-card b{position:absolute;z-index:2;right:6%;text-align:center}.category-card span{top:17%;font-size:2.4rem;color:var(--pink)}.category-card b{bottom:12%;font-family:'Bebas Neue';font-size:1.35rem}.category-card em{display:block;color:var(--pink);font-family:'Yellowtail';font-size:1.45rem}.menu-highlights-head{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;margin:1.4rem auto .8rem}.menu-highlights-head h3{font-size:clamp(3rem,5vw,5.7rem);margin:0}.menu-highlights-head p{color:#eee}.dish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dish-card{position:relative;border:2px solid var(--gold);border-radius:14px;overflow:hidden;background:#070707}.dish-card img{width:100%;height:210px;object-fit:cover}.dish-card h4{font-family:'Yellowtail';color:var(--gold);font-size:2.1rem;margin:-.5rem 1rem 0;position:relative;z-index:2}.dish-card p{margin:.25rem 1rem;color:#eee;line-height:1.35;min-height:58px}.dish-card .dish-price{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(90deg,var(--pink),transparent);font-family:'Anton';font-size:1.35rem}

/* specials */
.specials{padding:4rem 0 0;background:radial-gradient(circle at 65% 12%,rgba(255,196,50,.08),transparent 25%),#050505}.specials-top{display:grid;grid-template-columns:.8fr 1.4fr .5fr;gap:1rem;align-items:center}.special-copy h2{display:grid;margin:0}.special-copy h2 .script{font-size:clamp(4rem,7vw,7rem)}.special-copy h2 .serif{font-size:clamp(3rem,5vw,5rem);margin-top:-.65rem;margin-left:7rem}.special-copy p:not(.micro){color:#eee;font-size:1.1rem}.specials-hero{height:365px}.neon-note{font-size:5rem;color:var(--pink);text-align:center}.neon-note span{font-family:'Yellowtail';font-size:2.3rem;line-height:.9;display:block}.weekly-row{display:grid;grid-template-columns:.72fr 2.28fr;gap:1.2rem;margin-top:1.2rem;padding-top:1.2rem;border-top:3px solid var(--pink)}.weekly-title h3{display:grid;margin:0}.weekly-title .script{font-size:5rem}.weekly-title .serif{font-size:3.5rem;margin-top:-.7rem;margin-left:4rem}.weekly-title p{color:#eee}.weekly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.weekly-card{border:2px solid var(--gold);border-radius:13px;overflow:hidden;background:#070707;position:relative}.weekly-card .day{position:absolute;top:0;left:0;z-index:2;background:var(--pink);font-family:'Bebas Neue';font-size:1.2rem;padding:.35rem 1.3rem;clip-path:polygon(0 0,100% 10%,92% 100%,4% 90%)}.weekly-card img{width:100%;height:185px;object-fit:cover}.weekly-card h4{font-family:'Yellowtail';font-size:1.8rem;color:#0a0a0a;background:var(--gold);margin:-.65rem .6rem .5rem;padding:.3rem .5rem;position:relative;transform:rotate(-4deg);text-align:center}.weekly-card .price-tag{display:block;border:2px solid var(--pink);border-radius:999px;width:max-content;margin:.3rem auto;color:#fff;padding:.2rem 1.3rem}.weekly-card p{padding:0 .8rem .8rem;color:#eee;text-align:center;font-size:.9rem}.special-bottom{margin-top:1rem;padding:1rem 4vw;display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;justify-content:center;border-top:1px solid var(--gold);background:#020202;font-family:'Bebas Neue';font-size:1.15rem}.special-bottom span{padding-right:1.2rem;border-right:1px solid var(--gold)}

/* services */
.services{padding:4rem 0 0;background:radial-gradient(circle at 50% 18%,rgba(255,196,50,.08),transparent 25%),#050505}.service-intro{display:grid;grid-template-columns:.65fr 1.5fr .85fr;gap:1rem;align-items:center;text-align:center}.service-chef,.service-truck{width:100%;max-height:330px;object-fit:contain}.service-intro h2{font-size:clamp(3.8rem,6vw,6.7rem);margin:.2rem 0}.service-intro p:not(.micro){font-size:1.15rem;color:#eee;max-width:780px;margin:auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.service-card{position:relative;border:2px solid var(--gold);border-radius:14px;overflow:hidden;background:#090909;padding:1rem;min-height:390px}.service-card img{position:absolute;right:0;top:0;width:65%;height:58%;object-fit:cover;opacity:.95}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0 33%,transparent 65%),linear-gradient(0deg,#080808 0 36%,transparent 63%);pointer-events:none}.service-card>*:not(img){position:relative;z-index:2;max-width:58%}.service-icon{font-size:3rem;color:var(--pink)}.service-card h3{font-family:'Bebas Neue';font-size:2.1rem;line-height:.9;margin:.2rem 0 .5rem}.service-card h3 .script{display:block;font-size:1.25em}.service-card p{color:#eee}.service-card ul{list-style:none;padding:0;margin:.5rem 0 1rem;max-width:95%!important}.service-card li{margin:.45rem 0}.service-card li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#000;margin-right:.5rem;font-weight:800}.service-card .pill{margin-top:.4rem;max-width:100%!important}.service-ribbon{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:1.2rem;padding:1rem 3vw;border-top:3px solid var(--pink);background:#050505;font-family:'Bebas Neue';font-size:1.05rem}.service-ribbon>span{padding-right:1rem;border-right:1px solid var(--gold)}

/* truck */
.truck-coming{padding:4rem 0 0;background:radial-gradient(circle at 75% 40%,rgba(255,15,143,.18),transparent 32%),linear-gradient(90deg,#060606,#0c0708)}.truck-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:1rem}.truck-copy h2{display:grid;margin:.4rem 0}.truck-copy h2 .script{font-size:clamp(4rem,7vw,7.6rem)}.truck-copy h2 .white{font-size:.75em;margin-left:3rem;margin-top:-.7rem}.truck-copy p{font-size:1.05rem;line-height:1.5;color:#eee}.truck-copy .strong{font-size:1.25rem;font-weight:700}.truck-copy .strong b{color:var(--pink)}.truck-visual{position:relative;min-height:600px;display:flex;align-items:center}.truck-visual img{width:100%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.6))}.truck-brush{position:absolute;right:0;top:0;z-index:2;font-size:clamp(2rem,3vw,3.6rem)}.truck-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 4vw;background:linear-gradient(90deg,#ff1493,#ff2e9c);margin-top:.5rem}.truck-ribbon div{display:grid;grid-template-columns:auto 1fr;gap:.25rem .8rem;align-items:start;padding-right:1rem;border-right:1px solid rgba(255,255,255,.65)}.truck-ribbon div:last-child{border-right:0}.truck-ribbon span{grid-row:1/3;font-size:2.4rem}.truck-ribbon b{font-family:'Bebas Neue';font-size:1.2rem}.truck-ribbon p{margin:0;color:#fff;line-height:1.3}

/* contact */
.contact{padding:4rem 0 0;background:radial-gradient(circle at 75% 20%,rgba(255,196,50,.08),transparent 24%),#050505}.contact-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:1.5rem}.contact-chef-wrap{position:relative;align-self:end}.contact-chef-wrap img{width:100%;max-height:700px;object-fit:cover;border-radius:28px 28px 0 0}.contact-note{left:5%;bottom:8%}.contact-main h2{display:grid;margin:0}.contact-main h2 .serif{font-size:clamp(3.5rem,5vw,6rem)}.contact-main h2 .script{font-size:clamp(3rem,4.5vw,5rem);margin-top:-.15rem}.contact-main>p{font-size:1.05rem;color:#eee;max-width:900px}.contact-columns{display:grid;grid-template-columns:.72fr 1.28fr;gap:1rem;margin-top:1.2rem}.contact-info,.contact-form{border-radius:15px;background:#080808}.contact-info{border:2px solid var(--gold);padding:1rem}.contact-info>div{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-info>div:last-child{border-bottom:0}.contact-info>div>span{width:52px;height:52px;border:3px solid var(--pink);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--pink)}.contact-info p{margin:0;display:grid;gap:.25rem}.contact-info b{color:var(--gold)}.contact-info a,.contact-info strong{font-size:1.25rem}.contact-info small{color:#ddd}.social-inline{font-size:1.35rem;letter-spacing:.45em}.contact-form{border:2px solid var(--pink);padding:1rem}.contact-form h3{margin:0 0 .4rem;color:var(--pink);font-size:2.3rem}.contact-form>p{color:#eee}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:linear-gradient(#151515,#090909);border:1px solid #bdbdbd;color:#fff;border-radius:8px;padding:.9rem}.form-grid textarea{min-height:118px;resize:vertical}.message-field{grid-row:2/4;grid-column:2}.status{color:var(--gold);min-height:1.3em}.contact-ribbon{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;padding:1rem 3vw;border-top:3px solid var(--pink);background:#050505}.contact-ribbon>span:not(.script){font-family:'Bebas Neue';padding-right:1rem;border-right:1px solid var(--gold)}.contact-ribbon .script{font-size:2rem}

/* footer */
.footer-cta{padding:4rem 0 0;background:radial-gradient(circle at 50% 10%,rgba(255,15,143,.12),transparent 26%),#020202}.footer-hero{display:grid;grid-template-columns:.6fr 1.2fr .8fr;align-items:center;gap:1rem}.footer-chef,.footer-truck{width:100%;max-height:380px;object-fit:contain}.footer-copy{text-align:center}.footer-copy h2{display:grid;margin:0}.footer-copy .serif{font-size:clamp(3.5rem,5.8vw,6.3rem)}.footer-copy .script{font-size:clamp(3rem,5.1vw,5.7rem);margin-top:-.3rem}.footer-copy p:not(.micro){font-size:1.12rem;color:#eee}.footer-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 4vw;border-top:2px solid var(--pink);border-bottom:1px solid var(--gold)}.footer-benefits div{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem}.footer-benefits div:first-letter{color:var(--gold)}.footer-benefits b{font-family:'Bebas Neue';font-size:1.15rem}.footer-benefits span{grid-column:2;color:#ddd}.site-footer{display:grid;grid-template-columns:1.1fr .6fr 1fr .9fr 1.25fr;gap:1.2rem;padding:2rem 0}.site-footer>div{padding-right:1rem;border-right:1px solid rgba(255,196,50,.45)}.site-footer>div:last-child{border-right:0}.footer-brand img{width:230px;max-width:100%;margin:auto}.footer-brand p{font-size:.78rem;letter-spacing:.2em;text-align:center}.footer-brand .script{display:block;text-align:center;font-size:1.8rem}.site-footer h3{font-size:2rem;margin:.2rem 0 .8rem}.site-footer>div>a{display:block;margin:.45rem 0}.mini-pay{display:flex;gap:.4rem;flex-wrap:wrap}.mini-pay span{border:1px solid #777;border-radius:6px;padding:.35rem .55rem;background:#111}.pay-head{margin-top:1.1rem!important}.faq{display:grid;gap:.45rem}.faq details{border:1px solid var(--gold);border-radius:6px;padding:.45rem .6rem;background:#080808}.faq summary{cursor:pointer}.faq p{color:#ddd}.copyright{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 2vw;border-top:2px solid var(--gold);background:#000}.copyright .script{font-size:1.5rem}.owner-link{border:0;background:transparent;color:#777;font-size:.85rem}

/* modals/editor */
.modal{display:none;position:fixed;inset:0;z-index:200}.modal.open{display:block}.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}.modal-panel{position:relative;z-index:2;width:min(94vw,760px);max-height:88vh;overflow:auto;margin:5vh auto;background:linear-gradient(#111,#050505);border:2px solid var(--gold);border-radius:22px;padding:1.4rem;box-shadow:var(--shadow)}.wide-panel{width:min(94vw,1050px)}.admin-panel{width:min(94vw,980px)}.x{position:absolute;right:.8rem;top:.55rem;border:0;background:transparent;color:#fff;font-size:2.1rem}.modal-panel h2{font-size:3rem;margin:.1rem 0 1rem}.full-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.menu-group{border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:1rem;background:#090909}.menu-group h3{font-family:'Yellowtail';color:var(--pink);font-size:2rem;margin:.1rem 0 .5rem}.menu-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1)}.menu-row:first-of-type{border-top:0}.menu-row h4{margin:0 0 .2rem}.menu-row p{margin:0;color:#ccc;font-size:.9rem}.menu-row strong{color:var(--gold)}.pin-form{display:flex;gap:.7rem;flex-wrap:wrap}.pin-form input{flex:1;min-width:230px;background:#111;border:1px solid #888;color:#fff;border-radius:10px;padding:.8rem}.item-form{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1rem 0}.item-form input,.item-form textarea{background:#111;border:1px solid #777;color:#fff;border-radius:9px;padding:.75rem}.item-form textarea{grid-column:1/-1}.check{display:flex;align-items:center;gap:.5rem}.editor-list{display:grid;gap:.6rem}.edit-row{display:grid;grid-template-columns:1fr auto;gap:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.8rem}.edit-row h4{margin:.1rem 0}.edit-actions{display:flex;gap:.4rem}.mini{border:1px solid var(--gold);background:#090909;color:#fff;border-radius:999px;padding:.45rem .7rem}

@media (max-width:1200px){.hero-grid,.about-grid,.menu-hero-grid,.specials-top,.service-intro,.truck-grid,.contact-grid,.footer-hero{grid-template-columns:1fr}.hero-media{min-height:auto}.hero-food{height:520px}.top-brush,.menu-brush,.truck-brush{position:relative!important;right:auto!important;top:auto!important;display:inline-block;margin-bottom:1rem}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.about-brush{grid-row:1/3}.category-grid{grid-template-columns:repeat(3,1fr)}.weekly-row{grid-template-columns:1fr}.service-intro{text-align:left}.service-chef,.service-truck{max-width:550px;margin:auto}.truck-visual{min-height:auto}.footer-benefits,.truck-ribbon{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:repeat(2,1fr)}.site-footer>div{border-right:0;border-bottom:1px solid rgba(255,196,50,.3);padding-bottom:1rem}.contact-chef-wrap img{max-height:550px;object-fit:contain}.contact-grid{gap:0}.footer-chef,.footer-truck{max-height:300px;margin:auto}}
@media (max-width:900px){.nav-shell{grid-template-columns:auto auto}.nav-toggle{display:block;justify-self:end}.main-nav{display:none;grid-column:1/-1;flex-direction:column;align-items:flex-start;padding:1rem 0}.main-nav.open{display:flex}.nav-right{grid-column:1/-1;justify-content:space-between;padding-bottom:.6rem}.hero{padding-top:3rem}.hero-grid{gap:1rem}.hero-copy{padding:0}.benefit-row{display:grid;grid-template-columns:1fr}.benefit+.benefit{border-left:0;padding-left:0}.order-chef{position:relative;left:auto;bottom:auto;width:min(360px,100%);height:auto;margin:0 auto 1rem;mask-image:none;border-radius:28px}.step-grid{margin-left:0;grid-template-columns:repeat(2,1fr)}.step-card:after{display:none}.payments{width:100%}.about-values{grid-template-columns:1fr}.about-brush{grid-row:auto}.mini-gallery,.dish-grid,.weekly-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.menu-highlights-head{grid-template-columns:1fr}.special-copy h2 .serif,.weekly-title .serif{margin-left:0}.contact-columns{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.full-menu{grid-template-columns:1fr}}
@media (max-width:640px){:root{--shell:min(100% - 20px,1600px)}.logo-link img{width:88px;height:88px}.social-row a{width:32px;height:32px}.nav-right .pill span{display:none}.hero h1 .serif{font-size:3rem}.hero h1 .script{font-size:4rem}.hero-food{height:340px;border-radius:28px}.step-grid,.payment-grid,.category-grid,.mini-gallery,.dish-grid,.weekly-grid,.service-grid,.footer-benefits,.truck-ribbon,.site-footer{grid-template-columns:1fr}.order-ribbon{grid-template-columns:1fr 1fr}.value-icons{grid-template-columns:1fr}.menu-hero-img,.specials-hero{height:260px}.service-card>*:not(img){max-width:100%}.service-card img{position:relative;width:100%;height:180px;margin:-1rem -1rem 1rem;width:calc(100% + 2rem)}.service-card:after{display:none}.service-card{min-height:auto}.contact-main h2 .serif{font-size:3.2rem}.contact-main h2 .script{font-size:2.8rem}.form-grid{grid-template-columns:1fr}.message-field{grid-row:auto;grid-column:auto}.contact-ribbon{align-items:stretch}.contact-ribbon>*{width:100%;text-align:center}.footer-copy .serif{font-size:3rem}.footer-copy .script{font-size:3rem}.item-form{grid-template-columns:1fr}.item-form textarea{grid-column:auto}.copyright{justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ============================================================
   V6 FIDELITY / RESPONSIVE QA OVERRIDES
   Approved concept is the visual source of truth.
   ============================================================ */
:root{
  --shell:min(1580px,calc(100% - 48px));
  --concept-radius:12px;
}

/* stronger concept atmosphere */
.section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 9% 18%,rgba(255,15,143,.14),transparent 22%),
    radial-gradient(circle at 88% 16%,rgba(255,196,50,.09),transparent 18%),
    linear-gradient(115deg,rgba(255,255,255,.018),transparent 24%,rgba(255,15,143,.025) 70%,transparent);
}
.section::after{
  content:"";
  position:absolute;
  width:320px;
  height:44px;
  right:-60px;
  bottom:24px;
  background:linear-gradient(90deg,var(--pink),#ff5db8);
  transform:rotate(-7deg);
  opacity:.65;
  clip-path:polygon(0 35%,100% 0,91% 64%,8% 100%);
  pointer-events:none;
  z-index:-1;
}

/* header proportion and hierarchy */
.topbar{min-height:94px;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.32)}
.nav-shell{min-height:94px;grid-template-columns:160px 1fr auto;gap:1.35rem}
.logo-link{height:94px;display:flex;align-items:flex-start}
.logo-link img{width:142px;height:142px;margin-top:2px;transform:translateY(0);filter:drop-shadow(0 0 16px rgba(255,15,143,.36))}
.main-nav{gap:clamp(1.25rem,3.4vw,3.7rem);font-size:1.08rem}
.main-nav a{padding:1.05rem .15rem}
.main-nav a.active{color:var(--pink)}
.main-nav a.active:after{background:var(--pink)}
.social-row a{width:42px;height:42px;font-size:1.02rem;background:#070707}
.nav-right>.pill{min-width:168px}

/* HERO — remove card feel; blend image into environment like the concept */
.hero{min-height:810px;padding:5.25rem 0 2.4rem;background:
  linear-gradient(90deg,#050505 0%,#050505 44%,rgba(5,5,5,.82) 52%,rgba(8,4,6,.33) 100%),
  radial-gradient(circle at 78% 28%,rgba(255,15,143,.22),transparent 32%),#050505}
.hero-grid{grid-template-columns:.86fr 1.14fr;gap:1rem;align-items:center}
.hero-copy{padding-left:1.15rem;z-index:4}
.hero h1{max-width:690px;margin:.35rem 0 1rem}
.hero h1 .serif{font-size:clamp(3.7rem,5.6vw,6.65rem);letter-spacing:-.035em}
.hero h1 .script{font-size:clamp(4.8rem,7.7vw,8.9rem);margin-top:-.38rem;text-shadow:0 6px 24px rgba(255,15,143,.17)}
.hero .lead{font-size:clamp(1rem,1.22vw,1.25rem);max-width:610px}
.hero-media{min-height:650px;margin-right:-2.5rem}
.hero-food{height:650px;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hero-food img{object-fit:cover;object-position:55% center;filter:saturate(1.11) contrast(1.03) drop-shadow(0 26px 30px rgba(0,0,0,.52));mask-image:linear-gradient(to right,transparent 0,black 10%,black 100%),linear-gradient(to bottom,black 0,black 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-media .top-brush{right:1.5%;top:3%;font-size:clamp(2rem,2.6vw,3.3rem);padding:1.2rem 2.2rem}
.hero-media .gold-script{right:2%;bottom:7%;font-size:clamp(2.4rem,3.4vw,4.35rem)}
.hero .actions{gap:1rem}.hero .pill.big{min-width:250px}
.benefit-row{gap:1rem;margin-top:1.7rem}.benefit{font-size:1.08rem}.benefit-icon{font-size:2.25rem}

/* How to Order */
.order{padding:3rem 0 0;min-height:800px}
.center-heading h2{font-size:clamp(4.3rem,7.2vw,8.2rem);letter-spacing:-.025em}
.brush-label{font-size:clamp(1.35rem,2.05vw,2.3rem);padding:.4rem 2.6rem}
.order-stage{padding:2.15rem 0 1.3rem}
.order-chef{left:-4.3%;bottom:-6px;width:350px;height:545px;border-radius:0;object-position:48% 42%;filter:saturate(1.06) drop-shadow(0 20px 22px rgba(0,0,0,.45));mask-image:linear-gradient(to right,black 83%,transparent 100%),linear-gradient(to top,transparent 0,black 9%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.step-grid{margin-left:315px;gap:1.05rem}
.step-card{min-height:322px;padding:3.65rem 1rem 1.2rem;border-color:rgba(255,15,143,.92);border-radius:14px;box-shadow:inset 0 0 28px rgba(255,15,143,.035)}
.step-number{width:64px;height:64px;top:-31px;box-shadow:0 0 0 5px #080808}
.step-card h3{font-size:1.55rem;line-height:1.02}
.step-card p{font-size:.97rem}
.payments{width:min(860px,66%);margin:-.1rem 4% 1.1rem auto;padding:.85rem 1.1rem}
.order-ribbon{padding:.95rem max(5vw,52px);font-size:1.08rem}

/* About */
.about{padding:3.2rem 0 1.7rem;min-height:805px}
.about-grid{grid-template-columns:.9fr 1.22fr .88fr;gap:1rem}
.about-copy h2{font-size:clamp(4.75rem,7vw,8rem);letter-spacing:-.02em}
.about-copy h3{font-size:clamp(1.75rem,2.25vw,2.55rem)}
.about-copy p,.about-values p{font-size:1rem;line-height:1.46}
.about-chef-wrap{align-self:end;margin-bottom:-1.7rem}
.about-chef-wrap img{border-radius:0;box-shadow:none;max-height:600px;object-fit:cover;object-position:center 40%;filter:saturate(1.05) drop-shadow(0 24px 28px rgba(0,0,0,.48));mask-image:linear-gradient(to bottom,black 0,black 90%,transparent 100%),linear-gradient(to right,transparent 0,black 7%,black 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.about-chef-wrap .gold-note{left:0;bottom:9%;font-size:clamp(1.8rem,2.5vw,3rem)}
.about-brush{font-size:clamp(2rem,3vw,3.65rem);padding:1rem 1.4rem}
.value-icons span{font-size:2.7rem}.value-icons b{font-size:1.02rem}
.mini-gallery{margin-top:.7rem;gap:.75rem}
.mini-gallery article{min-height:215px;border-width:1.5px;border-radius:8px}
.mini-gallery img{height:130px}.mini-gallery h4{font-size:1.85rem}

/* Menu */
.menu{padding:3rem 0 3.25rem;min-height:820px}
.menu-hero-grid{grid-template-columns:.95fr 1.28fr .48fr;gap:.9rem}
.menu-heading h2{font-size:clamp(4.3rem,7vw,7.8rem)}
.menu-heading p:not(.micro){font-size:1rem}
.menu-hero-img{height:295px;border-radius:0;box-shadow:none}
.menu-hero-img img{filter:saturate(1.08);mask-image:linear-gradient(to right,transparent 0,black 7%,black 100%)}
.menu-brush{font-size:clamp(1.9rem,2.65vw,3.25rem);padding:1rem 1.2rem}
.category-grid{gap:.55rem;margin-top:.75rem}
.category-card{min-height:142px;border-radius:8px;border-width:1.5px}
.category-card img{width:60%}.category-card b{font-size:1.25rem}.category-card em{font-size:1.4rem}
.menu-highlights-head{margin:1rem auto .65rem;grid-template-columns:auto 1fr auto;gap:1.25rem}
.menu-highlights-head h3{font-size:clamp(3rem,5vw,5.25rem)}
.dish-grid{gap:.72rem}
.dish-card{border-radius:10px;border-width:1.5px}.dish-card img{height:192px}.dish-card h4{font-size:1.95rem}.dish-card p{font-size:.92rem;min-height:52px}

/* Specials */
.specials{padding:3.1rem 0 0;min-height:810px}
.specials-top{grid-template-columns:.78fr 1.5fr .45fr;gap:.8rem}
.special-copy h2 .script{font-size:clamp(4.3rem,7vw,7.4rem)}
.special-copy h2 .serif{font-size:clamp(3rem,4.8vw,4.9rem);margin-left:7.3rem}
.special-copy p:not(.micro){font-size:1rem}
.specials-hero{height:330px;border-radius:0;box-shadow:none}
.specials-hero img{mask-image:linear-gradient(to right,transparent 0,black 6%,black 100%);filter:saturate(1.08)}
.neon-note{font-size:4.7rem}.neon-note span{font-size:2.15rem}
.weekly-row{grid-template-columns:.68fr 2.32fr;gap:.9rem;margin-top:.8rem;padding-top:.85rem}
.weekly-title .script{font-size:4.55rem}.weekly-title .serif{font-size:3.25rem}
.weekly-grid{gap:.62rem}.weekly-card{border-radius:9px;border-width:1.5px}.weekly-card img{height:174px}.weekly-card h4{font-size:1.65rem}.weekly-card p{font-size:.86rem;line-height:1.3}
.special-bottom{margin-top:.7rem;padding:.8rem 3.5vw}

/* Services */
.services{padding:2.9rem 0 0;min-height:800px}
.service-intro{grid-template-columns:.68fr 1.44fr .88fr;gap:.5rem}
.service-chef{max-height:350px;transform:translateX(-1.2rem);filter:drop-shadow(0 18px 24px rgba(0,0,0,.48));mask-image:linear-gradient(to right,black 88%,transparent 100%),linear-gradient(to top,transparent 0,black 9%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.service-truck{max-height:360px;transform:translateX(2.2rem) scale(1.08);filter:drop-shadow(0 20px 20px rgba(0,0,0,.5))}
.service-intro h2{font-size:clamp(4rem,6vw,6.5rem)}
.service-intro p:not(.micro){font-size:1.05rem}
.service-grid{gap:.75rem;margin-top:.65rem}
.service-card{min-height:365px;border-width:1.5px;border-radius:10px;padding:.9rem}
.service-card img{width:67%;height:59%}.service-card>*:not(img){max-width:54%}.service-card h3{font-size:1.95rem}.service-card p,.service-card li{font-size:.92rem}.service-ribbon{margin-top:.7rem;padding:.8rem 2.5vw}

/* Food truck coming soon */
.truck-coming{padding:3rem 0 0;min-height:790px;background:
  linear-gradient(90deg,#050505 0,#070506 40%,rgba(8,3,6,.58) 65%,rgba(255,15,143,.1) 100%),
  radial-gradient(circle at 77% 38%,rgba(255,15,143,.2),transparent 34%)}
.truck-grid{grid-template-columns:.72fr 1.28fr;gap:.3rem}
.truck-copy h2 .script{font-size:clamp(4.4rem,7vw,7.8rem)}
.truck-copy h2 .white{font-size:.73em;margin-left:4rem}.truck-copy p{font-size:1rem}.truck-copy .strong{font-size:1.18rem}
.truck-visual{min-height:565px;margin-right:-2rem}.truck-visual img{transform:scale(1.08);transform-origin:center right;filter:drop-shadow(0 28px 30px rgba(0,0,0,.64))}
.truck-brush{right:1%;top:2%;font-size:clamp(2rem,2.8vw,3.35rem)}
.truck-ribbon{padding:.85rem 3.4vw;gap:.8rem}.truck-ribbon p{font-size:.9rem}.truck-ribbon b{font-size:1.08rem}

/* Contact */
.contact{padding:2.9rem 0 0;min-height:790px}
.contact-grid{grid-template-columns:.58fr 1.42fr;gap:.85rem}
.contact-chef-wrap{margin-left:-1rem}
.contact-chef-wrap img{max-height:650px;border-radius:0;object-fit:cover;object-position:center 38%;filter:saturate(1.05) drop-shadow(0 22px 28px rgba(0,0,0,.5));mask-image:linear-gradient(to right,black 88%,transparent 100%),linear-gradient(to top,transparent 0,black 8%,black 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.contact-note{left:4%;bottom:6%}.contact-main h2 .serif{font-size:clamp(3.7rem,5vw,5.8rem)}.contact-main h2 .script{font-size:clamp(3.1rem,4.4vw,4.8rem)}
.contact-main>p{font-size:1rem}.contact-columns{grid-template-columns:.72fr 1.28fr;gap:.75rem;margin-top:.85rem}
.contact-info,.contact-form{border-radius:10px}.contact-info{padding:.8rem}.contact-info>div{padding:.72rem 0}.contact-info>div>span{width:48px;height:48px}.contact-info a,.contact-info strong{font-size:1.12rem}
.contact-form{padding:.8rem}.contact-form h3{font-size:2.05rem}.form-grid input,.form-grid select,.form-grid textarea{padding:.75rem .8rem}.form-grid textarea{min-height:105px}.contact-ribbon{padding:.8rem 2.5vw}

/* Footer / CTA */
.footer-cta{padding:2.8rem 0 0}
.footer-hero{grid-template-columns:.62fr 1.18fr .8fr;gap:.5rem}
.footer-chef{max-height:365px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.48));mask-image:linear-gradient(to right,black 90%,transparent 100%)}
.footer-truck{max-height:340px;transform:scale(1.05);filter:drop-shadow(0 20px 20px rgba(0,0,0,.48))}
.footer-copy .serif{font-size:clamp(3.7rem,5.8vw,6.1rem)}.footer-copy .script{font-size:clamp(3.2rem,5.1vw,5.45rem)}
.footer-copy p:not(.micro){font-size:1rem}.footer-benefits{padding:.85rem 3.2vw}
.site-footer{gap:1rem;padding:1.55rem 0}.footer-brand img{width:205px}.site-footer h3{font-size:1.75rem}.site-footer p,.site-footer a,.faq{font-size:.91rem}.copyright{padding:.75rem 2vw}.copyright .script{font-size:1.35rem}

/* modal/admin polish */
.modal-panel{border-radius:16px;border-width:1.5px;box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,15,143,.13)}
.owner-link{border:1px solid rgba(255,196,50,.3);border-radius:999px;padding:.4rem .7rem;color:#aaa}
.owner-link:hover,.owner-link:focus-visible{color:#fff;border-color:var(--gold)}

/* Mobile keeps the concept identity rather than simply shrinking desktop */
@media(max-width:900px){
  :root{--shell:min(100% - 28px,1580px)}
  .topbar{min-height:78px}.nav-shell{min-height:78px;grid-template-columns:auto auto}.logo-link{height:78px}.logo-link img{width:96px;height:96px}
  .nav-right{grid-column:1/-1;padding:.25rem 0 .65rem}.nav-right>.pill{min-width:132px}
  .main-nav{gap:.65rem;padding:.75rem 0}.main-nav a{font-size:1.15rem;padding:.45rem 0}
  .hero{min-height:auto;padding:3rem 0 1.5rem}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:0}.hero-media{margin-right:0;min-height:auto}.hero-food{height:500px}.hero-food img{mask-image:linear-gradient(to bottom,black 0,black 92%,transparent 100%)}
  .hero-media .top-brush{position:absolute!important;right:1%!important;top:1%!important;margin:0!important}.hero-media .gold-script{bottom:4%;right:3%}
  .order{padding-top:2.5rem}.order-chef{width:min(390px,100%);max-height:520px;object-fit:cover}.step-grid{grid-template-columns:repeat(2,1fr)}.payments{width:100%;margin:0 auto 1rem}.payment-grid{grid-template-columns:repeat(3,1fr)}
  .about{padding-top:2.6rem}.about-grid{grid-template-columns:1fr}.about-chef-wrap{margin:0}.about-chef-wrap img{max-height:640px;object-fit:cover}.about-values{display:grid;grid-template-columns:1fr 1fr}.mini-gallery{grid-template-columns:repeat(2,1fr)}
  .menu-hero-grid{grid-template-columns:1fr}.menu-hero-img{height:390px}.menu-brush{justify-self:end;max-width:420px}.category-grid{grid-template-columns:repeat(2,1fr)}.dish-grid{grid-template-columns:repeat(2,1fr)}
  .specials-top{grid-template-columns:1fr}.specials-hero{height:400px}.neon-note{display:none}.weekly-row{grid-template-columns:1fr}.weekly-grid{grid-template-columns:repeat(2,1fr)}
  .service-intro{grid-template-columns:1fr}.service-chef,.service-truck{max-height:370px;transform:none}.service-grid{grid-template-columns:1fr}.service-card{min-height:355px}.service-card img{position:absolute;width:65%;height:62%;margin:0;right:0;top:0}.service-card>*:not(img){max-width:55%}
  .truck-grid{grid-template-columns:1fr}.truck-visual{margin-right:0;min-height:auto}.truck-visual img{transform:none}.truck-ribbon{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}.contact-chef-wrap{margin:0}.contact-chef-wrap img{max-height:600px;object-fit:cover}.contact-columns{grid-template-columns:1fr}.footer-hero{grid-template-columns:1fr}.footer-chef,.footer-truck{max-height:330px}.footer-benefits{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  :root{--shell:min(100% - 20px,1580px)}
  .micro{letter-spacing:.2em;font-size:.68rem}.pill.big{font-size:1.25rem;padding:.9rem 1.25rem}.actions>.pill{width:100%}
  .hero h1 .serif{font-size:3.15rem}.hero h1 .script{font-size:4rem}.hero-food{height:360px}.hero-media .top-brush{font-size:1.75rem;max-width:180px;padding:.85rem 1rem}.hero-media .gold-script{font-size:2.35rem}
  .benefit-row{grid-template-columns:1fr}.benefit{font-size:1.05rem}.benefit+.benefit{border-left:0;padding-left:0}
  .center-heading h2{font-size:3.8rem}.brush-label{font-size:1.25rem;padding:.35rem 1rem}.step-grid{grid-template-columns:1fr}.step-card{min-height:auto}.payment-grid{grid-template-columns:1fr}.order-ribbon{grid-template-columns:1fr 1fr;font-size:.95rem}
  .about-copy h2{font-size:4.25rem}.about-copy h3{font-size:1.65rem}.about-values{grid-template-columns:1fr}.mini-gallery{grid-template-columns:1fr 1fr}.mini-gallery img{height:145px}
  .menu-heading h2{font-size:4.1rem}.menu-hero-img{height:300px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:130px}.category-card:last-child{grid-column:1/-1}.menu-highlights-head{grid-template-columns:1fr}.dish-grid{grid-template-columns:1fr}
  .special-copy h2 .script{font-size:4.35rem}.special-copy h2 .serif{font-size:3.25rem;margin-left:4.25rem}.specials-hero{height:300px}.weekly-grid{grid-template-columns:1fr}
  .service-card{min-height:auto;padding:0 0 1rem}.service-card img{position:relative;width:100%;height:225px}.service-card:after{background:linear-gradient(0deg,#080808 0 38%,transparent 70%)}.service-card>*:not(img){max-width:none;margin-left:1rem;margin-right:1rem}.service-icon{margin-top:-2.1rem}.service-card .pill{width:calc(100% - 2rem)}
  .truck-copy h2 .script{font-size:4.4rem}.truck-copy h2 .white{margin-left:1.6rem}.truck-ribbon{grid-template-columns:1fr}.truck-ribbon div{border-right:0;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.75rem}
  .contact-main h2 .serif{font-size:3.3rem}.contact-main h2 .script{font-size:2.8rem}.contact-chef-wrap img{max-height:480px}.contact-ribbon>*{width:100%;text-align:center}.contact-ribbon>span:not(.script){border-right:0;padding-right:0}
  .footer-copy .serif{font-size:3.15rem}.footer-copy .script{font-size:3rem}.footer-benefits{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer>div{border-right:0;border-bottom:1px solid rgba(255,196,50,.25);padding-bottom:1rem}.copyright{justify-content:center;text-align:center}
  .full-menu{grid-template-columns:1fr}.item-form{grid-template-columns:1fr}
}

/* ==========================================================
   V7 MOBILE FIT PASS
   Rebuild the phone layout rather than shrinking desktop.
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
.section,.shell,.nav-shell,.hero-grid,.about-grid,.menu-hero-grid,.specials-top,.weekly-row,.service-intro,.truck-grid,.contact-grid,.footer-hero,.contact-columns{min-width:0}
.section *{min-width:0}
img,svg,video,canvas{max-width:100%}
h1,h2,h3,h4,p,a,button,span,strong,b,em{overflow-wrap:anywhere}

@media(max-width:900px){
  :root{--shell:calc(100% - 28px)}

  /* compact one-row mobile header */
  .topbar{min-height:74px}
  .nav-shell{position:relative;grid-template-columns:auto 1fr auto;grid-template-rows:74px auto;gap:.45rem .6rem;min-height:74px;align-items:center}
  .logo-link{grid-column:1;grid-row:1;height:74px;align-items:center}
  .logo-link img{width:78px;height:78px;margin:0;transform:none}
  .nav-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;padding:.45rem}
  .nav-toggle span{width:25px;height:2px;margin:5px 0}
  .nav-right{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;padding:0;gap:.45rem}
  .nav-right .social-row{display:none}
  .nav-right>.pill{min-width:102px;min-height:40px;padding:.52rem .72rem;font-size:1rem;gap:.35rem}
  .main-nav{display:none;grid-column:1/-1;grid-row:2;gap:0;padding:.35rem 0 .75rem;border-top:1px solid rgba(255,255,255,.1);background:#000}
  .main-nav.open{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .main-nav a{font-size:1.05rem;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.07)}
  .main-nav a:after{display:none}

  /* universal section spacing */
  .hero,.order,.about,.menu,.specials,.services,.truck-coming,.contact,.footer-cta{min-height:0;padding-left:0;padding-right:0}
  .hero-grid,.about-grid,.menu-hero-grid,.specials-top,.service-intro,.truck-grid,.contact-grid,.footer-hero{grid-template-columns:1fr;gap:1.1rem}

  /* hero */
  .hero{padding:2.1rem 0 1.5rem}
  .hero-copy{padding:0;text-align:left}
  .hero h1{max-width:100%;margin:.25rem 0 .8rem}
  .hero h1 .serif{font-size:clamp(2.55rem,9vw,4.2rem);line-height:.94}
  .hero h1 .script{font-size:clamp(3.35rem,12.5vw,5.5rem);line-height:.86;margin-top:-.12rem}
  .hero .lead{font-size:1rem;line-height:1.5;max-width:none}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}
  .hero .pill.big{min-width:0;width:100%;padding:.8rem .7rem;font-size:1.12rem;white-space:normal;text-align:center}
  .benefit-row{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:1.25rem}
  .benefit{border:1px solid rgba(255,196,50,.25);border-radius:10px;padding:.7rem .8rem;background:rgba(255,255,255,.025)}
  .benefit+.benefit{border-left:1px solid rgba(255,196,50,.25);padding-left:.8rem}
  .hero-media{min-height:0;margin:0;display:grid;gap:.4rem}
  .hero-media .top-brush{position:relative!important;inset:auto!important;justify-self:end;margin:0 0 -.5rem!important;max-width:190px;font-size:1.55rem;padding:.7rem .85rem;z-index:2}
  .hero-food{height:clamp(260px,72vw,390px);border-radius:20px;overflow:hidden}
  .hero-food img{mask-image:none!important;-webkit-mask-image:none!important;object-position:center 50%;width:100%;height:100%;object-fit:cover}
  .hero-media .gold-script{font-size:clamp(1.8rem,8vw,2.7rem);right:4%;bottom:3%}

  /* how to order */
  .order{padding:2.3rem 0 0}
  .center-heading h2{font-size:clamp(3rem,12vw,5.3rem);line-height:.9}
  .brush-label{font-size:1.05rem;line-height:1.1;padding:.45rem .8rem;max-width:96%;margin:.25rem auto 0}
  .order-stage{padding:1.4rem 0 .9rem}
  .order-chef{position:relative;left:auto;bottom:auto;width:min(320px,100%);height:auto;max-height:430px;object-fit:cover;object-position:center 25%;margin:0 auto 1.4rem;mask-image:none!important;-webkit-mask-image:none!important;border-radius:18px}
  .step-grid{margin:0;grid-template-columns:1fr;gap:2.25rem}
  .step-card{min-height:0;padding:2.7rem 1rem 1.1rem;border-radius:14px}
  .step-card:after{display:none}
  .step-number{width:56px;height:56px;top:-28px;font-size:1.65rem}
  .step-icon{font-size:2.75rem}
  .step-card h3{font-size:1.35rem}
  .step-card p{font-size:.95rem;margin-bottom:0}
  .payments{width:100%;margin:.8rem auto 1rem;padding:.8rem}
  .payments-title{font-size:.8rem;letter-spacing:.08em;gap:.45rem;text-align:center}
  .payments-title span{display:none}
  .payment-grid{grid-template-columns:1fr;gap:.6rem}
  .payment{padding:.7rem .8rem}
  .order-ribbon{grid-template-columns:1fr;padding:.8rem 14px;font-size:.95rem;gap:.55rem;text-align:center}
  .order-ribbon span{padding:.45rem;border-bottom:1px solid rgba(255,255,255,.22)}

  /* about */
  .about{padding:2.4rem 0 1.4rem}
  .about-copy h2{font-size:clamp(3.3rem,14vw,5rem)}
  .about-copy h3{font-size:1.45rem;line-height:1.1}
  .about-copy h3 .script{font-size:1.28em;margin-top:.2rem}
  .about-copy p,.about-values p{font-size:.98rem}
  .about-copy .actions{display:grid;grid-template-columns:1fr;gap:.6rem}
  .about-copy .actions .pill{width:100%}
  .about-chef-wrap{margin:0;align-self:auto}
  .about-chef-wrap img{width:100%;max-height:470px;object-fit:cover;object-position:center 35%;mask-image:none!important;-webkit-mask-image:none!important;border-radius:18px}
  .about-chef-wrap .gold-note{left:4%;bottom:4%;font-size:2rem}
  .about-values{display:block}
  .about-brush{font-size:clamp(1.8rem,9vw,2.8rem);margin:0 0 1rem;padding:.75rem 1rem}
  .value-icons{grid-template-columns:1fr;gap:.55rem}
  .value-icons div{display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;gap:.7rem;border:1px solid rgba(255,196,50,.25);border-radius:10px;padding:.6rem .7rem}
  .value-icons span{font-size:2rem}
  .mini-gallery{grid-template-columns:1fr;gap:.75rem;margin-top:1rem}
  .mini-gallery article{min-height:0}
  .mini-gallery img{height:190px}

  /* menu */
  .menu{padding:2.3rem 0 2.5rem}
  .menu-heading h2{font-size:clamp(3.3rem,14vw,5.1rem)}
  .menu-heading p:not(.micro){font-size:.98rem}
  .menu-hero-img{height:clamp(230px,65vw,340px);border-radius:18px;overflow:hidden}
  .menu-hero-img img{mask-image:none!important;-webkit-mask-image:none!important;object-position:center}
  .menu-brush{justify-self:end;max-width:230px;font-size:1.65rem;padding:.8rem 1rem;margin-top:-.25rem}
  .category-grid{grid-template-columns:1fr;gap:.65rem}
  .category-card{min-height:125px}
  .category-card img{width:55%}
  .category-card span{font-size:2rem}
  .category-card b{font-size:1.25rem}
  .category-card em{font-size:1.35rem}
  .category-card:last-child{grid-column:auto}
  .menu-highlights-head{grid-template-columns:1fr;gap:.7rem;margin:1rem auto}
  .menu-highlights-head h3{font-size:clamp(2.7rem,12vw,4.2rem)}
  .menu-highlights-head .pill{width:100%}
  .dish-grid{grid-template-columns:1fr;gap:.75rem}
  .dish-card img{height:210px}
  .dish-card p{min-height:0}

  /* specials */
  .specials{padding:2.4rem 0 0}
  .special-copy h2 .script{font-size:clamp(3.4rem,14vw,5rem)}
  .special-copy h2 .serif{font-size:clamp(2.7rem,11vw,4rem);margin:0 0 0 1rem}
  .special-copy p:not(.micro){font-size:.98rem}
  .specials-hero{height:clamp(230px,66vw,340px);border-radius:18px;overflow:hidden}
  .specials-hero img{mask-image:none!important;-webkit-mask-image:none!important;object-position:center}
  .neon-note{display:none}
  .weekly-row{grid-template-columns:1fr;gap:.7rem;margin-top:1rem;padding-top:1rem}
  .weekly-title .script{font-size:3.5rem}
  .weekly-title .serif{font-size:2.55rem;margin-left:.8rem}
  .weekly-grid{grid-template-columns:1fr;gap:.75rem}
  .weekly-card img{height:210px}
  .special-bottom{display:grid;grid-template-columns:1fr;gap:.55rem;padding:.85rem 14px;text-align:center}
  .special-bottom span{border-right:0;border-bottom:1px solid rgba(255,196,50,.25);padding:0 0 .5rem}
  .special-bottom .pill{width:100%}

  /* services */
  .services{padding:2.4rem 0 0}
  .service-intro{text-align:center}
  .service-intro h2{font-size:clamp(3.1rem,13vw,4.8rem)}
  .service-chef,.service-truck{width:100%;max-height:270px;transform:none;object-fit:contain;mask-image:none!important;-webkit-mask-image:none!important}
  .service-grid{grid-template-columns:1fr;gap:.75rem}
  .service-card{min-height:0;padding:0 0 1rem}
  .service-card img{position:relative;width:100%;height:220px;margin:0;right:auto;top:auto;object-fit:cover}
  .service-card:after{display:none}
  .service-card>*:not(img){max-width:none;margin-left:1rem;margin-right:1rem}
  .service-icon{margin-top:-1.7rem;font-size:2.5rem}
  .service-card h3{font-size:1.85rem}
  .service-card .pill{width:calc(100% - 2rem)}
  .service-ribbon{display:grid;grid-template-columns:1fr;gap:.55rem;padding:.8rem 14px;text-align:center}
  .service-ribbon>span{border-right:0;border-bottom:1px solid rgba(255,196,50,.25);padding:0 0 .45rem}
  .service-ribbon .pill{width:100%}

  /* food truck */
  .truck-coming{padding:2.4rem 0 0}
  .truck-copy h2{margin:.35rem 0 .7rem}
  .truck-copy h2 .script{font-size:clamp(3.4rem,14vw,5.2rem)}
  .truck-copy h2 .white{font-size:.78em;margin-left:0}
  .truck-copy p,.truck-copy .strong{font-size:.98rem;line-height:1.5}
  .truck-copy .actions{display:grid;grid-template-columns:1fr;gap:.6rem}
  .truck-copy .actions .pill{width:100%;white-space:normal;text-align:center}
  .truck-visual{min-height:0;margin:0;display:grid}
  .truck-visual img{width:100%;transform:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))}
  .truck-brush{position:relative!important;inset:auto!important;justify-self:end;max-width:225px;font-size:1.65rem;padding:.75rem 1rem;margin:0 0 -.3rem!important}
  .truck-ribbon{grid-template-columns:1fr;padding:.75rem 14px}
  .truck-ribbon div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:.55rem 0}

  /* contact */
  .contact{padding:2.4rem 0 0}
  .contact-chef-wrap{margin:0}
  .contact-chef-wrap img{width:100%;max-height:430px;object-fit:cover;object-position:center 28%;mask-image:none!important;-webkit-mask-image:none!important;border-radius:18px}
  .contact-note{left:4%;bottom:4%;font-size:1.8rem}
  .contact-main h2 .serif{font-size:clamp(2.7rem,11vw,4rem)}
  .contact-main h2 .script{font-size:clamp(2.35rem,10vw,3.6rem);line-height:.94;margin-top:.1rem}
  .contact-main>p{font-size:.98rem}
  .contact-columns{grid-template-columns:1fr;gap:.75rem}
  .contact-info,.contact-form{padding:.85rem;border-radius:12px}
  .contact-info>div{grid-template-columns:44px 1fr;gap:.7rem;padding:.7rem 0}
  .contact-info>div>span{width:44px;height:44px;font-size:1.2rem}
  .contact-info a,.contact-info strong{font-size:1.03rem}
  .contact-form h3{font-size:1.75rem}
  .form-grid{grid-template-columns:1fr}
  .message-field{grid-row:auto;grid-column:auto}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:16px;padding:.78rem}
  .contact-ribbon{display:grid;grid-template-columns:1fr;gap:.55rem;padding:.8rem 14px;text-align:center}
  .contact-ribbon>*{width:100%}
  .contact-ribbon>span:not(.script){border-right:0;border-bottom:1px solid rgba(255,196,50,.25);padding:0 0 .45rem}

  /* footer */
  .footer-cta{padding:2.3rem 0 0}
  .footer-hero{grid-template-columns:1fr;gap:.8rem;text-align:center}
  .footer-copy{order:1}
  .footer-chef{order:2;max-height:250px;margin:auto;mask-image:none!important;-webkit-mask-image:none!important}
  .footer-truck{order:3;max-height:230px;margin:auto;transform:none}
  .footer-copy .serif{font-size:clamp(2.7rem,11vw,4rem)}
  .footer-copy .script{font-size:clamp(2.4rem,10vw,3.6rem);line-height:.93}
  .footer-copy .actions{display:grid;grid-template-columns:1fr;gap:.55rem}
  .footer-copy .actions .pill{width:100%}
  .footer-benefits{grid-template-columns:1fr;gap:.55rem;padding:.8rem 14px}
  .footer-benefits div{border-bottom:1px solid rgba(255,255,255,.12);padding:.45rem 0}
  .site-footer{grid-template-columns:1fr;gap:.8rem;padding:1.2rem 0}
  .site-footer>div{border-right:0;border-bottom:1px solid rgba(255,196,50,.25);padding:.8rem 0}
  .footer-brand img{width:180px}
  .copyright{display:grid;grid-template-columns:1fr;gap:.6rem;justify-items:center;text-align:center;padding:.9rem 14px}

  /* dialogs/admin */
  .modal-panel,.wide-panel,.admin-panel{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:8px;padding:1rem .8rem 1.15rem;border-radius:14px}
  .modal-panel h2{font-size:clamp(2rem,9vw,2.8rem);padding-right:2.2rem}
  .x{position:sticky;float:right;top:0;z-index:5;background:#111;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;padding:0}
  .full-menu{grid-template-columns:1fr}
  .menu-group{padding:.8rem;border-radius:12px}
  .menu-row{grid-template-columns:1fr auto;gap:.5rem}
  .pin-form{display:grid;grid-template-columns:1fr;gap:.6rem}
  .pin-form input{min-width:0;width:100%;font-size:16px}
  .pin-form .pill{width:100%}
  .item-form{grid-template-columns:1fr;gap:.6rem}
  .item-form textarea{grid-column:auto;min-height:100px}
  .item-form .pill{width:100%}
  .edit-row{grid-template-columns:1fr;gap:.55rem}
  .edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
  .mini{width:100%}
}

@media(max-width:430px){
  :root{--shell:calc(100% - 20px)}
  .nav-right>.pill{min-width:92px;padding:.48rem .58rem;font-size:.92rem}
  .logo-link img{width:70px;height:70px}
  .hero .actions{grid-template-columns:1fr}
  .hero h1 .serif{font-size:clamp(2.25rem,10.5vw,2.95rem)}
  .hero h1 .script{font-size:clamp(3rem,14vw,4rem)}
  .micro{font-size:.63rem;letter-spacing:.12em;line-height:1.45}
  .hero-food{height:280px}
  .center-heading h2{font-size:3.15rem}
  .about-copy h2,.menu-heading h2{font-size:3.45rem}
  .special-copy h2 .script{font-size:3.55rem}.special-copy h2 .serif{font-size:2.8rem}
  .truck-copy h2 .script{font-size:3.65rem}
  .contact-main h2 .serif{font-size:2.85rem}.contact-main h2 .script{font-size:2.45rem}
  .footer-copy .serif{font-size:2.8rem}.footer-copy .script{font-size:2.55rem}
  .pill{font-size:1.05rem;min-height:44px;padding:.7rem .85rem}
}

@media(max-width:340px){
  :root{--shell:calc(100% - 16px)}
  .nav-right>.pill{min-width:82px;font-size:.85rem;padding:.42rem .5rem}
  .hero h1 .serif{font-size:2.08rem}.hero h1 .script{font-size:2.75rem}
  .center-heading h2{font-size:2.85rem}
  .about-copy h2,.menu-heading h2{font-size:3.1rem}
  .category-card{min-height:115px}
  .modal-panel,.wide-panel,.admin-panel{width:calc(100vw - 10px);margin:5px;padding:.85rem .65rem}
}

/* ==========================================================
   V8 — REAL LADY VO PORTRAIT INTEGRATION
   Uses the client's transparent portrait only in the strategic
   About, Contact and footer CTA placements. The illustrated
   chef remains in How to Order and Services as a brand mascot.
   ========================================================== */

.about-chef-wrap,
.contact-chef-wrap,
.footer-hero {
  isolation:isolate;
}

.about-chef-wrap img[src$="lady-vo-real.png"] {
  width:100%;
  max-height:650px;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.58));
  mask-image:none;
  -webkit-mask-image:none;
}

.about-chef-wrap:has(img[src$="lady-vo-real.png"])::before {
  content:"";
  position:absolute;
  inset:13% 4% 3%;
  z-index:-1;
  background:
    radial-gradient(circle at 55% 36%,rgba(255,15,143,.22),transparent 37%),
    radial-gradient(circle at 42% 70%,rgba(255,196,50,.10),transparent 38%);
  filter:blur(10px);
}

.contact-chef-wrap img[src$="lady-vo-real.png"] {
  width:100%;
  max-height:660px;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.58));
  mask-image:none;
  -webkit-mask-image:none;
}

.contact-chef-wrap:has(img[src$="lady-vo-real.png"])::after {
  content:"";
  position:absolute;
  left:-8%;
  right:-3%;
  bottom:0;
  height:42%;
  z-index:-1;
  background:linear-gradient(16deg,rgba(255,196,50,.18),rgba(255,15,143,.10) 45%,transparent 75%);
  clip-path:polygon(0 35%,100% 0,92% 100%,4% 100%);
}

.footer-chef[src$="lady-vo-real.png"] {
  width:100%;
  max-height:390px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.58));
  mask-image:none;
  -webkit-mask-image:none;
}

/* keep the real portrait visually secondary to the menu/CTA in footer */
.footer-hero:has(.footer-chef[src$="lady-vo-real.png"]) {
  grid-template-columns:.62fr 1.2fr .82fr;
}

@media (max-width:1200px) {
  .about-chef-wrap img[src$="lady-vo-real.png"] {max-height:560px;}
  .contact-chef-wrap img[src$="lady-vo-real.png"] {max-height:560px;}
  .footer-chef[src$="lady-vo-real.png"] {max-height:310px;}
}

@media (max-width:760px) {
  .about-chef-wrap img[src$="lady-vo-real.png"] {
    max-height:510px;
    object-fit:contain;
    object-position:center bottom;
    border-radius:0;
  }
  .about-chef-wrap .gold-note {
    left:5%;
    bottom:3%;
    font-size:1.9rem;
  }
  .contact-chef-wrap img[src$="lady-vo-real.png"] {
    max-height:500px;
    object-fit:contain;
    object-position:center bottom;
    border-radius:0;
  }
  .contact-note {
    left:4%;
    bottom:3%;
  }
  .footer-chef[src$="lady-vo-real.png"] {
    max-height:270px;
    object-fit:contain;
    margin:0 auto;
  }
}

@media (max-width:430px) {
  .about-chef-wrap img[src$="lady-vo-real.png"] {max-height:455px;}
  .contact-chef-wrap img[src$="lady-vo-real.png"] {max-height:440px;}
  .footer-chef[src$="lady-vo-real.png"] {max-height:230px;}
}

/* ==========================================================
   V9 CLIENT REVIEW PASS
   - Lady Vo real portrait brand lockup
   - no desserts / beverages
   - stronger responsive text fitting
   - client-facing seasonal/flyer content
   - expanded browser-local management portal
   ========================================================== */

/* real-owner brand mark: uses exact supplied portrait, no AI face substitution */
.logo-link.brand-lockup{display:flex;align-items:center;gap:.72rem;align-self:center;min-width:240px;height:auto}
.brand-photo{position:relative;display:block;width:74px;height:74px;flex:0 0 74px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);background:radial-gradient(circle at 50% 38%,#251019,#050505 72%);box-shadow:0 0 0 3px rgba(255,15,143,.72),0 0 24px rgba(255,15,143,.3)}
.brand-photo img{position:absolute!important;width:150%!important;max-width:none!important;height:auto!important;left:50%;top:-9%;transform:translateX(-50%);object-fit:contain!important;filter:none!important;margin:0!important}
.brand-words{display:grid;line-height:.86;white-space:nowrap}
.brand-words strong{font-family:'Yellowtail',cursive;color:var(--pink);font-size:2.1rem;font-weight:400;text-shadow:0 0 12px rgba(255,15,143,.22)}
.brand-words small{font-family:'Bebas Neue',sans-serif;color:#fff;letter-spacing:.08em;font-size:1rem}

/* three intentional menu categories only */
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}
.category-card:last-child{grid-column:auto}

/* seasonal / flyers public content */
.seasonal{padding:4rem 0;background:radial-gradient(circle at 78% 42%,rgba(255,15,143,.14),transparent 30%),linear-gradient(120deg,#050505,#0b0809)}
.seasonal-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center}
.seasonal-copy h2{margin:.2rem 0 1rem;line-height:.9}.seasonal-copy h2 .serif{font-size:clamp(3.2rem,5vw,5.6rem)}.seasonal-copy h2 .script{font-size:clamp(3.6rem,5.6vw,6.2rem)}
.seasonal-copy>p:not(.micro){color:#eee;line-height:1.58;max-width:640px}
.seasonal-card{min-height:370px;border:1px solid rgba(255,196,50,.5);border-radius:22px;background:linear-gradient(145deg,#0d0d0f,#060606);box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}
.seasonal-placeholder{text-align:center;padding:2.2rem;max-width:600px}.seasonal-icon{font-size:4.8rem;color:var(--pink)}.seasonal-placeholder h3{font-family:'Playfair Display',serif;font-size:2rem;margin:.3rem 0}.seasonal-placeholder p{color:#ddd;line-height:1.5}
.promo-chip{display:inline-flex;align-items:center;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-family:'Bebas Neue',sans-serif;letter-spacing:.12em;padding:.35rem .65rem;font-size:.85rem}
.promo-live{width:100%;display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:stretch}.promo-flyer{width:100%;height:100%;min-height:370px;object-fit:cover}.promo-flyer-placeholder{min-height:370px;display:grid;place-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(255,15,143,.14),rgba(255,196,50,.08));color:#ddd}.promo-live-copy{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.promo-live-copy h3{font-family:'Playfair Display',serif;font-size:clamp(2rem,3vw,3.6rem);margin:.65rem 0}.promo-live-copy p{color:#eee;line-height:1.5}.promo-live-copy small{color:var(--gold);margin:.2rem 0 1rem}

/* expanded management portal */
.admin-panel{width:min(1180px,calc(100vw - 28px));max-height:min(92dvh,980px);overflow:auto}
.admin-panel h2{margin:.15rem 0 .25rem;font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.6rem)}.admin-intro{max-width:850px;color:#ccc;line-height:1.45;margin:.4rem 0 1rem}
.admin-notice{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;margin:1rem 0;padding:.85rem 1rem;border:1px solid rgba(255,196,50,.38);border-radius:12px;background:rgba(255,196,50,.06);color:#ddd}.admin-notice strong{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding:.4rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.12)}.admin-tab{border:1px solid rgba(255,255,255,.22);background:#101012;color:#ddd;border-radius:999px;padding:.65rem .9rem;font-weight:700}.admin-tab.active{background:var(--pink);border-color:var(--pink);color:#fff}
.admin-pane{display:none;padding-top:1rem}.admin-pane.active{display:block}.admin-pane-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.5rem}.admin-pane-heading h3{margin:0;font-family:'Playfair Display',serif;font-size:1.8rem}.admin-pane-heading p{margin:.2rem 0;color:#bbb}
.item-form,.promo-form,.business-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.item-form input,.item-form select,.item-form textarea,.promo-form input,.business-form input{width:100%;background:#111;border:1px solid #777;color:#fff;border-radius:9px;padding:.8rem}.item-form textarea{grid-column:1/-1;min-height:90px}.promo-form label,.business-form label{display:grid;gap:.35rem;color:#ddd;font-weight:600}.promo-form .check{grid-column:1/-1}.promo-upload{padding:.75rem;border:1px dashed rgba(255,196,50,.58);border-radius:10px;background:rgba(255,196,50,.04)}
.promo-admin-preview{margin-top:1rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1rem}.admin-promo-card{grid-template-columns:minmax(180px,.55fr) 1fr;border:1px solid rgba(255,15,143,.3);border-radius:14px;overflow:hidden}.admin-promo-card .promo-flyer,.admin-promo-card .promo-flyer-placeholder{min-height:260px}.admin-promo-card .promo-live-copy{padding:1.25rem}.admin-promo-card .pill{display:none}
.empty-admin{color:#aaa;border:1px dashed rgba(255,255,255,.18);border-radius:10px;padding:1rem;text-align:center}
.footer-owner-mark{display:flex;align-items:center;gap:.8rem;margin-bottom:.85rem}.footer-owner-mark .brand-photo{width:92px;height:92px;flex-basis:92px}.footer-owner-mark strong{display:block;font-family:'Yellowtail',cursive;color:var(--pink);font-size:2.4rem;font-weight:400;line-height:.9}.footer-owner-mark small{font-family:'Bebas Neue',sans-serif;letter-spacing:.08em;color:#fff;font-size:1.05rem}.footer-note{color:#bbb!important;max-width:260px}

/* prevent bunched/cut text at all widths */
.hero h1,.center-heading h2,.about-copy h2,.about-copy h3,.menu-heading h2,.special-copy h2,.weekly-title h3,.service-intro h2,.truck-copy h2,.contact-main h2,.footer-copy h2,.seasonal-copy h2{max-width:100%;overflow:visible}
.hero h1 span,.contact-main h2 span,.footer-copy h2 span,.truck-copy h2 span,.special-copy h2 span,.weekly-title h3 span{display:block;white-space:normal;overflow-wrap:normal;word-break:normal}
.step-card h3,.service-card h3,.weekly-card h4,.dish-card h4,.category-card b{overflow-wrap:normal;word-break:normal;hyphens:none}
.pill{white-space:normal;text-align:center;line-height:1.05}

@media(max-width:1200px){
  .logo-link.brand-lockup{min-width:215px}.brand-photo{width:64px;height:64px;flex-basis:64px}.brand-words strong{font-size:1.8rem}.brand-words small{font-size:.9rem}
  .seasonal-shell{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .nav-shell{grid-template-columns:1fr auto!important;gap:.75rem!important}.logo-link.brand-lockup{height:auto!important;min-width:0;justify-self:start}.brand-photo{width:58px;height:58px;flex-basis:58px}.brand-words strong{font-size:1.65rem}.brand-words small{font-size:.82rem}.nav-toggle{justify-self:end}
  .nav-right{grid-column:1/-1}.main-nav{grid-column:1/-1}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .seasonal-shell{grid-template-columns:1fr}.seasonal-card{min-height:320px}.promo-live{grid-template-columns:minmax(200px,.7fr) 1fr}
}

@media(max-width:640px){
  :root{--shell:calc(100% - 24px)}
  .topbar{position:sticky}.nav-shell{min-height:72px!important}.brand-photo{width:52px;height:52px;flex-basis:52px;border-width:2px}.brand-words strong{font-size:1.48rem}.brand-words small{font-size:.72rem;letter-spacing:.06em}.nav-right{gap:.5rem}.nav-right .social-row{display:none}.nav-right>.pill{width:100%;min-width:0}
  .hero{padding-top:2rem}.hero h1 .serif{font-size:clamp(2.7rem,12.5vw,3.5rem)!important;line-height:.94}.hero h1 .script{font-size:clamp(3.2rem,15vw,4.25rem)!important;line-height:.88;margin-top:.1rem}.lead{font-size:1rem;line-height:1.55}
  .center-heading h2{font-size:clamp(3.1rem,15vw,4.1rem)!important}.brush-label{max-width:100%;line-height:1.05}
  .step-card{padding:3.35rem .9rem 1.15rem}.step-card h3{font-size:1.28rem}.payments-title{font-size:.78rem;letter-spacing:.09em}.payments-title span{width:36px}.payment{grid-template-columns:auto 1fr}.payment b{font-size:1.1rem}
  .about-copy h2,.menu-heading h2{font-size:clamp(3.3rem,16vw,4.35rem)!important}.about-copy h3{font-size:1.5rem!important;line-height:1.12}.about-copy h3 .script{font-size:1.32em}.about-copy p,.about-values p{font-size:.98rem}
  .category-grid{grid-template-columns:1fr!important}.category-card{min-height:150px!important}.category-card:last-child{grid-column:auto!important}
  .special-copy h2 .script{font-size:clamp(3.25rem,16vw,4.25rem)!important}.special-copy h2 .serif{font-size:clamp(2.35rem,11vw,3.15rem)!important;margin:0!important}.weekly-title .script{font-size:clamp(3rem,15vw,3.75rem)!important}.weekly-title .serif{font-size:clamp(2.2rem,10vw,2.75rem)!important;margin:0!important}
  .service-intro h2{font-size:clamp(3rem,14vw,4rem)!important}.service-card h3{font-size:1.75rem!important}.service-card p,.service-card li{font-size:.94rem!important}
  .truck-copy h2 .script{font-size:clamp(3.3rem,15vw,4.4rem)!important}.truck-copy h2 .white{margin-left:0!important;font-size:.82em!important}.truck-copy p{font-size:.98rem!important}
  .contact-main h2 .serif{font-size:clamp(2.7rem,12vw,3.5rem)!important}.contact-main h2 .script{font-size:clamp(2.55rem,11.5vw,3.3rem)!important}.contact-main>p{font-size:.98rem}.contact-info a,.contact-info strong{font-size:1rem!important}
  .footer-copy .serif{font-size:clamp(2.6rem,12vw,3.3rem)!important}.footer-copy .script{font-size:clamp(2.6rem,12vw,3.4rem)!important}.site-footer h3{font-size:1.55rem!important}.copyright .script{font-size:1.15rem!important}
  .seasonal{padding:3rem 0}.seasonal-copy h2 .serif{font-size:clamp(2.8rem,13vw,3.7rem)}.seasonal-copy h2 .script{font-size:clamp(3rem,14vw,4rem)}.promo-live{grid-template-columns:1fr}.promo-flyer,.promo-flyer-placeholder{min-height:280px;max-height:480px}.promo-live-copy{padding:1.25rem}.promo-live-copy .pill{width:100%}
  .admin-panel{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;margin:6px!important;padding:1rem .75rem!important}.admin-notice{grid-template-columns:1fr}.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-tab{width:100%;font-size:.9rem}.item-form,.promo-form,.business-form{grid-template-columns:1fr}.item-form textarea,.promo-form .check{grid-column:auto}.edit-row{grid-template-columns:1fr}.edit-actions{justify-content:flex-start}.admin-promo-card{grid-template-columns:1fr}.admin-promo-card .promo-flyer,.admin-promo-card .promo-flyer-placeholder{min-height:220px;max-height:320px}
}

@media(max-width:390px){
  :root{--shell:calc(100% - 18px)}
  .brand-photo{width:48px;height:48px;flex-basis:48px}.brand-words strong{font-size:1.3rem}.brand-words small{font-size:.66rem}.nav-toggle span{width:25px}
  .hero h1 .serif{font-size:2.65rem!important}.hero h1 .script{font-size:3.2rem!important}.micro{font-size:.62rem!important;letter-spacing:.14em!important}.pill{font-size:1.05rem!important;padding:.78rem .9rem!important;min-height:44px}
  .about-copy h2,.menu-heading h2{font-size:3.25rem!important}.contact-main h2 .serif{font-size:2.55rem!important}.contact-main h2 .script{font-size:2.45rem!important}.footer-copy .serif{font-size:2.5rem!important}.footer-copy .script{font-size:2.5rem!important}
  .admin-tabs{grid-template-columns:1fr}.admin-pane-heading h3{font-size:1.5rem}
}

@media(max-width:340px){
  .brand-words strong{font-size:1.16rem}.brand-words small{font-size:.6rem}.brand-photo{width:44px;height:44px;flex-basis:44px}
  .hero h1 .serif{font-size:2.35rem!important}.hero h1 .script{font-size:2.82rem!important}.center-heading h2{font-size:2.9rem!important}.about-copy h2,.menu-heading h2{font-size:2.95rem!important}.contact-main h2 .serif{font-size:2.3rem!important}.contact-main h2 .script{font-size:2.22rem!important}
}

/* =========================================================
   V10 — order management + visual correction pass
   ========================================================= */
:root{--v10-card:#0c0c0f;--v10-card2:#121216;--success:#42d982;--danger:#ff5b72;--info:#64b5ff}

/* safer brush geometry: text always sits inside a generous safe area */
.pink-brush{padding:1.55rem 2.35rem 1.7rem;clip-path:polygon(1% 9%,99% 0,98% 91%,3% 100%,0 77%);line-height:1.02;overflow:visible;max-width:100%}
.about-brush{width:min(100%,460px);font-size:clamp(1.9rem,2.7vw,3.35rem);transform:rotate(-3deg)}
.about-values{min-width:0}.about-values .pink-brush{overflow-wrap:normal;word-break:normal}
.about-chef-wrap .gold-note,.contact-chef-wrap .gold-note{display:none!important}

/* food truck wording and truck are separate rows, never layered */
.truck-visual{display:grid!important;grid-template-rows:auto auto;align-items:start!important;min-height:0!important;overflow:visible;margin-right:0!important;gap:.7rem}
.truck-brush{position:relative!important;inset:auto!important;justify-self:end;z-index:1!important;width:min(520px,88%);margin:0 1rem 0 0!important;padding:1.5rem 2rem 1.65rem!important;font-size:clamp(1.9rem,2.6vw,3.2rem)!important;transform:rotate(-3deg)!important}
.truck-visual img{grid-row:2;width:100%!important;transform:none!important;margin:0!important;position:relative;z-index:0}

/* public order builder */
.place-order{padding:4.5rem 0;background:radial-gradient(circle at 18% 15%,rgba(255,15,143,.16),transparent 28%),radial-gradient(circle at 82% 70%,rgba(255,196,50,.08),transparent 22%),#050505;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.order-builder-head{max-width:980px;margin:0 auto 2rem;text-align:center}.order-builder-head h2{margin:.2rem 0 .7rem;font-size:clamp(3.2rem,6vw,6rem)}.order-builder-head p{color:#e8e8e8;line-height:1.55}.order-process-note{display:grid;gap:.25rem;max-width:850px;margin:1rem auto 0;border:1px solid rgba(255,196,50,.5);border-radius:14px;padding:.85rem 1rem;background:rgba(255,196,50,.06)}.order-process-note strong{color:var(--gold)}.order-process-note span{color:#ddd}
.order-builder-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:1.25rem;align-items:start}.order-menu-panel,.customer-order-form{background:linear-gradient(180deg,#0d0d10,#070708);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1.2rem;box-shadow:0 20px 60px rgba(0,0,0,.28)}.customer-order-form{position:sticky;top:102px;border-color:rgba(255,15,143,.4)}
.order-panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.order-panel-title h3{font-family:'Playfair Display',serif;font-size:1.75rem;margin:.15rem 0}.eyebrow{font-family:'Bebas Neue',sans-serif;letter-spacing:.15em;color:var(--gold);font-size:.9rem}.cart-count{border:1px solid rgba(255,15,143,.5);color:var(--pink);border-radius:999px;padding:.35rem .65rem;font-weight:700;white-space:nowrap}
.order-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.order-choice{display:grid;grid-template-columns:92px 1fr;gap:.8rem;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:.65rem;background:#0b0b0d;min-width:0}.order-choice img{width:92px;height:82px;object-fit:cover;border-radius:10px}.order-choice-copy{min-width:0}.order-choice-copy h4{margin:0;color:#fff;font-size:1rem}.order-choice-copy p{margin:.25rem 0;color:#bbb;font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-choice-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.order-choice-meta strong{color:var(--gold)}.qty-control{display:grid;grid-template-columns:32px 44px 32px;align-items:center}.qty-control button{width:32px;height:32px;border:1px solid var(--pink);background:#17171a;color:#fff;border-radius:8px;font-weight:800}.qty-control input{width:44px;height:32px;text-align:center;background:#080808;border:1px solid #555;color:#fff;border-radius:6px;margin:0 3px;padding:0}
.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.customer-fields label{display:grid;gap:.35rem;color:#ddd;font-size:.9rem;font-weight:700}.customer-fields input,.customer-fields select,.customer-fields textarea{width:100%;background:#111116;border:1px solid #666;color:#fff;border-radius:9px;padding:.8rem}.customer-fields textarea{resize:vertical}.order-notes-field{grid-column:1/-1}.order-summary{margin:1rem 0;border:1px solid rgba(255,196,50,.35);border-radius:14px;background:#08080a;padding:.9rem}.order-summary-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.1)}.order-summary-head h4{margin:0}.order-summary-head strong{font-size:1.35rem;color:var(--gold)}.order-summary-items{display:grid;gap:.45rem;padding-top:.65rem}.order-summary-line{display:grid;grid-template-columns:1fr auto;gap:.75rem;color:#ddd;font-size:.9rem}.order-summary-line strong{color:#fff}.order-empty{color:#999;margin:0}.order-confirm-check{display:flex;gap:.65rem;align-items:flex-start;color:#ddd;font-size:.86rem;line-height:1.4;margin:.8rem 0 1rem}.order-confirm-check input{margin-top:.2rem;accent-color:var(--pink)}.order-submit-status{margin-top:.8rem;min-height:1.2rem}.order-success{border:1px solid rgba(66,217,130,.5);background:rgba(66,217,130,.08);color:#dfffea;border-radius:12px;padding:.8rem}.order-success strong{color:var(--success)}

/* owner order management */
.tab-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;background:#fff;color:#111;font-size:.72rem;margin-left:.25rem}.admin-tab.active .tab-badge{background:#111;color:#fff}.order-admin-heading{align-items:center}.order-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.8rem 0}.order-kpi{border:1px solid rgba(255,255,255,.14);background:#0c0c0f;border-radius:13px;padding:.85rem}.order-kpi span{display:block;color:#aaa;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.order-kpi strong{display:block;font-family:'Playfair Display',serif;font-size:1.8rem;margin-top:.1rem}.order-kpi.new strong{color:var(--pink)}.order-kpi.ready strong{color:var(--gold)}.order-kpi.completed strong{color:var(--success)}
.order-toolbar{display:grid;grid-template-columns:1.6fr repeat(4,minmax(125px,.65fr));gap:.55rem;margin:1rem 0}.order-toolbar label{display:grid;gap:.25rem;color:#aaa;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.order-toolbar input,.order-toolbar select{width:100%;min-width:0;background:#111116;border:1px solid #555;color:#fff;border-radius:8px;padding:.7rem}
.orders-workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:.8rem;align-items:start}.orders-list{display:grid;gap:.55rem;max-height:560px;overflow:auto;padding-right:.2rem}.order-row{border:1px solid rgba(255,255,255,.12);background:#0b0b0e;border-radius:12px;padding:.8rem;text-align:left;color:#fff;width:100%;display:grid;gap:.45rem}.order-row:hover,.order-row.active{border-color:var(--pink);background:#111116}.order-row-top,.order-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.order-row-id{font-family:'Bebas Neue',sans-serif;letter-spacing:.08em;color:var(--gold);font-size:1.1rem}.order-row-name{font-weight:800}.order-row-summary{color:#c7c7c7;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-row-phone{color:#aaa;font-size:.8rem}.order-row-total{font-weight:800;color:#fff}.status-chip,.payment-chip,.type-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.26rem .52rem;font-size:.72rem;font-weight:800;border:1px solid rgba(255,255,255,.18);white-space:nowrap}.status-chip.new{color:#ff8fc8;border-color:rgba(255,15,143,.5)}.status-chip.accepted{color:#8dcaff;border-color:rgba(100,181,255,.5)}.status-chip.ready{color:#ffe08b;border-color:rgba(255,196,50,.5)}.status-chip.completed{color:#8ef1b5;border-color:rgba(66,217,130,.5)}.status-chip.cancelled{color:#ff9bab;border-color:rgba(255,91,114,.5)}.payment-chip{color:#ddd}.type-chip{color:var(--gold)}
.order-detail{border:1px solid rgba(255,196,50,.28);border-radius:14px;background:#08080a;min-height:420px;padding:1rem}.order-detail-empty{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;color:#999}.order-detail-empty span{font-size:2.5rem;color:var(--pink)}.order-detail-empty h4{margin:.5rem 0 .2rem;color:#fff;font-size:1.3rem}.order-detail-empty p{max-width:340px}.order-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.1)}.order-detail-head h4{margin:.1rem 0;font-size:1.45rem}.order-detail-head p{margin:.2rem 0;color:#aaa}.order-detail-section{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.order-detail-section:last-child{border-bottom:0}.order-detail-section h5{margin:0 0 .55rem;color:var(--gold);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.order-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.detail-field{display:grid;gap:.15rem}.detail-field span{font-size:.72rem;color:#888;text-transform:uppercase}.detail-field strong{font-size:.92rem}.detail-items{display:grid;gap:.45rem}.detail-item{display:grid;grid-template-columns:1fr auto;gap:.7rem}.detail-item span{color:#ddd}.detail-total{display:flex;justify-content:space-between;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.1);font-weight:800}.detail-total strong{color:var(--gold)}.order-actions{display:flex;flex-wrap:wrap;gap:.45rem}.order-action{border:1px solid #555;background:#101014;color:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:700}.order-action[data-status="Accepted"]{border-color:var(--info)}.order-action[data-status="Ready"]{border-color:var(--gold)}.order-action[data-status="Completed"]{border-color:var(--success)}.order-action[data-status="Cancelled"]{border-color:var(--danger)}.order-action:hover{filter:brightness(1.15)}.payment-control{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:end}.payment-control label{display:grid;gap:.3rem;color:#aaa;font-size:.8rem}.payment-control select{background:#111116;border:1px solid #555;color:#fff;border-radius:8px;padding:.65rem}.order-cancel-reason{color:#ff9bab;font-size:.85rem;margin-top:.4rem}.orders-empty{border:1px dashed rgba(255,255,255,.16);padding:1.2rem;border-radius:12px;color:#999;text-align:center}

/* tighter global overflow guards */
.script,.serif,h1,h2,h3,h4,p,span,a,button{max-width:100%}.section{overflow-x:clip}.brush-label,.pink-brush{overflow-wrap:normal;word-break:normal}.contact-ribbon,.service-ribbon,.special-bottom,.order-ribbon{row-gap:.75rem}.contact-ribbon>*{min-width:0}.truck-copy,.truck-visual,.about-values{min-width:0}

@media(max-width:1200px){
  .order-builder-grid{grid-template-columns:1fr}.customer-order-form{position:relative;top:auto}.orders-workspace{grid-template-columns:1fr}.orders-list{max-height:420px}.order-toolbar{grid-template-columns:repeat(3,1fr)}.order-search{grid-column:1/-1}
}
@media(max-width:900px){
  .order-menu-items{grid-template-columns:1fr}.order-kpis{grid-template-columns:repeat(2,1fr)}.order-toolbar{grid-template-columns:1fr 1fr}.order-search{grid-column:1/-1}.orders-workspace{grid-template-columns:1fr}.truck-brush{justify-self:center;width:min(500px,94%);margin:0 auto!important}
}
@media(max-width:640px){
  .place-order{padding:3rem 0}.order-builder-head h2{font-size:clamp(2.8rem,15vw,4rem)}.order-menu-panel,.customer-order-form{padding:.85rem;border-radius:15px}.order-choice{grid-template-columns:76px 1fr}.order-choice img{width:76px;height:72px}.qty-control{grid-template-columns:30px 38px 30px}.qty-control input{width:38px}.customer-fields{grid-template-columns:1fr}.order-notes-field{grid-column:auto}.order-panel-title{align-items:flex-start}.order-kpis{grid-template-columns:1fr 1fr}.order-toolbar{grid-template-columns:1fr}.order-search{grid-column:auto}.orders-list{max-height:none}.order-detail-grid{grid-template-columns:1fr}.payment-control{grid-template-columns:1fr}.order-detail{min-height:0}.order-row-top,.order-row-bottom{align-items:flex-start}.admin-tabs{grid-template-columns:1fr 1fr!important}.truck-brush{font-size:1.75rem!important;width:94%;padding:1.15rem 1.35rem 1.35rem!important}.pink-brush{clip-path:polygon(1% 7%,99% 0,98% 93%,2% 100%,0 78%);padding:1.25rem 1.4rem 1.4rem}.about-brush{width:100%;font-size:clamp(1.75rem,10vw,2.55rem)}
}
@media(max-width:390px){
  .admin-tabs{grid-template-columns:1fr!important}.order-choice{grid-template-columns:66px 1fr;padding:.55rem}.order-choice img{width:66px;height:64px}.order-choice-copy h4{font-size:.92rem}.qty-control{grid-template-columns:28px 36px 28px}.qty-control button{width:28px;height:30px}.qty-control input{width:36px;height:30px}.order-kpis{grid-template-columns:1fr 1fr}.order-kpi{padding:.65rem}.order-kpi strong{font-size:1.45rem}
}
.order-menu-items{display:block}.order-choice-group{margin-bottom:1rem}.order-choice-group-title{font-family:'Yellowtail',cursive;color:var(--pink);font-size:1.65rem;margin:.2rem 0 .6rem}.order-choice-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
@media(max-width:900px){.order-choice-group-grid{grid-template-columns:1fr}}
.payment-control{grid-template-columns:1fr 1fr auto}
@media(max-width:640px){.payment-control{grid-template-columns:1fr}.payment-control .mini{width:100%}}

/* =========================================================
   V10.1 TEXT-SAFETY HOTFIX
   Text-bearing decorative shapes no longer clip their own copy.
   The brush shape is now a pseudo-element behind the text.
   ========================================================= */

/* Allow decorative text to extend vertically without being chopped by section boxes. */
.section{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

/* Give display typefaces enough ascender/descender room. */
.script{
  line-height:1.08!important;
  padding-block:.06em;
}
.serif{
  line-height:1.03!important;
  padding-block:.02em;
}
h1,h2,h3,h4{
  overflow:visible!important;
}

/* IMPORTANT: never clip actual text with the brush polygon. */
.pink-brush,
.brush-label{
  position:relative!important;
  isolation:isolate;
  background:transparent!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  line-height:1.12!important;
  white-space:normal!important;
  text-wrap:balance;
  padding:1.55rem 2.35rem 1.75rem!important;
  transform:none!important;
}
.pink-brush::before,
.brush-label::before{
  content:"";
  position:absolute;
  inset:.12rem .08rem;
  z-index:-1;
  background:linear-gradient(8deg,#ff168f,#ff51b4);
  clip-path:polygon(1% 10%,99% 0,98% 90%,3% 100%,0 76%);
  -webkit-clip-path:polygon(1% 10%,99% 0,98% 90%,3% 100%,0 76%);
  box-shadow:0 0 26px rgba(255,15,143,.28);
  transform:rotate(-2deg);
  transform-origin:center;
}
.brush-label::before{
  background:var(--pink);
  clip-path:polygon(1% 4%,99% 8%,97% 92%,2% 100%);
  -webkit-clip-path:polygon(1% 4%,99% 8%,97% 92%,2% 100%);
  transform:rotate(-1deg);
}

/* Specific copy blocks: reserve extra safe area around every letter and heart. */
.top-brush{
  min-width:220px;
  max-width:320px;
  text-align:center;
}
.about-brush{
  width:min(100%,520px)!important;
  max-width:520px!important;
  margin-bottom:2rem!important;
  text-align:center;
}
.menu-brush{
  width:min(100%,360px)!important;
  max-width:360px!important;
  text-align:center;
}
.truck-brush{
  position:relative!important;
  inset:auto!important;
  justify-self:center!important;
  width:min(560px,92%)!important;
  max-width:560px!important;
  margin:0 auto .6rem!important;
  padding:1.7rem 2.4rem 1.9rem!important;
  text-align:center;
  font-size:clamp(1.95rem,2.6vw,3.2rem)!important;
}
.truck-visual{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:1rem!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
  margin:0!important;
  align-items:start!important;
}
.truck-visual img{
  grid-row:2!important;
  width:100%!important;
  max-width:100%!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:0!important;
}

/* Prevent transformed/decorative copy from being hidden by neighboring art. */
.hero-media,
.about-values,
.truck-copy,
.contact-main,
.footer-copy,
.seasonal-copy{
  min-width:0!important;
  overflow:visible!important;
}

/* Long UI labels must wrap instead of disappearing off-screen. */
.pill,
.admin-tab,
.status-chip,
.payment-chip,
.type-chip,
.order-action{
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:break-word;
  text-align:center;
}

/* Ribbons are content rows, never clipping masks. */
.order-ribbon,
.service-ribbon,
.special-bottom,
.contact-ribbon,
.truck-ribbon,
.footer-benefits{
  overflow:visible!important;
}

@media(max-width:900px){
  .pink-brush,.brush-label{
    padding:1.35rem 1.55rem 1.55rem!important;
  }
  .top-brush{
    width:min(230px,88%)!important;
    max-width:230px!important;
    justify-self:end!important;
    margin:0 0 .35rem auto!important;
  }
  .about-brush,
  .menu-brush,
  .truck-brush{
    width:min(100%,520px)!important;
    max-width:100%!important;
    justify-self:center!important;
    margin:.25rem auto 1rem!important;
  }
  .truck-visual{
    gap:.75rem!important;
  }
}

@media(max-width:640px){
  .script{
    line-height:1.1!important;
  }
  .pink-brush,
  .brush-label{
    width:100%!important;
    max-width:100%!important;
    padding:1.25rem 1.3rem 1.45rem!important;
    margin:.35rem auto .9rem!important;
    text-align:center!important;
  }
  .top-brush{
    width:min(220px,82%)!important;
    max-width:220px!important;
    justify-self:end!important;
    margin:0 0 .6rem auto!important;
    font-size:1.55rem!important;
  }
  .about-brush{
    font-size:clamp(1.75rem,9vw,2.45rem)!important;
  }
  .menu-brush,
  .truck-brush{
    font-size:clamp(1.65rem,8.5vw,2.25rem)!important;
  }
  .truck-brush{
    width:94%!important;
    padding:1.35rem 1.25rem 1.55rem!important;
  }

  /* Mobile service cards: image above, copy below; no overlap. */
  .service-card{
    display:block!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .service-card img{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:220px!important;
    object-fit:cover!important;
  }
  .service-card>*:not(img){
    max-width:none!important;
    margin-left:1rem!important;
    margin-right:1rem!important;
  }

  /* Order rows may contain long names/labels; keep everything readable. */
  .order-row-top,
  .order-row-bottom{
    flex-wrap:wrap!important;
  }
  .order-row-summary{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

@media(max-width:390px){
  .pink-brush,
  .brush-label{
    padding:1.15rem 1.05rem 1.35rem!important;
  }
  .top-brush{
    width:min(205px,86%)!important;
    font-size:1.42rem!important;
  }
  .about-brush,
  .menu-brush,
  .truck-brush{
    width:96%!important;
    max-width:96%!important;
  }
  .truck-brush{
    font-size:1.65rem!important;
  }
}

/* =========================================================
   V12 — Lady Vo Management Portal (native one-to-one rebuild)
   ========================================================= */
#admin-modal .backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}
#admin-modal .v12-admin-shell{width:min(96vw,1380px)!important;height:min(92vh,980px);max-height:none!important;margin:4vh auto!important;padding:0!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:22px!important;background:#f7f7f8!important;color:#161616!important;overflow:hidden!important;box-shadow:0 36px 110px rgba(0,0,0,.72)!important}
#admin-modal .portal-close{z-index:30;top:9px;right:12px;color:#111;background:#fff;border:1px solid #e0e0e3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.portal-login{height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#08080a 0,#111116 45%,#1b0d16 100%)}
.portal-login-card{width:min(520px,88vw);padding:2.4rem;background:#fff;border-radius:26px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.portal-login-photo{width:118px;height:118px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:5px solid #ff0f8f;background:#111}.portal-login-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.portal-login .portal-kicker{font-size:.75rem;letter-spacing:.28em;color:#d39c27;font-weight:800}.portal-login h2{font-size:2.35rem!important;color:#151515;margin:.2rem 0 .55rem!important}.portal-login p{color:#686870}.portal-login .pin-form{display:grid;grid-template-columns:1fr auto;gap:.7rem;margin-top:1.2rem}.portal-login .pin-form input{background:#f4f4f6;color:#111;border:1px solid #d9d9df;border-radius:11px;padding:.9rem 1rem}.portal-login .status{grid-column:1/-1;margin:0;color:#d31772}
.portal-primary,.portal-secondary,.link-button,.filter-chip,.icon-button{border:0;font:inherit;cursor:pointer}.portal-primary{background:#ff0f8f;color:#fff;border-radius:10px;padding:.72rem 1.05rem;font-weight:800;box-shadow:0 7px 20px rgba(255,15,143,.18)}.portal-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.portal-secondary{background:#fff;color:#19191d;border:1px solid #dfe0e5;border-radius:10px;padding:.7rem 1rem;font-weight:750}.portal-primary.wide,.portal-secondary.wide{width:100%}.link-button{background:transparent;color:#ff0f8f;font-weight:800;font-size:.82rem}.icon-button{background:#f2f2f5;border-radius:8px;padding:.45rem .65rem;color:#56565f}
.portal-app{height:100%;display:grid;grid-template-columns:210px minmax(0,1fr);background:#f4f4f6}
.portal-sidebar{position:relative;background:linear-gradient(#111216,#08090b);color:#fff;padding:1.25rem .7rem;display:flex;flex-direction:column;min-width:0}
.portal-brand{text-align:center;padding:.35rem .4rem 1.2rem}.portal-brand-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto .45rem;border-radius:50%;border:2px solid #ff0f8f;color:#ff0f8f;font-size:2rem}.portal-brand strong{display:block;font-family:'Yellowtail',cursive;color:#ff0f8f;font-size:2.15rem;font-weight:400;line-height:.9}.portal-brand span{display:block;color:#dcae3c;letter-spacing:.28em;font-size:.76rem;font-weight:900;margin-top:.35rem}.portal-brand small{display:block;color:#d9d9dd;font-size:.57rem;letter-spacing:.18em;line-height:1.5;margin-top:.8rem}
.portal-nav{display:grid;gap:.32rem}.portal-nav .admin-tab{position:relative;width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.55rem;border:0;background:transparent;color:#e9e9eb;border-radius:8px;padding:.68rem .72rem;font-size:.83rem;font-weight:700;text-align:left}.portal-nav .admin-tab span{color:#e2b348;font-size:1.2rem;text-align:center}.portal-nav .admin-tab:hover{background:#1f2025}.portal-nav .admin-tab.active{background:linear-gradient(90deg,#ff0f8f,#ff188e);color:#fff}.portal-nav .admin-tab.active span{color:#fff}.portal-nav-badge{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#fff;color:#ff0f8f;font-size:.7rem}.portal-sidebar-note{margin-top:auto;padding:1rem .7rem}.portal-sidebar-note .script{display:inline-block;color:#efb63b;font-size:2rem;line-height:.95;transform:rotate(-7deg)}
.portal-main{min-width:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.portal-topbar{min-height:82px;background:#fff;border-bottom:1px solid #e6e6e8;display:grid;grid-template-columns:minmax(270px,1fr) minmax(270px,420px) auto auto;gap:1rem;align-items:center;padding:1rem 1.4rem}.portal-title-wrap h2{margin:0!important;font-family:'DM Sans',sans-serif!important;font-size:1.38rem!important;color:#101014}.portal-title-wrap p{margin:.2rem 0 0;color:#777b84;font-size:.78rem}.portal-global-search{height:42px;display:flex;align-items:center;gap:.55rem;border:1px solid #dedee4;background:#fafafa;border-radius:8px;padding:0 .8rem;color:#777}.portal-global-search input{border:0;background:transparent;outline:0;width:100%;min-width:0;color:#222}.portal-top-actions{display:flex;gap:.35rem}.portal-top-actions button{position:relative;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#26262c;font-size:1.1rem}.portal-top-actions button:hover{background:#f4f4f6}.portal-top-actions b{position:absolute;right:1px;top:0;background:#ff0f8f;color:#fff;border-radius:99px;min-width:16px;height:16px;font-size:.6rem;display:grid;place-items:center}.portal-owner{display:grid;grid-template-columns:42px auto auto;align-items:center;gap:.55rem;white-space:nowrap}.portal-owner img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 17%;border:2px solid #eee}.portal-owner strong{display:block;font-size:.84rem}.portal-owner small{display:block;color:#888;font-size:.68rem}.portal-owner>span{color:#555}
.portal-content{overflow:auto;padding:1rem 1.1rem 1.25rem;background:#f5f5f7}.portal-content .admin-pane{display:none;padding:0;color:#17171b}.portal-content .admin-pane.active{display:block}.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.15rem 0 .8rem;border-left:4px solid #ff0f8f;padding-left:.7rem}.portal-section-head h3{margin:0;font-family:'DM Sans',sans-serif;font-size:1.08rem;font-weight:900;color:#17171b}.portal-section-head p{margin:.15rem 0 0;font-size:.76rem;color:#7b7e86}.portal-card{background:#fff;border:1px solid #ececf0;border-radius:12px;padding:.8rem;box-shadow:0 6px 20px rgba(26,26,32,.035)}
.portal-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem}.portal-kpi-grid.compact{margin-bottom:.8rem}.portal-stat-card{min-height:106px;background:linear-gradient(135deg,#fff7fb,#fff);border:1px solid #f0ebef;border-radius:11px;padding:.95rem;display:grid;grid-template-columns:50px 1fr auto;gap:.7rem;align-items:center}.portal-stat-card.gold{background:linear-gradient(135deg,#fff9ef,#fff)}.portal-stat-icon{font-size:2rem;color:#ff0f8f}.portal-stat-card.gold .portal-stat-icon{color:#d79d18}.portal-stat-card strong{display:block;font-size:1.45rem;color:#111}.portal-stat-card span{display:block;font-size:.75rem;font-weight:800;color:#333}.portal-stat-card small{color:#9698a0;font-size:.65rem}.portal-stat-trend{color:#0ca956!important;font-weight:900!important}
.portal-dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:.8rem;margin-bottom:.8rem}.portal-dashboard-bottom{display:grid;grid-template-columns:1.22fr .95fr .78fr;gap:.8rem}.portal-latest-orders{min-height:300px}.dashboard-order-row{display:grid;grid-template-columns:54px 1.4fr .8fr .8fr;align-items:center;gap:.65rem;padding:.58rem .1rem;border-top:1px solid #ededf1}.dashboard-order-row:first-child{border-top:0}.dashboard-order-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}.dashboard-order-row strong{font-size:.79rem}.dashboard-order-row small{display:block;color:#888;font-size:.68rem}.dashboard-order-total{font-weight:900;font-size:.78rem}.portal-chart{height:245px;display:flex;align-items:flex-end;gap:1rem;padding:1rem .8rem .45rem;background:repeating-linear-gradient(to top,#f2f2f4 0,#f2f2f4 1px,transparent 1px,transparent 48px);border-radius:8px}.chart-day{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:end;height:100%;position:relative;padding-bottom:26px}.chart-bar{border-radius:4px 4px 0 0;min-height:10px}.chart-bar.orders{background:#ff0f8f}.chart-bar.sales{background:#d9a431}.chart-day label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#777;font-size:.62rem}.portal-select-pill{border:1px solid #e1e1e5;padding:.4rem .6rem;border-radius:7px;font-size:.7rem;color:#555}
.portal-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.portal-food-tile{min-width:0}.portal-food-tile img{width:100%;height:92px;object-fit:cover;border-radius:8px}.portal-food-tile strong{display:block;font-size:.72rem;margin-top:.35rem}.portal-food-tile span{display:block;color:#ff0f8f;font-weight:900;font-size:.76rem}.portal-special-preview{display:grid;gap:.55rem}.special-preview-row{display:grid;grid-template-columns:82px 1fr;gap:.55rem;align-items:center}.special-preview-row img{width:82px;height:64px;object-fit:cover;border-radius:7px}.special-preview-row strong{font-size:.75rem}.special-preview-row small{display:block;color:#777}.flyer-spotlight img{width:100%;height:235px;object-fit:cover;object-position:center;border-radius:8px}
.portal-toolbar{display:grid!important;grid-template-columns:1.5fr repeat(4,minmax(110px,.7fr))!important;gap:.55rem!important;background:#fff;border:1px solid #e7e7eb;border-radius:10px;padding:.65rem;margin-bottom:.75rem}.portal-toolbar label{font-size:.65rem;color:#777;font-weight:800}.portal-toolbar input,.portal-toolbar select{width:100%;margin-top:.22rem;border:1px solid #dddde2;border-radius:7px;padding:.55rem;background:#fff;color:#222}.v12-orders-workspace{grid-template-columns:minmax(520px,1.25fr) minmax(330px,.75fr)!important;gap:.8rem!important}.v12-orders-workspace .orders-list{background:#fff;border:1px solid #e8e8ec;border-radius:10px;padding:.35rem;max-height:610px}.v12-orders-workspace .order-row{color:#18181c;background:#fff;border:1px solid #ededf0;border-radius:9px;padding:.65rem .75rem}.v12-orders-workspace .order-row:hover,.v12-orders-workspace .order-row.active{background:#fff5fa;border-color:#ff8bc1}.v12-orders-workspace .order-row-id{color:#15151a}.v12-orders-workspace .order-row-summary,.v12-orders-workspace .order-row-phone{color:#777}.v12-orders-workspace .order-row-total{color:#15151a}.v12-orders-workspace .type-chip{color:#9e7216;border-color:#ead6a5;background:#fffaf0}.v12-orders-workspace .order-detail{background:#fff;color:#18181c;border:1px solid #e8e8ec;border-radius:10px;min-height:520px;max-height:610px;overflow:auto}.v12-orders-workspace .order-detail-section{border-color:#ededf0}.v12-orders-workspace .detail-field,.v12-orders-workspace .detail-item,.v12-orders-workspace .payment-control select{background:#fafafa;color:#222;border-color:#e0e0e5}.v12-orders-workspace .detail-field span{color:#888}.v12-orders-workspace .order-action{background:#fff;border:1px solid #ddd;color:#333}.v12-orders-workspace .order-action:first-child{background:#ff0f8f;color:#fff;border-color:#ff0f8f}.v12-orders-workspace .order-detail-empty{color:#777}
.portal-split-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:.85rem;align-items:start}.portal-form-card{background:#fff;border:1px solid #e5e5e9;border-radius:12px;padding:.8rem;position:sticky;top:0}.portal-form{display:grid;gap:.65rem}.portal-form label{display:grid;gap:.25rem;font-size:.69rem;font-weight:850;color:#35353b}.portal-form input,.portal-form select,.portal-form textarea,.portal-business-form input{width:100%;border:1px solid #dddde3;border-radius:8px;background:#fff;color:#222;padding:.62rem .7rem;outline:0}.portal-form textarea{min-height:92px;resize:vertical}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:#ff5cac;box-shadow:0 0 0 3px rgba(255,15,143,.08)}.portal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.portal-switch{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.55rem}.portal-switch input{position:absolute;opacity:0;pointer-events:none}.portal-switch span{width:38px;height:22px;border-radius:999px;background:#bbb;position:relative;transition:.2s}.portal-switch span:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.portal-switch input:checked+span{background:#18b45e}.portal-switch input:checked+span:after{transform:translateX(16px)}
.portal-filter-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.filter-chip{background:#f0f0f4;color:#555;border-radius:8px;padding:.55rem .8rem;font-size:.7rem;font-weight:800}.filter-chip.active{background:#ff0f8f;color:#fff}.v12-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.v12-menu-card{background:#fff;border:1px solid #e8e8ec;border-radius:10px;overflow:hidden}.v12-menu-card img{width:100%;height:145px;object-fit:cover}.v12-menu-card-body{padding:.55rem}.v12-menu-card h4{margin:0;font-size:.86rem}.v12-menu-price{color:#ff0f8f;font-weight:900;font-size:1.05rem}.v12-menu-card p{color:#777;font-size:.67rem;line-height:1.35;min-height:38px}.v12-menu-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;border-top:1px solid #eee;padding:.45rem}.v12-menu-actions button{border:0;background:#fafafa;border-radius:6px;padding:.45rem;font-size:.66rem}.v12-menu-actions button:last-child{color:#e31d5a}.v12-active-chip{position:absolute;left:8px;bottom:8px;background:#fff;color:#189b50;font-size:.61rem;font-weight:900;border-radius:99px;padding:.23rem .45rem}.v12-menu-image{position:relative}
.v12-special-list{display:grid;gap:.65rem}.v12-special-card{background:#fff;border:1px solid #e5e5e9;border-radius:11px;padding:.55rem;display:grid;grid-template-columns:190px 1fr auto;gap:.7rem;align-items:center}.v12-special-card img{width:190px;height:115px;object-fit:cover;border-radius:8px}.v12-special-card h4{margin:0;font-size:.96rem}.v12-special-card p{margin:.28rem 0;color:#777;font-size:.7rem}.v12-special-price{font-size:1.05rem;color:#ff0f8f;font-weight:900}.v12-special-meta{display:flex;gap:.3rem;flex-wrap:wrap}.v12-special-meta span{background:#f2f2f5;border-radius:99px;padding:.25rem .4rem;font-size:.6rem}.v12-special-actions{display:grid;gap:.35rem}.v12-special-actions button{border:1px solid #e0e0e5;background:#fafafa;border-radius:7px;padding:.45rem .6rem;font-size:.65rem}.portal-mini-calendar{margin-top:.7rem;border-top:1px solid #eee;padding-top:.7rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-grid span{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;font-size:.62rem;background:#f7f7f9}.calendar-grid span.active{background:#ff0f8f;color:#fff}
.v12-flyer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.v12-flyer-card{background:#fff;border:1px solid #e6e6ea;border-radius:10px;overflow:hidden}.v12-flyer-card img{width:100%;height:245px;object-fit:cover}.v12-flyer-card-body{padding:.55rem}.v12-flyer-card h4{margin:0;font-size:.78rem}.v12-flyer-card small{color:#777;font-size:.62rem}.v12-flyer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.45rem}.v12-flyer-actions button{border:0;border-radius:6px;padding:.45rem;font-size:.65rem}.v12-flyer-actions button:first-child{background:#ff0f8f;color:#fff}.portal-upload-box{border:2px dashed #ff7fba!important;border-radius:10px;padding:1.1rem!important;text-align:center;color:#777!important}.portal-upload-box input{display:none}.portal-upload-box span{font-size:2rem;color:#ff0f8f}.portal-upload-box strong,.portal-upload-box small{display:block}.promo-admin-preview{display:none!important}
.customer-search{max-width:470px;margin-bottom:.7rem}.v12-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.v12-customer-card{border:1px solid #e5e5e9;background:#fff;border-radius:10px;padding:.6rem;display:grid;grid-template-columns:54px 1fr auto;gap:.6rem;align-items:center;text-align:left}.v12-customer-card:hover,.v12-customer-card.active{border-color:#ff76b6;background:#fff8fb}.v12-customer-card img,.customer-avatar-fallback{width:54px;height:54px;border-radius:50%;object-fit:cover}.customer-avatar-fallback{display:grid;place-items:center;background:#14151a;color:#fff;font-weight:900}.v12-customer-card strong{font-size:.78rem}.v12-customer-card small{display:block;color:#777;font-size:.63rem}.customer-order-count{font-size:.65rem;color:#ff0f8f;font-weight:900}.empty-panel{text-align:center;padding:3rem 1rem;color:#777}.empty-panel>span{font-size:2.3rem;color:#ff0f8f}.customer-profile-head{display:grid;grid-template-columns:80px 1fr;gap:.7rem;align-items:center;margin-bottom:.8rem}.customer-profile-head img,.customer-profile-head .customer-avatar-fallback{width:80px;height:80px}.customer-profile-head h3{margin:0}.customer-profile-history{display:grid;gap:.4rem;max-height:210px;overflow:auto}.customer-history-row{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem;border-radius:7px;background:#f6f6f8;font-size:.68rem}
.portal-business-form{background:#fff;border:1px solid #e5e5e9;border-radius:12px;padding:.9rem}.portal-business-preview{background:#fff;border:1px solid #ead9e3;border-radius:12px;padding:.75rem}.portal-preview-hero{height:180px;border-radius:9px;overflow:hidden;background:linear-gradient(110deg,#070709,#171014);display:grid;grid-template-columns:42% 1fr;align-items:center;color:#fff}.portal-preview-hero img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.portal-preview-hero strong{font-size:1.2rem}.portal-preview-hero span{display:block;color:#e4b33e;font-size:.7rem;margin-top:.35rem}.business-preview-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem}.business-preview-item{background:#f8f8fa;border-radius:7px;padding:.55rem;font-size:.68rem}.business-preview-item strong{display:block;font-size:.62rem;color:#777;margin-bottom:.15rem}
.v12-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.v12-settings-grid .portal-card h3{margin:.1rem 0 .7rem}.v12-settings-grid .portal-card label{display:grid;gap:.25rem;font-size:.7rem;font-weight:800;margin:.5rem 0}.v12-settings-grid input,.v12-settings-grid select{border:1px solid #dddde2;border-radius:8px;padding:.55rem;background:#fff;color:#222}.muted{color:#85858d;font-size:.69rem;line-height:1.45}
.status-chip{border:0!important}.status-chip.new{background:#ffe5f2!important;color:#ff0f8f!important}.status-chip.accepted{background:#e6f4ff!important;color:#1e83c9!important}.status-chip.ready{background:#fff0c9!important;color:#c38600!important}.status-chip.completed{background:#def7e7!important;color:#138a47!important}.status-chip.cancelled{background:#ffe6e6!important;color:#d72b2b!important}

@media(max-width:1180px){
  #admin-modal .v12-admin-shell{width:98vw!important;height:94vh;margin:3vh auto!important}
  .portal-app{grid-template-columns:180px minmax(0,1fr)}.portal-topbar{grid-template-columns:minmax(220px,1fr) minmax(220px,330px) auto}.portal-top-actions{display:none}.portal-dashboard-bottom{grid-template-columns:1fr 1fr}.portal-dashboard-bottom>section:last-child{grid-column:1/-1}.portal-kpi-grid{grid-template-columns:repeat(2,1fr)}.v12-flyer-grid{grid-template-columns:repeat(2,1fr)}.v12-menu-grid{grid-template-columns:repeat(2,1fr)}.v12-orders-workspace{grid-template-columns:1fr!important}.v12-orders-workspace .order-detail{max-height:none}.portal-toolbar{grid-template-columns:1fr 1fr 1fr!important}.portal-toolbar .order-search{grid-column:1/-1}
}
@media(max-width:860px){
  #admin-modal .v12-admin-shell{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;margin:5px!important;border-radius:15px!important}
  .portal-app{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.portal-sidebar{padding:.45rem .5rem;display:block}.portal-brand,.portal-sidebar-note{display:none}.portal-nav{display:flex;overflow-x:auto;gap:.3rem;padding-right:3rem}.portal-nav .admin-tab{flex:0 0 auto;width:auto;grid-template-columns:22px auto auto;padding:.55rem .7rem;font-size:.72rem}.portal-topbar{grid-template-columns:1fr auto;padding:.7rem .85rem;min-height:68px}.portal-global-search{grid-column:1/-1;grid-row:2}.portal-owner{grid-column:2;grid-row:1}.portal-title-wrap{grid-column:1;grid-row:1}.portal-content{padding:.75rem}.portal-dashboard-grid,.portal-dashboard-bottom,.portal-split-layout,.business-split{grid-template-columns:1fr}.portal-form-card{position:relative;top:auto}.v12-menu-grid{grid-template-columns:repeat(2,1fr)}.v12-special-card{grid-template-columns:120px 1fr}.v12-special-card img{width:120px;height:92px}.v12-special-actions{grid-column:1/-1;display:flex}.v12-settings-grid{grid-template-columns:1fr}.portal-toolbar{grid-template-columns:1fr 1fr!important}.portal-toolbar .order-search{grid-column:1/-1}.v12-customer-grid{grid-template-columns:1fr}.portal-dashboard-bottom>section:last-child{grid-column:auto}
}
@media(max-width:560px){
  .portal-login-card{padding:1.4rem}.portal-login .pin-form{grid-template-columns:1fr}.portal-kpi-grid{grid-template-columns:1fr 1fr}.portal-stat-card{grid-template-columns:42px 1fr;min-height:92px;padding:.7rem}.portal-stat-trend{display:none!important}.portal-dashboard-grid,.portal-dashboard-bottom{grid-template-columns:1fr}.portal-food-grid{grid-template-columns:1fr 1fr}.v12-menu-grid{grid-template-columns:1fr}.v12-flyer-grid{grid-template-columns:1fr 1fr}.v12-flyer-card img{height:205px}.portal-toolbar{grid-template-columns:1fr!important}.portal-toolbar .order-search{grid-column:auto}.portal-form-row{grid-template-columns:1fr}.v12-special-card{grid-template-columns:1fr}.v12-special-card img{width:100%;height:150px}.portal-topbar{grid-template-columns:1fr auto}.portal-title-wrap h2{font-size:1rem!important}.portal-title-wrap p{font-size:.64rem}.portal-owner img{width:34px;height:34px}.portal-owner div{display:none}.portal-content{padding:.55rem}.v12-orders-workspace .orders-list{max-height:390px}.business-preview-list{grid-template-columns:1fr}.portal-chart{gap:.45rem}.portal-close{top:4px!important;right:5px!important}.v12-customer-grid{grid-template-columns:1fr}
}

/* V12 mobile refinement: keep all management routes visible without clipped labels */
@media(max-width:560px){
  .portal-sidebar{padding:.38rem .42rem .45rem!important;}
  .portal-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:.28rem!important;padding-right:42px!important;}
  .portal-nav .admin-tab{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:.12rem!important;justify-items:center!important;text-align:center!important;padding:.42rem .2rem!important;font-size:.58rem!important;line-height:1.05!important;white-space:normal!important;}
  .portal-nav .admin-tab span{font-size:.95rem!important;line-height:1!important;}
  .portal-nav .admin-tab .portal-nav-badge{position:absolute;right:4px;top:3px;min-width:16px;height:16px;font-size:.55rem;}
  .portal-topbar{padding:.65rem .72rem!important;}
  .portal-global-search input{font-size:.75rem!important;}
  .portal-close{width:34px!important;height:34px!important;font-size:1.45rem!important;}
}

/* V12 final desktop safety: reserve space for modal close control. */
@media(min-width:861px){
  #admin-modal .portal-topbar{padding-right:4.25rem!important;}
  #admin-modal .portal-owner{min-width:118px;justify-self:end;}
}

/* =========================================================
   V12 READY — visual stabilization pass
   ========================================================= */
.stacked-heading{display:grid!important;gap:.08em!important;align-items:start!important;overflow:visible!important}
.stacked-heading>span{display:block!important;line-height:1.06!important;overflow:visible!important;padding:.04em 0!important;margin:0!important}
.hero-copy h1{display:grid!important;gap:.08em!important;overflow:visible!important}
.hero-copy h1>span{display:block!important;line-height:1.04!important;padding:.03em 0!important}
.center-heading,.about-copy,.menu-heading,.special-copy,.weekly-title,.truck-copy,.contact-main,.footer-copy{overflow:visible!important}
.section{overflow-x:clip!important;overflow-y:visible!important}
.top-brush,.about-brush,.menu-brush,.truck-brush{z-index:3!important}
.truck-visual{display:grid!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:1rem!important;min-height:0!important}
.truck-visual .truck-brush{position:relative!important;right:auto!important;top:auto!important;justify-self:end!important;max-width:min(520px,90%)!important;margin:0 1rem 0 auto!important}
.truck-visual img{position:relative!important;z-index:1!important;max-height:520px!important;object-fit:contain!important;object-position:center!important}
.contact-ribbon,.service-ribbon,.special-bottom,.order-ribbon,.truck-ribbon{align-items:center!important}
.contact-ribbon>*,.service-ribbon>*,.special-bottom>*,.order-ribbon>*,.truck-ribbon>*{min-width:0!important;overflow-wrap:anywhere!important}
.portal-panel{overflow:hidden!important}
.portal-app{height:min(90vh,920px)!important;min-height:620px!important}
.portal-content{overflow:auto!important;overscroll-behavior:contain!important}
.portal-view{min-width:0!important}
.portal-dashboard-grid,.portal-dashboard-bottom,.portal-split-layout,.v12-orders-workspace{min-width:0!important}
.portal-stat-card,.portal-card,.portal-form-card,.v12-menu-card,.v12-special-card,.v12-flyer-card,.v12-customer-card{min-width:0!important;overflow:hidden!important}
.portal-title-wrap,.portal-owner,.portal-global-search{min-width:0!important}
.portal-title-wrap h2,.portal-title-wrap p{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.portal-owner{padding-right:2.2rem!important}
.portal-close{z-index:50!important}
.v12-orders-workspace .order-row{overflow:hidden!important}
.order-row-summary,.order-row-phone,.detail-field strong,.detail-item span{overflow-wrap:anywhere!important;white-space:normal!important}
.portal-form input,.portal-form textarea,.portal-form select,.portal-business-form input{max-width:100%!important;min-width:0!important}

@media(max-width:1180px){
  .portal-app{height:92vh!important}.portal-content{overflow:auto!important}
  .truck-grid{grid-template-columns:1fr!important}.truck-visual{max-width:780px;margin-inline:auto!important}
}
@media(max-width:860px){
  .portal-panel{width:96vw!important;height:94vh!important;max-height:94vh!important;border-radius:16px!important}
  .portal-app{height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr)!important}
  .portal-main{min-height:0!important;overflow:hidden!important}.portal-content{min-height:0!important;overflow:auto!important}
  .portal-nav{padding-bottom:.2rem!important;scrollbar-width:thin}
  .portal-owner{padding-right:2.6rem!important}
  .truck-visual .truck-brush{justify-self:center!important;margin:0 auto!important;max-width:96%!important}
}
@media(max-width:560px){
  .portal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .portal-topbar{position:sticky!important;top:0!important;z-index:20!important;background:#fff!important}
  .portal-sidebar{position:sticky!important;top:0!important;z-index:21!important;background:#0d0e12!important}
  .portal-nav .admin-tab{min-height:40px!important}
  .portal-kpi-grid{grid-template-columns:1fr!important}
  .portal-food-grid,.v12-flyer-grid{grid-template-columns:1fr!important}
  .portal-dashboard-bottom{grid-template-columns:1fr!important}
  .v12-orders-workspace .orders-list{max-height:none!important}
  .portal-owner{padding-right:2.3rem!important}
  .portal-global-search{height:38px!important}
  .portal-content{padding:.6rem!important}
  .truck-visual img{max-height:330px!important}
  .top-brush{justify-self:center!important;margin:.4rem auto!important}
  .hero-copy h1,.center-heading h2,.about-copy h2,.menu-heading h2,.truck-copy h2,.contact-main h2,.footer-copy h2{max-width:100%!important}
}
@media(max-width:390px){
  .portal-nav .admin-tab{padding:.5rem .58rem!important;font-size:.68rem!important}
  .portal-title-wrap p{display:none!important}
  .portal-title-wrap h2{font-size:.95rem!important}
  .portal-owner img{width:32px!important;height:32px!important}
  .portal-close{width:34px!important;height:34px!important}
}


/* =========================================================
   V13 PRODUCTION CLEANUP + CUSTOMER ORDER EXPERIENCE
   ========================================================= */
.stacked-heading{display:grid!important;gap:.08em!important;overflow:visible!important}
.stacked-heading>span{display:block!important;max-width:100%;overflow:visible!important}
.section,.shell,.hero-grid,.about-grid,.service-grid,.contact-grid,.truck-grid{min-width:0}
img{max-width:100%}
.portal-empty-state{min-height:170px;display:grid;place-items:center;text-align:center;color:#868690;padding:1.4rem}.portal-empty-state span{font-size:2rem;color:#ff0f8f}.portal-empty-state strong,.portal-empty-state small{display:block}.portal-empty-state strong{color:#202026;margin-top:.25rem}.portal-empty-state small{max-width:290px}

.v13-order-experience{position:relative;background:radial-gradient(circle at 78% 8%,rgba(255,15,143,.16),transparent 30%),radial-gradient(circle at 14% 18%,rgba(255,196,50,.1),transparent 25%),#070709;overflow:hidden}
.v13-order-experience:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 68%);pointer-events:none}
.v13-order-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:2.4rem;align-items:center;margin-bottom:1.4rem;padding:1.2rem 0 1.8rem}
.v13-order-hero-copy{min-width:0}.v13-order-hero-copy h2{margin:.25rem 0 .85rem;font-size:clamp(3.5rem,6vw,6.6rem)}.v13-order-hero-copy>p:not(.micro){max-width:720px;color:#d8d8dc;font-size:1.02rem;line-height:1.65}
.v13-order-hero-media{position:relative;min-width:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 80px rgba(0,0,0,.5)}.v13-order-hero-media img{width:100%;height:440px;object-fit:cover;display:block}.v13-order-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.72))}
.v13-order-badge{position:absolute;z-index:2;left:22px;bottom:20px;background:rgba(6,6,8,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,196,50,.48);border-radius:15px;padding:.8rem 1rem;color:#fff}.v13-order-badge strong{display:block;color:var(--gold);font-size:1rem}.v13-order-badge span{font-size:.75rem;color:#dedee2}
.v13-order-flow{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1.25rem}.v13-order-flow div{display:flex;align-items:center;gap:.45rem;padding:.52rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#101013;color:#fff;font-weight:800;font-size:.76rem}.v13-order-flow b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pink);font-size:.68rem}.v13-order-flow i{color:var(--gold);font-style:normal}
.v13-order-notice{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr;gap:.9rem;align-items:center;margin:0 0 1.25rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(255,196,50,.42);background:linear-gradient(110deg,rgba(255,196,50,.09),rgba(255,15,143,.05))}.v13-order-notice-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--gold);color:#101010;font-size:1.45rem;font-weight:950}.v13-order-notice strong{display:block;color:#fff;font-size:1rem}.v13-order-notice p{margin:.25rem 0 0;color:#cfcfd5;line-height:1.45;font-size:.86rem}
.v13-order-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);gap:1.2rem}.v13-order-menu-panel,.v13-checkout-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(20,20,24,.98),rgba(8,8,10,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}.v13-order-menu-panel{padding:1.15rem!important}.v13-checkout-card{padding:1.15rem!important;position:sticky!important;top:100px!important;border-color:rgba(255,15,143,.4)!important}
.v13-panel-head{padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.95rem}.v13-panel-head>div{min-width:0}.v13-panel-head h3{margin:.08rem 0;color:#fff;font-size:1.25rem}.v13-panel-head p{margin:.18rem 0 0;color:#92929b;font-size:.72rem}.v13-clear{border-color:rgba(255,255,255,.2)!important;background:#15151a!important;color:#ddd!important}
.order-choice-group-title{font-size:1.9rem!important;margin:.25rem 0 .7rem!important}.order-choice-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.order-choice{grid-template-columns:118px 1fr!important;gap:.8rem!important;padding:.72rem!important;min-height:126px!important;background:linear-gradient(135deg,#121216,#0a0a0d)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:17px!important;transition:.18s ease}.order-choice:hover{transform:translateY(-2px);border-color:rgba(255,15,143,.45)!important;box-shadow:0 14px 28px rgba(0,0,0,.24)}.order-choice img{width:118px!important;height:104px!important;border-radius:12px!important}.order-choice-copy h4{font-size:1rem!important;line-height:1.2}.order-choice-copy p{font-size:.76rem!important;color:#a9a9b1!important}.order-choice-meta strong{font-size:1.05rem;color:var(--gold)!important}.qty-control button{background:#1b1b20!important}.qty-control button:hover{background:var(--pink)!important}.qty-control input{background:#09090b!important}
.v13-customer-fields{gap:.65rem!important}.v13-customer-fields label{color:#a8a8af!important;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.06em}.v13-customer-fields label>span{display:block}.v13-customer-fields input,.v13-customer-fields select,.v13-customer-fields textarea{margin-top:.22rem;background:#121217!important;border:1px solid #34343c!important;border-radius:11px!important;padding:.78rem .82rem!important;font-size:.88rem!important;color:#fff!important;text-transform:none;letter-spacing:0}.v13-customer-fields input:focus,.v13-customer-fields select:focus,.v13-customer-fields textarea:focus{outline:0;border-color:var(--pink)!important;box-shadow:0 0 0 3px rgba(255,15,143,.12)}
.v13-order-summary{margin:1rem 0!important;border-radius:15px!important;background:linear-gradient(135deg,#0b0b0e,#121016)!important}.v13-order-summary .eyebrow{display:block;color:var(--gold);font-size:.6rem;letter-spacing:.12em}.v13-order-summary h4{margin:.12rem 0 0}.v13-confirm{padding:.65rem .75rem;border-radius:11px;background:#101014;border:1px solid rgba(255,255,255,.09)}.v13-submit-order{min-height:52px;font-size:.92rem!important;box-shadow:0 12px 30px rgba(255,15,143,.22)}
.v13-payment-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.42rem;margin-top:.65rem}.v13-payment-row span{display:flex;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;border-radius:9px;background:#101014;color:#babac1;font-size:.68rem;border:1px solid rgba(255,255,255,.08)}.v13-payment-row b{color:var(--gold)}
.order-success{padding:1rem!important;border-radius:14px!important}.order-success strong{font-size:1rem}

@media(max-width:1100px){.v13-order-hero{grid-template-columns:1fr 1fr}.v13-order-grid{grid-template-columns:1fr}.v13-checkout-card{position:relative!important;top:auto!important}.order-choice-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.v13-order-hero{grid-template-columns:1fr;gap:1rem}.v13-order-hero-copy h2{font-size:clamp(3.1rem,13vw,5rem)}.v13-order-hero-media img{height:310px}.v13-order-flow{gap:.35rem}.v13-order-flow i{display:none}.v13-order-notice{grid-template-columns:44px 1fr}.v13-order-notice-icon{width:44px;height:44px}.order-choice-group-grid{grid-template-columns:1fr!important}.order-choice{grid-template-columns:96px 1fr!important;min-height:112px!important}.order-choice img{width:96px!important;height:90px!important}.v13-payment-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:430px){.v13-order-experience{padding-top:2.8rem!important}.v13-order-hero-copy h2{font-size:clamp(2.8rem,14vw,4.1rem)}.v13-order-hero-media img{height:250px}.v13-order-badge{left:12px;right:12px;bottom:12px}.v13-order-flow div{font-size:.68rem;padding:.42rem .55rem}.v13-order-menu-panel,.v13-checkout-card{padding:.72rem!important;border-radius:16px!important}.order-choice{grid-template-columns:82px 1fr!important;padding:.55rem!important}.order-choice img{width:82px!important;height:78px!important}.order-choice-copy p{display:none!important}.qty-control{grid-template-columns:27px 34px 27px!important}.qty-control button{width:27px!important;height:29px!important}.qty-control input{width:34px!important;height:29px!important}.v13-payment-row{grid-template-columns:1fr}.v13-order-notice{padding:.8rem}.v13-order-notice p{font-size:.75rem}}

/* =========================================================
   V14 technical acceptance pass
   Persistent mobile portal navigation + control affordances
   ========================================================= */
.portal-owner{
  border:0;
  background:transparent;
  color:inherit;
  padding:.2rem .35rem;
  border-radius:10px;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.portal-owner:hover,.portal-owner:focus-visible{background:#f4f4f6;outline:0}
.portal-mobile-dock{display:none}
.danger-link{color:#b42318!important;border-color:rgba(180,35,24,.25)!important}
.danger-link:hover{background:#fff0ee!important}
.v12-menu-card[hidden]{display:none!important}

/* Make all portal controls visibly interactive. */
#admin-modal button:not(:disabled),
#admin-modal select,
#admin-modal input[type="checkbox"],
#admin-modal input[type="file"]{cursor:pointer}
#admin-modal button:focus-visible,
#admin-modal input:focus-visible,
#admin-modal select:focus-visible,
#admin-modal textarea:focus-visible{outline:3px solid rgba(255,15,143,.22);outline-offset:2px}

@media(max-width:640px){
  #admin-modal .v12-admin-shell{position:relative!important}
  .portal-main{position:relative!important}
  .portal-sidebar{display:none!important}
  .portal-app{grid-template-rows:1fr!important}
  .portal-mobile-dock{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:80;
    padding:.35rem .45rem calc(.35rem + env(safe-area-inset-bottom));
    gap:.28rem;
    background:rgba(11,12,15,.98);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -12px 32px rgba(0,0,0,.18);
    backdrop-filter:blur(16px);
  }
  .portal-mobile-dock button{
    min-width:0;
    min-height:42px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#ddd;
    display:grid;
    place-items:center;
    align-content:center;
    gap:.05rem;
    padding:.24rem .1rem;
    font-family:'DM Sans',sans-serif;
  }
  .portal-mobile-dock button span{font-size:1rem;line-height:1;color:#e2b348}
  .portal-mobile-dock button small{font-size:.58rem;line-height:1.05;font-weight:800;white-space:nowrap}
  .portal-mobile-dock button.active{background:linear-gradient(135deg,#ff0f8f,#ee1686);color:#fff}
  .portal-mobile-dock button.active span{color:#fff}
  .portal-content{padding-bottom:116px!important}
}

@media(max-width:390px){
  .portal-mobile-dock{gap:.2rem;padding-left:.3rem;padding-right:.3rem}
  .portal-mobile-dock button{min-height:40px;border-radius:8px}
  .portal-mobile-dock button small{font-size:.54rem}
  .portal-content{padding-bottom:112px!important}
}

.v14-flyer-placeholder{height:240px;display:grid;place-items:center;align-content:center;gap:.35rem;text-align:center;padding:1rem;background:linear-gradient(135deg,#fff4fa,#fff9eb);color:#24242a;border-bottom:1px solid #ececf0}.v14-flyer-placeholder span{font-size:2rem;color:#ff0f8f}.v14-flyer-placeholder small{color:#7a7d85}

/* =========================================================
   V14.5 Guided Help
   ========================================================= */


.lv-tutorial-spotlight{position:fixed;z-index:9000;border:3px solid #ff0f8f;border-radius:16px;box-shadow:0 0 0 9999px rgba(4,5,8,.70),0 0 0 6px rgba(255,15,143,.17);pointer-events:none;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}
.lv-tutorial-card,.lv-help-card{position:fixed;z-index:9010;width:min(390px,calc(100vw - 28px));background:#fff;color:#18191d;border:1px solid #ececf0;border-radius:18px;padding:1.15rem 1.15rem 1rem;box-shadow:0 22px 70px rgba(0,0,0,.36);font-family:"DM Sans",sans-serif}.lv-tutorial-card{right:24px;bottom:24px}.lv-help-card{left:50%;top:50%;transform:translate(-50%,-50%)}.lv-tutorial-card[hidden],.lv-help-card[hidden],.lv-tutorial-spotlight[hidden]{display:none!important}.lv-tutorial-close{position:absolute;top:.65rem;right:.7rem;width:34px;height:34px;border:0;border-radius:50%;background:#f2f2f5;color:#17181c;font-size:1.3rem;cursor:pointer}.lv-tutorial-eyebrow{font-size:.66rem;letter-spacing:.12em;font-weight:900;color:#ff0f8f;padding-right:2.5rem}.lv-tutorial-card h3,.lv-help-card h3{font:800 1.28rem/1.15 "DM Sans",sans-serif;margin:.55rem 0 .42rem}.lv-tutorial-card p,.lv-help-card p{font-size:.84rem;line-height:1.55;color:#565861;margin:0 0 .95rem}.lv-tutorial-progress{display:flex;align-items:center;gap:.65rem;margin:.65rem 0 .2rem}.lv-tutorial-progress>span{font-size:.67rem;font-weight:800;color:#73757d;white-space:nowrap}.lv-tutorial-progress>div{height:5px;background:#ededf1;flex:1;border-radius:99px;overflow:hidden}.lv-tutorial-progress i{display:block;height:100%;background:#ff0f8f;border-radius:inherit;transition:width .2s ease}.lv-tutorial-actions{display:grid;grid-template-columns:auto auto 1fr;gap:.45rem}.lv-tutorial-primary,.lv-tutorial-secondary{border:0;border-radius:9px;padding:.7rem .8rem;font:800 .72rem/1 "DM Sans",sans-serif;cursor:pointer}.lv-tutorial-primary{background:#ff0f8f;color:#fff}.lv-tutorial-primary.wide{width:100%}.lv-tutorial-secondary{background:#f1f1f4;color:#34353b}.lv-tutorial-secondary:disabled{opacity:.4;cursor:not-allowed}
.portal-help-launch{border:1px solid #dedee4;background:#fff;color:#25262b;border-radius:999px;padding:.48rem .7rem;font:800 .68rem/1 "DM Sans",sans-serif;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.portal-help-launch:hover,.portal-help-launch:focus-visible{border-color:#ff0f8f;color:#ff0f8f;outline:0}.portal-nav .admin-tab{padding-right:2.25rem!important}.portal-nav-help{position:absolute;right:.42rem;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff!important;font:900 .65rem/1 "DM Sans",sans-serif!important;cursor:help;z-index:3}.portal-nav-help:hover,.portal-nav-help:focus-visible{background:#fff;color:#ff0f8f!important;outline:0}.portal-nav .admin-tab[data-admin-tab="orders"] .portal-nav-badge{margin-right:1.45rem}
.portal-mobile-dock button{position:relative}.portal-mobile-dock .portal-nav-help.mobile-help{top:4px;right:4px;transform:none;width:16px;height:16px;font-size:.52rem!important;background:#25262c;border-color:#45464d}.portal-mobile-dock button.active .portal-nav-help.mobile-help{background:#fff;color:#ff0f8f!important;border-color:#fff}
@media(max-width:900px){.lv-tutorial-card{right:14px;bottom:14px}.portal-help-launch span{display:none}.portal-help-launch{width:34px;height:34px;padding:0;justify-content:center}.portal-topbar{column-gap:.45rem!important}}
@media(max-width:640px){.lv-tutorial-card{left:10px;right:10px;bottom:10px;width:auto}.lv-help-card{width:calc(100vw - 20px)}.lv-tutorial-actions{grid-template-columns:1fr 1fr}.lv-tutorial-primary{grid-column:1/-1;grid-row:1}.lv-tutorial-secondary{grid-row:2}.portal-mobile-dock button{padding-top:.62rem!important}.portal-mobile-dock .portal-nav-help.mobile-help{display:grid!important}.portal-topbar .portal-help-launch{margin-right:2.35rem}}

/* V14.5 portal topbar placement with Help control */
@media(min-width:1181px){
  #admin-modal .portal-topbar{grid-template-columns:minmax(270px,1fr) minmax(270px,420px) auto auto auto!important}
}
@media(min-width:861px) and (max-width:1180px){
  #admin-modal .portal-topbar{grid-template-columns:minmax(220px,1fr) minmax(220px,330px) auto auto!important}
  #admin-modal .portal-help-launch{grid-column:3;grid-row:1}
  #admin-modal .portal-owner{grid-column:4;grid-row:1}
}
@media(max-width:860px){
  #admin-modal .portal-title-wrap{grid-column:1;grid-row:1}
  #admin-modal .portal-help-launch{grid-column:2;grid-row:1;justify-self:end;margin-right:2.35rem}
  #admin-modal .portal-owner{display:none!important}
  #admin-modal .portal-global-search{grid-column:1/-1;grid-row:2}
}

/* =========================================================
   V15 — persistent navigation + technical polish
   One authoritative navigation layer after earlier responsive passes.
   ========================================================= */
html{scroll-padding-top:112px}
body{padding-top:95px}
.section[id]{scroll-margin-top:112px}

/* The public header is now truly fixed. Earlier sticky rules allowed the
   header to drift partially above the viewport while scrolling. */
.topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:180!important;
  transform:none!important;
}

/* Always-available mobile quick navigation. */
.mobile-site-dock{display:none}

.order-error{
  border-color:rgba(255,91,114,.55)!important;
  color:#ffdbe1!important;
  background:rgba(255,91,114,.08)!important;
}
.order-sending{
  margin-top:.8rem;
  border:1px solid rgba(255,196,50,.42);
  border-radius:12px;
  padding:.8rem 1rem;
  color:#fff1c7;
  background:rgba(255,196,50,.08);
  font-size:.85rem;
}
#customer-order-form button[type="submit"]:disabled{opacity:.68;cursor:wait;transform:none!important}

/* Honest dashboard affordances: the range badge is informational, not a fake dropdown. */
.portal-select-pill{cursor:default!important;pointer-events:none!important}

@media(max-width:900px){
  html{scroll-padding-top:86px}
  body{padding-top:72px;padding-bottom:72px}
  .section[id]{scroll-margin-top:86px}

  .topbar{height:72px!important;min-height:72px!important}
  .nav-shell{
    height:72px!important;
    min-height:72px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:72px!important;
    gap:.45rem!important;
    align-items:center!important;
    position:relative!important;
  }
  .logo-link.brand-lockup{grid-column:1!important;grid-row:1!important;height:72px!important;align-items:center!important}
  .brand-photo{width:50px!important;height:50px!important;flex-basis:50px!important}
  .brand-words strong{font-size:1.42rem!important}
  .brand-words small{font-size:.68rem!important}
  .nav-right{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-self:end!important;
    padding:0!important;
    gap:.35rem!important;
  }
  .nav-right .social-row{display:none!important}
  .nav-right>.pill{
    width:auto!important;
    min-width:0!important;
    min-height:38px!important;
    padding:.48rem .72rem!important;
    font-size:.95rem!important;
    white-space:nowrap!important;
  }
  .nav-toggle{
    display:block!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:42px!important;
    height:42px!important;
    padding:.45rem!important;
    border-radius:10px!important;
  }
  .nav-toggle:hover,.nav-toggle:focus-visible{background:rgba(255,255,255,.08);outline:2px solid rgba(255,15,143,.45)}
  .main-nav{
    display:none!important;
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:.45rem!important;
    grid-column:auto!important;
    grid-row:auto!important;
    background:rgba(5,5,7,.99)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-top:1px solid rgba(255,15,143,.35)!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:0 22px 45px rgba(0,0,0,.42)!important;
    max-height:calc(100dvh - 88px)!important;
    overflow:auto!important;
    z-index:190!important;
  }
  .main-nav.open{display:grid!important;grid-template-columns:1fr 1fr!important}
  .main-nav a{padding:.78rem .7rem!important;border-radius:9px!important;border-bottom:0!important}
  .main-nav a.active{background:rgba(255,15,143,.12)!important}

  .mobile-site-dock{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:170;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:2px;
    min-height:64px;
    padding:5px 5px calc(5px + env(safe-area-inset-bottom));
    background:rgba(8,9,12,.98);
    border-top:1px solid rgba(255,255,255,.13);
    box-shadow:0 -12px 34px rgba(0,0,0,.32);
    backdrop-filter:blur(16px);
  }
  .mobile-site-dock a{
    min-width:0;
    min-height:52px;
    border-radius:10px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:1px;
    color:#d9d9dd;
    font-family:'DM Sans',sans-serif;
    text-align:center;
    transition:.16s ease;
  }
  .mobile-site-dock a span{font-size:1rem;line-height:1;color:var(--gold)}
  .mobile-site-dock a small{font-size:.56rem;line-height:1;font-weight:800;white-space:nowrap}
  .mobile-site-dock a.active,.mobile-site-dock a[aria-current="page"]{background:#272831;color:#fff}
  .mobile-site-dock a.active span,.mobile-site-dock a[aria-current="page"] span{color:#fff}
  .mobile-site-dock .mobile-site-order{background:linear-gradient(135deg,#ff0f8f,#e9137f);color:#fff}
  .mobile-site-dock .mobile-site-order span{color:#fff}

  /* Keep tutorial controls above the persistent site navigation. */
  .lv-tutorial-card{bottom:calc(76px + env(safe-area-inset-bottom))!important}
}

@media(max-width:640px){
  /* Owner Access behaves like an app: header, scrollable content, persistent dock. */
  #admin-modal .v12-admin-shell{
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  #admin-modal .portal-app{height:100%!important;min-height:0!important}
  #admin-modal .portal-main{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    position:relative!important;
  }
  #admin-modal .portal-topbar{
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
  }
  #admin-modal .portal-content{
    grid-row:2!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:.7rem!important;
    scroll-padding-top:12px!important;
  }
  #admin-modal .portal-mobile-dock{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    z-index:30!important;
    flex:0 0 auto!important;
    padding:.38rem .42rem calc(.38rem + env(safe-area-inset-bottom))!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.18)!important;
  }
  #admin-modal .portal-close{position:absolute!important;top:8px!important;right:8px!important}
  #admin-modal .portal-help-launch{margin-right:2.8rem!important}

  /* Editor actions should never open below a hidden scroll position. */
  #admin-modal .portal-form-card{scroll-margin-top:12px!important}

  /* Public tutorial card must clear the bottom website dock. */
  .lv-tutorial-card{left:10px!important;right:10px!important;width:auto!important}
}

@media(max-width:430px){
  .brand-words strong{font-size:1.28rem!important}
  .brand-words small{font-size:.62rem!important}
  .nav-right>.pill{padding:.44rem .58rem!important;font-size:.86rem!important}
  .mobile-site-dock a small{font-size:.52rem}
  .mobile-site-dock a span{font-size:.95rem}
}

@media(max-width:350px){
  .brand-photo{width:44px!important;height:44px!important;flex-basis:44px!important}
  .brand-words strong{font-size:1.13rem!important}
  .brand-words small{display:none!important}
  .nav-right>.pill span{display:none!important}
  .nav-right>.pill{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important}
  .mobile-site-dock a small{font-size:.48rem}
}

/* V15: real website contact messages in Owner Dashboard */
.v15-message-list{display:grid;gap:.7rem}.v15-message-item{padding:.85rem 0;border-bottom:1px solid rgba(18,18,18,.09)}.v15-message-item:last-child{border-bottom:0}.v15-message-item>div{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.v15-message-item strong{font-size:.9rem}.v15-message-item span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#e3007c;background:#fff0f8;border-radius:999px;padding:.25rem .45rem}.v15-message-item p{margin:.38rem 0;color:#4c4c4c;font-size:.82rem;line-height:1.45}.v15-message-item small{color:#777;font-size:.7rem}.empty-panel.compact{min-height:150px;padding:1rem}.status.error{color:#b42318!important;font-weight:800}.portal-message-card{min-width:0}

/* V15 mobile interaction safe zone: fixed navigation must never cover form controls. */
@media(max-width:900px){
  html{scroll-padding-bottom:88px!important}
  body{scroll-padding-bottom:88px!important}
  main input,main select,main textarea,main button,main a,
  .contact-form input,.contact-form select,.contact-form textarea,.contact-form button,
  .customer-order-form input,.customer-order-form select,.customer-order-form textarea,.customer-order-form button{
    scroll-margin-bottom:96px!important;
  }
}
@media(max-width:640px){
  #admin-modal .portal-content{scroll-padding-bottom:118px!important}
  #admin-modal .portal-content input,#admin-modal .portal-content select,#admin-modal .portal-content textarea,#admin-modal .portal-content button{
    scroll-margin-bottom:118px!important;
  }
  body:has(#admin-modal.open) .lv-tutorial-card{bottom:calc(112px + env(safe-area-inset-bottom))!important}
}


/* V16 launch pass */
.portal-filter-row{
  display:flex;
  gap:.45rem;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  padding-bottom:.35rem;
  scroll-snap-type:x proximity;
}
.portal-filter-row .filter-chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
.payment-policy-card{
  margin:1rem 0 .7rem;
  padding:1rem;
  border:1px solid rgba(227,0,124,.18);
  border-radius:18px;
  background:linear-gradient(135deg,#fff8fc,#fff);
  display:grid;
  grid-template-columns:46px 1fr;
  gap:.85rem;
  align-items:start;
  box-shadow:0 10px 26px rgba(35,20,29,.06);
}
.payment-policy-icon{
  width:46px;height:46px;border-radius:14px;background:#111;color:#fff;
  display:grid;place-items:center;font-weight:900;font-size:1.1rem;
}
.payment-policy-card h4{margin:.15rem 0 .25rem;font-size:1.1rem}
.payment-policy-card p{margin:.2rem 0;color:#555;line-height:1.5}
.payment-policy-details{display:grid;gap:.18rem;margin-top:.55rem}
.payment-policy-details strong{color:#151515}
.payment-policy-details span{font-size:.82rem;color:#6d6d6d}
.payment-policy-ack[hidden]{display:none!important}
.payment-policy-settings textarea{min-height:96px}
.payment-policy-snapshot{background:#fff8fc;border:1px solid rgba(227,0,124,.16);border-radius:14px;padding:.9rem!important}
.public-empty-state{
  grid-column:1/-1;
  min-height:150px;
  border:1px dashed rgba(255,255,255,.24);
  border-radius:18px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.35rem;
  text-align:center;
  padding:1.2rem;
}
.public-empty-state strong{font-size:1rem}
.public-empty-state span{font-size:.8rem;opacity:.78}
.portal-form small.muted{display:block;margin-top:.25rem;font-size:.68rem;color:#777}
@media(max-width:640px){
  .portal-filter-row{margin-inline:-.15rem;padding-inline:.15rem}
  .payment-policy-card{grid-template-columns:38px 1fr;padding:.85rem;border-radius:15px}
  .payment-policy-icon{width:38px;height:38px;border-radius:12px}
}

/* Public tutorial is intentionally removed in V16. Owner tutorial styles remain. */


.payment-confirm-panel{width:min(620px,calc(100vw - 28px));padding:1.35rem}
.payment-confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.payment-confirm-summary>div,.payment-confirm-methods>div{border:1px solid rgba(18,18,18,.1);border-radius:14px;padding:.8rem;background:#fff}
.payment-confirm-summary span,.payment-confirm-methods span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#777;font-weight:800}
.payment-confirm-summary strong,.payment-confirm-methods strong{display:block;margin-top:.18rem;font-size:1rem}
.payment-confirm-summary .required-payment{background:#111;color:#fff;border-color:#111}
.payment-confirm-summary .required-payment span{color:#f1b93e}
.payment-confirm-message{background:#fff8fc;border:1px solid rgba(227,0,124,.16);border-radius:16px;padding:1rem;margin:.7rem 0}
.payment-confirm-message p{margin:.45rem 0 0;color:#555;line-height:1.45}
.payment-confirm-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.7rem 0}
.payment-confirm-foot{font-size:.8rem;color:#666;line-height:1.5}
@media(max-width:640px){
  .payment-confirm-summary,.payment-confirm-methods{grid-template-columns:1fr}
  .payment-confirm-panel{max-height:calc(100dvh - 24px);overflow:auto}
}

/* V16.2 expanded menu + transfer controls */
.category-grid-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.category-grid-expanded .category-card{min-height:210px}
.category-grid-expanded .category-card img{height:148px;object-fit:cover}
.menu-row-with-image{display:grid!important;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:1rem}
.menu-row-thumb{width:78px;height:72px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,196,50,.25)}
.import-backup-button{display:inline-flex;align-items:center;justify-content:center;margin-top:.65rem;cursor:pointer;text-align:center}
@media(max-width:1000px){.category-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.category-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.category-grid-expanded .category-card{min-height:170px}.category-grid-expanded .category-card img{height:112px}.menu-row-with-image{grid-template-columns:64px minmax(0,1fr) auto}.menu-row-thumb{width:64px;height:60px}}
@media(max-width:390px){.category-grid-expanded{grid-template-columns:1fr 1fr}.category-grid-expanded .category-card b{font-size:.9rem}}