:root{--deep:#14241d;--green:#294b37;--cream:#f8f5ed;--red:#c63d2f;--text:#1c2b22;--muted:#69786d;--border:#e4e8de;--shadow:0 17px 55px #1c302016;--round:23px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f1e9;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b8dbbb;outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(34px,5.5vw,57px);line-height:1.08}h2{font-size:clamp(28px,4.5vw,38px);line-height:1.13}h3{font-size:19px}p{line-height:1.6} [hidden]{display:none!important}.demo-ribbon{text-align:center;background:#f6ddae;color:#704316;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.035em}.app-shell{margin:auto;max-width:1080px;background:#fff;min-height:calc(100vh - 31px);box-shadow:0 0 60px #192c1911;display:flex;flex-direction:column}.topbar{min-height:86px;padding:16px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.identity{display:flex;align-items:center;gap:10px}.logo-icon{font-size:37px;line-height:1;color:var(--red);transform:rotate(-15deg)}.identity-name{font-size:22px;letter-spacing:-.065em;font-weight:950;line-height:1}.identity-name strong{color:var(--red)}.identity-name small{display:block;font-size:9px;color:#75847a;letter-spacing:.18em;margin-top:8px;font-weight:800}.top-actions{display:flex;gap:10px}.lang-mini,.basket-icon{border:1px solid #e1e6de;background:white;border-radius:11px;padding:9px 12px;font-weight:850;font-size:12px}.basket-icon{position:relative}.basket-icon span{font-size:11px;border-radius:20px;padding:2px 6px;background:var(--red);color:white}.progress-track{height:5px;background:#e9eee6}.progress-track>div{height:100%;width:0;background:var(--red);transition:width .25s}.main-area{width:100%;flex:1;padding:38px 42px 58px}.footbar{margin-top:auto;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:21px 42px;gap:16px;font-size:11px;font-weight:800;color:#768479;letter-spacing:.04em}.footbar a{color:var(--green);text-decoration:none}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:900;margin-bottom:11px}.hint{font-size:14px;color:var(--muted);line-height:1.7}.stage-title{max-width:660px}.stage-title h2{margin-bottom:12px}.stage-title .hint{margin-bottom:22px}.stepcounter{font-size:12px;color:#738176;font-weight:800;margin-bottom:13px}.intro-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;min-height:520px}.intro-grid h1 em{font-style:normal;color:var(--red)}.intro-grid .hint{margin-top:19px;font-size:15px;max-width:420px}.intro-art{min-height:385px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 49% 40%,#e9ead9 0,#f4f2e9 69%);border-radius:50%;aspect-ratio:1/1;overflow:hidden}.stamp{position:absolute;right:18px;bottom:36px;background:var(--red);color:white;border-radius:100px;width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:20px;font-weight:950;border:5px solid #fff;box-shadow:0 6px 20px #7e28202e}.stamp small{font-size:9px;letter-spacing:.08em}.language-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:31px}.language-card{border:2px solid #e3e7df;background:white;text-align:left;padding:19px 14px;border-radius:18px;min-height:118px;transition:transform .18s,border .18s,background .18s}.language-card:hover,.option-card:hover{transform:translateY(-3px);border-color:#94b9a0}.language-card .flag{display:block;font-size:27px;margin-bottom:11px}.language-card strong{font-size:14px;display:block}.language-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.language-card.active{border-color:var(--red);background:#fff8f4}.step-content{width:min(100%,840px);margin:0 auto}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:26px 0}.option-card{border:2px solid var(--border);text-align:left;border-radius:var(--round);background:#fff;padding:26px;min-height:196px;display:flex;flex-direction:column;gap:11px;transition:transform .18s,border .18s,background .18s}.option-card.selected{border-color:var(--green);background:#f2f8f2}.option-card .icon{font-size:38px}.option-card h3{font-size:24px}.option-card p{font-size:13px;color:var(--muted)}.option-card b{font-size:14px;color:var(--red);margin-top:auto}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:31px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;min-height:48px;padding:13px 22px;text-decoration:none;font-weight:900;border:1px solid transparent;font-size:14px;transition:transform .1s,opacity .1s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff}.btn-dark{background:var(--green);color:white}.btn-muted{background:#f2f4ef;border-color:#e5e9df;color:var(--green)}.btn-link{background:white;color:var(--green);border-color:#e3e8de}.btn-full{width:100%}.split{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.section-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 6px 25px #22362207}.sticky-aside{position:sticky;top:24px}.price-card{border:1px solid #e4e9dd;border-radius:20px;padding:19px;background:#f8f9f4}.price-card .art-small{background:radial-gradient(circle,#fff1d9,#f3eee2);height:190px;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.price-card .pizza-circle{width:165px;height:165px}.price-card .info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-top:17px;color:var(--muted)}.price-card strong{color:var(--green);font-size:22px}.group-label{font-weight:900;font-size:15px;margin:18px 0 10px}.microcopy{font-size:12px;color:#68766c;line-height:1.55;margin:8px 0 16px}.flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flavor-card{border:1.5px solid var(--border);border-radius:14px;background:white;display:flex;align-items:center;gap:10px;padding:11px;text-align:left;min-height:84px}.flavor-card.is-selected{border-color:var(--green);background:#f1f7ef}.flavor-card .pizza-circle{width:58px;height:58px;flex-shrink:0}.flavor-card strong{display:block;font-size:13px;line-height:1.25}.flavor-card small{display:block;font-size:12px;color:var(--red);font-weight:800;margin-top:5px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.mode-switch button{border:1.5px solid #dfe7dc;border-radius:12px;background:#fff;color:var(--green);font-size:13px;font-weight:900;min-height:55px;padding:11px}.mode-switch button.is-selected{border-color:var(--green);background:#eaf3e9}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topping{display:flex;align-items:center;gap:9px;border:1.5px solid var(--border);border-radius:12px;padding:12px 10px;cursor:pointer;min-height:55px;background:white}.topping.active{border-color:#98be9d;background:#f1f9f0}.topping input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.topping .topname{flex:1;font-size:12px;font-weight:750}.topping small{color:var(--red);font-size:11px;font-weight:850;white-space:nowrap}.half-label{display:flex;align-items:center;justify-content:space-between;font-weight:900;margin:20px 0 12px}.half-label span{background:#f2eee2;border-radius:8px;padding:7px 9px;font-size:12px}.input-label{font-size:12px;font-weight:850;display:block;margin:16px 0 7px}.field{width:100%;background:white;border:1.5px solid #dfe4dd;border-radius:12px;padding:13px;min-height:48px;font-size:15px;color:var(--text)}.field:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #d9eadd}.coupon-box{border:1px dashed #b2cbb0;border-radius:18px;background:#f6faf4;padding:24px;margin-top:22px}.coupon-entry{display:flex;gap:9px;margin-top:13px}.coupon-entry input{text-transform:uppercase;flex:1;min-width:0}.coupon-status{font-size:13px;color:#436b44;margin-top:12px;font-weight:700}.coupon-status.error{color:#b53b2c}.instagram-note{display:flex;gap:11px;align-items:center;background:#fcf4f0;border-radius:13px;padding:14px;margin-top:16px;font-size:13px;color:#7b5044}.cart-items{display:flex;flex-direction:column;gap:11px;margin-top:24px}.cart-item{padding:18px;background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;align-items:start;gap:13px}.cart-item .pizza-circle{width:74px;height:74px;flex-shrink:0}.cart-details{flex:1;min-width:0}.cart-details h3{font-size:16px;line-height:1.25}.cart-details p{font-size:12px;color:var(--muted);line-height:1.55;margin:5px 0 9px;white-space:pre-line}.qtyline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.qtyline button{border:1px solid #e1e5de;background:#fafbf8;border-radius:8px;padding:3px 10px;font-weight:800;font-size:15px}.qtyline .remove{font-size:12px;color:#b04b3f;border:0;text-decoration:underline;background:none;margin-left:4px}.cart-item-price{font-weight:900;font-size:16px;white-space:nowrap}.empty{text-align:center;border:1px dashed var(--border);border-radius:20px;padding:46px 15px}.empty .empty-icon{font-size:50px}.empty h3{margin-top:10px}.summary-box{background:#f7f8f4;border:1px solid var(--border);border-radius:16px;padding:17px;margin-top:17px}.summary-box .line{display:flex;gap:12px;justify-content:space-between;font-size:13px;padding:8px 0}.summary-box .line strong{white-space:nowrap}.summary-box .line.final{border-top:1px solid #e2e8dd;margin-top:8px;padding-top:14px;font-size:17px;font-weight:900}.summary-box .discount{color:#23784c}.delivery-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-toggle button{padding:13px 10px;border:1.5px solid var(--border);border-radius:13px;background:white;font-weight:900;color:var(--green)}.delivery-toggle .is-selected{background:#eff7ec;border-color:var(--green)}.delivery-warning{border:1px solid #f0d2a0;background:#fffaed;color:#795521;border-radius:12px;padding:13px;font-size:12px;line-height:1.55;margin-top:14px}.compact-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.payments{display:flex;gap:9px;flex-wrap:wrap}.payments label{padding:12px 13px;border:1px solid #e1e6dd;border-radius:11px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px}.payments input{accent-color:var(--green)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.notice{padding:14px;border-radius:12px;background:#fff4e0;color:#765018;font-size:12px;line-height:1.6;margin-top:15px}.preview-message{font-size:12px;white-space:pre-wrap;word-break:break-word;line-height:1.6;background:#f5f7f1;border-radius:15px;padding:20px;max-height:420px;overflow:auto}.tiny-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px}.pizza-circle{display:block;position:relative;border-radius:50%;background:radial-gradient(circle at 45% 36%,#fcdfa3 0 67%,#d88b42 69% 78%,#ad642e 84% 100%);box-shadow:inset 0 0 0 5px #c47c3e,0 12px 21px #54371a2d;transform:rotate(-15deg)}.pizza-circle:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 43% 44%,#f7e9b2,#f4d58b 70%,#eabd69);box-shadow:0 0 0 3px #c9432466}.pizza-circle:after{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,#ffffff27 0 3px,transparent 4px) 7px 4px/25px 27px,radial-gradient(circle,#dd7b3c55 0 5px,transparent 6px) 0 0/34px 31px}.pizza-circle .topping-dot{position:absolute;z-index:2;width:11%;height:11%;border:3px solid #706c31;background:#343a22;border-radius:50%;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--angle));box-shadow:0 1px 3px #341f1370}.pizza-circle .topping-dot.ham{border:0;border-radius:23%;background:#e79d99;width:15%;height:13%}.pizza-circle .topping-dot.pepperoni{background:#ad4325;border:2px solid #df6641;width:17%;height:17%}.pizza-circle .topping-dot.onion{border:3px solid #dfd5bf;background:transparent;width:16%;height:16%;border-radius:50%}.pizza-circle .topping-dot.tomato{border:2px solid #bb5134;background:#dd6651;width:16%;height:16%}.pizza-circle .topping-dot.basil{border:0;background:#397748;border-radius:90% 10% 90% 10%;height:11%;width:7%}.pizza-circle .topping-dot.bacon{border:0;background:#9f4931;border-radius:5px;width:13%;height:8%}.pizza-circle .topping-dot.egg{border:4px solid #fff7de;background:#f3b835;width:17%;height:17%}.pizza-circle .topping-dot.pepper{border:0;background:#dd6c36;border-radius:20%;width:14%;height:8%}.pizza-circle .topping-dot.cheese{border:0;background:#fff1b6;border-radius:30%;width:15%;height:11%}.pizza-circle .pizza-divider{position:absolute;z-index:4;top:13%;bottom:13%;left:50%;width:2px;background:#9a6e465e;transform:rotate(15deg)}.pizza-large{width:min(83%,340px);aspect-ratio:1/1}.pizza-big{width:145px;height:145px}.badge-mini{font-size:10px;display:inline-block;border-radius:99px;padding:5px 9px;background:#eaf1e8;color:var(--green);font-weight:900;letter-spacing:.035em}.pill{display:inline-flex;gap:5px;align-items:center;color:var(--green);background:#f0f5ec;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:800}.snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:var(--deep);color:white;padding:12px 17px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:15;max-width:min(92vw,500px)}.snackbar.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.topbar{padding:17px 22px}.main-area{padding:32px 22px 50px}.footbar{padding:20px 22px}.intro-grid{grid-template-columns:1fr;min-height:0}.intro-art{display:none}.split{grid-template-columns:1fr}.sticky-aside{position:static}.checkout-layout{grid-template-columns:1fr}.price-card .art-small{height:150px}.price-card .pizza-circle{width:130px;height:130px}}
@media(max-width:520px){.topbar{min-height:73px;padding:13px 17px}.identity-name{font-size:18px}.logo-icon{font-size:30px}.identity-name small{font-size:7px;letter-spacing:.13em}.main-area{padding:24px 17px 47px}.footbar{padding:18px 17px}.intro-grid h1{font-size:39px}.intro-grid .hint{font-size:14px}.language-options{gap:8px}.language-card{padding:13px 9px;min-height:111px}.language-card .flag{font-size:24px}.language-card strong{font-size:11px}.language-card small{font-size:9px}.choice-grid{gap:11px;margin:20px 0}.option-card{min-height:176px;padding:17px 13px}.option-card .icon{font-size:32px}.option-card h3{font-size:18px}.option-card p{font-size:11px}.option-card b{font-size:12px}.stage-title h2{font-size:30px}.hint{font-size:13px}.btn{min-height:48px;font-size:13px;padding:12px 14px}.controls .btn-primary,.controls .btn-dark{flex:1}.section-card{padding:16px}.flavor-grid{gap:7px}.flavor-card{padding:9px 6px;gap:6px;min-height:71px}.flavor-card .pizza-circle{width:43px;height:43px}.flavor-card strong{font-size:11px}.flavor-card small{font-size:10px}.extras-grid{gap:7px}.topping{padding:9px 7px;gap:5px;min-height:60px}.topping .topname{font-size:11px}.topping small{font-size:10px}.topping input{width:15px;height:15px}.coupon-entry{flex-wrap:wrap}.coupon-entry .btn{flex:1}.cart-item{gap:9px;padding:12px}.cart-item .pizza-circle{width:54px;height:54px}.cart-details h3{font-size:14px}.cart-item-price{font-size:13px}.compact-row{grid-template-columns:1fr}.footbar{font-size:10px}.stepcounter{font-size:11px}.intro-grid{gap:0}.language-options{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Pizza Buzzios official branding and mobile ordering enhancements */
.brand-logo{display:block;width:205px;max-width:50vw;height:auto;object-fit:contain}
.hero-logo{display:block;width:min(100%,320px);height:auto;object-fit:contain;margin-bottom:24px}
.promotion-grid{display:grid;gap:12px}
.promotion-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:2px solid var(--border);border-radius:16px;padding:17px 14px;min-height:102px}
.promotion-card.is-selected{border-color:var(--green);background:#f1f7ef}
.promo-emoji{font-size:28px;line-height:1.2;flex:0 0 60px;text-align:center}
.promo-text{flex:1;min-width:0}
.promo-text strong,.promo-text small,.promo-text em{display:block}
.promo-text strong{font-size:14px;line-height:1.4}
.promo-text small{font-size:12px;color:var(--muted);margin-top:4px}
.promo-text em{font-size:11px;font-style:normal;color:#986220;margin-top:6px}
.promotion-card b{font-size:18px;color:var(--red);white-space:nowrap}
@media(max-width:520px){.brand-logo{width:165px;max-width:57vw}.hero-logo{width:min(100%,290px);margin:4px auto 20px}.promotion-card{padding:13px 10px;gap:7px}.promo-emoji{font-size:22px;flex-basis:42px}.promo-text strong{font-size:12px}.promotion-card b{font-size:14px}}


/* ===== Version 4 overrides: dark blue Pizza Buzzios theme ===== */
:root{--deep:#071b4d;--green:#f0e4c4;--cream:#f6edd8;--red:#ff6b3b;--text:#edf3ff;--muted:#b8c6e6;--border:#29457f;--shadow:0 22px 60px rgba(0,0,0,.35)}
body{background:linear-gradient(180deg,#041234 0%,#071b4d 55%,#041234 100%);color:var(--text)}
.app-shell{background:rgba(6,22,63,.92);box-shadow:0 20px 80px rgba(0,0,0,.35)}
.topbar,.footbar{background:#081f57;border-color:rgba(255,255,255,.08)}
.main-area{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.eyebrow{color:#ffd19b}.hint,.stepcounter,.microcopy,.tiny-note,.price-card .info-row,.option-card p,.language-card small,.cart-details p,.footbar,.summary-box .line,.notice,.instagram-note{color:var(--muted)}
.top-actions .lang-mini,.top-actions .basket-icon,.field,.btn-link,.mode-switch button,.delivery-toggle button,.payments label,.qtyline button{background:#0c255f;color:#edf3ff;border-color:#30508f}
.lang-mini,.basket-icon{background:#0c255f;border-color:#30508f;color:#edf3ff}
.progress-track{background:#102e72}.progress-track>div{background:linear-gradient(90deg,#ff7847,#ffb56a)}
.section-card,.option-card,.language-card,.price-card,.flavor-card,.promotion-card,.cart-item,.summary-box,.coupon-box,.empty,.preview-message{background:#0b265f;border-color:#29457f;box-shadow:none}
.option-card.selected,.language-card.active,.flavor-card.is-selected,.promotion-card.is-selected,.mode-switch button.is-selected,.delivery-toggle .is-selected,.topping.active{background:#13377f;border-color:#ff9a63}
.option-card b,.flavor-card small,.promotion-card b,.coupon-status,.summary-box .discount,.footbar a{color:#ffd39b}
.btn-primary{background:#ff6b3b;color:#fff}.btn-dark{background:#ffd39b;color:#112b66}.btn-muted{background:#12306d;border-color:#30508f;color:#edf3ff}
.intro-art{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),rgba(255,255,255,.02) 55%,transparent 70%);border:1px solid rgba(255,255,255,.08)}
.stamp{background:#ff6b3b;border-color:#0d255d;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.field{color:#edf3ff}.field::placeholder{color:#9eb0d8}
.delivery-warning{background:#1c376d;border-color:#4668a9;color:#f3e1b6}.notice{background:#18366f;color:#f6e5bf}
.coupon-box{background:#0b265f;border-style:dashed}
.instagram-note{background:#143068;color:#d7def3}
.badge-mini,.pill,.half-label span{background:#163673;color:#ffe0b4}
.preview-message{white-space:pre-wrap;background:#082050;color:#edf3ff}
.hero-logo{filter:drop-shadow(0 14px 30px rgba(0,0,0,.35))}
.detail-chip{margin-top:16px;padding:14px 15px;border-radius:14px;background:#0f2f71;border:1px solid #35589a}
.detail-chip span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffd39b;font-weight:900;margin-bottom:8px}
.detail-chip p{font-size:12px;line-height:1.6;color:#edf3ff}
@media(max-width:800px){.app-shell{background:#061a4d}.topbar,.footbar{background:#081f57}}


/* ===== Version 5 fixes ===== */
.brand-logo{display:block;width:215px;height:auto;object-fit:contain;background:transparent}
.hero-logo{display:block;width:min(100%,360px);height:auto;object-fit:contain;margin-bottom:24px;background:transparent}
.topping{background:#12397f;border-color:#4b68a8;color:#f4f7ff}
.topping .topname{color:#f4f7ff}
.topping small{color:#ffd39b}
.topping input{accent-color:#ffd39b}
.topping.active{background:#1a4aa0;border-color:#ff9a63}
.flavor-card strong,.promotion-card strong,.language-card strong,.option-card h3,.group-label,.input-label{color:#f4f7ff}
.field, .field::placeholder{color:#d6e0f8}
.cart-details h3,.empty h3,.summary-box .line strong,h1,h2,h3{color:#f4f7ff}
.option-card p,.microcopy,.hint,.stage-title .hint,.cart-details p{color:#c1cee9}