:root{
  --bg:#12001f; --panel:#1b062c; --panel2:#25093b; --lime:#b6ef27;
  --lime2:#8fd600; --text:#fff; --muted:#c7bdd2; --line:#4d2860;
  --gold:#ffd85a; --danger:#ff5d7a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 80% 12%,#4a0b62 0,transparent 28%),
radial-gradient(circle at 10% 10%,#260044 0,transparent 22%),
var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:14px 4vw;background:rgba(18,0,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}
.brand{display:flex;align-items:center;gap:10px;min-width:190px}
.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid var(--lime)}
.brand strong{font-family:Anton,sans-serif;font-size:21px;line-height:.95;letter-spacing:.8px}
.brand span{color:var(--lime)}
.nav{display:flex;gap:26px;margin:auto;font-size:14px}
.nav a{padding:12px 0;color:#eee}
.nav a:hover{color:var(--lime)}
.header-actions{display:flex;gap:12px;align-items:center}
.status,.cart-btn{border:1px solid #6a3f77;border-radius:999px;padding:11px 15px;background:#190526;color:#fff}
.status{border-color:#7eab22}.status i{display:inline-block;width:9px;height:9px;background:var(--lime);border-radius:50%;margin-right:7px}
.cart-btn{cursor:pointer}
.hero{min-height:650px;padding:72px 6vw 40px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;overflow:hidden}
.eyebrow{color:var(--lime);font-weight:800;letter-spacing:1.6px;font-size:12px}
.hero h1,.section h2,.modal h2,.drawer-head h2{font-family:Anton,sans-serif;letter-spacing:.8px;margin:0}
.hero h1{font-size:clamp(72px,9vw,145px);line-height:.78;text-transform:uppercase}
.hero h1 span,.section h2 span,.why-box h2 span{color:var(--lime)}
.hero-sub{font-size:22px;max-width:460px;color:#f3eaf8;margin:28px 0}
.hero-points{display:flex;gap:28px;flex-wrap:wrap;margin:28px 0}
.hero-points div{display:flex;flex-direction:column;gap:4px}
.hero-points b{font-size:14px}.hero-points small{color:var(--muted)}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.btn{border:0;border-radius:14px;padding:16px 24px;font-weight:900;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--lime),#8fd600);color:#10001c}
.btn-ghost,.btn-outline{background:transparent;color:#fff;border:1px solid var(--lime)}
.btn-outline{padding:12px 18px}
.btn.full{width:100%}
.hero-art{position:relative;height:560px;display:grid;place-items:center}
.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:#7a1d8c;filter:blur(80px);opacity:.42}
.acai-bowl{position:relative;z-index:2;transform:rotate(-3deg)}
.toppings{font-size:64px;letter-spacing:-25px;position:absolute;z-index:3;top:-30px;left:42px;white-space:nowrap;filter:drop-shadow(0 10px 12px #0009)}
.cup{width:330px;height:380px;border-radius:38px 38px 100px 100px;background:linear-gradient(90deg,#3f0c5d,#6d1a80,#27023c);box-shadow:0 30px 80px #000a, inset 0 0 0 4px #ffffff10;display:grid;place-items:center;overflow:hidden}
.cup img{width:190px;height:190px;border-radius:50%;object-fit:cover;border:3px solid #e6bc3b}
.splash{position:absolute;font-size:460px;color:#5f086d;z-index:1;text-shadow:0 0 30px #8e2ca5;transform:rotate(18deg)}
.fruit{position:absolute;font-size:50px;z-index:4;filter:drop-shadow(0 10px 10px #0008)}
.fruit-1{right:5%;top:5%}.fruit-2{left:7%;bottom:15%}.fruit-3{right:2%;bottom:20%}
.section{padding:70px 5vw}
.section-head{text-align:center;margin-bottom:34px}
.section-head.left{text-align:left}
.section h2{font-size:46px}
.section-head p:last-child{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1250px;margin:auto}
.product-card,.custom-card,.combo-card,.why-box,.combo-box,blockquote{background:linear-gradient(180deg,#240b38,#190628);border:1px solid #563067;border-radius:20px;box-shadow:0 14px 45px #0003}
.product-card,.custom-card{padding:24px;text-align:center;position:relative}
.product-card.featured{border-color:#86b428;box-shadow:0 0 0 1px #86b42844,0 20px 60px #0005}
.popular{position:absolute;top:-12px;right:18px;background:var(--lime);color:#12001f;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}
.product-visual{font-size:95px;filter:drop-shadow(0 14px 12px #0008)}
.pill{display:inline-block;background:var(--lime);color:#11001b;font-weight:900;border-radius:8px;padding:5px 9px;font-size:12px}
.product-card h3,.custom-card h3{margin-bottom:6px}.product-card p,.custom-card p{color:var(--muted);min-height:42px}
.product-card strong{font-size:22px;display:block;margin:14px}
.gift{font-size:52px}.mini-icons{font-size:24px;margin:24px 0}
.addons-section{background:#ffffff04;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:auto}
.addon{padding:18px;border:1px solid #4e2a5e;border-radius:16px;background:#1a0629;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.addon span{grid-row:1/3;font-size:30px}.addon small{color:var(--lime)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;max-width:1300px;margin:auto}
.combo-box,.why-box{padding:28px}
.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.combo-card{padding:18px}.combo-card div{font-size:42px}.combo-card p{color:var(--muted);min-height:36px}
.add-simple{margin-top:12px;width:100%;padding:10px;border:1px solid var(--lime);background:transparent;color:#fff;border-radius:10px;cursor:pointer}
.why-box ul{padding:0;list-style:none;display:grid;gap:18px}.why-box li{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.why-box li small{grid-column:2;color:var(--muted)}
.review-section{padding-top:20px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:auto}
blockquote{margin:0;padding:24px;color:#eee;line-height:1.6}blockquote b{display:block;color:var(--gold);margin-top:12px}cite{display:block;color:var(--muted);font-style:normal;font-size:12px}
.benefits{margin:0 5vw 40px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #4d2a5c;border-radius:20px;overflow:hidden;background:#1a0629}
.benefits div{padding:22px;border-right:1px solid #4d2a5c;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 12px;align-items:center}
.benefits div:last-child{border-right:0}.benefits span{grid-row:1/3;color:var(--lime);font-size:30px}.benefits small{color:var(--muted)}
footer{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:40px 5vw;background:#0c0014;border-top:1px solid #ffffff18}
footer h4{margin:0 0 12px;font-family:Anton,sans-serif;font-size:20px}footer p{margin:5px 0;color:#eee}footer small{color:var(--muted)}
.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:60;opacity:0;pointer-events:none;transition:.2s}
.drawer-backdrop.show{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;right:0;top:0;height:100%;width:min(460px,100%);background:#140221;z-index:70;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column;border-left:1px solid #4a245c}
.cart-drawer.open{transform:none}
.drawer-head{padding:22px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ffffff15}
.icon-btn{background:transparent;color:#fff;border:1px solid #5c376c;border-radius:10px;width:40px;height:40px;cursor:pointer}
.cart-items{padding:18px;overflow:auto;flex:1}
.empty{color:var(--muted);text-align:center;padding:60px 20px}
.cart-item{border:1px solid #4a275a;border-radius:14px;padding:14px;margin-bottom:12px;background:#1e082e}
.cart-item-top{display:flex;justify-content:space-between;gap:12px}.cart-item small{color:var(--muted);display:block;margin-top:8px;line-height:1.5}.remove{background:none;border:0;color:#ff8da3;cursor:pointer}
.cart-summary{padding:20px;border-top:1px solid #ffffff15}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:10px}.cart-summary .grand{font-size:20px;margin:18px 0}
.modal{position:fixed;inset:0;background:#000a;z-index:80;display:none;place-items:center;padding:20px}
.modal.show{display:grid}
.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#210936,#13021f);border:1px solid #5b356c;border-radius:24px;padding:28px;position:relative;box-shadow:0 30px 120px #000b}
.modal-close{position:absolute;right:18px;top:18px}
.muted{color:var(--muted)}
.modal-addons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
.check{display:flex;justify-content:space-between;gap:10px;border:1px solid #4d2a5c;border-radius:12px;padding:12px;background:#180528}
.check input{accent-color:var(--lime)}
.field{display:flex;flex-direction:column;gap:8px;font-weight:700;margin-top:14px}.field input,.field textarea,.field select{background:#0e0018;border:1px solid #4d2a5c;border-radius:12px;padding:13px;color:#fff;outline:none}.field textarea{min-height:86px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full-field{grid-column:1/-1}
.notice{font-size:12px;color:var(--muted)}
.whatsapp{background:#25d366;color:#08140c}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#fff;color:#170025;padding:12px 18px;border-radius:999px;font-weight:800;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){
 .nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-art{height:480px}.product-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.benefits,footer{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}.addon-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .topbar{padding:10px 14px}.brand{min-width:0}.brand strong{display:none}.brand img{width:48px;height:48px}.status{display:none}.header-actions{margin-left:auto}.hero{padding:42px 20px 30px}.hero h1{font-size:76px}.hero-sub{font-size:18px}.hero-art{height:380px}.cup{width:240px;height:285px}.cup img{width:145px;height:145px}.toppings{font-size:45px;left:25px}.splash{font-size:320px}.section{padding:50px 18px}.section h2{font-size:36px}.product-grid,.addon-grid,.combo-grid,.benefits,footer,.form-grid{grid-template-columns:1fr}.benefits{margin:0 18px 30px}.benefits div{border-right:0;border-bottom:1px solid #4d2a5c}.full-field{grid-column:auto}.modal-addons{grid-template-columns:1fr}
}

.qr-image{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:12px;padding:6px;margin:0 0 12px}
.status.closed{border-color:#a83f55}.status.closed i{background:#ff5d7a}

/* Fotos reais de produtos e acompanhamentos */
.product-photo-wrap{width:100%;height:190px;overflow:hidden;border-radius:16px;margin-bottom:14px;background:#0e0018;border:1px solid #ffffff14}
.product-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.product-card:hover .product-photo{transform:scale(1.04)}
.addon-with-photo{display:flex!important;grid-template-columns:none!important;align-items:center;gap:14px}
.addon-photo{width:74px;height:74px;object-fit:cover;border-radius:14px;flex:0 0 auto;border:1px solid #ffffff1a;background:#0e0018}
.addon-fallback{font-size:30px!important;grid-row:auto!important}
.addon-info{display:flex;flex-direction:column;gap:5px}
.addon-info small{color:var(--lime)}
@media(max-width:650px){.product-photo-wrap{height:210px}.addon-photo{width:82px;height:82px}}

.track-btn{border:1px solid #5d3f70;border-radius:999px;padding:11px 14px;background:#210831;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.track-btn:hover{border-color:var(--lime);color:var(--lime)}
.btn-track{background:#251036;color:#fff;border:1px solid #654076}
.btn-track:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:780px){.track-btn{font-size:0;padding:11px 13px}.track-btn:before{content:"📦";font-size:17px}}

.delivery-area-info{display:block;margin-top:6px;color:var(--lime);font-size:11px;font-weight:700}