:root{
  --black:#06050a;
  --black-2:#100c17;
  --purple:#7a12d8;
  --purple-2:#b12cff;
  --yellow:#ffd51a;
  --white:#f8f7fb;
  --muted:#b8b2c3;
  --line:#2a2035;
  --card:#120d19dd;
  --radius:22px;
  --shadow:0 20px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 10%,rgba(122,18,216,.26),transparent 30%),radial-gradient(circle at 20% 45%,rgba(255,213,26,.06),transparent 22%),linear-gradient(180deg,#08050e 0%,#050408 100%);z-index:-3}
.bg-palms{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-2;background-image:
radial-gradient(ellipse at 10% 10%,transparent 0 45%,rgba(177,44,255,.35) 46% 47%,transparent 48%),
repeating-radial-gradient(ellipse at 0 100%,transparent 0 34px,rgba(177,44,255,.15) 35px 38px,transparent 39px 65px);background-size:430px 430px,620px 620px;transform:rotate(-2deg)}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:12px clamp(18px,4vw,60px);background:rgba(6,5,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(177,44,255,.2)}
.brand img{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px rgba(177,44,255,.35)}
.nav{display:flex;justify-content:center;gap:30px;font-weight:700;font-size:14px}.nav a{opacity:.8}.nav a:hover{opacity:1;color:var(--yellow)}
.cart-pill{border:1px solid rgba(255,255,255,.12);background:#17111e;color:#fff;padding:12px 16px;border-radius:999px;font-weight:800;display:flex;gap:12px;align-items:center;cursor:pointer}.cart-pill b{background:var(--yellow);color:#111;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}
main{width:min(1480px,94vw);margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:70px 0 40px}.eyebrow{display:inline-block;color:var(--yellow);font-weight:900;letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(50px,6vw,94px);line-height:.96;margin:14px 0 20px;max-width:860px;text-transform:uppercase;letter-spacing:-.05em}.hero h1 em{font-family:"Permanent Marker",cursive;color:var(--yellow);font-style:normal;text-transform:none;font-size:.88em}.hero p{color:var(--muted);font-size:19px;line-height:1.6;max-width:680px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{border:0;border-radius:14px;padding:14px 20px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:#14110a;box-shadow:0 12px 35px rgba(255,213,26,.18)}.btn.ghost{background:#17111e;color:#fff;border:1px solid #382948}.btn.full{width:100%}.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#ded9e6;font-size:13px;font-weight:700}.trust-row span{padding:10px 0}.hero-art{position:relative;display:grid;place-items:center;min-height:500px}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(177,44,255,.55),rgba(122,18,216,.15) 46%,transparent 70%);filter:blur(8px)}.cup-visual{position:relative;width:330px;height:440px;filter:drop-shadow(0 30px 55px rgba(0,0,0,.7))}.cup-top{position:absolute;left:14px;right:14px;top:6px;height:86px;border-radius:50%;background:radial-gradient(ellipse at center,#b12cff 0 16%,#42104f 24%,#210a2d 45%,#0e0715 66%);border:7px solid #a52cec;z-index:2}.cup-body{position:absolute;left:34px;right:34px;top:52px;bottom:10px;background:linear-gradient(180deg,#7016a2 0%,#3f075f 45%,#140b1c 100%);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:0 0 44px 44px;display:grid;place-items:center}.cup-body::after{content:"";position:absolute;inset:30px 18px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 2px,transparent 2px 40px);clip-path:inherit}.cup-body img{width:160px;height:160px;border-radius:50%;object-fit:cover;z-index:2;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-heading h2{font-size:clamp(34px,4vw,56px);margin:6px 0 0}.section-heading p{max-width:560px;color:var(--muted);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card,.signature-card,.about-card,.info-card{background:linear-gradient(180deg,rgba(20,14,29,.95),rgba(10,8,14,.95));border:1px solid #342441;border-radius:var(--radius);box-shadow:var(--shadow)}.product-card{padding:22px;position:relative;overflow:hidden}.product-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--purple-2),var(--yellow))}.product-visual{height:285px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #2d2236;padding:8px}.traditional-photo{width:auto;height:auto;max-width:92%;max-height:265px;object-fit:contain;object-position:center top;display:block;margin:0 auto}.mini-cup{width:120px;height:160px;background:linear-gradient(180deg,#7d19aa,#26072e);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);position:relative}.mini-cup::before{content:"";position:absolute;left:-8px;right:-8px;top:-14px;height:35px;border-radius:50%;background:#42104f;border:4px solid #b12cff}.mini-cup::after{content:"MixHaus";position:absolute;inset:0;display:grid;place-items:center;color:var(--yellow);font-family:"Permanent Marker";font-size:18px}.product-card h3{font-size:25px;margin:5px 0}.product-card p{color:var(--muted);min-height:45px}.price{font-size:28px;color:var(--yellow);font-weight:900;margin:14px 0}.premium{position:relative}.signature-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.signature-card{padding:14px;display:flex;flex-direction:column;min-height:410px;position:relative;overflow:hidden}.day{font-size:11px;font-weight:900;letter-spacing:.08em;text-align:center;background:#3c0c62;color:#fff;margin:-14px -14px 14px;padding:8px}.signature-thumb{height:150px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#5c1379 0,#1a0b20 55%,#0a0710 100%);display:grid;place-items:center;margin-bottom:14px}.signature-thumb .mini-cup{transform:scale(.72)}.signature-card h3{font-size:16px;line-height:1.05;margin:0 0 10px}.signature-card p{color:#c8c0d0;font-size:11px;line-height:1.45;flex:1}.signature-card .price{font-size:20px;margin:12px 0}.signature-card .btn{padding:10px 8px;font-size:12px}.about{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.about-card{display:flex;gap:24px;padding:26px;align-items:center}.about-card img{width:130px;height:130px;border-radius:50%;object-fit:cover}.about-card h2{font-size:36px;margin:8px 0}.about-card p,.info-card p,.info-card small{color:var(--muted);line-height:1.6}.info-card{padding:26px}.info-card h3{margin-top:0}.info-card strong{font-size:28px;color:var(--yellow);display:block;margin-bottom:12px}code{color:#e9ca42;background:#1a1420;padding:2px 6px;border-radius:6px}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,100vw);z-index:50;background:#0d0912;border-left:1px solid #342441;padding:24px;display:flex;flex-direction:column;transform:translateX(105%);transition:.25s ease;box-shadow:-30px 0 70px rgba(0,0,0,.5)}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:6px 0}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid #372b42;background:#17111e;color:#fff;font-size:25px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:14px 0}.cart-item{border:1px solid #2d2236;border-radius:16px;padding:14px;margin-bottom:10px;background:#15101b}.cart-item-head{display:flex;justify-content:space-between;gap:14px}.cart-item h4{margin:0 0 5px}.cart-item p{margin:4px 0;color:#a99fb3;font-size:12px;line-height:1.4}.cart-item strong{color:var(--yellow)}.remove{background:transparent;border:0;color:#f28fa2;cursor:pointer;font-weight:800}.cart-footer{border-top:1px solid #2d2236;padding-top:16px}.total-line{display:flex;justify-content:space-between;font-size:18px;margin-bottom:14px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:40;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}
.modal{border:0;padding:0;background:transparent;color:#fff;width:min(760px,94vw);max-height:90vh}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.modal-card{background:#0d0912;border:1px solid #382a45;border-radius:24px;padding:26px;position:relative;max-height:88vh;overflow:auto;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:18px}.modal-title h2{font-size:34px;margin:8px 0}.modal-title p{color:var(--muted)}fieldset{border:1px solid #31253b;border-radius:16px;padding:14px;margin:18px 0}legend{font-weight:900;padding:0 8px}.choice{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;cursor:pointer}.choice:hover{background:#17111e}.addon-group{margin:18px 0}.addon-group h3{margin:0 0 10px}.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.addon{display:flex;justify-content:space-between;align-items:center;border:1px solid #2e2238;border-radius:12px;padding:10px 12px;background:#131018}.addon label{display:flex;gap:8px;align-items:center;cursor:pointer}.addon b{color:var(--yellow);font-size:12px}.text-field{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#ded8e5}.text-field input,.text-field textarea{background:#141018;border:1px solid #342743;color:#fff;border-radius:12px;padding:12px;outline:none}.text-field input:focus,.text-field textarea:focus{border-color:var(--purple-2)}.modal-total{display:flex;justify-content:space-between;align-items:center;font-size:18px;border-top:1px solid #30243b;margin-top:20px;padding:18px 0}.modal-total strong{font-size:26px;color:var(--yellow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.checkout-summary{margin:18px 0;padding:14px;border:1px solid #30243b;border-radius:14px;color:#d5cddd}.checkout-summary p{display:flex;justify-content:space-between;gap:16px}.pix-box{border:1px solid #413151;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0}.pix-box h3{margin:6px 0}.pix-box p{margin:4px 0;color:var(--muted)}.legal{display:block;color:#8f859a;line-height:1.5;margin-top:12px}
footer{width:min(1480px,94vw);margin:30px auto 0;border-top:1px solid #2a2035;padding:35px 0 55px;display:flex;align-items:center;gap:20px;color:#c8c0d0}footer img{width:70px;height:70px;border-radius:50%;object-fit:cover}footer strong{margin-left:auto;color:var(--yellow);font-family:"Permanent Marker";font-size:22px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#17111e;border:1px solid #4a3858;color:#fff;padding:12px 18px;border-radius:999px;z-index:100;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.signature-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.topbar{grid-template-columns:auto 1fr}.nav{display:none}.brand img{width:66px;height:66px}.hero{padding-top:45px;min-height:auto}.hero h1{font-size:54px}.product-grid{grid-template-columns:1fr}.signature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.about{grid-template-columns:1fr}.about-card{display:block}.about-card img{margin-bottom:15px}.form-grid,.addon-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.pix-box{display:block}.pix-box .btn{margin-top:12px;width:100%}footer{align-items:flex-start;flex-wrap:wrap}footer strong{margin-left:0;width:100%}}
@media(max-width:520px){main{width:min(94vw,100%)}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.signature-grid{grid-template-columns:1fr}.topbar{padding:10px 14px}.cart-pill span{display:none}.section{padding:50px 0}.modal-card{padding:22px 16px}.about-card{padding:20px}}

@media(max-width:820px){.product-visual{height:250px;padding:6px}.traditional-photo{max-width:94%;max-height:236px}}

/* ===== MixHaus layout v2 — inspirado no dashboard aprovado ===== */
.menu-tabs{width:min(1480px,94vw);margin:0 auto 8px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);border:1px solid #342441;border-radius:18px;overflow:hidden;background:rgba(12,8,17,.96);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.menu-tabs a{min-height:62px;padding:10px 16px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #2d2236;font-weight:850;text-align:center}.menu-tabs a:last-child{border-right:0}.menu-tabs a:first-child{background:var(--yellow);color:#120d08}.menu-tabs a:hover{background:#1b1324}.menu-tabs a:first-child:hover{background:#ffe04b}
.hero{min-height:430px;padding-top:26px;padding-bottom:18px}.hero-copy{padding:24px 0}.hero h1{font-size:clamp(48px,5vw,80px);line-height:.96;max-width:780px}.hero p{max-width:760px}.hero-art{min-height:380px}.cup-visual{transform:scale(.82)}
.section{padding:42px 0}.section-heading{margin-bottom:20px}.section-heading h2{font-size:clamp(30px,3vw,44px)}
.product-card{padding:14px}.product-visual{height:230px;padding:6px}.traditional-photo{max-width:94%;max-height:216px}.product-card h3{font-size:22px}.product-card p{font-size:14px;min-height:38px}.product-card .price{font-size:25px;margin:10px 0}

/* Signatures: artes completas, alinhadas no topo e sem corte */
.signature-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch}
.signature-card{padding:8px;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#120a19,#09070c);border-color:#7729a1}
.signature-thumb{height:235px;margin:0 0 9px;border-radius:12px;background:#050505;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;border:1px solid #2d2236}
.signature-photo{display:block;width:auto;height:auto;max-width:100%;max-height:235px;object-fit:contain;object-position:center top;margin:0 auto}
.signature-meta{min-height:48px}.signature-day{display:block;color:#c8bdd2;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:2px}.signature-card h3{font-size:14px;line-height:1.05;margin:0;color:#fff}.signature-card p{display:none}.signature-card .price{font-size:18px;margin:8px 0}.signature-card .btn{padding:9px 7px;font-size:12px;border-radius:10px}

.whatsapp-strip{width:min(1480px,94vw);margin:18px auto 0;padding:16px 20px;border:1px solid #7f1bc0;border-radius:16px;background:linear-gradient(90deg,#21102c,#65108b);display:flex;justify-content:space-between;align-items:center;gap:18px}.whatsapp-strip strong{font-size:20px}.whatsapp-strip a{color:#fff;text-decoration:none;font-weight:900;background:#25d366;padding:12px 18px;border-radius:12px}
.benefit-strip{width:min(1480px,94vw);margin:20px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b2948;border-bottom:1px solid #3b2948}.benefit-strip div{padding:18px;text-align:center;border-right:1px solid #3b2948;color:#ded9e6}.benefit-strip div:last-child{border-right:0}.benefit-strip b{color:var(--yellow)}

@media(max-width:1150px){.menu-tabs{grid-template-columns:repeat(3,1fr)}.signature-grid{grid-template-columns:repeat(4,1fr)}.signature-thumb{height:260px}.signature-photo{max-height:260px}}
@media(max-width:820px){.menu-tabs{grid-template-columns:1fr 1fr}.menu-tabs a{min-height:54px}.product-visual{height:250px}.traditional-photo{max-height:236px}.signature-grid{grid-template-columns:repeat(2,1fr)}.signature-thumb{height:320px}.signature-photo{max-height:320px}.benefit-strip{grid-template-columns:1fr}.benefit-strip div{border-right:0;border-bottom:1px solid #3b2948}.benefit-strip div:last-child{border-bottom:0}.whatsapp-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.menu-tabs{grid-template-columns:1fr}.signature-grid{grid-template-columns:1fr}.signature-thumb{height:auto;aspect-ratio:1/1}.signature-photo{width:100%;height:100%;max-height:none;object-fit:contain}.hero h1{font-size:42px}}

/* Preços Tradicional x Casadinho */
.price-block{margin:10px 0 12px}.price-block .price{margin:0}.casadinho-price{margin-top:4px;color:#c792ff;font-weight:900;font-size:16px}.choice span{display:flex;align-items:center;gap:8px}

/* Cadastro e conta do cliente */
.header-actions{display:flex;align-items:center;gap:10px}.account-pill{border:1px solid rgba(255,213,26,.45);background:rgba(255,213,26,.08);color:#ffd51a;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer}.account-pill:hover{background:rgba(255,213,26,.15)}
.saved-customer{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(177,44,255,.45);background:rgba(177,44,255,.08);border-radius:14px;color:#ddd4e6}.remember-choice{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:#cfc6d7;font-size:13px;line-height:1.4}.account-card{width:min(720px,94vw)}.account-login-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.account-help{color:#9f94aa;font-size:13px;line-height:1.5}.customer-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.customer-profile-head h3{font-size:28px;margin:6px 0}.customer-profile-head p{margin:0;color:#aaa0b4}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.profile-grid>div{padding:14px;border:1px solid #30243b;border-radius:14px;background:#131018}.profile-grid span{display:block;color:#9d92a8;font-size:12px}.profile-grid strong{display:block;margin-top:6px;color:#fff}.saved-address-box{border:1px solid #30243b;border-radius:14px;padding:14px;margin-bottom:16px}.saved-address-box p{margin:8px 0 0;color:#d8d0df;line-height:1.5}.account-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:820px){.header-actions{justify-self:end}.account-pill{padding:10px 12px}.account-login-row{grid-template-columns:1fr}.account-login-row .btn{width:100%}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.account-pill span{font-size:12px}.profile-grid{grid-template-columns:1fr}.header-actions{gap:6px}}


/* --- Layout MixHaus: Tradicional x Casadinho --- */
.menu-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.menu-group{background:linear-gradient(180deg,rgba(18,10,25,.97),rgba(8,6,12,.98));border:1px solid #3b2750;border-radius:22px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.menu-group::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--purple-2),var(--yellow))}
.casadinho-group::before{background:linear-gradient(90deg,var(--yellow),var(--purple-2))}
.group-heading{padding:4px 2px 16px}
.group-heading h3{font-size:28px;margin:5px 0 4px}
.group-heading p{color:var(--muted);margin:0;line-height:1.5;font-size:14px}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.compact-grid .product-card{padding:10px}
.compact-grid .product-visual{height:205px}
.compact-grid .traditional-photo{max-height:191px;max-width:96%}
.compact-grid .product-card h3{font-size:17px;line-height:1.12;margin:6px 0}
.compact-grid .product-card p{font-size:12px;min-height:34px;margin:6px 0}
.compact-grid .product-card .price{font-size:21px;margin:8px 0}
.compact-grid .product-card .btn{padding:10px 8px;font-size:12px}
.product-line-tag{display:inline-block;color:#d7cde0;font-size:9px;font-weight:900;letter-spacing:.08em;margin-top:8px}
.casadinho-card{border-color:#74409a}
.casadinho-card .product-visual{background:#fff}
.casadinho-photo{object-fit:contain;object-position:center center}
.fixed-base-note{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin-bottom:16px;background:linear-gradient(90deg,rgba(177,44,255,.13),rgba(255,213,26,.08));border:1px solid #4a315d;border-radius:12px}
.fixed-base-note strong{color:var(--yellow)}
.fixed-base-note span{font-size:13px;color:var(--muted)}
.hero-photo-wrap{isolation:isolate}
.hero-product-photo{position:relative;z-index:2;width:min(520px,100%);height:520px;object-fit:contain;object-position:center center;border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.55);border:1px solid rgba(181,58,255,.38);background:#2a0738}
.hero-brand-badge{position:absolute;z-index:3;width:160px;height:160px;object-fit:cover;border-radius:50%;right:4%;bottom:4%;box-shadow:0 12px 35px rgba(0,0,0,.55);border:3px solid #120a18}
.hero-photo-wrap .glow{z-index:1}
@media(max-width:1200px){.menu-groups{grid-template-columns:1fr}.compact-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.compact-grid{grid-template-columns:1fr}.compact-grid .product-visual{height:250px}.compact-grid .traditional-photo{max-height:236px}}

/* Ajuste de enquadramento dos Casadinhos: mostra a arte inteira sem recorte */
.compact-grid .casadinho-card .product-visual{
  height:285px;
  padding:12px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
}
.compact-grid .casadinho-card .casadinho-photo{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  margin:auto;
}
@media(max-width:820px){
  .compact-grid .casadinho-card .product-visual{height:auto;aspect-ratio:1/1;}
  .compact-grid .casadinho-card .casadinho-photo{width:100%;height:100%;object-fit:contain;}
}

/* Correção definitiva dos cards Casadinho: sem corte e com respiro visual */
.compact-grid .casadinho-card .product-visual{
  height:330px;
  padding:10px;
  overflow:visible;
  background:#fff;
}
.compact-grid .casadinho-card .casadinho-photo{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:12px;
}
@media(max-width:820px){
  .compact-grid .casadinho-card .product-visual{height:340px;aspect-ratio:auto;}
}

/* 2026-09-10 — imagens definitivas Casadinho + hero sem recorte/borda */
.compact-grid .casadinho-card .product-visual{
  height:340px;
  padding:0;
  overflow:hidden;
  background:#fff;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.compact-grid .casadinho-card .casadinho-photo{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0;
  background:#fff;
}
.hero-art.hero-photo-wrap{
  min-height:auto;
  align-self:center;
  overflow:visible;
}
.hero-product-photo{
  position:relative;
  z-index:2;
  display:block;
  width:min(520px,100%);
  height:auto !important;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hero-brand-badge{display:none !important}
@media(max-width:820px){
  .compact-grid .casadinho-card .product-visual{height:320px;aspect-ratio:auto}
  .hero-product-photo{width:min(430px,100%)}
}

/* =========================================================
   Identidade MixHaus 2026 — 60/30/10
   60% preto / ameixa profundo | 30% roxo | 10% amarelo
   ========================================================= */
:root{
  --black:#07040b;
  --black-2:#13091b;
  --purple:#6d0f91;
  --purple-2:#b02cff;
  --yellow:#ffd21c;
  --white:#fffafc;
  --muted:#d0c3d6;
  --line:rgba(185,70,255,.30);
  --card:rgba(15,7,21,.92);
}

body{
  font-family:"Montserrat",system-ui,sans-serif;
  background:#07040b;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background-image:url("assets/mixhaus-fundo.jpeg");
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  filter:saturate(.9) contrast(1.02);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,2,9,.76) 0%,rgba(8,3,13,.88) 36%,rgba(5,2,8,.94) 100%),
    radial-gradient(circle at 72% 20%,rgba(132,18,181,.24),transparent 32%);
}
.bg-palms{display:none}

.topbar{
  background:rgba(6,3,10,.88);
  border-bottom:1px solid rgba(176,44,255,.26);
  box-shadow:0 10px 35px rgba(0,0,0,.25);
}

.nav,.btn,.cart-pill,.account-pill,.price,.eyebrow,.day,.signature-day,
.group-heading h3,.section-heading h2,.product-card h3,.signature-card h3,
.modal-title h2,.drawer-head h2,.about-card h2,.info-card h3{
  font-family:"Montserrat",system-ui,sans-serif;
}

.hero h1,.section-heading h2,.group-heading h3,.about-card h2,.modal-title h2{
  font-family:"Anton","Arial Black",sans-serif;
  letter-spacing:.015em;
  font-weight:400;
}
.hero h1{
  text-transform:uppercase;
  letter-spacing:.01em;
  text-shadow:0 4px 22px rgba(0,0,0,.50);
}
.hero h1 em{
  font-family:"Permanent Marker",cursive;
  color:var(--yellow);
  font-size:.92em;
  text-transform:none;
  letter-spacing:0;
  text-shadow:0 5px 24px rgba(255,210,28,.14);
}
.eyebrow{
  color:var(--yellow);
  letter-spacing:.12em;
  font-weight:900;
}

.hero{
  position:relative;
  padding:76px 30px 52px;
  margin-top:22px;
  border-radius:30px;
  background:linear-gradient(100deg,rgba(5,2,9,.86),rgba(35,8,46,.62) 58%,rgba(75,10,96,.38));
  border:1px solid rgba(176,44,255,.18);
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 52%),radial-gradient(circle at 85% 25%,rgba(177,44,255,.18),transparent 32%);
}
.hero-copy,.hero-art{position:relative;z-index:1}
.hero p{color:#e1d6e6;font-size:18px;max-width:700px}

.btn.primary{
  background:linear-gradient(180deg,#ffdb25,#ffc800);
  color:#160c04;
  box-shadow:0 12px 34px rgba(255,205,0,.16);
}
.btn.ghost{background:rgba(23,10,30,.84);border-color:rgba(184,72,255,.36)}

.menu-tabs,.product-card,.signature-card,.about-card,.info-card,.menu-group,
.modal-card,.cart-drawer,.cart-item,.profile-grid>div,.saved-address-box{
  backdrop-filter:blur(11px);
}
.menu-tabs{
  background:rgba(10,5,14,.86);
  border-color:rgba(176,44,255,.24);
}
.menu-tabs a:hover{background:rgba(112,20,145,.28);color:var(--yellow)}

.product-card,.signature-card,.about-card,.info-card,.menu-group{
  background:linear-gradient(180deg,rgba(20,9,28,.94),rgba(8,4,12,.95));
  border-color:rgba(166,61,215,.28);
}
.menu-group::before{height:3px;background:linear-gradient(90deg,var(--purple-2),rgba(255,210,28,.95))}
.casadinho-group::before{background:linear-gradient(90deg,var(--yellow),var(--purple-2))}
.group-heading h3,.section-heading h2{color:#fff}
.group-heading p,.section-heading p{color:#d3c6d9}

.whatsapp-strip{
  background:linear-gradient(90deg,rgba(37,12,49,.95),rgba(105,13,133,.92));
  border-color:rgba(186,66,255,.5);
}
.benefit-strip{
  background:rgba(8,4,12,.74);
  border-color:rgba(176,44,255,.24);
  border-radius:18px;
  overflow:hidden;
}

footer{
  background:rgba(5,2,8,.92);
  border-top:1px solid rgba(177,44,255,.2);
}
footer strong{font-family:"Permanent Marker",cursive;color:var(--yellow);font-weight:400}

/* textos com um pouco mais de personalidade da marca */
.group-heading h3,.section-heading h2{line-height:1.05}
.product-card h3,.signature-card h3{font-weight:900}
.price{letter-spacing:-.03em}

@media(max-width:820px){
  body::before{background-position:42% top}
  .hero{padding:42px 18px 30px;border-radius:22px}
  .hero p{font-size:16px}
}

/* Bebidas: imagens reais enquadradas sem corte */
#beverageGrid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.beverage-card{display:flex;flex-direction:column;min-height:390px}
.beverage-visual{height:205px;background:#fff;border-radius:14px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px;padding:10px}
.beverage-photo{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.beverage-card h3{min-height:40px}
.beverage-card p{min-height:34px}
.beverage-card .btn{margin-top:auto}
@media (max-width:1200px){#beverageGrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){#beverageGrid{grid-template-columns:repeat(2,1fr)}.beverage-visual{height:190px}.beverage-card{min-height:360px}}
@media (max-width:460px){#beverageGrid{grid-template-columns:1fr}.beverage-visual{height:230px}}

/* 2026-09-10 — fundo MixHaus em fluxo com o scroll + sobreposições mais leves */
body{
  background-color:#07040b !important;
  background-image:url("assets/mixhaus-fundo.jpeg") !important;
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:repeat-y !important;
  background-attachment:scroll !important;
}
body::before{
  display:none !important;
}
body::after{
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,2,9,.46) 0%,rgba(8,3,13,.54) 38%,rgba(5,2,8,.62) 100%),
    radial-gradient(circle at 72% 20%,rgba(132,18,181,.15),transparent 34%) !important;
}

/* Deixa o fundo perceptível sem perder a separação dos blocos */
.menu-tabs,.product-card,.signature-card,.about-card,.info-card,.menu-group,
.modal-card,.cart-drawer,.cart-item,.profile-grid>div,.saved-address-box{
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
.menu-tabs{
  background:rgba(10,5,14,.76) !important;
}
.product-card,.signature-card,.about-card,.info-card,.menu-group{
  background:linear-gradient(180deg,rgba(20,9,28,.84),rgba(8,4,12,.88)) !important;
  border-color:rgba(184,73,235,.34) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.34) !important;
}
.hero{
  background:linear-gradient(100deg,rgba(5,2,9,.72),rgba(35,8,46,.48) 58%,rgba(75,10,96,.28)) !important;
}
.hero::before{
  background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 52%),radial-gradient(circle at 85% 25%,rgba(177,44,255,.12),transparent 34%) !important;
}
.benefit-strip{
  background:rgba(8,4,12,.66) !important;
}
.whatsapp-strip{
  background:linear-gradient(90deg,rgba(37,12,49,.86),rgba(105,13,133,.84)) !important;
}
footer{
  background:rgba(5,2,8,.82) !important;
}

@media(max-width:820px){
  body{
    background-size:auto 1000px !important;
    background-position:center top !important;
    background-repeat:repeat-y !important;
  }
}

/* Marca em destaque ao lado da logo */
.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}
.brand-name{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:900;letter-spacing:-.02em;color:#fff}
.brand-name b{color:var(--yellow);font-weight:900}
@media(max-width:980px){.brand-name{font-size:15px}.topbar{gap:18px}}
@media(max-width:680px){.brand-name{display:none}}

/* Casadinho: mesmas opções de personalização dos tradicionais */
.disposable-group {
  border: 1px solid rgba(255, 214, 0, .42);
  background: rgba(255, 214, 0, .06);
  border-radius: 16px;
  padding: 14px;
}
.disposable-group h3::after {
  content: ' • recomendado para delivery';
  color: #ffd600;
  font-size: .78rem;
  font-weight: 700;
}


/* 2026-09-10 — hero definitivo + personalização completa */
.hero-art.hero-photo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
  overflow:visible;
}
.hero-product-photo{
  width:100% !important;
  max-width:520px !important;
  height:520px !important;
  max-height:520px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.beverage-addon-group{margin-top:18px;border-top:1px solid rgba(177,44,255,.28);padding-top:18px}
.addon-help{margin:0 0 12px;color:#cfc4d7;font-size:13px}
.beverage-addon{background:rgba(255,210,28,.045)}
.signature-card .btn::before{content:'✦ ';font-size:.9em}
@media(max-width:820px){
  .hero-art.hero-photo-wrap{min-height:430px}
  .hero-product-photo{height:430px !important;max-height:430px !important;max-width:430px !important}
}
@media(max-width:520px){
  .hero-art.hero-photo-wrap{min-height:360px}
  .hero-product-photo{height:360px !important;max-height:360px !important;max-width:360px !important}
}