:root{--bg:#050403;--panel:#120e08;--panel2:#1a1308;--gold:#f7c84b;--gold2:#bf8618;--cream:#fff4d4;--muted:#d7c7a0;--line:rgba(247,200,75,.24);--danger:#ef4444;--ok:#22c55e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{text-decoration:none;color:inherit}

.wx-public{min-height:100vh;background:radial-gradient(700px 360px at 15% 8%,rgba(247,200,75,.13),transparent 62%),linear-gradient(180deg,#050403,#090604 48%,#030303)}

.wx-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 6%;background:rgba(5,4,3,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.wx-brand{display:flex;align-items:center;gap:10px;font-weight:1000;color:var(--gold)}
.wx-brand img{width:46px;height:46px;object-fit:contain;border-radius:12px}
.wx-brand strong{display:block;font-size:19px}
.wx-brand span span{display:block;color:var(--muted);font-size:11px;font-weight:800}
.wx-links{display:flex;align-items:center;gap:18px;font-weight:900;color:#f9e7af}
.wx-whats{background:#22c55e;color:#061008!important;padding:11px 16px;border-radius:999px;box-shadow:0 18px 38px rgba(34,197,94,.18)}

.hero{display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:42px;min-height:auto;padding:58px 6% 44px}
.eyebrow{color:var(--gold);font-weight:1000;letter-spacing:4px;font-size:12px;text-transform:uppercase}
.hero h1{font-size:clamp(50px,7vw,98px);line-height:.88;margin:14px 0 0;background:linear-gradient(90deg,#fff7c9,#f7c84b,#fff);-webkit-background-clip:text;color:transparent}
.hero h2{font-size:clamp(26px,3.6vw,48px);line-height:1;margin:12px 0 18px;color:var(--gold);font-style:italic}
.hero p{font-size:18px;line-height:1.48;color:#fff0c8;max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:15px;font-weight:1000;border:1px solid var(--line)}
.btn.primary{background:linear-gradient(135deg,#ffe58a,#c99724);color:#080604}
.btn.ghost{color:#ffeaa6;background:rgba(255,255,255,.04)}
.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#160f05,#050403);border-radius:28px;padding:24px;box-shadow:0 0 70px rgba(247,200,75,.12)}
.hero-card img{width:100%;display:block;border-radius:20px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips span{border:1px solid rgba(247,200,75,.30);background:rgba(0,0,0,.34);color:#ffe6a0;border-radius:999px;padding:9px 12px;font-weight:900}

.section{padding:54px 6%}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.section h3{font-size:clamp(32px,4vw,56px);margin:8px 0 0;color:var(--gold);line-height:.96}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(26,19,8,.92),rgba(7,7,7,.96));box-shadow:0 20px 60px rgba(0,0,0,.34)}
.cat-card .emoji{font-size:34px}.cat-card strong{display:block;color:var(--gold);font-size:22px;margin-top:12px}.cat-card span{display:block;color:var(--muted);margin-top:8px;line-height:1.35}

.menu-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;padding:30px 6% 90px}
.menu-sidebar{position:sticky;top:88px;height:max-content;border:1px solid var(--line);border-radius:24px;background:rgba(18,14,8,.84);padding:16px}
.menu-sidebar a{display:flex;align-items:center;gap:10px;border-radius:15px;padding:11px 13px;color:#f9e7af;font-weight:950}
.menu-sidebar a:hover{background:rgba(247,200,75,.09);color:var(--gold)}
.menu-search{display:flex;gap:12px;margin:0 0 20px}
.menu-search input{width:100%;border:1px solid var(--line);background:#0b0805;color:var(--cream);border-radius:16px;padding:15px 16px;font-size:16px;outline:none}
.product-section{margin-bottom:42px}.product-section h2{font-size:32px;color:var(--gold);margin:0 0 18px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{position:relative;overflow:hidden;border:1px solid rgba(247,200,75,.22);border-radius:24px;background:linear-gradient(145deg,#171108,#080808);box-shadow:0 20px 60px rgba(0,0,0,.35);transition:.18s ease}
.product-card:hover{transform:translateY(-4px);border-color:rgba(247,200,75,.48)}
.product-media{height:178px;background:radial-gradient(circle at 35% 30%,rgba(247,200,75,.22),transparent 48%),#0c0905;display:grid;place-items:center;color:var(--gold);font-size:46px}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-body{padding:18px}.badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,#ffe58a,#c99724);color:#080604;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:1000}
.product-body h4{margin:0 0 8px;font-size:21px;color:#fff5d5}.product-body p{margin:0 0 16px;color:var(--muted);line-height:1.38;min-height:42px}
.price-row{display:flex;gap:10px;margin-bottom:14px}.price-pill{flex:1;border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(0,0,0,.22)}
.price-pill small{display:block;color:var(--muted);font-weight:900}.price-pill b{display:block;color:var(--gold);font-size:18px;margin-top:2px}
.add-btn{width:100%;border:0;border-radius:16px;padding:14px;font-weight:1000;background:linear-gradient(135deg,#ffe58a,#c99724);color:#080604;cursor:pointer}

.footer{padding:38px 6%;border-top:1px solid var(--line);background:#030303;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cartbar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:80;display:none;align-items:center;gap:14px;background:rgba(9,6,3,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;padding:12px 14px;box-shadow:0 18px 70px rgba(0,0,0,.55)}
.cartbar.show{display:flex}.cartbar strong{color:var(--gold)}
.drawer{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:90;display:none;align-items:stretch;justify-content:flex-end}
.drawer.show{display:flex}.drawer-panel{width:min(460px,100%);background:#0b0805;border-left:1px solid var(--line);padding:24px;overflow:auto}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.drawer-head h3{margin:0;color:var(--gold);font-size:28px}
.x{background:transparent;border:1px solid var(--line);color:var(--gold);width:42px;height:42px;border-radius:14px;font-size:22px}
.form-row{margin:14px 0}.form-row label{display:block;color:#f7df9a;font-weight:1000;margin-bottom:8px}
.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--line);background:#070604;color:var(--cream);border-radius:14px;padding:13px;font-size:15px;outline:none}
.size-grid,.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.03);cursor:pointer}
.choice input{width:auto;margin-right:8px}.choice b{color:var(--gold)}
.choice:has(input:checked){border-color:rgba(247,200,75,.72);background:rgba(247,200,75,.10);box-shadow:0 0 0 1px rgba(247,200,75,.15) inset}
.summary{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(247,200,75,.06);margin:16px 0}
.coupon-entry{display:grid;grid-template-columns:1fr auto;gap:8px}.coupon-entry button{border:1px solid var(--gold);border-radius:12px;background:var(--gold);color:#090704;padding:0 16px;font-weight:900;cursor:pointer}.coupon-field small{display:block;margin-top:7px;color:var(--muted);line-height:1.4}.summary{display:grid;gap:5px}.summary [data-coupon-discount-row]{color:#85e9b0}
.admin-hint{padding:14px 6%;background:#080604;border-bottom:1px solid var(--line);color:var(--muted)}.admin-hint a{color:var(--gold);font-weight:1000}

@media(max-width:980px){
  .hero,.menu-layout{grid-template-columns:1fr}
  .menu-sidebar{position:relative;top:0}
  .product-grid,.cat-grid{grid-template-columns:1fr 1fr}
  .wx-links{display:none}
}

@media(max-width:620px){
  .wx-nav{padding:10px 16px}
  .wx-brand img{width:38px;height:38px}
  .wx-brand strong{font-size:17px}
  .wx-brand span span{font-size:10px}

  .hero{display:block;padding:30px 18px 22px}
  .hero-card{display:none}
  .hero h1{font-size:48px}
  .hero h2{font-size:28px;margin:10px 0 14px}
  .hero p{font-size:16px}
  .hero-actions .btn{width:100%;padding:14px}
  .chips span{font-size:13px;padding:8px 10px}

  .section{padding:34px 18px}
  .section-head{align-items:flex-start;flex-direction:column}
  .cat-grid{grid-template-columns:1fr}
  .cat-card{padding:20px}

  .menu-layout{padding:22px 16px 90px;gap:18px}
  .menu-sidebar{border-radius:20px;overflow:auto;display:flex;gap:8px;padding:12px}
  .menu-sidebar .eyebrow{display:none}
  .menu-sidebar a{white-space:nowrap;padding:10px 12px;background:rgba(255,255,255,.03)}
  .product-grid{grid-template-columns:1fr}
  .product-media{height:160px}
  .price-row,.size-grid,.extras-grid{grid-template-columns:1fr;display:grid}
  .cartbar{width:calc(100% - 20px);justify-content:space-between;bottom:10px}
  .drawer-panel{padding:20px}
}.hero-compact{
  grid-template-columns:1fr;
  min-height:auto;
  padding:42px 6% 24px;
}

.hero-compact h1{
  font-size:clamp(42px,7vw,82px);
}

.hero-compact p{
  max-width:820px;
}

@media(max-width:620px){
  .hero-compact{
    padding:26px 18px 16px;
  }

  .hero-compact h1{
    font-size:38px;
  }

  .hero-compact .chips{
    margin-top:16px;
  }
}
/* Checkout V2 - added */
.cart-drawer,.checkout-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:95;display:none;align-items:stretch;justify-content:flex-end}.cart-drawer.show,.checkout-modal.show{display:flex}.cart-panel,.checkout-panel{width:min(480px,100%);background:#0b0805;border-left:1px solid var(--line);padding:24px;overflow:auto}.cart-list{display:grid;gap:12px;margin:16px 0}.cart-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);padding:14px;display:grid;gap:10px}.cart-item strong{color:var(--gold)}.cart-item span,.cart-item small{display:block;color:var(--muted);margin-top:3px}.cart-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cart-item-actions button{border:1px solid var(--line);background:#070604;color:var(--cream);border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer}.cart-total-box{border:1px solid var(--line);border-radius:18px;background:rgba(247,200,75,.06);padding:14px;margin:14px 0;display:flex;justify-content:space-between;align-items:center}.cart-total-box strong{color:var(--gold);font-size:22px}.cart-empty{border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--muted)}.checkout-msg{color:var(--gold);font-weight:800;min-height:22px}.cartbar button{white-space:nowrap}@media(max-width:620px){.cartbar{gap:8px}.cartbar .btn{padding:10px 12px}.cart-panel,.checkout-panel{padding:18px}.cart-item{padding:12px}}
.wx-nav-clean{
  min-height:72px;
}

.wx-brand-logo-only img{
  width:54px;
  height:54px;
}

.wx-brand-logo-only span{
  display:none;
}

.wx-whats-compact{
  padding:10px 18px;
  font-size:14px;
}

.public-footer{
  border-top:1px solid var(--line);
  padding:24px 6%;
  color:var(--muted);
  background:#030303;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  font-size:14px;
}

.public-footer div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.public-footer strong{
  color:var(--gold);
}

@media(max-width:620px){
  .wx-nav-clean{
    min-height:62px;
    padding:8px 16px;
  }

  .wx-brand-logo-only img{
    width:44px;
    height:44px;
  }

  .public-footer{
    padding:20px 18px 90px;
    font-size:13px;
  }
}.public-footer .wevex-brand{
  color: #20c8ff;
  font-weight: 900;
  letter-spacing: .4px;
  text-shadow: 0 0 12px rgba(32, 200, 255, .35);
}

/* ==================================================
   WEVEX PATCH — CARDÁPIO MOBILE CORRIGIDO
   Cole este bloco somente uma vez.
================================================== */

.product-card::before,
.product-card::after,
.product-media::before,
.product-media::after {
  content: none !important;
  display: none !important;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.product-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.product-media {
  width: 100%;
  height: 210px;
  overflow: hidden;
}

.product-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.product-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.product-body h4 {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

.product-body p {
  display: -webkit-box;
  overflow: hidden;
  min-height: 38px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.price-row {
  margin-top: auto;
}

@media (max-width: 980px) {
  .menu-layout {
    grid-template-columns: 1fr;
  }

  .menu-sidebar {
    position: sticky;
    top: 62px;
    z-index: 30;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 8px 4px;
    border: 0;
    background: rgba(5, 4, 3, .96);
    backdrop-filter: blur(10px);
    scrollbar-width: none;
  }

  .menu-sidebar::-webkit-scrollbar {
    display: none;
  }

  .menu-sidebar .eyebrow {
    display: none;
  }

  .menu-sidebar a {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(247, 200, 75, .20);
    border-radius: 999px;
    background: #0d0905;
    font-size: 12px;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body {
    padding-bottom: 86px;
  }

  .menu-layout {
    gap: 8px;
    padding: 10px 10px 96px;
  }

  .menu-search {
    position: sticky;
    top: 108px;
    z-index: 20;
    margin-bottom: 12px;
    padding: 5px 0;
    background: rgba(5, 4, 3, .96);
  }

  .menu-search input {
    min-height: 42px;
    font-size: 14px;
  }

  .product-section {
    margin-bottom: 24px;
    scroll-margin-top: 170px;
  }

  .product-section h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .product-card {
    border-radius: 14px;
  }

  .product-media {
    height: 118px;
    font-size: 30px;
  }

  .product-body {
    gap: 7px;
    padding: 10px;
  }

  .product-body h4 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .product-body p {
    min-height: 0;
    font-size: 10px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
  }

  .badge {
    top: 7px;
    left: 7px;
    padding: 4px 7px;
    font-size: 9px;
  }

  .price-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .price-pill {
    padding: 7px;
    border-radius: 9px;
  }

  .price-pill small {
    font-size: 8px;
  }

  .price-pill b {
    font-size: 11px;
  }

  .add-btn {
    min-height: 36px;
    padding: 8px;
    border-radius: 9px;
    font-size: 11px;
  }

  .drawer,
  .cart-drawer,
  .checkout-modal {
    align-items: flex-end;
  }

  .drawer-panel,
  .cart-panel,
  .checkout-panel {
    width: 100%;
    height: auto;
    max-height: 92vh;
    padding: 16px;
    border-left: 0;
    border-top: 1px solid rgba(247, 200, 75, .30);
    border-radius: 22px 22px 0 0;
  }

  .size-grid,
  .extras-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cartbar {
    right: 9px;
    bottom: 9px;
    left: 9px;
    width: auto;
    display: none;
    grid-template-columns: minmax(70px, 1fr) auto auto;
    gap: 5px;
    padding: 7px;
    border-radius: 14px;
    transform: none;
  }

  .cartbar.show {
    display: grid;
  }

  .cartbar strong {
    font-size: 11px;
  }

  .cartbar span {
    font-size: 12px;
  }

  .cartbar .btn {
    min-height: 38px;
    padding: 0 8px;
    font-size: 10px;
  }
}

@media (max-width: 360px) {
  .product-grid {
    grid-template-columns: 1fr;
  }

  .product-media {
    height: 180px;
  }
}

/* ==========================================================
   WEVEX — MOBILE PREMIUM V3
   Compatível com o HTML atual do cardápio.
   ========================================================== */

:root {
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
}

button,
input,
textarea,
select {
  font: inherit;
}

button,
a,
.choice,
.product-card {
  -webkit-tap-highlight-color: transparent;
}

img {
  max-width: 100%;
}

.product-card,
.drawer-panel,
.cartbar,
.menu-search input,
.choice,
.form-row input,
.form-row textarea,
.form-row select {
  -webkit-font-smoothing: antialiased;
}

.product-card { isolation: isolate; }
.product-media img { transition: transform .28s ease, filter .28s ease; }
.product-card:hover .product-media img { transform: scale(1.025); }
.add-btn,.btn,.cart-item-actions button,.x { transition: transform .16s ease, filter .16s ease, border-color .16s ease; }
.add-btn:active,.btn:active,.cart-item-actions button:active,.x:active { transform: scale(.98); }
.add-btn:disabled,.btn:disabled { cursor:not-allowed; opacity:.58; filter:grayscale(.2); }
.form-row input:focus,.form-row textarea:focus,.form-row select:focus,.menu-search input:focus { border-color:rgba(247,200,75,.72); box-shadow:0 0 0 3px rgba(247,200,75,.10); }
.drawer.show { animation: wxFadeIn .18s ease both; }
.drawer.show .drawer-panel { animation: wxDrawerIn .24s cubic-bezier(.2,.8,.2,1) both; }
@keyframes wxFadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes wxDrawerIn { from { opacity:.4; transform:translateX(24px); } to { opacity:1; transform:translateX(0); } }

@media (max-width: 980px) {
  .menu-layout { padding-top:14px; }
  .menu-sidebar { margin-inline:-2px; }
  .menu-sidebar a { transition:background .16s ease,color .16s ease,border-color .16s ease; }
  .menu-sidebar a:active { background:rgba(247,200,75,.14); color:var(--gold); border-color:rgba(247,200,75,.44); }
}

@media (max-width: 620px) {
  html { scroll-padding-top:124px; }
  body { overflow-x:hidden; padding-bottom:calc(92px + var(--mobile-safe-bottom)); }
  .wx-public { background:radial-gradient(520px 260px at 8% 0%,rgba(247,200,75,.10),transparent 62%),linear-gradient(180deg,#050403 0%,#090604 48%,#030303 100%); }
  .wx-nav { min-height:58px; padding:7px 12px; gap:8px; }
  .wx-brand { min-width:0; }
  .wx-brand img { width:42px; height:42px; border-radius:12px; }
  .wx-brand strong { max-width:48vw; overflow:hidden; font-size:16px; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }
  .wx-brand span span { margin-top:3px; font-size:9px; }
  .wx-whats,.wx-whats-compact { min-height:40px; padding:0 12px; font-size:12px; white-space:nowrap; }
  .hero,.hero-compact { padding:22px 14px 14px; }
  .hero h1,.hero-compact h1 { margin-top:8px; font-size:clamp(34px,12vw,46px); line-height:.94; }
  .hero h2 { margin:8px 0 10px; font-size:25px; }
  .hero p { margin:0; font-size:14px; line-height:1.48; }
  .eyebrow { font-size:10px; letter-spacing:2.5px; }
  .hero-actions { gap:8px; margin-top:16px; }
  .hero-actions .btn { min-height:46px; border-radius:14px; }
  .chips { gap:7px; margin-top:14px; }
  .chips span { padding:7px 9px; font-size:11px; }
  .menu-layout { gap:10px; padding:8px 10px calc(104px + var(--mobile-safe-bottom)); }
  .menu-sidebar { top:58px; z-index:42; margin:0 -10px; padding:8px 10px; border-radius:0; box-shadow:0 8px 20px rgba(0,0,0,.22); }
  .menu-sidebar a { min-height:38px; padding:0 12px; border-radius:999px; font-size:11px; }
  .menu-search { top:108px; z-index:38; margin:0 -2px 12px; padding:6px 2px 8px; background:linear-gradient(180deg,rgba(5,4,3,.98),rgba(5,4,3,.92)); }
  .menu-search input { min-height:46px; padding:0 14px; border-radius:14px; font-size:14px; box-shadow:0 10px 24px rgba(0,0,0,.22); }
  .product-section { margin-bottom:28px; scroll-margin-top:166px; }
  .product-section h2 { margin:0 2px 11px; font-size:20px; line-height:1.15; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .product-card { border-radius:16px; box-shadow:0 12px 28px rgba(0,0,0,.34); }
  .product-card:hover { transform:none; }
  .product-card:active { transform:scale(.992); }
  .product-media { height:auto; aspect-ratio:1.18/1; background:radial-gradient(circle at 35% 30%,rgba(247,200,75,.20),transparent 48%),#0c0905; }
  .product-media img { object-fit:cover; object-position:center; }
  .badge { top:8px; left:8px; max-width:calc(100% - 16px); overflow:hidden; padding:5px 8px; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  .product-body { gap:8px; padding:11px; }
  .product-body h4 { min-height:31px; margin:0; color:#fff8df; font-size:13.5px; line-height:1.18; -webkit-line-clamp:2; }
  .product-body p { min-height:30px; margin:0; color:#cbbd99; font-size:10.5px; line-height:1.38; -webkit-line-clamp:2; }
  .price-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:auto 0 0; }
  .price-pill { min-width:0; padding:7px; border-radius:10px; }
  .price-pill small { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
  .price-pill b { overflow:hidden; margin-top:3px; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; }
  .add-btn { min-height:39px; padding:8px 10px; border-radius:11px; font-size:11.5px; box-shadow:0 8px 18px rgba(201,151,36,.18); }
  .cartbar { right:8px; bottom:calc(8px + var(--mobile-safe-bottom)); left:8px; grid-template-columns:minmax(64px,1fr) auto auto; gap:6px; min-height:58px; padding:7px; border-radius:17px; background:rgba(12,8,4,.96); box-shadow:0 18px 46px rgba(0,0,0,.58); }
  .cartbar strong { min-width:0; overflow:hidden; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; }
  .cartbar > span { color:#fff3c3; font-size:12.5px; font-weight:900; white-space:nowrap; }
  .cartbar .btn { min-height:42px; padding:0 10px; border-radius:11px; font-size:10.5px; }
  .drawer,.cart-drawer,.checkout-modal { align-items:flex-end; background:rgba(0,0,0,.72); }
  .drawer-panel,.cart-panel,.checkout-panel { width:100%; max-height:min(92vh,820px); padding:15px; border:0; border-top:1px solid rgba(247,200,75,.30); border-radius:24px 24px 0 0; box-shadow:0 -24px 60px rgba(0,0,0,.52); }
  .drawer.show .drawer-panel,.cart-drawer.show .cart-panel,.checkout-modal.show .checkout-panel { animation:wxSheetUp .28s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes wxSheetUp { from { opacity:.6; transform:translateY(42px); } to { opacity:1; transform:translateY(0); } }
  .drawer-head { position:sticky; top:-15px; z-index:5; margin:-15px -15px 14px; padding:15px; border-bottom:1px solid rgba(247,200,75,.14); background:rgba(11,8,5,.97); backdrop-filter:blur(14px); }
  .drawer-head h3 { font-size:22px; line-height:1.15; }
  .x { flex:0 0 auto; width:40px; height:40px; border-radius:12px; }
  .form-row { margin:12px 0; }
  .form-row label { margin-bottom:7px; font-size:13px; }
  .form-row input,.form-row textarea,.form-row select { min-height:47px; padding:12px 13px; border-radius:13px; font-size:16px; }
  .form-row textarea { min-height:88px; resize:vertical; }
  .size-grid,.extras-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .choice { min-height:50px; padding:11px; border-radius:13px; font-size:12px; }
  .summary,.cart-total-box { padding:13px; border-radius:14px; }
  .cart-item { gap:9px; padding:13px; border-radius:15px; }
  .cart-item > strong:last-child { font-size:16px; }
  .cart-item-actions { gap:6px; }
  .cart-item-actions button { min-height:37px; padding:0 10px; border-radius:10px; font-size:11px; }
  .cart-empty { padding:22px 16px; text-align:center; }
  .checkout-msg { min-height:20px; margin:8px 0; font-size:12px; }
  .public-footer { padding:20px 14px calc(100px + var(--mobile-safe-bottom)); }
}

@media (max-width: 365px) {
  .product-grid { grid-template-columns:1fr; }
  .product-media { aspect-ratio:1.55/1; }
  .product-body h4 { min-height:auto; font-size:15px; }
  .product-body p { min-height:auto; font-size:11px; }
  .price-pill b { font-size:13px; }
  .cartbar { grid-template-columns:1fr auto; }
  .cartbar > span { display:none; }
  .cartbar .btn { padding-inline:9px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Complemento do carrinho completo */
.cart-added {
  animation: wxCartPulse .38s ease;
}

@keyframes wxCartPulse {
  50% {
    transform: translateX(-50%) scale(1.025);
    border-color: rgba(247,200,75,.68);
  }
}

.cart-item-main {
  min-width: 0;
}

.cart-item-title-row,
.cart-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cart-item-title-row > strong:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cart-item-price {
  flex: 0 0 auto;
  font-size: 17px;
}

.cart-item-description,
.cart-item-size,
.cart-item-note,
.cart-item-unit {
  display: block;
  margin-top: 6px;
  line-height: 1.4;
}

.cart-item-description {
  color: var(--muted);
}

.cart-item-extras {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(247,200,75,.14);
  border-radius: 11px;
  background: rgba(247,200,75,.045);
}

.cart-item-label {
  color: var(--gold) !important;
  font-weight: 900;
}

.cart-extra-line {
  display: flex !important;
  justify-content: space-between;
  gap: 10px;
  color: #f4e7c0 !important;
}

.cart-extra-line b {
  flex: 0 0 auto;
  color: var(--gold);
}

.cart-item-note {
  padding: 7px 9px;
  border-radius: 9px;
  color: #ffe09b !important;
  background: rgba(247,200,75,.07);
}

.cart-item-unit {
  color: #a99974 !important;
  font-size: 11px;
}

.cart-remove-button {
  color: #ff9aa6 !important;
  border-color: rgba(239,68,68,.25) !important;
}

@media (max-width:620px) {
  .cart-added {
    animation-name: wxCartPulseMobile;
  }

  @keyframes wxCartPulseMobile {
    50% {
      transform: scale(1.02);
      border-color: rgba(247,200,75,.68);
    }
  }

  .cart-item-title-row {
    align-items: flex-start;
  }

  .cart-item-footer {
    margin-top: 4px;
  }

  .cart-extra-line {
    font-size: 11px;
  }

  .public-footer > div:last-child {
    margin-left:auto;
    text-align:right;
  }

  .public-footer .wevex-signature {
    align-items:flex-end;
  }
}

.club-page{width:min(100% - 24px,980px);min-height:70vh;margin:28px auto 70px}.club-hero,.club-card{padding:clamp(24px,5vw,54px);border:1px solid rgba(247,200,75,.24);border-radius:30px;background:radial-gradient(circle at 15% 0,rgba(247,200,75,.15),transparent 45%),#0d0905;box-shadow:0 28px 80px rgba(0,0,0,.36)}.club-hero h1,.club-card h1{margin:10px 0;color:#fff3c8;font-size:clamp(34px,7vw,64px);line-height:.98}.club-hero p,.club-card>p{max-width:680px;color:#b9aa83;line-height:1.65}.club-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.club-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.club-benefits article{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid rgba(247,200,75,.16);border-radius:20px;background:#0b0805}.club-benefits b{font-size:25px}.club-benefits strong{color:#fff0c0}.club-benefits span,.club-meta{color:#9d906f;font-size:13px}.club-card{width:min(620px,100%);margin:auto}.club-form{display:grid;gap:14px;margin-top:24px}.club-form label{display:grid;gap:7px;color:#d9caa1;font-size:13px;font-weight:800}.club-form input{min-height:48px;padding:11px 13px;border:1px solid rgba(247,200,75,.24);border-radius:13px;color:#fff;background:#080604;font-size:16px}.club-form input[type=checkbox]{min-height:auto;width:20px}.club-error{color:#ff8f8f}.coin-balance{display:grid;gap:4px;margin:24px 0;padding:24px;border:1px solid rgba(247,200,75,.25);border-radius:20px;background:#080604}.coin-balance span{color:#a99a72}.coin-balance strong{color:#f7c84b;font-size:52px;line-height:1}.coin-balance b{color:#fff2c9}.club-notice{padding:13px;border-radius:13px;color:#d7c89f;background:rgba(247,200,75,.08)}.club-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}@media(max-width:620px){.club-page{margin-top:14px}.club-hero,.club-card{padding:24px 18px;border-radius:22px}.club-benefits{grid-template-columns:1fr}.club-actions{display:grid}.club-actions .btn{width:100%}}

.club-nav-button{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon title" "icon sub";column-gap:9px;align-items:center;min-height:46px;padding:7px 14px;border:1px solid rgba(247,200,75,.52);border-radius:15px;color:#160f03;background:linear-gradient(135deg,#ffe694,#d8aa25);text-decoration:none;box-shadow:0 9px 28px rgba(216,170,37,.2)}.club-nav-button>span{grid-area:icon;font-size:22px}.club-nav-button>b{grid-area:title;font-size:12px;line-height:1}.club-nav-button>small{grid-area:sub;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.public-footer{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(260px,1.4fr) minmax(150px,.7fr)}.public-footer-contact{align-items:center;text-align:center}.public-footer-contact>span:first-child{color:#d2c49d}.public-socials{display:flex!important;flex-direction:row!important;justify-content:center;gap:12px!important}.public-socials a{color:var(--gold);font-weight:850;text-decoration:none}.public-footer-wevex{align-items:flex-end}@media(max-width:720px){.club-nav-button{padding:7px 10px}.club-nav-button>b{font-size:10px}.public-footer{grid-template-columns:1fr;align-items:flex-start}.public-footer-contact{align-items:flex-start;text-align:left}.public-socials{justify-content:flex-start}.public-footer-wevex{align-items:flex-start;margin-left:0!important}.public-footer .wevex-signature{align-items:flex-start}}

/* WEVEX — jornada pública premium: cardápio, confirmação e rastreio */
.wevex-signature{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#a99a72;text-decoration:none}.wevex-signature small{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.wevex-signature strong{color:#20c8ff;font-weight:900;text-shadow:0 0 18px rgba(32,200,255,.42)}
.order-success-page{min-height:70vh;display:grid;place-items:center;padding:32px 16px}.order-success-card{width:min(620px,100%);padding:clamp(24px,5vw,48px);border:1px solid rgba(247,200,75,.28);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(247,200,75,.12),transparent 42%),#0d0a06;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.38)}.success-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;color:#07140e;background:#61e6a8;font-size:34px;font-weight:950;box-shadow:0 0 38px rgba(97,230,168,.22)}.order-success-card h1{margin:10px 0;color:#fff5d8;font-size:clamp(27px,5vw,42px)}.order-success-card p{max-width:500px;margin:0 auto;color:#bcae88;line-height:1.65}.success-actions,.tracking-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.success-actions .btn,.tracking-actions .btn{min-height:48px;display:flex;align-items:center;justify-content:center}
.tracking-page{width:min(880px,calc(100% - 28px));margin:36px auto 72px}.tracking-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.tracking-hero h1{margin:7px 0;color:#fff4d0;font-size:clamp(34px,6vw,58px);line-height:1}.tracking-hero p{max-width:540px;margin:12px 0 0;color:#a99a72;line-height:1.55}.tracking-live{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid rgba(247,200,75,.2);border-radius:999px;color:#d8cda9;background:#0c0906;font-size:12px;font-weight:850}.tracking-live i{width:8px;height:8px;border-radius:50%;background:#f7c84b;box-shadow:0 0 12px rgba(247,200,75,.8)}.tracking-live.online{color:#89f0bd;border-color:rgba(97,230,168,.24)}.tracking-live.online i{background:#61e6a8;box-shadow:0 0 12px rgba(97,230,168,.8)}
.tracking-card,.tracking-order-card{border:1px solid rgba(247,200,75,.2);border-radius:24px;background:linear-gradient(145deg,#100c07,#090704);box-shadow:0 24px 70px rgba(0,0,0,.3)}.tracking-card{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;overflow:hidden}.tracking-current{display:flex;flex-direction:column;justify-content:center;padding:32px;border-right:1px solid rgba(247,200,75,.15);background:radial-gradient(circle at 20% 20%,rgba(247,200,75,.14),transparent 56%)}.tracking-current span,.tracking-order-head span{color:#a99a72;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tracking-current strong{margin:9px 0;color:#f7c84b;font-size:clamp(28px,4vw,42px);line-height:1.05}.tracking-current small{color:#c9ba93;line-height:1.5}.tracking-progress{padding:24px 30px}.tracking-step{position:relative;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;min-height:64px;color:#70674f}.tracking-step:not(:last-child)::after{content:"";position:absolute;top:48px;bottom:-16px;left:20px;width:2px;background:#292319}.tracking-step>b{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border:2px solid #332d21;border-radius:50%;background:#0c0905}.tracking-step span{display:flex;flex-direction:column;gap:4px}.tracking-step small{font-size:11px}.tracking-step.done,.tracking-step.current{color:#fff0c5}.tracking-step.done>b,.tracking-step.current>b{color:#090704;border-color:#f7c84b;background:#f7c84b}.tracking-step.done:not(:last-child)::after{background:#f7c84b}.tracking-step.current>b{box-shadow:0 0 0 7px rgba(247,200,75,.09),0 0 24px rgba(247,200,75,.28)}
.tracking-order-card{margin-top:16px;padding:26px 30px}.tracking-order-head,.tracking-item{display:flex;align-items:center;justify-content:space-between;gap:18px}.tracking-order-head{padding-bottom:18px;border-bottom:1px solid rgba(247,200,75,.14)}.tracking-order-head h2{margin:4px 0 0;color:#fff2cc}.tracking-order-head>strong{color:#f7c84b;font-size:23px}.tracking-item{padding:13px 0;color:#d8cba8;border-bottom:1px solid rgba(255,255,255,.045)}.tracking-item b{color:#f7c84b}.tracking-privacy{margin:17px 0 0;color:#786e55;font-size:11px;text-align:center}

@media(max-width:620px){.wevex-signature{align-items:flex-start}.tracking-page{width:min(100% - 20px,880px);margin:18px auto 38px}.tracking-hero{flex-direction:column;gap:15px}.tracking-hero h1{font-size:38px}.tracking-hero p{font-size:13px}.tracking-card{grid-template-columns:1fr}.tracking-current{padding:23px;border-right:0;border-bottom:1px solid rgba(247,200,75,.15)}.tracking-progress{padding:16px 20px}.tracking-step{min-height:60px}.tracking-order-card{padding:20px 18px}.success-actions,.tracking-actions{display:grid;grid-template-columns:1fr}.order-success-page{padding:18px 10px}.order-success-card{border-radius:22px}.menu-sidebar{scrollbar-width:none}.menu-sidebar::-webkit-scrollbar{display:none}}

/* Checkout assistido — poucos toques e leitura imediata */
.drawer-kicker{display:block;margin-bottom:4px;color:var(--gold);font-size:9px;font-weight:950;letter-spacing:.16em}.drawer-head>div h3{margin:0}.drawer-quantity{display:grid;grid-template-columns:52px minmax(70px,1fr) 52px;gap:8px}.drawer-quantity button,.drawer-quantity input{min-height:48px;border:1px solid rgba(247,200,75,.25);border-radius:13px;color:#fff5d4;background:#100c07;text-align:center}.drawer-quantity button{color:var(--gold);font-size:23px;font-weight:900;cursor:pointer}.drawer-quantity input{font-size:17px;font-weight:900}.form-row label small{color:#897d60;font-size:10px;font-weight:600}.cartbar-main-action{gap:8px;white-space:nowrap}.cartbar-main-action span{font-size:18px}.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px}.checkout-steps span{padding:8px 5px;border-radius:9px;color:#776d54;background:#100c07;font-size:9px;font-weight:850;text-align:center}.checkout-steps span.active{color:#171004;background:linear-gradient(135deg,#ffe28a,#d8a91f)}.checkout-section{margin:12px 0;padding:15px;border:1px solid rgba(247,200,75,.14);border-radius:17px;background:rgba(255,255,255,.018)}.checkout-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.checkout-section-title>b{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#171004;background:var(--gold)}.checkout-section-title span{display:grid;gap:2px}.checkout-section-title strong{color:#fff1c8;font-size:13px}.checkout-section-title small{color:#8f8365;font-size:10px}.checkout-section .form-row:last-child{margin-bottom:0}.checkout-safe{display:block;margin:12px auto 2px;color:#81765b;font-size:10px;text-align:center}
@media(max-width:620px){.cartbar{grid-template-columns:minmax(62px,1fr) auto minmax(105px,auto)}.cartbar-main-action{padding-inline:13px!important}.checkout-steps{position:sticky;top:54px;z-index:4;padding:6px 0;background:rgba(11,8,5,.97)}.checkout-section{padding:13px}.drawer-quantity{grid-template-columns:50px 1fr 50px}}

/* O cardápio nunca esconde o nome ou os ingredientes do produto. */
@media (max-width:620px) {
  .product-body h4,
  .product-body p {
    display:block;
    overflow:visible;
    min-height:0;
    white-space:normal;
    overflow-wrap:anywhere;
    -webkit-box-orient:initial;
    -webkit-line-clamp:unset;
  }
}

/* Navegação e informações públicas continuam completas no celular. */
@media (max-width:980px) {
  .wx-nav-clean { min-height:72px; padding:10px 14px; gap:10px; }
  .wx-links-public { display:flex; align-items:center; margin-left:auto; }
  .club-nav-button { min-height:48px; }
}

@media (max-width:620px) {
  .wx-brand-logo-only img { max-width:54px; max-height:54px; }
  .club-nav-button { grid-template-columns:auto minmax(0,1fr); max-width:210px; padding:8px 10px; }
  .club-nav-button > b { overflow:hidden; font-size:11px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
  .public-footer { gap:18px; }
  .public-footer > div,
  .public-footer > div:last-child,
  .public-footer-contact,
  .public-footer-wevex { width:100%; margin-left:0; align-items:flex-start; text-align:left; }
  .public-socials { width:100%; flex-wrap:wrap; }
  .public-footer-wevex,
  .public-footer > div:last-child { align-items:flex-end; text-align:right; }
  .public-footer .wevex-signature { min-height:44px; justify-content:center; align-items:flex-end; }
}

.public-social-icon { width:46px; height:46px; display:inline-grid; place-items:center; border-radius:14px; transition:transform .18s ease, box-shadow .18s ease; }
.public-social-icon:hover { transform:translateY(-2px); }
.public-social-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.public-social-icon .social-dot { fill:currentColor; stroke:none; }
.public-social-icon.instagram { color:#fff; background:radial-gradient(circle at 32% 100%,#ffd600 0 25%,#ff7a00 38%,#ff0169 58%,#d300c5 78%,#7638fa 100%); box-shadow:0 8px 24px rgba(255,1,105,.22); }
.public-social-icon.whatsapp { color:#fff; background:#25d366; box-shadow:0 8px 24px rgba(37,211,102,.22); }
.public-address-link { color:#d2c49d; text-decoration:none; line-height:1.5; }
.public-address-link:hover { color:var(--gold); text-decoration:underline; text-underline-offset:4px; }
.club-orders{display:grid;gap:8px;margin-top:26px}.club-orders-head h2{margin:5px 0 10px;color:#fff2c9}.club-order-row{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(247,200,75,.14);border-radius:15px;color:#e9dcba;background:#090604;text-decoration:none}.club-order-row:hover{border-color:rgba(247,200,75,.42)}.club-order-row span{display:grid;gap:4px}.club-order-row span:last-child{text-align:right}.club-order-row small{color:#8f8365}.club-order-row b{color:var(--gold)}
.club-transaction-row{align-items:center}.club-transaction-row:hover{border-color:rgba(247,200,75,.14)}.coin-transaction b{font-size:20px}.coin-debit b{color:#ff9b8f}.coin-credit b{color:#7ee6a8}.birthday-benefit{margin-top:22px;padding:20px;border:1px solid rgba(247,200,75,.2);border-radius:20px;background:#090604}.birthday-benefit.available{border-color:rgba(126,230,168,.48);background:linear-gradient(135deg,rgba(126,230,168,.1),#090604)}.birthday-benefit h2{margin:7px 0;color:#fff0c0}.birthday-benefit p{margin:0;color:#a99a72;line-height:1.55}.birthday-benefit.available p{color:#b8eccb}
@media(max-width:620px){.club-order-row{align-items:flex-start}.club-order-row strong,.club-order-row b{font-size:13px}.club-order-row small{font-size:10px}}
.half-price-note{display:block;margin-top:7px;color:#998d70;font-size:11px}.cart-item-half{padding:7px 9px;border-radius:9px;background:rgba(247,200,75,.08);color:#d8cda8!important}
