:root{--pink:#ff2e8a;--hot:#e0006e;--blush:#ffe3ef;--ink:#2a0a1a;--cream:#fff8f3;--lime:#c7f464}
*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.1;margin:0 0 .5em}
.script{font-family:"Brush Script MT","Segoe Script",cursive;font-weight:400}
a{color:var(--hot)}img{max-width:100%}
nav{position:sticky;top:0;z-index:20;background:var(--pink);display:flex;align-items:center;gap:14px;padding:8px 16px;color:#fff}
nav img{height:40px;border-radius:8px}nav .links{display:none;gap:18px;margin-left:auto}nav .links a{color:#fff;text-decoration:none;font-weight:600;font-size:14px}
.cartbtn{margin-left:auto;background:#fff;color:var(--hot);border:0;border-radius:99px;padding:8px 14px;font-weight:700;cursor:pointer}
@media(min-width:900px){nav .links{display:flex}.cartbtn{margin-left:8px}}
.hero{background:radial-gradient(circle at 80% 20%,#ff7fb8,transparent 40%),var(--pink);color:#fff;padding:40px 20px 60px;display:grid;gap:24px;align-items:center}
.hero img{width:min(320px,80%);border-radius:28px;box-shadow:0 20px 50px #0004;transform:rotate(-3deg);justify-self:center}
.hero h1{font-size:clamp(40px,8vw,84px)}.hero p{font-size:18px;max-width:540px}
.badge{display:inline-block;background:#fff;color:var(--hot);border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px;margin:0 6px 6px 0}
.btn{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:14px 22px;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px}
.btn.alt{background:#fff;color:var(--hot)}
@media(min-width:900px){.hero{grid-template-columns:1.2fr 1fr;padding:80px 8vw}}
section{padding:56px 20px;max-width:1180px;margin:auto}section h2{font-size:clamp(30px,5vw,48px)}
.eyebrow{color:var(--hot);font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:#fff;border:2px solid var(--blush);border-radius:20px;padding:18px;display:flex;flex-direction:column}
.card .ph{aspect-ratio:4/3;border-radius:14px;background:repeating-linear-gradient(45deg,var(--blush),var(--blush) 10px,#fff 10px,#fff 20px);display:grid;place-items:center;color:var(--hot);font-size:12px;font-weight:700;margin-bottom:12px;text-align:center}
.price{font-weight:800;color:var(--hot);font-size:18px}.tbc{font-size:12px;color:#a05}
.card button{margin-top:auto}.add{background:var(--pink);color:#fff;border:0;border-radius:99px;padding:10px;font-weight:700;cursor:pointer}
.add:disabled{background:#ccc;cursor:not-allowed}
.band{background:var(--ink);color:#fff;max-width:none}.band>div{max-width:1180px;margin:auto}
.split{display:grid;gap:24px}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
form label{display:block;font-weight:600;font-size:14px;margin:10px 0 4px}
input,select,textarea{width:100%;padding:12px;border:2px solid var(--blush);border-radius:12px;font:inherit}
.pkg{display:grid;gap:12px}.pkg div{background:#fff1;border:2px solid var(--pink);border-radius:16px;padding:14px}
.note{font-size:12px;opacity:.75}.tag{background:var(--lime);color:var(--ink);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800}
blockquote{margin:0;background:#fff;border-left:6px solid var(--pink);padding:16px;border-radius:12px}
iframe{width:100%;height:320px;border:0;border-radius:18px}
#drawer{position:fixed;top:0;right:-440px;width:min(420px,100%);height:100%;background:#fff;z-index:50;transition:.3s;padding:20px;overflow:auto;box-shadow:-10px 0 40px #0003}
#drawer.open{right:0}.line{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--blush)}
.steps{display:flex;gap:6px}.steps span{flex:1;padding:8px 4px;text-align:center;border-radius:8px;background:var(--blush);font-size:12px}.steps span.on{background:var(--pink);color:#fff}
footer{background:var(--pink);color:#fff;text-align:center;padding:30px 20px;font-size:14px}
.demo{background:#fff3c4;color:#5a4200;text-align:center;font-size:12px;padding:6px}
.herofig{position:relative;justify-self:center;width:min(440px,92%)}
.hero .herofig img.truckhero{width:100%;height:auto;max-height:70vh;aspect-ratio:1;object-fit:cover;border-radius:28px;transform:rotate(2deg);box-shadow:0 20px 50px #0004;border:6px solid #fff}
.hero .herofig img.herologo{position:absolute;left:-14px;bottom:-18px;width:120px;border-radius:18px;border:4px solid #fff;transform:rotate(-6deg)}
.truckpic img{width:100%;max-height:300px;object-fit:cover;border-radius:18px;margin-bottom:14px;display:block}
.feature{background:var(--blush)!important}.feature img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block}
.herofig picture{display:block}
/* v3 food-truck redesign */
.hearts{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M28 40s-12-7-12-15a6 6 0 0 1 12-2 6 6 0 0 1 12 2c0 8-12 15-12 15z' fill='none' stroke='%23ff2e8a' stroke-opacity='.18' stroke-width='2'/%3E%3C/svg%3E")}
.hero2{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.hero2 picture{position:absolute;inset:0}.herobg{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero2:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2a0a1a10 20%,#c4005ecc 62%,#7a0040f2)}
.heroin{position:relative;z-index:2;padding:24px 20px 44px;max-width:1180px;width:100%;margin:auto}
.mega{font-family:Georgia,serif;font-weight:900;font-size:clamp(64px,17vw,190px);line-height:.86;letter-spacing:-.03em;margin:.12em 0 .18em;text-shadow:0 6px 30px #0006}
.lede{font-size:clamp(16px,2vw,20px);max-width:620px}.ctas .btn{margin:4px 6px 4px 0}
.hero2 .herologo{position:absolute;z-index:3;top:18px;right:18px;width:clamp(84px,12vw,140px);border-radius:18px;border:4px solid #fff;transform:rotate(6deg);box-shadow:0 10px 30px #0005}
.chips{display:flex;flex-wrap:wrap;gap:6px}.status{border-radius:99px;padding:6px 12px;font-weight:800;font-size:13px;background:#1f7a3a;color:#fff}.status.closed{background:#2a0a1a}
.marquee{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;font-weight:800;letter-spacing:.12em;font-size:14px;padding:12px 0}
.marquee div{display:inline-block;animation:mq 40s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee div{animation:none}}
.skip{text-align:center}.stepsrow{display:grid;gap:14px;margin:20px 0 24px;text-align:left}@media(min-width:800px){.stepsrow{grid-template-columns:repeat(3,1fr)}}
.stepsrow div{background:#fff;border:2px solid var(--pink);border-radius:20px;padding:18px}.stepsrow b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pink);color:#fff;font-size:18px}
.board{max-width:none;background:var(--ink);color:#fff}.board>*{max-width:1180px;margin-left:auto;margin-right:auto}
.board h2{font-size:clamp(40px,7vw,72px)}.board .sub{font-size:20px;color:#ff9cc7}.board h3{color:#ff9cc7;border-bottom:2px dashed #ff2e8a66;padding-bottom:6px}
.board .card{background:#3a1328;border:2px solid #ff2e8a55;color:#fff}.board .card h3{color:#fff;border:0}.board .price{color:#ff9cc7}.board .tbc{color:#ffb3d4}.board .note{color:#fff}
.board .card .ph{background:repeating-linear-gradient(45deg,#4a1a35,#4a1a35 10px,#3a1328 10px,#3a1328 20px);color:#ff9cc7}
.show{max-width:none;background-color:var(--blush)}.show>*{max-width:1180px;margin-left:auto;margin-right:auto}
.show .big{font-size:clamp(44px,8vw,96px);color:var(--hot)}.show .pkg div{background:#fff;color:var(--ink)}
.awning{height:22px;margin:-20px -20px 16px;background:repeating-linear-gradient(90deg,var(--pink) 0 28px,#fff 28px 56px);border-bottom:4px solid var(--hot)}
#drawer h2{font-family:Georgia,serif}
.mega{font-size:clamp(40px,10vw,114px);line-height:.95;white-space:nowrap}
.demo{background:#fff;color:#7a0040;border-bottom:1px solid var(--blush)}
.meals{font-size:18px;color:var(--hot);margin:6px 0 10px}.meals i{color:var(--ink);font-size:16px}
.hoursrow{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.hoursrow table td{padding:4px 14px 4px 0}
.hoursimg{width:200px;height:auto;border-radius:16px;box-shadow:0 10px 30px #e0006e33;display:block;transform:rotate(2deg)}
/* storefront hero */
.hero2 .herobg{object-position:15% 30%}
.hero2:after{background:linear-gradient(180deg,#2a0a1a00 0%,#2a0a1a00 38%,#b8005acc 62%,#6e003af5 100%)}
.hero2 .herologo{display:none}
@media(min-width:900px){
 .hero2{align-items:center}
 .hero2 .herobg{object-position:30% 40%}
 .hero2:after{background:linear-gradient(90deg,#2a0a1a00 0%,#2a0a1a00 34%,#b8005ab3 54%,#6e003af2 80%)}
 .heroin{margin:0 0 0 auto;max-width:none;width:56%;padding:40px 5vw 40px 2vw}
 .mega{font-size:clamp(56px,6.6vw,100px)}
}
@media(max-width:899px){
 .hero2{display:block;min-height:0;background:linear-gradient(180deg,#d1006a,#7a0040)}
 .hero2 picture{position:relative;display:block;height:300px}
 .hero2 .herobg{object-position:22% 35%}
 .hero2:after{display:none}
 .heroin{padding:22px 20px 36px}
}