:root{
  --bg:#fbf6ee;
  --paper:#fffdf8;
  --ink:#1b1712;
  --muted:#746b61;
  --line:rgba(42,31,22,.12);
  --dark:#15100c;
  --warm:#9a5a2f;
  --green:#2f7d59;
  --greenBg:#edf8f1;
  --shadow:0 18px 50px rgba(42,31,22,.12);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 8% 0%,rgba(217,154,79,.20),transparent 28rem),
    radial-gradient(circle at 92% 12%,rgba(47,125,89,.12),transparent 26rem),
    var(--bg);
  color:var(--ink);
}
button,input,select{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px clamp(16px,4vw,48px);
  background:rgba(251,246,238,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{
  width:38px;height:38px;border-radius:14px;background:var(--dark);color:white;
  display:grid;place-items:center;font-weight:950;letter-spacing:-.06em;
}
.brand strong{display:block;line-height:1;font-size:17px}
.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.nav-actions{display:flex;gap:8px;align-items:center}
.section{padding:46px clamp(16px,4vw,48px)}
.section.compact{padding-top:8px;padding-bottom:30px}
.hero{
  min-height:510px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;
  padding-top:38px;
}
.eyebrow,.label{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--warm);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:950;
}
.eyebrow span{width:26px;height:2px;background:var(--warm)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,6vw,62px);line-height:.96;letter-spacing:-.075em;margin-bottom:18px}
h2{font-size:clamp(28px,3.4vw,40px);line-height:1;letter-spacing:-.058em;margin-bottom:12px}
h3{font-size:18px;letter-spacing:-.035em;margin-bottom:7px}
p{color:var(--muted);line-height:1.56;font-size:14px}
.hero-copy p{font-size:16px;max-width:660px}
.primary-btn,.secondary-btn,.ghost-btn,.order-btn,.ghost-light,.danger-btn{
  border-radius:999px;padding:11px 15px;font-weight:950;border:0;
  transition:.18s transform,.18s box-shadow,.18s background;
  font-size:14px;
  white-space:nowrap;
}
.primary-btn{background:var(--dark);color:white;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.secondary-btn{background:white;color:var(--ink);border:1px solid var(--line)}
.ghost-btn{background:transparent;color:var(--ink);border:1px solid var(--line)}
.danger-btn{background:#fff0ea;color:#9a4027;border:1px solid rgba(154,64,39,.18)}
.order-btn{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line)}
.order-btn strong{min-width:22px;height:22px;border-radius:50%;background:var(--dark);color:white;display:grid;place-items:center;font-size:11px}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.order-btn:hover,.danger-btn:hover{transform:translateY(-1px)}
.full{width:100%;justify-content:center}
.small-btn{padding:10px 13px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.trust-row span{
  background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:999px;
  padding:8px 11px;color:var(--muted);font-size:12px;font-weight:850;
}
.hero-photo{
  position:relative;border-radius:32px;overflow:hidden;height:410px;box-shadow:var(--shadow);
  background:#22150f;
}
.hero-track{display:flex;width:500%;height:100%;animation:heroSlide 22s linear infinite}
.hero-track img{width:20%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.03)}
.hero-photo:hover .hero-track{animation-play-state:paused}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.56),transparent 52%)}
@keyframes heroSlide{
  0%{transform:translateX(0)}
  18%{transform:translateX(0)}
  25%{transform:translateX(-20%)}
  43%{transform:translateX(-20%)}
  50%{transform:translateX(-40%)}
  68%{transform:translateX(-40%)}
  75%{transform:translateX(-60%)}
  93%{transform:translateX(-60%)}
  100%{transform:translateX(-80%)}
}
.photo-card{
  position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:white;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);
  border-radius:22px;padding:16px;
}
.photo-card span{display:block;color:rgba(255,255,255,.70);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}
.photo-card strong{font-size:19px;letter-spacing:-.04em}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.steps article,.delivery-creator,.line-card,.plan-card,.order-box,.builder-card,.selection-card,.panel,.checkout-form,.delivery-final{
  background:rgba(255,253,248,.88);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 12px 36px rgba(42,31,22,.06);
}
.steps article{padding:15px}
.steps span{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:white;
  font-weight:950;font-size:12px;margin-bottom:10px;
}
.steps strong{display:block;margin-bottom:4px}
.steps p{margin:0;font-size:13px}
.section-head{max-width:760px;margin-bottom:22px}
.section-head.row{max-width:none;display:flex;justify-content:space-between;gap:24px;align-items:end}
.delivery-box{
  background:white;border:1px solid var(--line);border-radius:20px;padding:14px 18px;min-width:170px;
  box-shadow:0 12px 30px rgba(42,31,22,.05);
}
.delivery-box small{display:block;color:var(--muted);font-weight:900;margin-bottom:5px;font-size:12px}
.delivery-box strong{font-size:19px}
.line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.line-card{
  display:grid;grid-template-columns:190px 1fr;align-items:stretch;
  overflow:hidden;
}
.line-card img{height:100%;min-height:182px;width:100%;object-fit:cover}
.line-card div{padding:18px}
.pill{
  display:inline-flex;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;
}
.pill.warm{background:#fff0df;color:var(--warm)}
.pill.green{background:var(--greenBg);color:var(--green)}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-card{padding:18px;position:relative;overflow:hidden}
.plan-card.featured{background:linear-gradient(145deg,#15100c,#2a1b10);color:white}
.plan-card.featured p,.plan-card.featured li,.plan-card.featured small{color:rgba(255,255,255,.72)}
.plan-tag{font-size:11px;color:var(--warm);font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.plan-card.featured .plan-tag{color:#ffc987}
.plan-price{font-size:30px;font-weight:950;letter-spacing:-.06em;margin:12px 0 3px}
.plan-card ul{padding-left:17px;color:var(--muted);line-height:1.65;font-size:13px;margin:14px 0}
.credit-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}
.credit-option{
  border:1px solid var(--line);background:white;border-radius:14px;padding:9px 7px;font-weight:950;
  color:var(--ink);font-size:13px;
}
.plan-card.featured .credit-option{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:white}
.credit-option.active{background:var(--warm);border-color:var(--warm);color:white}
.plan-card.featured .credit-option.active{background:#ffc987;color:#1b1712}
.delivery-creator{
  display:grid;
  grid-template-columns:1.2fr 1.1fr .55fr auto;
  gap:12px;
  align-items:end;
  padding:16px;
  margin-bottom:18px;
}
.delivery-creator label,.panel label,.checkout-form label,.delivery-final label{
  display:block;color:var(--muted);font-size:12px;font-weight:950;
}
.input{
  width:100%;border:1px solid var(--line);background:white;border-radius:14px;
  padding:10px 11px;margin:7px 0 0;outline:none;color:var(--ink);font-size:14px;
}
.input.compact{width:auto;min-width:158px;margin:5px 0 0}
.input:focus{border-color:rgba(154,90,47,.42);box-shadow:0 0 0 4px rgba(154,90,47,.09)}
.order-layout{display:grid;grid-template-columns:315px 1fr;gap:18px;align-items:start}
.order-sidebar{display:grid;gap:14px;position:sticky;top:78px}
.selection-card,.order-box{padding:16px}
.selection-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.selection-top strong{
  background:var(--dark);color:white;border-radius:999px;padding:7px 10px;font-size:12px;
}
.selection-photo-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;
}
.selection-photo-grid div{
  background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;
}
.selection-photo-grid img{
  width:100%;height:74px;object-fit:cover;
}
.selection-photo-grid small{
  display:block;padding:7px 8px;color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase;
}
.selection-list{display:grid;gap:8px}
.selection-list div{
  background:white;border:1px solid var(--line);border-radius:14px;padding:9px 10px;
}
.selection-list small,.progress-row small,.macro small{
  display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;
}
.selection-list strong{font-size:13px;line-height:1.25;display:block}
.progress-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.progress-row div,.macro{
  background:white;border:1px solid var(--line);border-radius:16px;padding:10px;
}
.progress-row strong,.macro strong{font-size:20px;letter-spacing:-.05em}
.plate-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.plate-tab{
  border:1px solid var(--line);background:white;color:var(--ink);border-radius:999px;padding:8px 11px;font-weight:950;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;
}
.plate-tab.active{background:var(--dark);color:white}
.plate-tab.ready{border-color:rgba(47,125,89,.36)}
.ready-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}
.builder-card{padding:16px}
.builder-top{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}
.inline-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.inline-controls label{font-size:11px;color:var(--muted);font-weight:950}
.goal-hint{
  background:var(--greenBg);border:1px solid rgba(47,125,89,.18);color:#25704a;
  border-radius:16px;padding:11px 12px;font-size:13px;font-weight:800;margin-bottom:10px;
}
.hidden{display:none!important}
.builder-group{padding:13px 0;border-top:1px solid var(--line)}
.group-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.group-title h3{font-size:17px}
.group-title small{color:var(--muted);font-weight:850;text-align:right;font-size:12px}
.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.choice-card{
  border:1px solid var(--line);background:white;border-radius:18px;padding:8px;text-align:left;
  transition:.18s transform,.18s box-shadow,.18s border-color;
}
.choice-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,31,22,.08)}
.choice-card.active{border-color:rgba(154,90,47,.62);box-shadow:0 0 0 3px rgba(154,90,47,.10)}
.choice-card.recommended{border-color:rgba(47,125,89,.32)}
.choice-card img{width:100%;height:86px;border-radius:13px;object-fit:cover;margin-bottom:9px;background:#eee}
.choice-card strong{display:block;font-size:12.5px;line-height:1.18;margin-bottom:5px}
.choice-card small{display:block;color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}
.choice-card .rec{display:inline-block;margin-top:6px;color:var(--green);font-size:10px;font-weight:950;text-transform:uppercase}
.macro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.notice{display:none;border-radius:14px;padding:10px;margin-top:10px;font-size:12.5px;font-weight:850;line-height:1.42}
.notice.show{display:block}
.notice.ok{background:#edf8f1;color:#25704a}
.notice.warn{background:#fff3df;color:#895318}
.drawer,.modal{position:fixed;inset:0;z-index:100;display:none}
.drawer.open,.modal.open{display:block}
.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;background:rgba(12,9,7,.45);backdrop-filter:blur(6px)}
.drawer-panel{
  position:absolute;right:0;top:0;height:100%;width:min(560px,100%);
  background:var(--paper);padding:22px;box-shadow:-24px 0 80px rgba(0,0,0,.2);
  display:flex;flex-direction:column;
}
.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.compact-drawer-head h2{font-size:42px;margin-bottom:0}
.summary-top{
  border:1px solid var(--line);background:white;border-radius:18px;padding:12px;margin:14px 0 10px;
}
.summary-top strong{display:block;font-size:18px;margin-bottom:4px}
.summary-top small{display:block;color:var(--muted);font-weight:800}
.drawer-actions{display:grid;gap:10px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.icon-btn{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;font-size:24px;line-height:1;
}
.float{position:absolute;right:16px;top:16px}
.summary-content{display:grid;gap:10px;overflow:auto;margin-top:0;flex:1;min-height:240px}
.summary-empty{
  background:white;border:1px solid var(--line);border-radius:18px;padding:16px;
}
.summary-item,.wallet-item,.order-history-item,.address-item{
  background:white;border:1px solid var(--line);border-radius:18px;padding:12px;
}
.summary-item strong,.wallet-item strong,.order-history-item strong,.address-item strong{display:block;margin-bottom:5px}
.summary-item small,.wallet-item small,.order-history-item small,.address-item small{display:block;color:var(--muted);line-height:1.45}
.summary-row{
  display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;
}
.summary-row img{width:58px;height:58px;border-radius:14px;object-fit:cover}
.summary-delete,.address-delete{
  width:30px;height:30px;border-radius:50%;border:1px solid rgba(154,64,39,.20);background:#fff0ea;color:#9a4027;font-weight:950;
}
.delivery-final{padding:14px;margin-top:12px;box-shadow:none}
.delivery-final h3{margin-bottom:8px}
.account-card,.checkout-card{
  position:relative;margin:5vh auto;background:var(--paper);border-radius:28px;padding:22px;
  box-shadow:var(--shadow);width:min(1040px,calc(100% - 28px));max-height:90vh;overflow:hidden;
}
.auth-panel{max-width:480px}
.auth-tabs,.account-tabs{display:flex;gap:8px;margin:16px 0 12px;flex-wrap:wrap}
.auth-tab,.profile-tab{
  border:1px solid var(--line);background:white;color:var(--muted);border-radius:999px;padding:10px 13px;font-weight:950;
}
.auth-tab.active,.profile-tab.active{background:var(--dark);color:white}
.auth-form{padding:16px}
.profile-view{display:none}
.profile-view.active{display:block}
.profile-panel-card{padding:18px;min-height:390px}
.profile-panel-card.data-card{display:flex;flex-direction:column;gap:18px}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.data-fields{align-items:start}
.data-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px}
.mini-credit-strip{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-weight:850;font-size:12px}
.mini-credit-pill{background:white;border:1px solid var(--line);border-radius:999px;padding:8px 10px}
.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.password-form{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fffaf2}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wallet-list.horizontal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wallet-item .balance{font-size:24px;font-weight:950;letter-spacing:-.06em;color:var(--warm)}
.address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;max-height:260px;overflow:auto}
.address-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.address-icon{width:42px;height:42px;border-radius:14px;background:#fff4e7;display:grid;place-items:center;font-size:20px}
.address-actions-inline{display:flex;gap:6px}
.address-edit,.address-delete{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:white;font-weight:950}
.address-form{margin:12px 0;padding:12px;border-radius:18px;background:#fffaf2;border:1px solid rgba(154,90,47,.16)}
.address-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.orders-list-scroll{display:grid;gap:10px;max-height:320px;overflow:auto;padding-right:4px}
.order-history-row{
  display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;
}
.order-history-row img{width:60px;height:60px;border-radius:16px;object-fit:cover}
.order-detail{margin-top:12px;border:1px solid var(--line);border-radius:20px;padding:14px;background:#fffaf2;max-height:280px;overflow:auto}
.order-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}
.order-detail-list{display:grid;gap:8px}
.order-detail-item{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:8px}
.order-detail-item img{width:46px;height:46px;border-radius:12px;object-fit:cover}
.logout-bottom{margin-top:14px}
.checkout-card{width:min(840px,calc(100% - 28px))}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-form{padding:16px}
.pay-methods{display:flex;gap:8px;margin:10px 0}
.pay{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:white;font-weight:950;font-size:13px}
.pay.active{background:var(--dark);color:white}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.checkout-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
.checkout-bottom small{display:block;color:var(--muted);font-weight:950}
.checkout-bottom strong{font-size:28px}
.success-box{display:none;margin-top:14px;background:#edf8f1;color:#226b47;border-radius:18px;padding:14px}
.success-box.show{display:block}
.success-box strong,.success-box span{display:block}
.toast{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);
  background:var(--dark);color:white;padding:12px 16px;border-radius:999px;z-index:200;
  opacity:0;pointer-events:none;transition:.2s;box-shadow:0 14px 40px rgba(0,0,0,.22);font-weight:850;font-size:14px;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1180px){
  .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wallet-list.horizontal{grid-template-columns:1fr}
}
@media (max-width:980px){
  .hero,.order-layout{grid-template-columns:1fr}
  .order-sidebar{position:static}
  .plans-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .address-list,.two-col{grid-template-columns:1fr}
}
@media (max-width:820px){
  .hero-photo{height:350px}
  .section{padding:34px 16px}
  h1{font-size:42px}
  .line-grid,.plans-grid,.steps,.checkout-grid,.delivery-creator{grid-template-columns:1fr}
  .line-card{grid-template-columns:1fr}
  .line-card img{height:180px}
  .builder-top{display:block}
  .inline-controls{display:block}
  .input.compact{width:100%}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head.row{display:block}
  .account-card{overflow:auto}
}
@media (max-width:520px){
  .choice-grid{grid-template-columns:1fr}
  .nav-actions{gap:6px}
  .ghost-btn,.order-btn{padding:10px 12px}
}


/* v10 refinement: lighter, cleaner premium controls */
.primary-btn,.secondary-btn,.ghost-btn,.order-btn,.danger-btn,.auth-tab,.profile-tab,.pay,.credit-option{
  font-weight:760;
  letter-spacing:-0.015em;
}
.primary-btn,.secondary-btn,.ghost-btn,.order-btn{
  padding:10px 15px;
}
.profile-tab,.auth-tab{
  padding:9px 14px;
}
.choice-card strong,.wallet-item strong,.order-history-item strong,.address-item strong{
  font-weight:780;
}
.label,.eyebrow{
  font-weight:800;
}

/* Empty cart spacing */
.summary-top:empty{display:none}
.summary-empty strong{
  display:block;
  margin-bottom:8px;
  font-weight:780;
}
.summary-empty small{
  display:block;
  color:var(--muted);
  line-height:1.45;
}

/* Address icon picker */
.icon-picker-wrap small{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:760;
  margin-bottom:7px;
}
.icon-picker{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.icon-choice{
  width:48px;
  height:48px;
  border-radius:18px;
  border:1px solid var(--line);
  background:white;
  font-size:22px;
  display:grid;
  place-items:center;
  transition:.18s transform,.18s border-color,.18s box-shadow;
}
.icon-choice:hover{
  transform:translateY(-1px);
}
.icon-choice.active{
  border-color:rgba(154,90,47,.52);
  box-shadow:0 0 0 4px rgba(154,90,47,.10);
  background:#fff8ee;
}

/* Inline order detail just below clicked order */
.order-history-block{
  display:grid;
  gap:8px;
}
.order-history-block.open .order-history-item{
  border-color:rgba(154,90,47,.28);
  background:#fffaf2;
}
.order-detail-inline{
  margin-left:74px;
  border:1px solid rgba(154,90,47,.16);
  background:#fffaf2;
  border-radius:18px;
  padding:12px;
}
.order-detail-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.order-detail-head strong{
  display:block;
  font-weight:780;
}
.order-detail-head small{
  display:block;
  color:var(--muted);
  margin-top:3px;
}
.order-detail-list{
  display:grid;
  gap:8px;
}
.order-detail-item{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:10px;
  align-items:center;
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  padding:8px;
}
.order-detail-item img{
  width:54px;
  height:54px;
  border-radius:14px;
  object-fit:cover;
}
.order-detail-item strong{
  display:block;
  font-weight:760;
}
.order-detail-item small{
  display:block;
  color:var(--muted);
  line-height:1.35;
}

/* Credits tab buy action */
.wallet-item{
  position:relative;
}
.buy-more-btn{
  margin-top:10px;
}

/* Success order modal */
.success-order-card{
  position:relative;
  margin:7vh auto;
  width:min(760px,calc(100% - 28px));
  background:var(--paper);
  border-radius:30px;
  padding:18px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:18px;
}
.success-hero{
  position:relative;
  min-height:300px;
  border-radius:24px;
  overflow:hidden;
  background:#f4eadb;
}
.success-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:300px;
}
.success-badge{
  position:absolute;
  left:14px;
  bottom:14px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  padding:9px 12px;
  font-weight:760;
}
.success-copy{
  padding:18px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.success-copy h2{
  font-size:36px;
  margin-bottom:10px;
}
.success-meta{
  display:grid;
  gap:8px;
  margin:14px 0 18px;
}
.success-meta div{
  background:white;
  border:1px solid var(--line);
  border-radius:16px;
  padding:10px 12px;
}
.success-meta small{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:760;
}
.success-meta strong{
  display:block;
  margin-top:3px;
  font-weight:760;
}

/* Data tab no credit mini */
.data-bottom-clean{
  justify-content:flex-start;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.data-bottom-clean .primary-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

@media (max-width:820px){
  .success-order-card{
    grid-template-columns:1fr;
  }
  .order-detail-inline{
    margin-left:0;
  }
}


/* v11 senior design refinement */
:root{
  --cream:#fffaf3;
  --soft:#f5efe5;
  --hairline:rgba(31,23,17,.10);
  --accent:#9a5a2f;
  --accent-soft:#fff4e8;
}

/* lighter premium typography */
body{
  letter-spacing:-.012em;
}
h1,h2{
  letter-spacing:-.07em;
}
h3{
  letter-spacing:-.045em;
}
p, small{
  font-weight:520;
}

/* smaller, calmer buttons */
.primary-btn,.secondary-btn,.ghost-btn,.order-btn,.danger-btn,.auth-tab,.profile-tab,.pay,.credit-option,.mini-credit-option,.text-action-btn{
  font-weight:700;
  letter-spacing:-.025em;
  border-radius:999px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    opacity .18s ease;
}
.primary-btn{
  padding:9px 14px;
  background:#17110d;
  box-shadow:0 10px 24px rgba(23,17,13,.12);
}
.secondary-btn,.ghost-btn,.order-btn{
  padding:8px 13px;
  border-color:var(--hairline);
  box-shadow:0 6px 18px rgba(23,17,13,.035);
}
.small-btn{
  padding:7px 12px;
  font-size:13px;
}
.primary-btn:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(23,17,13,.18);
  background:#251b14;
}
.secondary-btn:hover:not(:disabled),
.ghost-btn:hover:not(:disabled),
.order-btn:hover:not(:disabled),
.profile-tab:hover:not(.active),
.auth-tab:hover:not(.active),
.pay:hover:not(.active),
.credit-option:hover:not(.active),
.mini-credit-option:hover:not(.active),
.text-action-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(154,90,47,.28);
  background:#fffaf3;
  box-shadow:0 10px 24px rgba(23,17,13,.06);
}
.primary-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

.profile-tab,.auth-tab{
  padding:8px 13px;
  font-size:14px;
}
.account-tabs{
  gap:7px;
  margin:12px 0 14px;
}

/* reduce heavy modal/card feeling */
.account-card{
  padding:20px;
  border-radius:26px;
}
.account-head h2{
  font-size:clamp(34px,4vw,52px);
  margin-bottom:8px;
}
.account-head p{
  margin-bottom:6px;
}
.profile-panel-card{
  min-height:300px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,253,248,.74);
}
.profile-panel-title-row{
  margin-bottom:18px;
}
.slim-title-row{
  align-items:center;
}
.text-action-btn{
  border:1px solid var(--hairline);
  background:white;
  color:#2a211a;
  padding:8px 12px;
  font-size:13px;
}

/* better data tab layout */
#profileViewData .profile-panel-card{
  display:grid;
  grid-template-rows:auto 1fr auto;
}
#profileViewData .two-col{
  gap:16px;
  align-content:start;
}
.data-bottom-clean{
  margin-top:24px;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border-top:1px solid var(--hairline);
}
.save-hint{
  color:var(--muted);
  font-size:13px;
  font-weight:600;
}
.slim-primary{
  min-width:150px;
}

/* premium credit cards */
.wallet-list.horizontal{
  gap:12px;
}
.credit-card-premium{
  padding:15px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.credit-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.credit-card-top strong{
  font-size:17px;
  line-height:1.1;
}
.credit-card-top span{
  color:var(--accent);
  font-weight:780;
  font-size:20px;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.credit-card-premium small{
  color:var(--muted);
  font-size:13px;
}
.credit-mini-options{
  display:flex;
  gap:6px;
  margin-top:4px;
}
.mini-credit-option{
  border:1px solid var(--hairline);
  background:white;
  padding:6px 10px;
  font-size:12px;
  color:#2a211a;
}
.mini-credit-option.active{
  background:#17110d;
  border-color:#17110d;
  color:white;
}
.buy-more-btn{
  align-self:flex-start;
  margin-top:4px;
}

/* address picker softer */
.icon-choice{
  width:42px;
  height:42px;
  border-radius:15px;
  font-size:20px;
}
.address-form{
  background:rgba(255,248,238,.72);
}
.address-item{
  border-color:var(--hairline);
}

/* success confirmation: chef/check illustration */
.success-order-card{
  width:min(760px,calc(100% - 28px));
  border-radius:28px;
}
.success-chef-hero{
  background:linear-gradient(135deg,#fff4df,#e8bc75);
}
.success-chef-hero img{
  object-fit:cover;
}
.success-copy h2{
  font-size:clamp(32px,4vw,46px);
  line-height:.98;
}
.success-meta div{
  border-color:var(--hairline);
  box-shadow:0 8px 20px rgba(23,17,13,.035);
}
.success-badge{
  font-size:13px;
  padding:8px 11px;
}

/* builder cards and food cards lighter */
.choice-card{
  border-color:var(--hairline);
}
.choice-card.active{
  border-color:rgba(154,90,47,.44);
  box-shadow:0 0 0 3px rgba(154,90,47,.08);
}
.choice-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(23,17,13,.075);
}
.notice{
  font-weight:680;
}

/* remove visual heaviness from side order card */
.order-box,.selection-card,.builder-card{
  border-color:var(--hairline);
}

/* cart empty fix and cleaner list */
.summary-empty{
  min-height:140px;
}
.summary-empty strong{
  font-size:20px;
}
.summary-empty small{
  font-size:14px;
}

/* order detail inline refined */
.order-detail-inline{
  background:rgba(255,250,243,.92);
  border-color:rgba(154,90,47,.13);
}
.order-history-item{
  border-color:var(--hairline);
}
.order-history-row .secondary-btn{
  padding:7px 12px;
}

/* global card borders calmer */
.plan-card,.line-card,.steps article,.delivery-creator,.delivery-box,.panel,.wallet-item,.summary-item,.address-item,.order-history-item{
  border-color:var(--hairline);
}

@media (max-width:820px){
  .data-bottom-clean{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v12 senior layout polish */
.account-card{
  max-height:90vh;
  overflow:auto;
}

#profileViewData .profile-panel-card{
  min-height:0;
  padding:22px;
}

#profileViewData .panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}

.data-fields{
  align-items:start;
}

.password-form{
  margin-top:22px;
  padding:16px;
  border:1px solid rgba(154,90,47,.14);
  background:rgba(255,248,238,.62);
  border-radius:20px;
}

.password-form .secondary-btn{
  margin-top:12px;
  align-self:flex-start;
}

.data-bottom-clean{
  margin-top:24px;
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid rgba(31,23,17,.09);
}

.save-hint{
  color:#8b8177;
  font-size:13px;
  font-weight:560;
}

.slim-primary{
  width:auto;
  min-width:150px;
}

.text-action-btn{
  border:1px solid rgba(31,23,17,.10);
  background:#fffdf8;
  color:#1b1712;
  border-radius:999px;
  padding:8px 13px;
  font-size:13px;
  font-weight:650;
  box-shadow:0 8px 18px rgba(23,17,13,.035);
}

.text-action-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(154,90,47,.28);
  background:#fff8ee;
}

/* auth validation helper */
.field-help{
  display:block;
  color:#8b8177;
  font-size:12px;
  line-height:1.45;
  margin:4px 0 12px;
}

/* Objective controls alignment */
.builder-top{
  align-items:center;
}

.inline-controls{
  display:flex;
  align-items:end;
  gap:12px;
}

.inline-controls label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:180px;
}

.input.compact{
  height:44px;
  margin-top:0;
}

#markPlateReadyBtn{
  height:44px;
  padding-inline:18px;
}

/* Distinguish builder sections better */
.builder-card{
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,250,243,.88));
}

.builder-group{
  border:1px solid rgba(31,23,17,.09);
  border-radius:24px;
  margin-top:16px;
  padding:18px;
  background:rgba(255,255,255,.58);
}

.builder-group:nth-of-type(1){
  border-left:4px solid rgba(154,90,47,.38);
}

.builder-group:nth-of-type(2){
  border-left:4px solid rgba(217,164,65,.42);
}

.builder-group:nth-of-type(3){
  border-left:4px solid rgba(47,125,89,.35);
}

.group-title{
  padding-bottom:10px;
  border-bottom:1px solid rgba(31,23,17,.07);
  margin-bottom:14px;
}

.choice-grid{
  gap:14px;
}

.choice-card{
  background:#fffdf8;
  border-color:rgba(31,23,17,.10);
}

.choice-card.active{
  border-color:rgba(154,90,47,.50);
  box-shadow:0 0 0 3px rgba(154,90,47,.08), 0 14px 28px rgba(23,17,13,.06);
}

/* Better final delivery select sizing */
.delivery-final .split{
  grid-template-columns:1fr 1.2fr;
}

.delivery-final .input{
  min-height:44px;
  font-size:14px;
}

/* Cleaner order detail inline */
.order-detail-inline{
  margin-left:74px;
  padding:10px;
}

.order-detail-head{
  display:none;
}

.order-detail-list{
  gap:9px;
}

.order-detail-item{
  grid-template-columns:56px 1fr;
  padding:9px;
}

/* Prevent misleading old addresses after cache reset */
.address-item small:empty{
  display:none;
}

/* Compact buttons */
.primary-btn,.secondary-btn,.ghost-btn,.order-btn,.text-action-btn{
  font-size:13.5px;
  font-weight:650;
}

.profile-tab,.auth-tab{
  font-size:14px;
  font-weight:650;
}

@media (max-width:820px){
  .data-bottom-clean{
    flex-direction:column;
    align-items:flex-start;
  }
  .inline-controls{
    display:grid;
    grid-template-columns:1fr;
  }
  .order-detail-inline{
    margin-left:0;
  }
  .delivery-final .split{
    grid-template-columns:1fr;
  }
}


/* v13: local assets, heating steps and delivery-date polish */
.carousel-photo .hero-track{
  animation: heroSlide 16s infinite ease-in-out;
}
.carousel-photo .hero-track img{
  flex:0 0 100%;
  width:100%;
  height:100%;
  object-fit:cover;
}
@keyframes heroSlide{
  0%,22%{transform:translateX(0)}
  30%,52%{transform:translateX(-100%)}
  60%,82%{transform:translateX(-200%)}
  90%,100%{transform:translateX(-300%)}
}

.heat-section{
  padding-top:26px;
}
.heat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.heat-card{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:14px;
  align-items:center;
  background:rgba(255,253,248,.88);
  border:1px solid rgba(31,23,17,.10);
  border-radius:24px;
  padding:12px;
  box-shadow:0 12px 34px rgba(42,31,22,.055);
}
.heat-card img{
  width:120px;
  height:92px;
  object-fit:cover;
  border-radius:18px;
}
.heat-card span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  background:#17110d;
  color:white;
  border-radius:50%;
  font-size:12px;
  font-weight:720;
  margin-bottom:8px;
}
.heat-card strong{
  display:block;
  font-weight:760;
  font-size:17px;
  letter-spacing:-.035em;
}
.heat-card p{
  margin:4px 0 0;
  font-size:13px;
  line-height:1.35;
}

.success-box{
  background:#edf8f1;
  border:1px solid rgba(47,125,89,.18);
}
.success-box strong{
  color:#226b47;
}

.choice-card img,
.selection-photo-grid img,
.summary-row img,
.order-detail-item img,
.order-history-row img{
  background:#fff2dd;
}

.delivery-final label:first-of-type{
  margin-bottom:10px;
}
.delivery-final .split label:first-child::before{
  content:"Fecha de entrega";
}
.delivery-final .split label:first-child{
  font-size:0;
}
.delivery-final .split label:first-child select{
  font-size:14px;
}
.delivery-final .split label:last-child{
  font-size:12px;
}

@media (max-width:980px){
  .heat-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:600px){
  .heat-card{
    grid-template-columns:1fr;
  }
  .heat-card img{
    width:100%;
    height:150px;
  }
}


/* v14: clearer local illustrations and aligned delivery controls */
.carousel-photo,
.hero-photo{
  background:#fff4e3;
}
.carousel-photo .hero-track img{
  object-fit:cover;
  object-position:center;
}

.heat-card img,
.choice-card img,
.selection-photo-grid img,
.summary-row img,
.order-detail-item img,
.order-history-row img,
.success-hero img{
  object-fit:cover;
  object-position:center;
}

/* Delivery form: aligned selects */
.delivery-final .split{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  align-items:end !important;
}
.delivery-final label{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:7px !important;
  color:var(--muted);
  font-size:12px !important;
  font-weight:650;
}
.delivery-final .split label:first-child::before{
  content:none !important;
}
.delivery-final .split label:first-child{
  font-size:12px !important;
}
.delivery-final .input{
  height:52px !important;
  margin-top:0 !important;
  line-height:1.2;
}
.delivery-final select{
  appearance:auto;
}

/* Better image scale inside cards */
.choice-card img{
  height:122px;
}
.selection-photo-grid img{
  height:92px;
}
.heat-card img{
  background:#f4eadb;
}

@media (max-width:760px){
  .delivery-final .split{
    grid-template-columns:1fr !important;
  }
}


/* v16: final image cleanup and exact delivery alignment */
.delivery-final{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:18px !important;
  row-gap:16px !important;
  align-items:end !important;
}

.delivery-final h3{
  grid-column:1 / -1 !important;
  margin:0 0 2px !important;
}

.delivery-final > label{
  grid-column:1 / -1 !important;
  margin:0 !important;
}

.delivery-final .split{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  align-items:end !important;
  margin:0 !important;
}

.delivery-final label{
  display:grid !important;
  grid-template-rows:24px 54px !important;
  gap:8px !important;
  align-items:end !important;
  margin:0 !important;
}

.delivery-final .input,
.delivery-final select{
  height:54px !important;
  min-height:54px !important;
  line-height:1.2 !important;
  padding:0 18px !important;
  margin:0 !important;
  display:block !important;
  box-sizing:border-box !important;
}

.delivery-final .split label:first-child,
.delivery-final .split label:last-child{
  font-size:12px !important;
}

.delivery-final .split label:first-child::before{
  content:none !important;
}

.choice-card img,
.selection-photo-grid img,
.summary-row img,
.order-detail-item img,
.order-history-row img,
.heat-card img,
.hero-photo img{
  opacity:1 !important;
  filter:none !important;
}

@media (max-width:760px){
  .delivery-final,
  .delivery-final .split{
    grid-template-columns:1fr !important;
  }
}


/* v17: entrega layout simple y alineado */
.delivery-final{
  display:block !important;
  padding:22px !important;
}

.delivery-final h3{
  margin:0 0 18px !important;
}

.delivery-final > label{
  display:block !important;
  width:100% !important;
  margin:0 0 16px !important;
}

.delivery-final .split{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
}

.delivery-final .split label{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

.delivery-final label{
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:650 !important;
}

.delivery-final .input,
.delivery-final select{
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  margin-top:8px !important;
  padding:0 18px !important;
  line-height:1.2 !important;
  font-size:15px !important;
  border-radius:18px !important;
  display:block !important;
  box-sizing:border-box !important;
}

.delivery-final .split label:first-child::before{
  content:none !important;
}

/* v17: imágenes más visibles */
.choice-card img{
  height:150px !important;
  object-fit:cover !important;
}

.selection-photo-grid img{
  height:104px !important;
  object-fit:cover !important;
}

.hero-photo img,
.carousel-photo .hero-track img{
  object-fit:cover !important;
  object-position:center !important;
}

@media (max-width:760px){
  .delivery-final .split{
    grid-template-columns:1fr !important;
  }
}


/* v18: final delivery alignment + full-width real image cards */
#deliveryFinal{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:16px !important;padding:22px !important;}
#deliveryFinal > h3{margin:0 !important;}
#deliveryFinal > label,#deliveryFinal .split > label{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;width:100% !important;margin:0 !important;}
#deliveryFinal .split{display:flex !important;gap:18px !important;width:100% !important;align-items:flex-end !important;justify-content:flex-start !important;}
#deliveryFinal .split > label{flex:1 1 0;min-width:0;}
#deliveryFinal .input,#deliveryFinal select{width:100% !important;height:54px !important;min-height:54px !important;margin:0 !important;padding:0 18px !important;box-sizing:border-box !important;}
#deliveryFinal label::before{content:none !important;}
@media (max-width:760px){#deliveryFinal .split{flex-direction:column !important;gap:16px !important;}}


/* v19: sharper food gallery, smaller builder controls, better success photo */
.inline-controls{gap:10px;align-items:flex-end;flex-wrap:wrap;}
.inline-controls label{display:flex;flex-direction:column;gap:6px;min-width:132px;max-width:180px;}
.inline-controls .input.compact,#plateLineSelect,#goalSelect{
  width:170px !important;min-width:170px !important;max-width:170px !important;
  height:48px !important;min-height:48px !important;margin-top:0 !important;
  padding:0 16px !important;border-radius:18px !important;font-size:14px !important;
}
#markPlateReadyBtn{height:48px !important;padding:0 18px !important;white-space:nowrap;}
.choice-card img{height:104px !important;object-fit:cover !important;object-position:center !important;}
.hero-photo,.heat-card img,.choice-card img,.success-hero img{image-rendering:auto;}
.success-hero img{object-position:center center;}
@media (max-width:960px){
  .inline-controls label{min-width:100%;max-width:none;}
  .inline-controls .input.compact,#plateLineSelect,#goalSelect{width:100% !important;min-width:0 !important;max-width:none !important;}
  #markPlateReadyBtn{width:100%;justify-content:center;}
}

/* v21: hero carousel balanced crop - NoChef */
/*
  Objetivo:
  - Quitar los bordes raros del mosaico.
  - Mantener algo de zoom premium.
  - Evitar el momento en blanco al reiniciar el carrusel.

  Importante:
  Este bloque asume el HTML actual con 4 imágenes:
  hero-prep, hero-water, hero-serve y hero-prep repetida al final.
*/

.hero-photo,
.carousel-photo{
  position:relative;
  overflow:hidden !important;
  border-radius:32px !important;
  background:#22150f !important;
}

/* El carrusel tiene 4 slides: 3 imágenes + la primera repetida */
.hero-photo .hero-track,
.carousel-photo .hero-track{
  display:flex !important;
  width:400% !important;
  height:100% !important;
  animation:heroSlideNoChef 18s ease-in-out infinite !important;
  will-change:transform;
}

/* Cada imagen ocupa exactamente 1 slide */
.hero-photo .hero-track img,
.carousel-photo .hero-track img{
  flex:0 0 25% !important;
  width:25% !important;
  max-width:none !important;
  height:100% !important;

  /* Sin bordes: llena el contenedor */
  object-fit:cover !important;
  object-position:center center !important;

  /* Zoom suave, no exagerado */
  transform:scale(1.025) !important;
  transform-origin:center center !important;

  /* Quita el padding que generaba marcos raros */
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  filter:saturate(1.03) contrast(1.02) !important;
}

/* Pausar al pasar el mouse, como antes */
.hero-photo:hover .hero-track,
.carousel-photo:hover .hero-track{
  animation-play-state:paused !important;
}

/* Mantiene legible el texto inferior sin tapar tanto la foto */
.hero-photo::after,
.carousel-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.52) 0%,
    rgba(0,0,0,.30) 34%,
    rgba(0,0,0,.04) 70%,
    rgba(0,0,0,0) 100%
  ) !important;
}

/*
  4 slides:
  0   = imagen 1
  -25 = imagen 2
  -50 = imagen 3
  -75 = imagen 1 repetida
  El salto final vuelve de imagen 1 repetida a imagen 1 real, por eso ya no queda vacío.
*/
@keyframes heroSlideNoChef{
  0%,20%{
    transform:translateX(0);
  }
  28%,45%{
    transform:translateX(-25%);
  }
  53%,70%{
    transform:translateX(-50%);
  }
  78%,96%{
    transform:translateX(-75%);
  }
  100%{
    transform:translateX(-75%);
  }
}

/* Overlay de texto más limpio sobre foto */
.photo-card{
  background:rgba(24,18,14,.42) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}

/* Ajuste responsive */
@media (max-width:820px){
  .hero-photo,
  .carousel-photo{
    height:360px !important;
  }

  .hero-photo .hero-track img,
  .carousel-photo .hero-track img{
    transform:scale(1.015) !important;
  }
}


/* v21 cart + premium selection polish */
/* Carrito más compacto: los platos tienen scroll y los botones siempre quedan visibles */
.drawer-panel{
  width:min(520px,100%) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:18px 20px 16px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.compact-drawer-head{
  align-items:flex-start !important;
  flex:0 0 auto !important;
}

.compact-drawer-head h2{
  font-size:clamp(38px,5.2vw,52px) !important;
  line-height:.9 !important;
  margin:2px 0 0 !important;
}

.summary-top{
  flex:0 0 auto !important;
  margin:12px 0 10px !important;
  padding:11px 12px !important;
  border-radius:18px !important;
}

.summary-top strong{
  font-size:18px !important;
  margin-bottom:2px !important;
}

.summary-top small{
  font-size:13px !important;
}

/* Esta es la sección que ahora scrollea cuando hay varios platos */
.summary-content{
  flex:1 1 auto !important;
  min-height:140px !important;
  max-height:32vh !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  padding:2px 4px 2px 0 !important;
  display:grid !important;
  gap:8px !important;
  scrollbar-width:thin;
}

.summary-content::-webkit-scrollbar{
  width:6px;
}
.summary-content::-webkit-scrollbar-thumb{
  background:rgba(154,90,47,.24);
  border-radius:999px;
}

.summary-item{
  padding:10px !important;
  border-radius:18px !important;
}

.summary-row{
  grid-template-columns:52px 1fr 30px !important;
  gap:10px !important;
}

.summary-row img{
  width:52px !important;
  height:52px !important;
  border-radius:13px !important;
}

.summary-row strong{
  font-size:15px !important;
  margin-bottom:2px !important;
}

.summary-row small{
  font-size:12.2px !important;
  line-height:1.35 !important;
}

.summary-delete{
  width:28px !important;
  height:28px !important;
  font-size:17px !important;
}

.delivery-final{
  flex:0 0 auto !important;
  padding:14px !important;
  margin-top:10px !important;
  border-radius:20px !important;
}

.delivery-final h3{
  font-size:20px !important;
  margin:0 0 10px !important;
}

.delivery-final > label{
  margin-bottom:10px !important;
}

.delivery-final .split{
  gap:10px !important;
}

.delivery-final label{
  font-size:11.5px !important;
}

.delivery-final .input,
.delivery-final select{
  height:46px !important;
  min-height:46px !important;
  border-radius:16px !important;
  padding:0 14px !important;
  font-size:13.5px !important;
  margin-top:6px !important;
}

.drawer-actions{
  flex:0 0 auto !important;
  position:sticky !important;
  bottom:0 !important;
  z-index:5 !important;
  background:linear-gradient(to top,var(--paper) 86%,rgba(250,246,239,.82)) !important;
  margin-top:10px !important;
  padding-top:10px !important;
  gap:8px !important;
}

.drawer-actions .primary-btn,
.drawer-actions .secondary-btn{
  height:44px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:14px !important;
}

/* Selección premium de ingredientes */
.builder-group{
  border-left:none !important;
  border:1px solid rgba(31,23,17,.08) !important;
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,250,243,.72)) !important;
  box-shadow:0 14px 36px rgba(23,17,13,.035) !important;
}

.builder-group:nth-of-type(1),
.builder-group:nth-of-type(2),
.builder-group:nth-of-type(3){
  border-left:none !important;
}

.choice-card{
  position:relative !important;
  border:1px solid rgba(31,23,17,.10) !important;
  background:rgba(255,253,248,.92) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.choice-card.recommended:not(.active){
  border-color:rgba(31,23,17,.10) !important;
}

.choice-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 16px 36px rgba(23,17,13,.10) !important;
  border-color:rgba(154,90,47,.28) !important;
}

.choice-card.active{
  border-color:rgba(185,126,72,.82) !important;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8ed 100%) !important;
  box-shadow:
    0 0 0 1px rgba(185,126,72,.18),
    0 0 0 5px rgba(217,164,65,.13),
    0 22px 46px rgba(154,90,47,.18) !important;
  transform:translateY(-2px) !important;
}

.choice-card.active::after{
  content:"✓";
  position:absolute;
  top:10px;
  right:10px;
  width:26px;
  height:26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:15px;
  font-weight:850;
  background:linear-gradient(135deg,#b97e48,#d9a441);
  box-shadow:0 10px 22px rgba(154,90,47,.28);
  border:1px solid rgba(255,255,255,.55);
}

.choice-card.active img{
  filter:saturate(1.08) contrast(1.04) !important;
}

.choice-card .rec{
  color:#8a6233 !important;
  background:rgba(217,164,65,.12);
  border:1px solid rgba(217,164,65,.20);
  border-radius:999px;
  padding:4px 7px;
  line-height:1;
}

/* Evita que el borde verde domine visualmente */
.notice{
  border-color:rgba(47,125,89,.18) !important;
  background:rgba(237,248,241,.72) !important;
}

@media (max-height:760px){
  .drawer-panel{padding:14px 18px 12px !important;}
  .compact-drawer-head h2{font-size:40px !important;}
  .summary-content{max-height:28vh !important;min-height:120px !important;}
  .summary-row img{width:46px !important;height:46px !important;}
  .delivery-final{padding:12px !important;}
  .drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:40px !important;}
}

@media (max-width:760px){
  .drawer-panel{width:100% !important;}
  .summary-content{max-height:30vh !important;}
  .delivery-final .split{grid-template-columns:1fr !important;}
}


/* v22 NoChef launch palette + 1-by-1 credits */
:root{
  --bg:#f6efe3;
  --paper:#fffaf0;
  --ink:#10281b;
  --muted:#6e695e;
  --line:rgba(8,42,24,.14);
  --dark:#082a18;
  --warm:#c9aa73;
  --green:#0e3a24;
  --greenBg:#e9f1e8;
  --shadow:0 20px 54px rgba(8,42,24,.14);
}
body{
  background:
    radial-gradient(circle at 8% -8%,rgba(201,170,115,.30),transparent 30rem),
    radial-gradient(circle at 90% 4%,rgba(8,42,24,.18),transparent 34rem),
    linear-gradient(180deg,#f9f3e9 0%,#f4eadb 100%);
}
.nav{
  background:rgba(246,239,227,.88);
  border-bottom:1px solid rgba(8,42,24,.12);
}
.brand-mark{
  width:44px;
  height:44px;
  border-radius:16px;
  background:#082a18;
  overflow:hidden;
  border:1px solid rgba(255,250,240,.42);
  box-shadow:0 8px 18px rgba(8,42,24,.18);
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.25);
}
.brand strong{letter-spacing:-.04em;color:var(--dark)}
.primary-btn{background:var(--dark);color:#fff8e9;box-shadow:0 14px 32px rgba(8,42,24,.22)}
.secondary-btn,.ghost-btn,.order-btn{background:rgba(255,250,240,.76)}
.order-btn strong{background:var(--warm);color:var(--dark)}
.eyebrow,.label,.plan-tag{color:#997a42}
.eyebrow span{background:#997a42}
.hero{
  background:linear-gradient(135deg,rgba(8,42,24,.06),transparent 45%);
  border-radius:0 0 42px 42px;
}
.hero-photo{background:#082a18;border:1px solid rgba(8,42,24,.18)}
.photo-card{background:rgba(8,42,24,.66);border-color:rgba(255,250,240,.24)}
.trust-row span{background:rgba(255,250,240,.78);color:#314536}
.lines-section{display:none}
.plans-grid{grid-template-columns:minmax(280px,560px);justify-content:center}
.plan-card.launch-card{
  background:linear-gradient(145deg,#fffaf0,#f4eadb);
  border-color:rgba(8,42,24,.16);
  box-shadow:0 24px 70px rgba(8,42,24,.12);
}
.plan-card.launch-card:before{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:240px;height:240px;border-radius:50%;
  background:rgba(201,170,115,.22);
}
.credit-stepper{
  display:grid;
  grid-template-columns:56px 1fr 56px;
  align-items:center;
  gap:10px;
  margin:18px 0 10px;
}
.step-btn{
  height:56px;border-radius:18px;border:1px solid rgba(8,42,24,.14);
  background:#fffdf8;color:var(--dark);font-size:25px;font-weight:950;
  box-shadow:0 10px 24px rgba(8,42,24,.07);
}
.step-value{
  min-height:72px;border-radius:22px;border:1px solid rgba(8,42,24,.12);
  background:#082a18;color:#fff8e9;display:grid;place-items:center;padding:8px;
}
.step-value strong{font-size:34px;line-height:1;letter-spacing:-.06em}
.step-value span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;color:rgba(255,248,233,.76)}
.quick-credit-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 14px}
.quick-credit{
  border:1px solid rgba(8,42,24,.14);background:#fffdf8;color:var(--dark);
  border-radius:999px;min-width:38px;height:34px;font-weight:950;
}
.quick-credit.active{background:var(--warm);border-color:var(--warm);color:var(--dark)}
.plan-price{color:var(--dark)}
.delivery-creator{grid-template-columns:1.1fr 1.2fr .7fr auto}
.builder-group{background:rgba(255,250,240,.72)!important;border-color:rgba(8,42,24,.11)!important}
.choice-card.active{border-color:rgba(201,170,115,.95)!important;box-shadow:0 16px 40px rgba(8,42,24,.14), 0 0 0 4px rgba(201,170,115,.18)!important}
.choice-card.active:after{background:var(--warm)!important;color:var(--dark)!important}
.whatsapp-float{
  position:fixed;right:18px;bottom:18px;z-index:70;
  background:#0b3a23;color:#fff8e9;border:1px solid rgba(255,250,240,.25);
  border-radius:999px;padding:13px 16px;font-weight:950;font-size:13px;
  box-shadow:0 18px 44px rgba(8,42,24,.28);
}
@media (max-width:760px){
  .plans-grid{grid-template-columns:1fr}
  .credit-stepper{grid-template-columns:48px 1fr 48px}
  .step-btn{height:50px;border-radius:16px}
  .delivery-creator{grid-template-columns:1fr}
  .whatsapp-float{right:12px;bottom:12px}
}


/* v23 simplificación comercial */
.hero .trust-row span:empty{display:none}
.summary-add-address{margin-top:10px;width:100%;justify-content:center}
#summaryContent{max-height:250px!important;overflow:auto!important;padding-right:4px}
.drawer-panel{max-height:94vh!important;display:flex!important;flex-direction:column!important}
.drawer-head,.summary-top,.delivery-final,.drawer-actions{flex:0 0 auto}
.summary-content{flex:1 1 auto!important;min-height:120px!important;max-height:260px!important}
.delivery-final{padding:14px!important;margin-top:10px!important}
.delivery-final .split{grid-template-columns:1fr 1fr!important;gap:12px!important}
.delivery-creator{grid-template-columns:1.2fr 1fr 1fr auto!important;align-items:end!important}
@media (max-width: 980px){.delivery-creator{grid-template-columns:1fr!important}}
.plan-card .quick-credit-row{display:none!important}
.plan-card .plan-tag{display:none!important}
.simple-credits-card h3{font-size:34px;margin-bottom:8px}
.simple-credits-card p{max-width:740px}
.choice-card{border:1px solid rgba(17,29,22,.10)!important;background:#fffdf8!important;box-shadow:0 10px 28px rgba(17,29,22,.04)!important}
.choice-card:hover{border-color:rgba(196,161,94,.45)!important;box-shadow:0 18px 34px rgba(17,29,22,.10)!important}
.choice-card.active{border-color:#d0b06c!important;background:linear-gradient(180deg,#fffef9 0%,#fff7ea 100%)!important;box-shadow:0 0 0 2px rgba(208,176,108,.25),0 22px 46px rgba(7,51,29,.16)!important;transform:translateY(-2px)!important}
.choice-card.active::after{content:"Seleccionado"!important;width:auto!important;height:28px!important;padding:0 10px!important;top:10px!important;right:10px!important;border-radius:999px!important;background:linear-gradient(135deg,#0d3d25,#1d5c36)!important;color:#fff!important;font-size:10px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.choice-card.active img{filter:saturate(1.06) contrast(1.03)!important}
.builder-group{border:1px solid rgba(17,29,22,.08)!important;background:linear-gradient(180deg,#fffefb 0%,#fdf8ef 100%)!important;box-shadow:0 12px 34px rgba(17,29,22,.05)!important;border-left:none!important}
#authNameWrap{display:block}
.field-help{display:block}
.address-item small:last-child{color:var(--muted)}
.brand small{max-width:220px;display:block}


/* v24 ajustes visuales */
.plan-card.launch-card::before{display:none !important;}
.choice-card small{font-size:15px !important;}
.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.whatsapp-float{width:62px !important;height:62px !important;padding:0 !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0 !important;}
.whatsapp-float svg{width:30px !important;height:30px !important;display:block;fill:currentColor;}
.delivery-final{padding:16px 16px 22px !important;margin-bottom:6px !important;overflow:visible !important;}
.delivery-final .split{align-items:start !important;}
.delivery-final .input,.delivery-final select{min-height:84px !important;box-sizing:border-box !important;}
.summary-add-address{margin-bottom:6px !important;}
@media (max-width: 760px){.delivery-final .input,.delivery-final select{min-height:74px !important;}}


/* v25 business + checkout + profile polish */
.profile-section-note{margin:0 0 14px;color:var(--muted);font-weight:700}
.enhanced-wallet-card{display:grid;gap:12px;background:linear-gradient(180deg,#fffefb 0%,#fff8ef 100%);border:1px solid rgba(208,176,108,.22)!important;box-shadow:0 16px 34px rgba(20,30,24,.05)!important}
.wallet-empty,.address-empty{padding:18px;border:1px dashed rgba(17,29,22,.16);border-radius:18px;background:#fffefb;color:var(--muted)}
.wallet-empty strong,.address-empty strong{display:block;color:var(--dark);margin-bottom:6px}
.mini-buy-box{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(7,51,29,.04)}
.mini-buy-box span{font-size:13px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.mini-stepper{display:flex;align-items:center;gap:8px}
.mini-step-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:20px;font-weight:900;line-height:1;color:var(--dark)}
.mini-buy-price{justify-self:end;font-size:20px;font-weight:950;color:var(--dark)}
.buy-more-btn{width:100%;justify-content:center;margin-top:0}
.wallet-list.horizontal{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:900px){.wallet-list.horizontal{grid-template-columns:1fr!important}.address-list{grid-template-columns:1fr!important}}
.address-list{gap:14px!important}
.address-item{padding:16px 14px!important;border-radius:20px!important;background:linear-gradient(180deg,#fffefb 0%,#fff8f0 100%)!important;box-shadow:0 12px 26px rgba(20,30,24,.05)!important}
.address-form{padding:16px!important;border-radius:22px!important;background:linear-gradient(180deg,#fffcf6 0%,#fff7ef 100%)!important}
.profile-panel-card{border-radius:24px!important;box-shadow:0 18px 40px rgba(20,30,24,.05)!important}
.checkout-card{width:min(900px,calc(100% - 28px))!important;border-radius:32px!important;padding:28px!important;background:linear-gradient(180deg,#fffefb 0%,#fffaf3 100%)!important;box-shadow:0 30px 70px rgba(12,9,7,.16)!important}
.checkout-grid{gap:18px!important}
.checkout-form{padding:18px!important;border-radius:22px!important;background:#fff;border:1px solid rgba(208,176,108,.16)!important;box-shadow:0 14px 28px rgba(17,29,22,.04)!important}
.checkout-form h3{margin-bottom:12px!important}
.pay-methods{gap:10px!important;flex-wrap:wrap}
.pay{padding:10px 14px!important}
.pay.active{background:linear-gradient(135deg,#0a4c2a,#08351d)!important;border-color:#08351d!important;box-shadow:0 10px 18px rgba(8,53,29,.18)!important}
.checkout-bottom{margin-top:20px!important;padding-top:18px!important;align-items:flex-end!important}
.checkout-total-wrap{display:grid;gap:6px}
.checkout-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:800}
.checkout-meta div{display:grid;gap:2px}
.checkout-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.checkout-meta strong{font-size:15px;color:var(--dark)}
#checkoutTotal{font-size:34px!important;color:var(--dark)}
.simple-credits-card{position:relative;overflow:hidden}
.simple-credits-card::after{content:"";position:absolute;inset:auto -120px -140px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(208,176,108,.12) 0%,rgba(208,176,108,0) 70%);pointer-events:none}
.delivery-final{padding:18px 18px 26px!important;border-radius:24px!important;margin-bottom:12px!important;overflow:visible!important}
#deliveryFinal{padding:18px 18px 26px!important}
.drawer-panel{padding-bottom:24px!important;overflow:hidden!important}
.drawer-actions{padding-bottom:6px!important;margin-bottom:2px!important;background:linear-gradient(180deg,rgba(245,240,233,0) 0%,rgba(245,240,233,.9) 18%,rgba(245,240,233,1) 100%)}
.summary-content{padding-bottom:10px!important}
.summary-totals{margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(208,176,108,.18);background:linear-gradient(180deg,#fffefb 0%,#fff7ee 100%);display:grid;gap:8px}
.summary-totals div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.summary-totals span{color:var(--muted);font-weight:800}
.summary-totals strong{color:var(--dark)}
.summary-total-row{padding-top:6px;border-top:1px solid rgba(17,29,22,.08)}
.summary-total-row span,.summary-total-row strong{font-size:16px;font-weight:950;color:var(--dark)}
.summary-totals small{display:block;color:var(--muted);line-height:1.45}
#finalDaySelect,#finalSlotSelect{font-size:13px!important;padding-right:36px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.delivery-final .split{gap:14px!important;align-items:stretch!important}
.delivery-final .input,.delivery-final select{min-height:70px!important;height:70px!important;padding:0 16px!important;border-radius:20px!important}
#finalDaySelect option,#finalSlotSelect option{font-size:14px}
.group-title small{color:var(--muted)!important}
@media (max-width:760px){
  .checkout-bottom{flex-direction:column;align-items:stretch!important}
  .mini-buy-box{grid-template-columns:1fr;justify-items:start}
  .mini-buy-price{justify-self:start}
  .delivery-final .split{grid-template-columns:1fr!important}
  #finalDaySelect,#finalSlotSelect{font-size:12px!important}
}


/* v27 cart experience refresh */
.drawer-panel{width:min(960px,calc(100vw - 24px))!important;height:100dvh!important;max-height:100dvh!important;padding:22px 26px 18px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.summary-top{margin:10px 0 12px!important;padding:14px 18px!important;border-radius:22px!important;}
.summary-top strong{font-size:22px!important;}
.summary-top small{font-size:16px!important;line-height:1.2!important;}
.summary-content{flex:0 0 auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;display:block!important;}
.summary-carousel-wrap{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:14px;align-items:center;}
.summary-nav-btn{width:54px;height:54px;border-radius:999px;border:1px solid rgba(8,42,24,.14);background:#fffdf8;color:var(--dark);font-size:34px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 10px 24px rgba(8,42,24,.08);}
.summary-nav-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;}
.summary-feature-card{padding:16px 18px!important;border-radius:26px!important;background:linear-gradient(180deg,#fffefb 0%,#fff8ef 100%)!important;box-shadow:0 16px 30px rgba(17,29,22,.05)!important;border:1px solid rgba(17,29,22,.08)!important;}
.summary-feature-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;}
.summary-step-pill,.summary-counter-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.summary-step-pill{background:rgba(8,42,24,.08);color:var(--dark);}
.summary-counter-pill{background:rgba(201,170,115,.18);color:#7d6337;}
.summary-feature-body{display:grid;grid-template-columns:88px minmax(0,1fr) 40px;gap:14px;align-items:center;}
.summary-feature-img{width:88px!important;height:88px!important;border-radius:20px!important;}
.summary-feature-copy strong{display:block;font-size:18px;line-height:1.1;margin-bottom:6px;}
.summary-feature-copy small{display:block;font-size:14px;line-height:1.4;color:var(--muted);}
.summary-feature-copy small + small{margin-top:4px;font-weight:800;color:#5c5a53;}
.feature-delete{align-self:center;justify-self:end;width:40px!important;height:40px!important;font-size:22px!important;}
.summary-bottom-bar{flex:0 0 auto;display:grid;gap:10px;margin:14px 0 16px;padding:16px 18px;border-radius:22px;border:1px solid rgba(208,176,108,.20);background:linear-gradient(180deg,#fffefb 0%,#fff8f0 100%);box-shadow:0 14px 28px rgba(17,29,22,.05);}
.summary-bottom-bar>div{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.summary-bottom-bar span{color:var(--muted);font-weight:900;font-size:15px;}
.summary-bottom-bar strong{color:var(--dark);font-weight:950;font-size:17px;}
.summary-bottom-bar .summary-total-row{padding-top:8px;border-top:1px solid rgba(17,29,22,.08);}
.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:22px;color:var(--dark);}
.summary-bottom-bar small{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35;}
.delivery-final{flex:1 1 auto!important;display:grid!important;grid-template-rows:auto auto 1fr!important;gap:14px!important;padding:18px 20px 20px!important;border-radius:28px!important;margin:0!important;overflow:visible!important;}
.delivery-final h3{font-size:24px!important;margin:0!important;}
.address-inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;}
.delivery-final > .address-inline-row > label{margin:0!important;}
.inline-add-address{width:auto!important;min-width:124px!important;height:58px!important;margin:0!important;padding:0 16px!important;justify-content:center!important;white-space:nowrap;font-size:14px!important;}
.delivery-final .split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:end!important;}
.delivery-final label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:15px!important;font-weight:850;color:var(--muted);margin:0!important;}
.delivery-final .input,.delivery-final select{width:100%!important;height:62px!important;min-height:62px!important;padding:0 18px!important;border-radius:22px!important;font-size:18px!important;box-sizing:border-box!important;margin:0!important;line-height:1.1!important;}
#finalDaySelect,#finalSlotSelect{font-size:17px!important;padding-right:42px!important;}
.drawer-actions{flex:0 0 auto!important;position:static!important;display:grid!important;gap:10px!important;background:none!important;margin-top:12px!important;padding-top:0!important;padding-bottom:0!important;}
.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:60px!important;font-size:18px!important;border-radius:999px!important;}
.summary-add-address{margin-top:0!important;margin-bottom:0!important;}
@media (max-width: 900px){.drawer-panel{width:100%!important;padding:18px 18px 16px!important;}.summary-top strong{font-size:20px!important;}.summary-top small{font-size:15px!important;}.summary-carousel-wrap{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;}.summary-nav-btn{width:46px;height:46px;font-size:28px;}.summary-feature-card{padding:14px 14px!important;}.summary-feature-body{grid-template-columns:72px minmax(0,1fr) 36px;gap:10px;}.summary-feature-img{width:72px!important;height:72px!important;border-radius:18px!important;}.summary-feature-copy strong{font-size:16px;}.summary-feature-copy small{font-size:13px;}.summary-bottom-bar{margin:12px 0 14px;padding:14px;gap:8px;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:20px;}.delivery-final{padding:16px!important;gap:12px!important;}.delivery-final h3{font-size:22px!important;}.delivery-final .split{grid-template-columns:1fr 1fr!important;gap:12px!important;}.delivery-final .input,.delivery-final select{height:58px!important;min-height:58px!important;font-size:16px!important;padding:0 14px!important;}.inline-add-address{min-width:110px!important;height:58px!important;font-size:13px!important;padding:0 12px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:56px!important;font-size:17px!important;}}
@media (max-width: 640px){.drawer-panel{padding:14px 14px 14px!important;width:100%!important;}.summary-top{padding:12px 14px!important;}.summary-top strong{font-size:18px!important;}.summary-top small{font-size:14px!important;}.summary-carousel-wrap{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;}.summary-nav-btn{width:38px;height:38px;font-size:24px;}.summary-feature-head{margin-bottom:10px;}.summary-step-pill,.summary-counter-pill{padding:6px 10px;font-size:10px;}.summary-feature-body{grid-template-columns:62px minmax(0,1fr) 34px;gap:8px;}.summary-feature-img{width:62px!important;height:62px!important;border-radius:16px!important;}.summary-feature-copy strong{font-size:15px;}.summary-feature-copy small{font-size:12px;}.feature-delete{width:34px!important;height:34px!important;font-size:20px!important;}.summary-bottom-bar{padding:12px 14px;}.summary-bottom-bar span{font-size:14px;}.summary-bottom-bar strong{font-size:16px;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:18px;}.address-inline-row{grid-template-columns:minmax(0,1fr) 108px;gap:10px;}.inline-add-address{min-width:108px!important;height:54px!important;font-size:12px!important;}.delivery-final .split{grid-template-columns:1fr 1fr!important;gap:10px!important;}.delivery-final label{font-size:13px!important;}.delivery-final .input,.delivery-final select{height:54px!important;min-height:54px!important;font-size:14px!important;padding:0 12px!important;border-radius:18px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:52px!important;font-size:16px!important;}}


/* v28 refinements */
.drawer-panel{width:min(780px,calc(100vw - 48px))!important;max-width:780px!important;height:auto!important;max-height:94dvh!important;padding:18px 22px 16px!important;overflow:hidden!important;}
.drawer-head{margin-bottom:8px!important;}
.drawer-head h2{font-size:76px!important;line-height:.95!important;}
.summary-top{margin:6px 0 10px!important;padding:12px 16px!important;border-radius:20px!important;}
.summary-top strong{font-size:20px!important;}
.summary-top small{font-size:14px!important;}
.summary-content{margin-bottom:10px!important;}
.summary-carousel-wrap{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:10px!important;}
.summary-nav-btn{width:44px!important;height:44px!important;font-size:26px!important;}
.summary-feature-card{padding:14px 16px!important;border-radius:22px!important;}
.summary-feature-head{margin-bottom:10px!important;}
.summary-feature-body{grid-template-columns:80px minmax(0,1fr) 42px!important;gap:12px!important;}
.summary-feature-img{width:80px!important;height:80px!important;border-radius:18px!important;}
.summary-feature-copy strong{font-size:16px!important;margin-bottom:4px!important;}
.summary-feature-copy small{font-size:13px!important;line-height:1.3!important;}
.summary-step-pill,.summary-counter-pill{padding:7px 12px!important;font-size:11px!important;}
.trash-delete{padding:0!important;}
.trash-delete svg{width:18px;height:18px;display:block;}
.summary-bottom-bar{margin:8px 0 10px!important;padding:12px 16px!important;border-radius:20px!important;gap:8px!important;}
.summary-bottom-bar span{font-size:14px!important;}
.summary-bottom-bar strong{font-size:18px!important;}
.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:20px!important;}
.summary-bottom-bar small{font-size:12px!important;}
.delivery-final{padding:14px 16px 14px!important;border-radius:22px!important;gap:12px!important;flex:0 0 auto!important;}
.delivery-final h3{font-size:22px!important;}
.address-inline-row{gap:10px!important;}
.inline-add-address{min-width:104px!important;height:54px!important;padding:0 14px!important;font-size:13px!important;}
.delivery-final label{gap:6px!important;font-size:14px!important;}
.delivery-final .input,.delivery-final select{height:56px!important;min-height:56px!important;border-radius:18px!important;padding:0 14px!important;font-size:16px!important;}
.drawer-actions{margin-top:10px!important;gap:8px!important;}
.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:54px!important;font-size:17px!important;}
.summary-empty{padding:22px 24px!important;min-height:90px!important;display:flex!important;align-items:center!important;}
.summary-empty strong{margin:0!important;}
.wallet-empty-buyable{display:grid;gap:14px!important;align-items:start;}
.wallet-buy-inline{grid-template-columns:auto auto 1fr!important;}
.checkout-meta:empty{display:none!important;}
@media (max-width: 900px){.drawer-panel{width:min(720px,calc(100vw - 24px))!important;padding:16px 18px 14px!important;}.drawer-head h2{font-size:62px!important;}.summary-feature-body{grid-template-columns:72px minmax(0,1fr) 38px!important;}.summary-feature-img{width:72px!important;height:72px!important;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:18px!important;}}
@media (max-width: 640px){.drawer-panel{width:100%!important;max-width:none!important;max-height:100dvh!important;padding:14px!important;}.drawer-head h2{font-size:52px!important;}.summary-carousel-wrap{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;}.summary-nav-btn{width:38px!important;height:38px!important;font-size:22px!important;}.summary-feature-card{padding:12px!important;}.summary-feature-body{grid-template-columns:64px minmax(0,1fr) 34px!important;gap:8px!important;}.summary-feature-img{width:64px!important;height:64px!important;border-radius:16px!important;}.summary-feature-copy strong{font-size:15px!important;}.summary-feature-copy small{font-size:12px!important;}.delivery-final{padding:12px!important;}.delivery-final h3{font-size:20px!important;}.inline-add-address{min-width:100px!important;height:50px!important;font-size:12px!important;}.delivery-final .input,.delivery-final select{height:52px!important;min-height:52px!important;font-size:14px!important;padding:0 12px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:50px!important;font-size:16px!important;}}


/* v29 compact hero and cart */
.hero-actions,.trust-row{display:none!important;}
.hero-copy p{max-width:920px;}
.photo-card strong{max-width:680px;}
#planes .section-head p{max-width:620px;}
.plan-card.launch-card{padding:16px 18px!important;}
.plan-card.launch-card p{margin-bottom:12px!important;}
.plan-card.launch-card ul{margin:12px 0 10px!important;line-height:1.5!important;}
.plan-card.launch-card li{margin-bottom:2px!important;}
.drawer-panel{width:min(720px,calc(100vw - 36px))!important;max-width:720px!important;max-height:92dvh!important;padding:12px 16px 12px!important;overflow:hidden!important;}
.compact-drawer-head .label{display:none!important;}
.drawer-head{margin-bottom:6px!important;align-items:center!important;}
.drawer-head h2,.compact-drawer-head h2{font-size:48px!important;line-height:.95!important;margin:0!important;}
.drawer-head .icon-btn{width:54px!important;height:54px!important;font-size:28px!important;}
.summary-top{margin:4px 0 8px!important;padding:10px 14px!important;border-radius:18px!important;}
.summary-top strong{font-size:16px!important;margin-bottom:2px!important;}
.summary-top small{font-size:12px!important;line-height:1.2!important;}
.summary-content{margin-bottom:8px!important;}
.summary-carousel-wrap{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;}
.summary-nav-btn{width:38px!important;height:38px!important;font-size:24px!important;}
.summary-feature-card{padding:12px 14px!important;border-radius:20px!important;}
.summary-feature-head{margin-bottom:8px!important;}
.summary-step-pill,.summary-counter-pill{padding:6px 10px!important;font-size:10px!important;}
.summary-feature-body{grid-template-columns:68px minmax(0,1fr) 38px!important;gap:10px!important;}
.summary-feature-img{width:68px!important;height:68px!important;border-radius:16px!important;}
.summary-feature-copy strong{font-size:15px!important;margin-bottom:2px!important;}
.summary-feature-copy small{font-size:12px!important;line-height:1.25!important;}
.feature-delete,.trash-delete{width:38px!important;height:38px!important;}
.summary-bottom-bar{margin:8px 0!important;padding:10px 14px!important;border-radius:18px!important;gap:6px!important;}
.summary-bottom-bar>div{min-height:auto!important;}
.summary-bottom-bar span{font-size:13px!important;}
.summary-bottom-bar strong{font-size:16px!important;}
.summary-bottom-bar .summary-total-row{padding-top:6px!important;}
.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:19px!important;}
.summary-bottom-bar small{display:none!important;}
.delivery-final{padding:12px 14px!important;border-radius:20px!important;gap:10px!important;margin:0!important;}
.delivery-final h3{font-size:20px!important;margin:0!important;}
.address-inline-row{gap:10px!important;align-items:end!important;}
.address-inline-row label{margin:0!important;}
.inline-add-address{height:48px!important;min-width:98px!important;padding:0 14px!important;font-size:13px!important;}
.delivery-final .split{gap:10px!important;}
.delivery-final label{gap:4px!important;font-size:13px!important;}
.delivery-final .input,.delivery-final select{height:50px!important;min-height:50px!important;padding:0 12px!important;border-radius:16px!important;font-size:15px!important;}
.drawer-actions{margin-top:8px!important;gap:8px!important;}
.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:48px!important;font-size:16px!important;}
@media (max-width: 900px){.drawer-panel{width:min(680px,calc(100vw - 20px))!important;padding:12px 14px!important;max-height:94dvh!important;}.drawer-head h2,.compact-drawer-head h2{font-size:42px!important;}.summary-feature-body{grid-template-columns:64px minmax(0,1fr) 36px!important;}.summary-feature-img{width:64px!important;height:64px!important;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:18px!important;}}
@media (max-width: 640px){.drawer-panel{width:100%!important;max-width:none!important;max-height:100dvh!important;padding:10px 12px 12px!important;}.drawer-head h2,.compact-drawer-head h2{font-size:38px!important;}.drawer-head .icon-btn{width:48px!important;height:48px!important;font-size:24px!important;}.summary-top{padding:9px 12px!important;}.summary-top strong{font-size:15px!important;}.summary-top small{font-size:11px!important;}.summary-feature-card{padding:10px 12px!important;}.summary-feature-body{grid-template-columns:60px minmax(0,1fr) 34px!important;gap:8px!important;}.summary-feature-img{width:60px!important;height:60px!important;}.summary-feature-copy strong{font-size:14px!important;}.summary-feature-copy small{font-size:11px!important;}.summary-bottom-bar{padding:10px 12px!important;}.summary-bottom-bar span{font-size:12px!important;}.summary-bottom-bar strong{font-size:15px!important;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:17px!important;}.address-inline-row{grid-template-columns:minmax(0,1fr) 96px!important;gap:8px!important;}.inline-add-address{height:46px!important;min-width:96px!important;font-size:12px!important;padding:0 10px!important;}.delivery-final{padding:10px 12px!important;}.delivery-final h3{font-size:18px!important;}.delivery-final .split{grid-template-columns:1fr 1fr!important;gap:8px!important;}.delivery-final label{font-size:12px!important;}.delivery-final .input,.delivery-final select{height:46px!important;min-height:46px!important;font-size:14px!important;padding:0 10px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:46px!important;font-size:15px!important;}}


/* v30 – carrito pulido */
.drawer-panel{width:min(620px,calc(100vw - 28px))!important;max-width:620px!important;max-height:96dvh!important;overflow:auto!important;padding:10px 12px 12px!important;}
.drawer-head,.compact-drawer-head{margin-bottom:4px!important;align-items:center!important;}
.compact-drawer-head .label{display:none!important;}
.drawer-head h2,.compact-drawer-head h2{font-size:34px!important;line-height:1!important;margin:0!important;}
.drawer-head .icon-btn{width:46px!important;height:46px!important;font-size:24px!important;}
.summary-top{margin:2px 0 6px!important;padding:8px 12px!important;border-radius:16px!important;}
.summary-top strong{font-size:15px!important;margin-bottom:1px!important;}
.summary-top small{font-size:11px!important;line-height:1.2!important;}
.summary-content{margin-bottom:6px!important;}
.summary-empty{padding:10px 12px!important;min-height:90px!important;display:flex!important;align-items:center!important;}
.summary-carousel-wrap{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important;}
.summary-nav-btn{width:34px!important;height:34px!important;font-size:22px!important;}
.summary-feature-card{padding:10px 12px!important;border-radius:18px!important;}
.summary-feature-head{margin-bottom:6px!important;}
.summary-step-pill,.summary-counter-pill{padding:5px 9px!important;font-size:10px!important;}
.summary-feature-body{grid-template-columns:56px minmax(0,1fr) 34px!important;gap:8px!important;align-items:center!important;}
.summary-feature-img{width:56px!important;height:56px!important;border-radius:14px!important;}
.summary-feature-copy strong{font-size:14px!important;line-height:1.15!important;margin-bottom:2px!important;}
.summary-feature-copy small{font-size:11px!important;line-height:1.25!important;}
.summary-delete,.feature-delete,.trash-delete{display:grid!important;place-items:center!important;padding:0!important;margin:0!important;justify-self:center!important;align-self:center!important;}
.feature-delete,.trash-delete{width:34px!important;height:34px!important;border-radius:50%!important;}
.trash-delete svg{width:16px!important;height:16px!important;display:block!important;margin:auto!important;transform:translateX(.5px)!important;}
.summary-bottom-bar{margin:6px 0 8px!important;padding:10px 12px!important;border-radius:18px!important;gap:4px!important;}
.summary-bottom-bar > div{min-height:auto!important;}
.summary-bottom-bar span{font-size:12px!important;}
.summary-bottom-bar strong{font-size:15px!important;}
.summary-bottom-bar .summary-total-row{padding-top:5px!important;}
.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:18px!important;}
.delivery-final{padding:10px 12px!important;margin:0!important;border-radius:18px!important;gap:8px!important;}
.delivery-final h3{font-size:18px!important;margin:0 0 2px!important;}
.address-inline-row{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;align-items:end!important;}
.address-inline-row label,.delivery-final label{gap:4px!important;font-size:12px!important;margin:0!important;}
.inline-add-address{height:42px!important;min-width:92px!important;padding:0 10px!important;font-size:12px!important;align-self:end!important;}
.delivery-final .split{gap:8px!important;grid-template-columns:1fr 1fr!important;}
.delivery-final .input,.delivery-final select{height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:14px!important;font-size:14px!important;}
.drawer-actions{position:sticky!important;bottom:0!important;z-index:8!important;margin-top:8px!important;padding-top:8px!important;padding-bottom:2px!important;gap:8px!important;background:linear-gradient(180deg,rgba(245,240,233,0) 0%,rgba(245,240,233,.92) 16%,rgba(245,240,233,1) 42%)!important;}
.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:44px!important;font-size:15px!important;border-radius:999px!important;}
@media (max-width: 900px){.drawer-panel{width:min(600px,calc(100vw - 20px))!important;max-width:600px!important;padding:10px 12px 12px!important;}.drawer-head h2,.compact-drawer-head h2{font-size:32px!important;}.summary-feature-body{grid-template-columns:54px minmax(0,1fr) 34px!important;}.summary-feature-img{width:54px!important;height:54px!important;}.delivery-final .input,.delivery-final select{height:42px!important;min-height:42px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:42px!important;font-size:14px!important;}}
@media (max-width: 640px){.drawer-panel{width:100%!important;max-width:none!important;max-height:100dvh!important;padding:8px 10px 10px!important;}.drawer-head h2,.compact-drawer-head h2{font-size:30px!important;}.drawer-head .icon-btn{width:42px!important;height:42px!important;font-size:22px!important;}.summary-top{padding:8px 10px!important;}.summary-feature-card{padding:10px!important;}.summary-feature-body{grid-template-columns:52px minmax(0,1fr) 32px!important;gap:8px!important;}.summary-feature-img{width:52px!important;height:52px!important;}.summary-feature-copy strong{font-size:13px!important;}.summary-feature-copy small{font-size:10.5px!important;}.feature-delete,.trash-delete{width:32px!important;height:32px!important;}.summary-bottom-bar{padding:9px 11px!important;}.summary-bottom-bar span{font-size:11px!important;}.summary-bottom-bar strong{font-size:14px!important;}.summary-bottom-bar .summary-total-row span,.summary-bottom-bar .summary-total-row strong{font-size:16px!important;}.address-inline-row{grid-template-columns:minmax(0,1fr) 86px!important;gap:6px!important;}.inline-add-address{height:40px!important;min-width:86px!important;font-size:11px!important;padding:0 8px!important;}.delivery-final .input,.delivery-final select{height:40px!important;min-height:40px!important;font-size:13px!important;padding:0 9px!important;border-radius:12px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:42px!important;font-size:14px!important;}}


/* v31 – microajustes finales carrito */
.drawer-panel{max-height:96dvh!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
.drawer-panel::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.summary-content{margin-bottom:4px!important;}
.summary-bottom-bar{margin:4px 0 6px!important;padding:9px 12px!important;}
.delivery-final{padding:8px 12px!important;gap:6px!important;}
.delivery-final h3{margin-bottom:0!important;}
.delivery-final label{font-size:11px!important;gap:3px!important;}
.delivery-final .split{gap:6px!important;}
.delivery-final .input,.delivery-final select{height:42px!important;min-height:42px!important;padding:0 10px!important;border-radius:13px!important;font-size:13px!important;line-height:1!important;}
.delivery-final select option{font-size:13px!important;}
.drawer-actions{margin-top:6px!important;padding-top:6px!important;padding-bottom:0!important;}
.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:42px!important;font-size:14px!important;}
@media (max-width: 640px){.delivery-final .input,.delivery-final select{height:40px!important;min-height:40px!important;font-size:12.5px!important;padding:0 9px!important;}.delivery-final select option{font-size:12.5px!important;}.drawer-actions .primary-btn,.drawer-actions .secondary-btn{height:40px!important;font-size:14px!important;}}


/* v34: unify separators and reduce delivery day/time select text */
#finalAddressSelect,
#finalDaySelect,
#finalSlotSelect{
  font-size:13px !important;
}
#finalAddressSelect option,
#finalDaySelect option,
#finalSlotSelect option{
  font-size:13px !important;
}
@media (max-width: 640px){
  #finalAddressSelect,
  #finalDaySelect,
  #finalSlotSelect{
    font-size:12.5px !important;
  }
  #finalAddressSelect option,
  #finalDaySelect option,
  #finalSlotSelect option{
    font-size:12.5px !important;
  }
}


/* v35 – integración visual suave de marca */
:root{
  --bg:#f4eadb;
  --paper:#fcf5eb;
  --ink:#26242a;
  --muted:#6f655d;
  --line:rgba(38,36,42,.12);
  --dark:#26242a;
  --warm:#b68756;
  --green:#26242a;
  --greenBg:#efe5d8;
  --shadow:0 20px 54px rgba(38,36,42,.12);
}
body{
  background:
    radial-gradient(circle at 8% -8%,rgba(182,135,86,.18),transparent 28rem),
    radial-gradient(circle at 90% 4%,rgba(38,36,42,.08),transparent 30rem),
    linear-gradient(180deg,#f7efe4 0%,#f1e6d8 100%);
  color:var(--ink);
}
.nav{
  background:rgba(247,239,228,.90);
  border-bottom:1px solid rgba(38,36,42,.10);
}
.brand{gap:12px;align-items:center;}
.brand-mark{
  width:152px;
  height:44px;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  transform:none!important;
}
.brand strong{display:none!important;}
.brand small{
  display:block!important;
  margin-top:0!important;
  font-size:10px!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8a7765!important;
}
.hero{
  background:linear-gradient(135deg,rgba(182,135,86,.10),rgba(38,36,42,.03));
  border-radius:0 0 42px 42px;
}
.hero-copy h1,
.section-head h2,
.order-box h3,
.builder-top h2,
.delivery-creator h3,
.delivery-final h3,
.drawer-head h2,
.compact-drawer-head h2,
.modal-card h2,
.profile-head h1,
.success-hero h2{
  font-family:"Stinger Wide", Inter, system-ui, sans-serif;
  font-weight:400;
  letter-spacing:-.03em;
}
.hero-copy p,
.section-head p,
.photo-card span,
.photo-card strong{max-width:unset;}
.primary-btn{
  background:var(--dark)!important;
  color:#fff9f2!important;
  box-shadow:0 14px 32px rgba(38,36,42,.20)!important;
}
.secondary-btn,.ghost-btn,.order-btn{
  background:rgba(255,250,243,.86)!important;
  color:var(--ink)!important;
}
.order-btn strong{
  background:#e8d9c5!important;
  color:var(--dark)!important;
}
.eyebrow,.label,.plan-tag{color:#9b7145!important;}
.eyebrow span{background:#9b7145!important;}
.hero-photo,
.carousel-photo{
  background:#d8c3aa!important;
  border:1px solid rgba(38,36,42,.10)!important;
}
.hero-photo .hero-track,
.carousel-photo .hero-track{animation-duration:24s!important;}
.hero-track img{
  filter:saturate(1.02) contrast(1.02)!important;
  object-position:center center!important;
}
.hero-photo::after,
.carousel-photo::after{background:linear-gradient(to top,rgba(26,24,25,.50),transparent 54%)!important;}
.photo-card{
  background:rgba(38,36,42,.58)!important;
  border-color:rgba(255,247,239,.18)!important;
}
.photo-card span{
  color:rgba(255,247,239,.74)!important;
}
.photo-card strong{
  font-family:"Stinger Wide", Inter, system-ui, sans-serif;
  font-size:18px!important;
  line-height:1.15;
  letter-spacing:-.02em;
}
.pill.warm,.quick-credit.active,.order-btn strong,.summary-counter-pill{
  background:#eadbc6!important;
  color:var(--dark)!important;
}
.pill.green{background:#efe5d8!important;color:var(--dark)!important;}
.choice-card.active{
  border-color:rgba(182,135,86,.82)!important;
  box-shadow:0 0 0 2px rgba(182,135,86,.18),0 18px 40px rgba(38,36,42,.10)!important;
}
.choice-card.active::after{
  background:linear-gradient(135deg,#26242a,#48444a)!important;
}
.whatsapp-float,
.pay.active,
.profile-tab.active,
.tab-btn.active,
.account-nav .active{
  background:var(--dark)!important;
  color:#fff9f2!important;
}
.plan-card.launch-card,
.address-item,
.address-form,
.checkout-card,
.checkout-form,
.delivery-final,
.summary-top,
.summary-bottom-bar,
.summary-feature-card,
.selection-card,
.order-box,
.builder-card{
  border-color:rgba(38,36,42,.10)!important;
}
.profile-tab.active,
.tab-btn.active{border-color:var(--dark)!important;}
@media (max-width:760px){
  .brand-mark{width:128px;height:38px;}
  .brand small{display:none!important;}
  .photo-card strong{font-size:16px!important;}
}


/* v35-ajustes – sobre la versión suave aprobada */
.brand{
  gap:0 !important;
}
.brand > span:last-child,
.brand strong,
.brand small{
  display:none !important;
}
.brand-mark{
  width:152px !important;
  height:44px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.brand-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
}
.nav .ghost-btn,
.nav .order-btn{
  background:var(--dark) !important;
  color:#fff9f2 !important;
  border-color:rgba(38,36,42,.10) !important;
  box-shadow:0 12px 28px rgba(38,36,42,.16) !important;
}
.nav .order-btn strong{
  background:#eadbc6 !important;
  color:var(--dark) !important;
}
.buy-more-btn{
  background:var(--dark) !important;
  color:#fff9f2 !important;
  border-color:rgba(38,36,42,.10) !important;
  box-shadow:0 10px 24px rgba(38,36,42,.14) !important;
}
.buy-more-btn:hover{
  background:#1f1d22 !important;
}
@media (max-width:760px){
  .brand-mark{
    width:128px !important;
    height:38px !important;
  }
}


/* v35.4 – header fix: logo visible + botones más pequeños */
.nav{
  min-height:72px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  align-items:center !important;
}

.nav .brand{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  min-width:0 !important;
}

.nav .brand-mark{
  display:block !important;
  width:150px !important;
  height:40px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.nav .brand-mark img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
}

.nav .ghost-btn,
.nav .order-btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:14px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:var(--dark) !important;
  color:#fff9f2 !important;
  box-shadow:0 10px 22px rgba(38,36,42,.14) !important;
}

.nav .ghost-btn{
  min-width:94px !important;
}

.nav .order-btn{
  min-width:116px !important;
}

.nav .order-btn strong{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 !important;
  font-size:12px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#eadbc6 !important;
  color:var(--dark) !important;
}

@media (max-width:760px){
  .nav{
    min-height:62px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .nav .brand-mark{
    width:120px !important;
    height:32px !important;
  }

  .nav .ghost-btn,
  .nav .order-btn{
    height:38px !important;
    min-height:38px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }

  .nav .ghost-btn{
    min-width:82px !important;
  }

  .nav .order-btn{
    min-width:98px !important;
  }

  .nav .order-btn strong{
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    font-size:11px !important;
  }
}


/* v35.5 – logo robusto en header */
.nav{
  min-height:68px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}

.nav .brand{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-width:170px !important;
  flex:0 0 auto !important;
  position:relative !important;
  z-index:2 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.nav .brand-mark,
.nav .brand-mark-inline{
  display:block !important;
  width:155px !important;
  height:38px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
}

.nav .brand-mark img,
.nav .brand-mark-inline img{
  display:block !important;
  width:155px !important;
  height:38px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}

.brand-text-fallback{
  display:none !important;
}

.nav .ghost-btn,
.nav .order-btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
  font-size:14px !important;
}

@media (max-width:760px){
  .nav .brand{min-width:126px !important;}
  .nav .brand-mark,
  .nav .brand-mark-inline,
  .nav .brand-mark img,
  .nav .brand-mark-inline img{
    width:120px !important;
    height:30px !important;
  }
  .nav .ghost-btn,
  .nav .order-btn{
    min-height:38px !important;
    height:38px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
}


/* v36 inverted dark theme */
.theme-invertido{
  --bg:#151210;
  --paper:#211c19;
  --ink:#f6efe6;
  --muted:#c2b6aa;
  --line:rgba(255,245,235,.10);
  --dark:#090807;
  --warm:#c18b58;
  --green:#72b18b;
  --greenBg:rgba(114,177,139,.14);
  --shadow:0 24px 70px rgba(0,0,0,.38);
  background:
    radial-gradient(circle at 10% 0%, rgba(193,139,88,.18), transparent 26rem),
    radial-gradient(circle at 90% 8%, rgba(114,177,139,.10), transparent 24rem),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.03), transparent 34rem),
    var(--bg);
  color:var(--ink);
}
.theme-invertido .nav{
  background:rgba(19,16,14,.86);
  border-bottom:1px solid var(--line);
}
.theme-invertido .brand-text-fallback{color:var(--ink)}
.theme-invertido .brand-mark img,
.theme-invertido .brand-mark-inline img{filter:none !important}
.theme-invertido p,
.theme-invertido .summary-top small,
.theme-invertido .summary-item small,
.theme-invertido .wallet-item small,
.theme-invertido .order-history-item small,
.theme-invertido .address-item small,
.theme-invertido .order-detail-head small,
.theme-invertido .order-detail-item small,
.theme-invertido .group-title small,
.theme-invertido .input::placeholder{color:var(--muted)}
.theme-invertido .hero-photo{background:#0f0d0c;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.theme-invertido .photo-card{background:rgba(15,12,10,.44);border-color:rgba(255,255,255,.14)}
.theme-invertido .trust-row span{background:rgba(22,18,16,.68);color:#e8ddd1;border-color:var(--line)}
.theme-invertido .steps article,
.theme-invertido .delivery-creator,
.theme-invertido .line-card,
.theme-invertido .plan-card,
.theme-invertido .order-box,
.theme-invertido .builder-card,
.theme-invertido .selection-card,
.theme-invertido .panel,
.theme-invertido .checkout-form,
.theme-invertido .delivery-final,
.theme-invertido .account-card,
.theme-invertido .checkout-card,
.theme-invertido .profile-panel-card,
.theme-invertido .auth-form,
.theme-invertido .delivery-box,
.theme-invertido .summary-top,
.theme-invertido .summary-empty,
.theme-invertido .summary-item,
.theme-invertido .wallet-item,
.theme-invertido .order-history-item,
.theme-invertido .address-item,
.theme-invertido .progress-row div,
.theme-invertido .macro,
.theme-invertido .selection-list div,
.theme-invertido .selection-photo-grid div,
.theme-invertido .order-detail-item,
.theme-invertido .order-detail-inline,
.theme-invertido .password-form,
.theme-invertido .address-form{
  background:rgba(33,28,25,.92);
  border-color:var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
.theme-invertido .steps article,
.theme-invertido .line-card,
.theme-invertido .selection-card,
.theme-invertido .builder-card,
.theme-invertido .panel,
.theme-invertido .delivery-creator,
.theme-invertido .delivery-final,
.theme-invertido .wallet-item,
.theme-invertido .order-history-item,
.theme-invertido .address-item,
.theme-invertido .order-detail-inline{color:var(--ink)}
.theme-invertido .line-card img{filter:saturate(.98) contrast(1.02)}
.theme-invertido .primary-btn,
.theme-invertido .secondary-btn,
.theme-invertido .ghost-btn,
.theme-invertido .order-btn,
.theme-invertido .danger-btn,
.theme-invertido .auth-tab,
.theme-invertido .profile-tab,
.theme-invertido .pay,
.theme-invertido .credit-option,
.theme-invertido .plate-tab,
.theme-invertido .mini-credit-pill,
.theme-invertido .buy-more-btn,
.theme-invertido .ghost-light{
  background:var(--dark);
  color:#fff8ef;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
}
.theme-invertido .secondary-btn,
.theme-invertido .ghost-btn,
.theme-invertido .order-btn{border-color:rgba(255,255,255,.12)}
.theme-invertido .order-btn strong,
.theme-invertido .steps span,
.theme-invertido .selection-top strong{
  background:#f2e5d0;
  color:#171311;
}
.theme-invertido .auth-tab.active,
.theme-invertido .profile-tab.active,
.theme-invertido .pay.active,
.theme-invertido .credit-option.active,
.theme-invertido .plate-tab.active{
  background:#f2e5d0;
  color:#171311;
  border-color:#f2e5d0;
}
.theme-invertido .pill.warm,
.theme-invertido .pill.green{
  background:var(--dark);
  color:#fff8ef;
  border:1px solid rgba(255,255,255,.10);
}
.theme-invertido .choice-card,
.theme-invertido .input,
.theme-invertido .icon-choice,
.theme-invertido .address-edit,
.theme-invertido .address-delete,
.theme-invertido .icon-btn,
.theme-invertido .summary-delete,
.theme-invertido .summary-item,
.theme-invertido .wallet-item,
.theme-invertido .order-history-item,
.theme-invertido .order-detail-item,
.theme-invertido .pay:not(.active),
.theme-invertido .credit-option:not(.active),
.theme-invertido .plate-tab:not(.active){
  background:#181412;
  color:var(--ink);
  border-color:rgba(255,255,255,.10);
}
.theme-invertido .choice-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.28)}
.theme-invertido .choice-card.active,
.theme-invertido .icon-choice.active{
  border-color:rgba(193,139,88,.65);
  box-shadow:0 0 0 3px rgba(193,139,88,.12);
  background:#221c19;
}
.theme-invertido .choice-card.recommended{border-color:rgba(114,177,139,.45)}
.theme-invertido .goal-hint{background:rgba(114,177,139,.12);border-color:rgba(114,177,139,.25);color:#cfe7d9}
.theme-invertido .notice.ok{background:rgba(114,177,139,.12);color:#cfe7d9}
.theme-invertido .notice.warn{background:rgba(193,139,88,.12);color:#f1d2af}
.theme-invertido .delivery-box,
.theme-invertido .summary-empty,
.theme-invertido .selection-list div,
.theme-invertido .progress-row div,
.theme-invertido .macro,
.theme-invertido .selection-photo-grid div,
.theme-invertido .mini-credit-pill{background:#181412}
.theme-invertido .drawer-panel{background:#171311;box-shadow:-24px 0 80px rgba(0,0,0,.46)}
.theme-invertido .drawer-backdrop,
.theme-invertido .modal-backdrop{background:rgba(6,5,4,.60)}
.theme-invertido .toast{background:#f2e5d0;color:#171311}
.theme-invertido .address-icon{background:#2a2420;color:#f6efe6}
.theme-invertido .danger-btn,
.theme-invertido .summary-delete,
.theme-invertido .address-delete{background:#241513;color:#f2c2b8;border-color:rgba(242,194,184,.18)}
.theme-invertido .wallet-item .balance{color:#d8a26d}
.theme-invertido .plan-card.featured{background:linear-gradient(145deg,#0d0c0b,#1b1714);color:white}
.theme-invertido .plan-card.featured .credit-option.active{background:#f2e5d0;color:#171311}
.theme-invertido .plan-card.featured .credit-option{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10)}
.theme-invertido .input:focus{border-color:rgba(193,139,88,.50);box-shadow:0 0 0 4px rgba(193,139,88,.10)}
.theme-invertido .eyebrow,.theme-invertido .label,.theme-invertido .plan-tag{color:#d2a16f}
.theme-invertido .eyebrow span{background:#d2a16f}
.theme-invertido .order-history-block.open .order-history-item{border-color:rgba(193,139,88,.32);background:#241f1b}
.theme-invertido .success-box{background:rgba(114,177,139,.14);color:#d8efe2}
.theme-invertido .nav .ghost-btn,
.theme-invertido .nav .order-btn{background:#090807;color:#fff8ef;border-color:rgba(255,255,255,.12)}
.theme-invertido .nav .order-btn strong{background:#f2e5d0;color:#171311}

/* v36.1 dark-theme fixes */
.theme-invertido .heat-card,
.theme-invertido .builder-group,
.theme-invertido .choice-card,
.theme-invertido .summary-feature-card,
.theme-invertido .summary-bottom-bar,
.theme-invertido .delivery-final,
.theme-invertido .simple-credits-card,
.theme-invertido .enhanced-wallet-card,
.theme-invertido .wallet-empty-buyable,
.theme-invertido .checkout-card,
.theme-invertido .checkout-form{
  background:#211b18 !important;
  color:var(--ink) !important;
  border-color:rgba(255,245,235,.10) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.28) !important;
}

.theme-invertido .heat-card strong,
.theme-invertido .heat-card p,
.theme-invertido .heat-card span,
.theme-invertido .group-title h3,
.theme-invertido .group-title small,
.theme-invertido .choice-card strong,
.theme-invertido .choice-card small,
.theme-invertido .summary-feature-copy strong,
.theme-invertido .summary-feature-copy small,
.theme-invertido .summary-bottom-bar span,
.theme-invertido .summary-bottom-bar strong,
.theme-invertido .summary-total-row span,
.theme-invertido .summary-total-row strong,
.theme-invertido .delivery-final h3,
.theme-invertido .delivery-final label,
.theme-invertido .simple-credits-card h3,
.theme-invertido .simple-credits-card p,
.theme-invertido .simple-credits-card small,
.theme-invertido .simple-credits-card li,
.theme-invertido .enhanced-wallet-card strong,
.theme-invertido .enhanced-wallet-card small,
.theme-invertido .wallet-empty-buyable strong,
.theme-invertido .wallet-empty-buyable small,
.theme-invertido .checkout-card h2,
.theme-invertido .checkout-card h3,
.theme-invertido .checkout-card p,
.theme-invertido .checkout-card small,
.theme-invertido .checkout-card label,
.theme-invertido .checkout-total-wrap strong,
.theme-invertido .checkout-meta,
.theme-invertido .plan-price,
.theme-invertido .mini-buy-price{
  color:var(--ink) !important;
}

.theme-invertido .simple-credits-card{
  max-width:720px;
  padding:22px !important;
  margin-inline:auto;
}
.theme-invertido .simple-credits-card h3{font-size:24px !important; margin-bottom:6px !important;}
.theme-invertido .simple-credits-card p{font-size:15px !important; margin-bottom:14px !important;}
.theme-invertido .plan-price{font-size:44px !important; line-height:1 !important; margin-top:6px !important;}

.theme-invertido .credit-stepper,
.theme-invertido .mini-buy-box{
  background:#171311 !important;
  border:1px solid rgba(255,245,235,.10) !important;
}
.theme-invertido .credit-stepper{
  max-width:560px;
  margin:8px 0 10px;
}
.theme-invertido .step-value{
  background:#211f16 !important;
  border-radius:28px !important;
  min-height:104px !important;
}
.theme-invertido .step-value strong,
.theme-invertido .step-value span,
.theme-invertido .mini-stepper strong,
.theme-invertido .mini-buy-box span{
  color:var(--ink) !important;
}
.theme-invertido .step-btn,
.theme-invertido .mini-step-btn{
  background:#0e0c0b !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.theme-invertido .buy-more-btn,
.theme-invertido .simple-credits-card .primary-btn{
  background:#090807 !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.theme-invertido .builder-group{
  border-top:1px solid rgba(255,245,235,.10) !important;
}
.theme-invertido .choice-card{
  background:#171311 !important;
}
.theme-invertido .choice-card.active{
  background:#221c19 !important;
  border-color:rgba(193,139,88,.65) !important;
  box-shadow:0 0 0 3px rgba(193,139,88,.12) !important;
}
.theme-invertido .choice-card.active::after{
  background:#090807 !important;
  color:#fff8ef !important;
}

.theme-invertido .summary-step-pill,
.theme-invertido .summary-counter-pill,
.theme-invertido .mini-credit-pill{
  background:#0f0c0b !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.theme-invertido .summary-nav-btn,
.theme-invertido .feature-delete,
.theme-invertido .trash-delete,
.theme-invertido .summary-delete{
  background:#0f0c0b !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.10) !important;
}
.theme-invertido .summary-bottom-bar{
  background:#f4efe7 !important;
}
.theme-invertido .summary-bottom-bar span,
.theme-invertido .summary-bottom-bar strong,
.theme-invertido .summary-total-row span,
.theme-invertido .summary-total-row strong{
  color:#171311 !important;
}

.theme-invertido .delivery-final .input,
.theme-invertido .delivery-final select,
.theme-invertido .checkout-card .input,
.theme-invertido .checkout-card select{
  background:#110e0d !important;
  color:var(--ink) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.theme-invertido .delivery-final .input option,
.theme-invertido .delivery-final select option,
.theme-invertido .checkout-card .input option,
.theme-invertido .checkout-card select option{
  background:#110e0d !important;
  color:var(--ink) !important;
}
.theme-invertido .inline-add-address,
.theme-invertido #drawerDeleteOrderBtn{
  background:#f2e5d0 !important;
  color:#171311 !important;
  border-color:#f2e5d0 !important;
}
.theme-invertido #drawerFinishOrderBtn,
.theme-invertido #payBtn{
  background:#090807 !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.12) !important;
}
.theme-invertido .checkout-bottom{
  gap:16px;
}

.theme-invertido .heat-card img,
.theme-invertido .summary-feature-img,
.theme-invertido .choice-card img{
  box-shadow:none !important;
}


/* v36.2 premium-dark refinements */
.theme-invertido .simple-credits-card{
  max-width:780px !important;
  padding:18px 20px !important;
  border-radius:28px !important;
}
.theme-invertido .simple-credits-card h3{
  font-size:20px !important;
  margin-bottom:4px !important;
}
.theme-invertido .simple-credits-card p{
  font-size:13px !important;
  margin-bottom:10px !important;
  color:#d2c6bc !important;
}
.theme-invertido .credit-stepper{
  max-width:100% !important;
  margin:6px 0 8px !important;
  padding:0 !important;
}
.theme-invertido .step-value{
  min-height:72px !important;
  border-radius:24px !important;
}
.theme-invertido .step-value strong{font-size:34px !important;}
.theme-invertido .step-value span{font-size:12px !important; letter-spacing:.08em;}
.theme-invertido .step-btn{width:74px !important; min-height:72px !important; font-size:38px !important;}
.theme-invertido .plan-price{font-size:34px !important; margin:2px 0 !important;}
.theme-invertido .simple-credits-card small{font-size:12px !important;}
.theme-invertido .simple-credits-card ul{margin:8px 0 0 !important; padding-left:18px !important; display:grid; gap:4px !important;}
.theme-invertido .simple-credits-card li{font-size:12px !important; line-height:1.35 !important;}
.theme-invertido .simple-credits-card .primary-btn{margin-top:10px !important; height:48px !important; font-size:16px !important;}

.theme-invertido .ghost-btn.logout-bottom,
.theme-invertido #deleteOrderBtn,
.theme-invertido #drawerDeleteOrderBtn,
.theme-invertido #cancelAddressBtn,
.theme-invertido #showAddressFormBtn,
.theme-invertido .order-history-row .secondary-btn,
.theme-invertido .text-action-btn{
  background:#6e6761 !important;
  color:#fbf5ed !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.theme-invertido .ghost-btn.logout-bottom:hover:not(:disabled),
.theme-invertido #deleteOrderBtn:hover:not(:disabled),
.theme-invertido #drawerDeleteOrderBtn:hover:not(:disabled),
.theme-invertido #cancelAddressBtn:hover:not(:disabled),
.theme-invertido #showAddressFormBtn:hover:not(:disabled),
.theme-invertido .order-history-row .secondary-btn:hover:not(:disabled),
.theme-invertido .text-action-btn:hover:not(:disabled){
  background:#7b746d !important;
  color:#fffaf3 !important;
  border-color:rgba(255,255,255,.14) !important;
}
.theme-invertido .ghost-btn.logout-bottom:disabled,
.theme-invertido #deleteOrderBtn:disabled,
.theme-invertido #drawerDeleteOrderBtn:disabled,
.theme-invertido #cancelAddressBtn:disabled,
.theme-invertido #showAddressFormBtn:disabled,
.theme-invertido .order-history-row .secondary-btn:disabled,
.theme-invertido .text-action-btn:disabled{
  opacity:.55 !important;
  color:#efe6db !important;
}

.theme-invertido .logout-bottom{
  min-width:160px !important;
}

.theme-invertido .account-card .profile-panel-card,
.theme-invertido .account-card .panel{
  background:rgba(33,27,24,.96) !important;
}
.theme-invertido .account-card label,
.theme-invertido .account-card h3,
.theme-invertido .account-card strong,
.theme-invertido .account-card small,
.theme-invertido .account-card p,
.theme-invertido .save-hint{
  color:var(--ink) !important;
}
.theme-invertido .address-form{
  background:#f4efe7 !important;
  color:#171311 !important;
  border-color:rgba(255,255,255,.08) !important;
}
.theme-invertido .address-form label,
.theme-invertido .address-form small,
.theme-invertido .icon-picker-wrap small{
  color:#746a62 !important;
}
.theme-invertido .address-form .input,
.theme-invertido .address-form select{
  background:#120f0e !important;
  color:#fff8ef !important;
  border-color:rgba(0,0,0,.18) !important;
}
.theme-invertido .address-form .input::placeholder{color:#c7bbaf !important;}
.theme-invertido .address-item{
  background:#f4efe7 !important;
  color:#171311 !important;
  border-color:rgba(255,255,255,.08) !important;
}
.theme-invertido .address-item strong{color:#171311 !important;}
.theme-invertido .address-item small{color:#655d56 !important;}
.theme-invertido .address-edit{
  background:#171311 !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.10) !important;
}
.theme-invertido .address-delete{
  background:#3a231f !important;
  color:#ffd8d0 !important;
}

.theme-invertido .order-history-item{
  background:#181311 !important;
}
.theme-invertido .order-history-row strong{color:#fff8ef !important;}
.theme-invertido .order-history-row small{color:#cfc4b9 !important;}

.theme-invertido .builder-top .label{display:none !important;}


/* v36.3 final dark polish */
.theme-invertido .credit-card-top span{
  color:#f4ede4 !important;
}

.theme-invertido .profile-tab{
  opacity:.82;
}
.theme-invertido .profile-tab.active{
  background:#f0dfc6 !important;
  color:#171311 !important;
  border-color:#e1c29a !important;
  box-shadow:0 0 0 2px rgba(224,194,154,.20), 0 10px 24px rgba(0,0,0,.18) !important;
  opacity:1 !important;
}
.theme-invertido .profile-tab:not(.active):hover{
  opacity:1;
}

.theme-invertido .simple-credits-card{
  max-width:640px !important;
  padding:16px 18px !important;
}
.theme-invertido .simple-credits-card h3{
  font-size:18px !important;
}
.theme-invertido .simple-credits-card p{
  font-size:12px !important;
  margin-bottom:8px !important;
}
.theme-invertido .credit-stepper{
  max-width:520px !important;
}
.theme-invertido .step-value{
  min-height:66px !important;
}
.theme-invertido .step-value strong{
  font-size:28px !important;
}
.theme-invertido .step-value span{
  font-size:11px !important;
}
.theme-invertido .step-btn{
  width:68px !important;
  min-height:66px !important;
  font-size:34px !important;
}
.theme-invertido .plan-price{
  font-size:28px !important;
  line-height:1.02 !important;
}

.theme-invertido .summary-bottom-bar{
  background:#1b1614 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
}
.theme-invertido .summary-bottom-bar span,
.theme-invertido .summary-bottom-bar strong,
.theme-invertido .summary-total-row span,
.theme-invertido .summary-total-row strong{
  color:#fff8ef !important;
}
.theme-invertido .summary-bottom-bar .summary-total-row{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.theme-invertido .drawer-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:center !important;
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding-top:12px !important;
  padding-bottom:0 !important;
  position:static !important;
}
.theme-invertido .drawer-actions .primary-btn,
.theme-invertido .drawer-actions .secondary-btn{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  border-radius:999px !important;
}
.theme-invertido #drawerDeleteOrderBtn{
  background:#6f6862 !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.theme-invertido #drawerFinishOrderBtn{
  background:#090807 !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
@media (max-width: 640px){
  .theme-invertido .drawer-actions{grid-template-columns:1fr !important;}
}

.theme-invertido .address-form,
.theme-invertido .address-item{
  background:#1c1714 !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.08) !important;
}
.theme-invertido .address-form label,
.theme-invertido .address-form small,
.theme-invertido .address-item small,
.theme-invertido .icon-picker-wrap small{
  color:#cdbfb2 !important;
}
.theme-invertido .address-item strong{
  color:#fff8ef !important;
}
.theme-invertido .address-form .input,
.theme-invertido .address-form select{
  background:#0f0c0b !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.10) !important;
}
.theme-invertido #showAddressFormBtn,
.theme-invertido #cancelAddressBtn{
  background:#6f6862 !important;
  color:#fff8ef !important;
}
.theme-invertido #saveAddressBtn{
  background:#090807 !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.12) !important;
}

.theme-invertido .pay{
  background:#120e0d !important;
  color:#e5dbcf !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.theme-invertido .pay.active{
  background:#f0dfc6 !important;
  color:#171311 !important;
  border-color:#e1c29a !important;
  box-shadow:0 0 0 3px rgba(224,194,154,.16), 0 10px 18px rgba(0,0,0,.24) !important;
  transform:translateY(-1px);
}

.theme-invertido .success-box{
  background:rgba(242,229,208,.08) !important;
  color:#f5ece1 !important;
  border:1px solid rgba(242,229,208,.18) !important;
}
.theme-invertido .success-box strong{
  color:#f0dfc6 !important;
}

.theme-invertido .success-order-card{
  background:#211b18 !important;
}
.theme-invertido .success-meta div{
  background:#171311 !important;
  border-color:rgba(255,255,255,.10) !important;
}
.theme-invertido .success-meta small{
  color:#cfbba7 !important;
}
.theme-invertido .success-meta strong{
  color:#fff8ef !important;
}
.theme-invertido .success-badge{
  background:rgba(111,104,98,.92) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff8ef !important;
}

.theme-invertido .checkout-card .pay.active{
  outline:none !important;
}


/* v36.4 premium layout + hover + whatsapp */
.theme-invertido .profile-tab:hover:not(.active),
.theme-invertido .auth-tab:hover:not(.active){
  background:#1b1614 !important;
  color:#fff8ef !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

.theme-invertido .address-inline-row{
  align-items:end !important;
}
.theme-invertido .inline-add-address{
  height:48px !important;
  min-height:48px !important;
  align-self:end !important;
  margin-top:7px !important;
  padding:0 18px !important;
}

.theme-invertido .plans-grid{
  grid-template-columns:minmax(0,1120px) !important;
  justify-content:center !important;
}
.theme-invertido .credits-premium-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  max-width:1120px !important;
  width:100% !important;
  padding:28px !important;
  border-radius:30px !important;
}
.theme-invertido .credits-premium-layout::after{
  content:'';
  position:absolute;
  inset:auto -80px -120px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(193,139,88,.14) 0%,rgba(193,139,88,0) 72%);
  pointer-events:none;
}
.theme-invertido .credits-copy{
  display:grid;
  align-content:start;
  gap:14px;
  min-width:0;
}
.theme-invertido .credits-copy .plan-tag{
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(240,223,198,.08);
  border:1px solid rgba(240,223,198,.12);
  color:#c7945f;
}
.theme-invertido .credits-copy h3{
  font-size:40px !important;
  line-height:.98 !important;
  margin:0 !important;
}
.theme-invertido .credits-copy p{
  font-size:18px !important;
  line-height:1.5 !important;
  color:#d8cec4 !important;
  margin:0 !important;
  max-width:560px;
}
.theme-invertido .credit-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:8px;
}
.theme-invertido .credit-benefit-card{
  background:#171311;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:16px;
  display:grid;
  gap:6px;
  box-shadow:0 14px 24px rgba(0,0,0,.14);
}
.theme-invertido .credit-benefit-card strong{
  color:#fff8ef;
  font-size:18px;
  letter-spacing:-.03em;
}
.theme-invertido .credit-benefit-card span{
  color:#cfc2b4;
  font-size:13px;
  line-height:1.45;
}
.theme-invertido .credits-purchase-panel{
  background:#171311 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:28px;
  padding:18px;
  display:grid;
  align-content:start;
  gap:16px;
  box-shadow:0 18px 36px rgba(0,0,0,.20);
}
.theme-invertido .credits-purchase-panel .credit-stepper{
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
.theme-invertido .credits-purchase-panel .step-btn{
  height:82px !important;
  border-radius:22px !important;
  font-size:42px !important;
}
.theme-invertido .credits-purchase-panel .step-value{
  min-height:82px !important;
  border-radius:24px !important;
}
.theme-invertido .credits-purchase-panel .step-value strong{
  font-size:42px !important;
}
.theme-invertido .credits-purchase-panel .step-value span{
  font-size:11px !important;
}
.theme-invertido .credits-purchase-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}
.theme-invertido .credits-purchase-meta .plan-price{
  font-size:34px !important;
  margin:0 !important;
}
.theme-invertido .credits-purchase-meta small{
  display:block;
  margin-top:4px;
  font-size:13px !important;
  color:#cfc2b4 !important;
}
.theme-invertido .credits-purchase-meta .primary-btn{
  min-width:220px;
  height:52px !important;
  padding:0 22px !important;
  justify-content:center;
  margin-top:0 !important;
}
.theme-invertido .credit-inline-list{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.theme-invertido .credit-inline-list li{
  background:#1d1815;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:12px 14px;
  color:#e6dbcf !important;
  line-height:1.45 !important;
  font-size:13px !important;
}
.theme-invertido .credit-inline-list li::before{
  content:'✓';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-right:8px;
  border-radius:50%;
  background:rgba(240,223,198,.12);
  color:#f0dfc6;
  font-size:12px;
}
@media (max-width: 980px){
  .theme-invertido .credits-premium-layout{grid-template-columns:1fr !important;}
  .theme-invertido .credit-benefit-grid,
  .theme-invertido .credit-inline-list{grid-template-columns:1fr !important;}
  .theme-invertido .credits-purchase-meta{grid-template-columns:1fr !important;}
  .theme-invertido .credits-purchase-meta .primary-btn{width:100%;}
}
@media (max-width: 640px){
  .theme-invertido .credits-premium-layout{padding:18px !important;border-radius:24px !important;}
  .theme-invertido .credits-copy h3{font-size:30px !important;}
  .theme-invertido .credits-copy p{font-size:15px !important;}
  .theme-invertido .credits-purchase-panel .step-btn,
  .theme-invertido .credits-purchase-panel .step-value{min-height:68px !important;height:68px !important;}
  .theme-invertido .credits-purchase-panel .step-value strong{font-size:34px !important;}
  .theme-invertido .credits-purchase-meta .plan-price{font-size:28px !important;}
}


/* v36.5 UX cleanup */
.theme-invertido .address-inline-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:12px !important;
}
.theme-invertido .address-inline-row label{
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
}
.theme-invertido #finalAddressSelect{
  height:54px !important;
  min-height:54px !important;
}
.theme-invertido .inline-add-address{
  height:54px !important;
  min-height:54px !important;
  margin-top:0 !important;
  align-self:end !important;
  padding:0 18px !important;
}

.theme-invertido .address-empty{
  background:#1c1714 !important;
  border:1px dashed rgba(255,255,255,.14) !important;
  border-radius:20px !important;
  padding:20px !important;
  color:#cdbfb2 !important;
}
.theme-invertido .address-empty strong{
  color:#fff8ef !important;
  margin-bottom:8px !important;
}
.theme-invertido .address-empty small{
  color:#cdbfb2 !important;
}

.theme-invertido .wallet-empty-buyable{
  gap:12px !important;
}
.theme-invertido .wallet-buy-inline,
.theme-invertido .enhanced-wallet-card .mini-buy-box{
  grid-template-columns:auto auto !important;
  justify-content:space-between !important;
}

.theme-invertido .credits-premium-simplified{
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr) !important;
  gap:20px !important;
  padding:24px !important;
}
.theme-invertido .credits-premium-simplified .credits-copy{
  gap:12px !important;
  align-content:center !important;
}
.theme-invertido .credits-premium-simplified .credits-copy h3{
  font-size:34px !important;
}
.theme-invertido .credits-premium-simplified .credits-copy p{
  font-size:16px !important;
  line-height:1.45 !important;
  max-width:560px !important;
}
.theme-invertido .compact-benefits{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:2px !important;
}
.theme-invertido .compact-benefits .credit-benefit-card{
  min-height:112px;
  align-content:start;
  padding:16px !important;
}
.theme-invertido .compact-benefits .credit-benefit-card strong{
  font-size:18px !important;
  line-height:1.15 !important;
}
.theme-invertido .compact-benefits .credit-benefit-card span{
  font-size:13px !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-panel{
  gap:14px !important;
  align-content:center !important;
}
.theme-invertido .credits-premium-simplified .credit-stepper{
  grid-template-columns:84px 1fr 84px !important;
}
.theme-invertido .credits-premium-simplified .step-btn{
  width:auto !important;
  height:80px !important;
}
.theme-invertido .credits-premium-simplified .step-value{
  min-height:80px !important;
  text-align:center !important;
  justify-items:center !important;
  padding:8px 0 !important;
}
.theme-invertido .credits-premium-simplified .step-value strong{
  font-size:44px !important;
}
.theme-invertido .credits-premium-simplified .step-value span{
  font-size:12px !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-meta{
  grid-template-columns:minmax(0,1fr) 180px !important;
  align-items:center !important;
}
.theme-invertido .credits-premium-simplified .credits-price-block{
  display:grid;
  gap:4px;
}
.theme-invertido .credits-premium-simplified .plan-price{
  font-size:38px !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-meta small{
  font-size:14px !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-meta .primary-btn{
  width:100% !important;
  min-width:0 !important;
  height:56px !important;
  font-size:18px !important;
}
@media (max-width: 980px){
  .theme-invertido .credits-premium-simplified{grid-template-columns:1fr !important;}
  .theme-invertido .compact-benefits{grid-template-columns:1fr !important;}
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{grid-template-columns:minmax(0,1fr) 98px !important;}
  .theme-invertido #finalAddressSelect,
  .theme-invertido .inline-add-address{height:46px !important;min-height:46px !important;}
  .theme-invertido .credits-premium-simplified{padding:18px !important;gap:16px !important;}
  .theme-invertido .credits-premium-simplified .credits-copy h3{font-size:28px !important;}
  .theme-invertido .credits-premium-simplified .credits-copy p{font-size:14px !important;}
  .theme-invertido .credits-premium-simplified .credit-stepper{grid-template-columns:68px 1fr 68px !important;}
  .theme-invertido .credits-premium-simplified .step-btn,
  .theme-invertido .credits-premium-simplified .step-value{height:66px !important;min-height:66px !important;}
  .theme-invertido .credits-premium-simplified .step-value strong{font-size:34px !important;}
  .theme-invertido .credits-premium-simplified .credits-purchase-meta{grid-template-columns:1fr !important;}
}


/* v36.6 final polish */
.theme-invertido .delivery-final{
  justify-items:start !important;
}
.theme-invertido .delivery-final h3{
  margin-bottom:6px !important;
}
.theme-invertido .address-inline-row{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:minmax(0,520px) auto !important;
  justify-content:start !important;
  align-items:end !important;
  gap:14px !important;
}
.theme-invertido .address-inline-row label{
  width:100% !important;
}
.theme-invertido .inline-add-address{
  height:48px !important;
  min-height:48px !important;
  border-radius:24px !important;
  padding:0 20px !important;
  font-size:15px !important;
  align-self:end !important;
}
.theme-invertido .summary-bottom-bar{
  margin-top:14px !important;
}
.theme-invertido .summary-bottom-bar strong{
  font-size:24px !important;
}
.theme-invertido .summary-total-row strong{
  font-size:28px !important;
}
.theme-invertido .credits-premium-simplified .credits-copy p{
  max-width:620px !important;
  font-size:15px !important;
  margin-bottom:4px !important;
}
.theme-invertido .credits-premium-simplified .step-value strong{
  font-size:38px !important;
}
.theme-invertido .credits-premium-simplified .plan-price{
  font-size:32px !important;
}
.theme-invertido .compact-benefits .credit-benefit-card strong{
  font-size:16px !important;
}
.theme-invertido .compact-benefits .credit-benefit-card span{
  font-size:12.5px !important;
}
.theme-invertido #savePasswordBtn,
.theme-invertido #changePasswordToggle{
  background:#8d837b !important;
  color:#fff8ef !important;
  border:1px solid rgba(255,248,239,.08) !important;
}
.theme-invertido #savePasswordBtn:hover:not(:disabled),
.theme-invertido #changePasswordToggle:hover{
  background:#9d9288 !important;
  color:#fffdf8 !important;
}
.theme-invertido #savePasswordBtn:disabled{
  background:#9b9188 !important;
  color:#f6efe6 !important;
  opacity:.78 !important;
}
@media (max-width: 900px){
  .theme-invertido .address-inline-row{grid-template-columns:minmax(0,1fr) auto !important;}
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{grid-template-columns:minmax(0,1fr) 108px !important;gap:8px !important;}
  .theme-invertido .inline-add-address{height:44px !important;min-height:44px !important;padding:0 14px !important;font-size:14px !important;}
  .theme-invertido .summary-bottom-bar strong{font-size:20px !important;}
  .theme-invertido .summary-total-row strong{font-size:24px !important;}
  .theme-invertido .credits-premium-simplified .step-value strong{font-size:32px !important;}
  .theme-invertido .credits-premium-simplified .plan-price{font-size:28px !important;}
}

/* v36.7 credit + cart refinements */
.theme-invertido .credits-premium-simplified .compact-credits-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:4px !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card{
  min-height:128px !important;
  padding:18px 20px !important;
  justify-content:flex-start !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card strong{
  font-size:15px !important;
  line-height:1.2 !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card span{
  font-size:12.5px !important;
  line-height:1.35 !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-panel{
  padding:26px 24px !important;
}
.theme-invertido .credits-premium-simplified .credits-price-block small{
  display:none !important;
}
.theme-invertido .credits-premium-simplified .step-value strong{
  font-size:34px !important;
}
.theme-invertido .credits-premium-simplified .step-value span{
  font-size:16px !important;
}
.theme-invertido .credits-premium-simplified .plan-price{
  font-size:28px !important;
  line-height:1 !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-meta{
  align-items:center !important;
}

.theme-invertido .drawer-panel{
  max-height:none !important;
  overflow:hidden !important;
}
.theme-invertido .summary-content{
  max-height:none !important;
  overflow:visible !important;
}
.theme-invertido .summary-bottom-bar{
  margin-top:10px !important;
  padding:10px 14px !important;
  gap:5px !important;
}
.theme-invertido .summary-bottom-bar span{
  font-size:12px !important;
}
.theme-invertido .summary-bottom-bar strong{
  font-size:14px !important;
}
.theme-invertido .summary-bottom-bar .summary-total-row span,
.theme-invertido .summary-bottom-bar .summary-total-row strong,
.theme-invertido .summary-total-row strong{
  font-size:18px !important;
}

.theme-invertido .delivery-final{
  align-items:stretch !important;
  justify-items:start !important;
}
.theme-invertido .delivery-final > h3,
.theme-invertido .delivery-final > .address-inline-row,
.theme-invertido .delivery-final > .split{
  margin-left:0 !important;
  margin-right:0 !important;
}
.theme-invertido .address-inline-row{
  display:grid !important;
  grid-template-columns:minmax(0,520px) auto !important;
  justify-content:start !important;
  justify-items:start !important;
  align-items:end !important;
  width:auto !important;
  max-width:720px !important;
  margin:0 !important;
  gap:14px !important;
}
.theme-invertido .address-inline-row label{
  width:100% !important;
  max-width:520px !important;
  text-align:left !important;
}
.theme-invertido .inline-add-address{
  min-width:172px !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 24px !important;
  border-radius:28px !important;
  font-size:15px !important;
  align-self:end !important;
}

@media (max-width: 900px){
  .theme-invertido .credits-premium-simplified .compact-benefits-4up{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .theme-invertido .address-inline-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    max-width:100% !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .credits-premium-simplified .compact-benefits-4up{
    grid-template-columns:1fr !important;
  }
  .theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card{
    min-height:unset !important;
  }
  .theme-invertido .credits-premium-simplified .step-value strong{
    font-size:30px !important;
  }
  .theme-invertido .credits-premium-simplified .plan-price{
    font-size:24px !important;
  }
  .theme-invertido .summary-bottom-bar strong{
    font-size:13px !important;
  }
  .theme-invertido .summary-bottom-bar .summary-total-row span,
  .theme-invertido .summary-bottom-bar .summary-total-row strong,
  .theme-invertido .summary-total-row strong{
    font-size:16px !important;
  }
  .theme-invertido .address-inline-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
  }
  .theme-invertido .inline-add-address{
    min-width:148px !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }
}

/* v36.8 delivery and credit-panel refinement */
.theme-invertido .address-inline-row{
  grid-template-columns:minmax(0,420px) auto !important;
  justify-content:start !important;
  justify-items:start !important;
  align-items:end !important;
  max-width:none !important;
  width:100% !important;
  gap:12px !important;
}
.theme-invertido .address-inline-row label{
  max-width:420px !important;
  width:100% !important;
}
.theme-invertido .inline-add-address{
  min-width:170px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:24px !important;
  font-size:14px !important;
  align-self:end !important;
}

.theme-invertido .credits-premium-simplified{
  padding:22px !important;
  gap:18px !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up{
  gap:10px !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card{
  min-height:102px !important;
  padding:14px 16px !important;
  gap:8px !important;
  border-radius:24px !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card strong{
  font-size:14px !important;
  line-height:1.15 !important;
}
.theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card span{
  font-size:11.8px !important;
  line-height:1.3 !important;
}
.theme-invertido .credits-premium-simplified .benefit-icon{
  width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#f7f2eb !important;
  opacity:.95 !important;
}
.theme-invertido .credits-premium-simplified .benefit-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-panel{
  padding:20px 20px !important;
  border-radius:28px !important;
}
.theme-invertido .credits-premium-simplified .credit-stepper{
  gap:10px !important;
}
.theme-invertido .credits-premium-simplified .step-btn,
.theme-invertido .credits-premium-simplified .step-value{
  height:58px !important;
  min-height:58px !important;
  border-radius:20px !important;
}
.theme-invertido .credits-premium-simplified .step-btn{
  width:86px !important;
  min-width:86px !important;
  font-size:30px !important;
}
.theme-invertido .credits-premium-simplified .step-value strong{
  font-size:30px !important;
}
.theme-invertido .credits-premium-simplified .step-value span{
  font-size:14px !important;
}
.theme-invertido .credits-premium-simplified .plan-price{
  font-size:24px !important;
}
.theme-invertido .credits-premium-simplified .credits-purchase-meta .primary-btn{
  min-height:56px !important;
  height:56px !important;
  border-radius:28px !important;
}

@media (max-width: 900px){
  .theme-invertido .address-inline-row{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  .theme-invertido .address-inline-row label{
    max-width:none !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .inline-add-address{
    min-width:136px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 16px !important;
  }
  .theme-invertido .credits-premium-simplified{
    padding:18px !important;
  }
  .theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card{
    min-height:90px !important;
    padding:12px 14px !important;
  }
  .theme-invertido .credits-premium-simplified .benefit-icon{
    width:24px !important;
    height:24px !important;
  }
  .theme-invertido .credits-premium-simplified .step-btn,
  .theme-invertido .credits-premium-simplified .step-value{
    height:52px !important;
    min-height:52px !important;
  }
  .theme-invertido .credits-premium-simplified .step-btn{
    width:72px !important;
    min-width:72px !important;
  }
}

/* v36.9 delivery icon + compact add button */
.theme-invertido .address-inline-row{
  grid-template-columns:52px minmax(0,420px) auto !important;
  justify-content:start !important;
  justify-items:start !important;
  align-items:end !important;
  gap:12px !important;
}
.theme-invertido .selected-address-icon{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#16120f !important;
  border:1px solid rgba(239,226,205,.14) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
  font-size:24px !important;
  line-height:1 !important;
  align-self:end !important;
}
.theme-invertido .address-inline-row label{
  width:100% !important;
  max-width:420px !important;
}
.theme-invertido .inline-add-address{
  min-width:164px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:22px !important;
  font-size:14px !important;
  align-self:end !important;
}

@media (max-width: 900px){
  .theme-invertido .address-inline-row{
    grid-template-columns:48px minmax(0,1fr) auto !important;
    gap:10px !important;
  }
  .theme-invertido .selected-address-icon{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    font-size:22px !important;
  }
  .theme-invertido .inline-add-address{
    min-width:148px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 16px !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{
    grid-template-columns:42px minmax(0,1fr) auto !important;
    gap:8px !important;
  }
  .theme-invertido .selected-address-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:20px !important;
  }
  .theme-invertido .inline-add-address{
    min-width:112px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }
}


/* v36.10 delivery alignment micro-tweaks */
.theme-invertido .address-inline-row{
  gap:8px !important;
}
.theme-invertido .inline-add-address{
  margin-bottom:4px !important;
}
@media (max-width: 900px){
  .theme-invertido .address-inline-row{
    gap:8px !important;
  }
  .theme-invertido .inline-add-address{
    margin-bottom:3px !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{
    gap:6px !important;
  }
  .theme-invertido .inline-add-address{
    margin-bottom:2px !important;
  }
}


/* v36.11 delivery icon horizontal balance tweak */
.theme-invertido .address-inline-row{
  gap:10px !important;
}
.theme-invertido .selected-address-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  font-size:22px !important;
  justify-self:end !important;
  margin-left:14px !important;
}
.theme-invertido .address-inline-row label{
  max-width:440px !important;
}
@media (max-width: 900px){
  .theme-invertido .selected-address-icon{
    width:44px !important;
    height:44px !important;
    font-size:21px !important;
    margin-left:10px !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{
    gap:8px !important;
  }
  .theme-invertido .selected-address-icon{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    font-size:19px !important;
    margin-left:6px !important;
  }
}


/* v36.12 premium delivery row refinement */
.theme-invertido .address-inline-row{
  grid-template-columns:64px minmax(0,430px) auto !important;
  gap:10px !important;
}
.theme-invertido .selected-address-icon{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  font-size:21px !important;
  margin-left:28px !important;
  background:linear-gradient(180deg, rgba(28,22,18,.98), rgba(18,14,12,.98)) !important;
  border:1px solid rgba(234,221,198,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
.theme-invertido .inline-add-address{
  min-width:158px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:21px !important;
  padding:0 18px !important;
  margin-bottom:2px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
}
@media (max-width: 900px){
  .theme-invertido .address-inline-row{
    grid-template-columns:58px minmax(0,1fr) auto !important;
    gap:8px !important;
  }
  .theme-invertido .selected-address-icon{
    width:42px !important;
    height:42px !important;
    font-size:20px !important;
    margin-left:18px !important;
  }
  .theme-invertido .inline-add-address{
    min-width:148px !important;
    height:40px !important;
    min-height:40px !important;
    margin-bottom:1px !important;
  }
}
@media (max-width: 640px){
  .theme-invertido .address-inline-row{
    grid-template-columns:46px minmax(0,1fr) auto !important;
    gap:8px !important;
  }
  .theme-invertido .selected-address-icon{
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
    font-size:18px !important;
    margin-left:8px !important;
  }
  .theme-invertido .inline-add-address{
    min-width:116px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 14px !important;
    font-size:12px !important;
  }
}

/* v36.13 elegant delivery section aligned to approved mockup */
.theme-invertido #deliveryFinal{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  padding:28px 30px 26px !important;
  margin-top:14px !important;
  border-radius:30px !important;
  background:linear-gradient(135deg, rgba(31,23,18,.97), rgba(24,18,14,.95)) !important;
  border:1px solid rgba(237,224,203,.12) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
.theme-invertido #deliveryFinal > h3{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-0.02em !important;
}
.theme-invertido .address-inline-row{
  display:grid !important;
  grid-template-columns:82px minmax(0, 1fr) 228px !important;
  align-items:end !important;
  justify-items:start !important;
  gap:18px !important;
  width:100% !important;
}
.theme-invertido .selected-address-icon{
  width:74px !important;
  height:74px !important;
  min-width:74px !important;
  border-radius:24px !important;
  margin:0 0 3px 6px !important;
  justify-self:start !important;
  align-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:33px !important;
  line-height:1 !important;
  color:#f8f1e5 !important;
  background:linear-gradient(180deg, rgba(22,17,14,.98), rgba(14,11,9,.98)) !important;
  border:1px solid rgba(241,227,203,.12) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
.theme-invertido .address-inline-row label{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.theme-invertido #deliveryFinal label,
.theme-invertido #deliveryFinal .split label{
  font-size:15px !important;
  font-weight:800 !important;
  color:#f6ede1 !important;
  letter-spacing:-0.01em !important;
}
.theme-invertido .address-inline-row label .input,
.theme-invertido .address-inline-row label select,
.theme-invertido #deliveryFinal .split .input,
.theme-invertido #deliveryFinal .split select{
  width:100% !important;
  height:68px !important;
  min-height:68px !important;
  border-radius:24px !important;
  padding:0 24px !important;
  margin:0 !important;
  background:#090706 !important;
  border:1px solid rgba(241,227,203,.12) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
  color:#fbf7f1 !important;
  font-size:20px !important;
  font-weight:800 !important;
}
.theme-invertido .inline-add-address{
  min-width:228px !important;
  width:228px !important;
  height:58px !important;
  min-height:58px !important;
  padding:0 20px !important;
  border-radius:29px !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:-0.01em !important;
  align-self:end !important;
  justify-self:start !important;
  margin:0 0 5px 0 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}
.theme-invertido #deliveryFinal .split{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:20px !important;
  width:100% !important;
  align-items:start !important;
}
.theme-invertido #deliveryFinal .split label{
  gap:10px !important;
}

@media (max-width: 980px){
  .theme-invertido .address-inline-row{
    grid-template-columns:68px minmax(0,1fr) 196px !important;
    gap:14px !important;
  }
  .theme-invertido .selected-address-icon{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    border-radius:20px !important;
    font-size:28px !important;
    margin-left:2px !important;
  }
  .theme-invertido .address-inline-row label .input,
  .theme-invertido .address-inline-row label select,
  .theme-invertido #deliveryFinal .split .input,
  .theme-invertido #deliveryFinal .split select{
    height:60px !important;
    min-height:60px !important;
    font-size:18px !important;
    padding:0 20px !important;
  }
  .theme-invertido .inline-add-address{
    width:196px !important;
    min-width:196px !important;
    height:54px !important;
    min-height:54px !important;
  }
}

@media (max-width: 760px){
  .theme-invertido #deliveryFinal{
    padding:22px 20px !important;
    gap:18px !important;
  }
  .theme-invertido #deliveryFinal > h3{
    font-size:24px !important;
  }
  .theme-invertido .address-inline-row{
    grid-template-columns:56px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .theme-invertido .inline-add-address{
    grid-column:2 !important;
    width:180px !important;
    min-width:180px !important;
    height:50px !important;
    min-height:50px !important;
    margin-top:2px !important;
  }
  .theme-invertido .selected-address-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:18px !important;
    font-size:24px !important;
    margin-left:0 !important;
  }
  .theme-invertido #deliveryFinal .split{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .theme-invertido .address-inline-row label .input,
  .theme-invertido .address-inline-row label select,
  .theme-invertido #deliveryFinal .split .input,
  .theme-invertido #deliveryFinal .split select{
    height:56px !important;
    min-height:56px !important;
    font-size:16px !important;
    border-radius:20px !important;
  }
}


/* v36.14 – entrega: volver al layout elegante del mockup */
.theme-invertido #deliveryFinal{
  padding: 24px 28px !important;
  border-radius: 28px !important;
  gap: 16px !important;
}
.theme-invertido #deliveryFinal h3{
  margin: 0 0 2px !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}
.theme-invertido #deliveryFinal > .address-inline-row{
  display: grid !important;
  grid-template-columns: 74px minmax(320px, 520px) max-content !important;
  justify-content: start !important;
  align-items: end !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
}
.theme-invertido #deliveryFinal .selected-address-icon{
  width: 72px !important;
  height: 72px !important;
  border-radius: 24px !important;
  display: grid !important;
  place-items: center !important;
  margin: 18px 0 0 4px !important;
  font-size: 34px !important;
  background: rgba(10,7,6,.88) !important;
  border: 1px solid rgba(255,248,240,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.16) !important;
}
.theme-invertido #deliveryFinal .address-inline-row label{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-self: start !important;
  width: 100% !important;
  gap: 8px !important;
  font-size: 12px !important;
}
.theme-invertido #deliveryFinal .address-inline-row label .input,
.theme-invertido #deliveryFinal .address-inline-row label select{
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
}
.theme-invertido #deliveryFinal .inline-add-address{
  height: 44px !important;
  min-height: 44px !important;
  min-width: 132px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  align-self: end !important;
  margin: 0 0 1px 0 !important;
}
.theme-invertido #deliveryFinal .split{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 18px !important;
}
.theme-invertido #deliveryFinal .split label{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12px !important;
}
.theme-invertido #deliveryFinal .split .input,
.theme-invertido #deliveryFinal .split select{
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
}
.theme-invertido .summary-bottom-bar span{
  font-size: 12px !important;
}
.theme-invertido .summary-bottom-bar strong{
  font-size: 14px !important;
}
.theme-invertido .summary-bottom-bar .summary-total-row span,
.theme-invertido .summary-bottom-bar .summary-total-row strong{
  font-size: 16px !important;
}
@media (max-width: 900px){
  .theme-invertido #deliveryFinal{padding: 20px 22px !important; border-radius: 24px !important;}
  .theme-invertido #deliveryFinal h3{font-size: 24px !important;}
  .theme-invertido #deliveryFinal > .address-inline-row{grid-template-columns: 68px minmax(0,1fr) max-content !important; column-gap: 12px !important;}
  .theme-invertido #deliveryFinal .selected-address-icon{width: 64px !important; height: 64px !important; border-radius: 22px !important; margin-top: 18px !important; font-size: 30px !important;}
}
@media (max-width: 640px){
  .theme-invertido #deliveryFinal{padding: 16px !important; gap: 14px !important;}
  .theme-invertido #deliveryFinal h3{font-size: 22px !important;}
  .theme-invertido #deliveryFinal > .address-inline-row{grid-template-columns: 56px minmax(0,1fr) max-content !important; column-gap: 10px !important;}
  .theme-invertido #deliveryFinal .selected-address-icon{width: 52px !important; height: 52px !important; border-radius: 18px !important; margin: 16px 0 0 0 !important; font-size: 24px !important;}
  .theme-invertido #deliveryFinal .address-inline-row label .input,
  .theme-invertido #deliveryFinal .address-inline-row label select,
  .theme-invertido #deliveryFinal .split .input,
  .theme-invertido #deliveryFinal .split select{height: 42px !important; min-height: 42px !important; padding: 0 14px !important; font-size: 13px !important;}
  .theme-invertido #deliveryFinal .inline-add-address{height: 42px !important; min-height: 42px !important; min-width: 118px !important; padding: 0 18px !important; font-size: 14px !important;}
  .theme-invertido #deliveryFinal .split{gap: 12px !important;}
}


/* v36.15 – microajustes solicitados: titulo y boton agregar */
.theme-invertido #deliveryFinal h3{
  font-size: 22px !important;
  line-height: 1.08 !important;
}
.theme-invertido #deliveryFinal .inline-add-address{
  height: 40px !important;
  min-height: 40px !important;
  min-width: 112px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
}
@media (max-width: 640px){
  .theme-invertido #deliveryFinal h3{font-size: 20px !important;}
  .theme-invertido #deliveryFinal .inline-add-address{
    height: 38px !important;
    min-height: 38px !important;
    min-width: 106px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }
}


/* v36.16 – solo ajuste del boton agregar para que no se corte */
.theme-invertido #deliveryFinal .inline-add-address{
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
@media (max-width: 640px){
  .theme-invertido #deliveryFinal .inline-add-address{
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }
}


/* v37.1 – mobile checkout scroll fix */
@media (max-width: 760px){
  .modal.open{
    display:block !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding:10px 0 calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .checkout-card,
  .account-card{
    width:calc(100vw - 28px) !important;
    max-width:none !important;
    max-height:calc(100dvh - 24px) !important;
    margin:12px auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }

  .checkout-card{
    padding:18px 18px calc(22px + env(safe-area-inset-bottom)) !important;
  }

  .checkout-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .checkout-form{
    padding:14px !important;
  }

  .pay-methods{
    flex-wrap:wrap !important;
  }

  .checkout-bottom{
    align-items:flex-start !important;
    gap:10px !important;
    margin-top:14px !important;
    padding-top:14px !important;
  }

  .checkout-bottom strong{
    font-size:26px !important;
  }
}

@media (max-width: 420px){
  .checkout-card{
    width:calc(100vw - 20px) !important;
    margin:10px auto !important;
    padding:16px 14px calc(20px + env(safe-area-inset-bottom)) !important;
    border-radius:26px !important;
  }

  .checkout-card h2{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .checkout-form{
    border-radius:22px !important;
  }

  .checkout-card .input{
    height:52px !important;
    min-height:52px !important;
  }

  .pay{
    padding:9px 12px !important;
  }
}

/* v37.2 – mobile credit counter and price alignment tweak */
@media (max-width: 760px){
  .theme-invertido .credits-premium-simplified .step-value{
    padding: 6px 10px !important;
  }

  .theme-invertido .credits-premium-simplified .step-value strong{
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .theme-invertido .credits-premium-simplified .step-value span{
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
  }

  .theme-invertido .credits-premium-simplified .credits-purchase-meta{
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  .theme-invertido .credits-premium-simplified .credits-price-block,
  .theme-invertido .credits-premium-simplified .plan-price{
    justify-self: start !important;
    text-align: left !important;
  }

  .theme-invertido .credits-premium-simplified .plan-price{
    font-size: 27px !important;
  }
}

/* v37.3 – center mobile price again + slightly smaller credit counter on desktop */
.theme-invertido .credits-premium-simplified .step-value strong{
  font-size: 28px !important;
}
.theme-invertido .credits-premium-simplified .step-value span{
  font-size: 13px !important;
}

@media (max-width: 760px){
  .theme-invertido .credits-premium-simplified .step-value strong{
    font-size: 24px !important;
  }

  .theme-invertido .credits-premium-simplified .step-value span{
    font-size: 10px !important;
  }

  .theme-invertido .credits-premium-simplified .credits-price-block,
  .theme-invertido .credits-premium-simplified .plan-price{
    justify-self: center !important;
    text-align: center !important;
  }
}


/* v37.4 – responsive móvil completo */
@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body{
    touch-action:pan-y !important;
  }

  .nav{
    padding:12px 14px !important;
    gap:10px !important;
  }

  .brand{
    min-width:0 !important;
  }

  .brand img,
  .brand-logo,
  .brand-mark{
    max-width:108px !important;
  }

  .brand strong{
    font-size:15px !important;
  }

  .brand small{
    display:none !important;
  }

  .nav-actions{
    gap:7px !important;
    flex:0 0 auto !important;
  }

  .nav-actions .primary-btn,
  .nav-actions .secondary-btn,
  .nav-actions .ghost-btn,
  .nav-actions .order-btn{
    height:44px !important;
    min-height:44px !important;
    padding:0 13px !important;
    font-size:14px !important;
  }

  .order-btn{
    gap:7px !important;
  }

  .order-btn strong{
    min-width:26px !important;
    height:26px !important;
    font-size:12px !important;
  }

  .section{
    padding:34px 16px !important;
  }

  .section.compact{
    padding-top:10px !important;
    padding-bottom:26px !important;
  }

  .section-head.row{
    display:block !important;
  }

  .hero{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding-top:24px !important;
  }

  .hero-copy h1{
    font-size:42px !important;
    line-height:.98 !important;
    letter-spacing:-.065em !important;
  }

  .hero-copy p{
    font-size:15px !important;
    max-width:none !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .hero-actions .primary-btn,
  .hero-actions .secondary-btn,
  .hero-actions .ghost-btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .trust-row{
    gap:7px !important;
  }

  .trust-row span{
    font-size:11px !important;
    padding:7px 9px !important;
  }

  .hero-photo{
    height:270px !important;
    border-radius:28px !important;
  }

  .photo-card{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:13px !important;
    border-radius:18px !important;
  }

  .steps{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .line-grid,
  .plans-grid,
  .checkout-grid,
  .order-layout{
    grid-template-columns:1fr !important;
  }

  .line-card{
    grid-template-columns:1fr !important;
  }

  .line-card img{
    min-height:190px !important;
    max-height:220px !important;
  }

  .plans-grid{
    gap:14px !important;
  }

  .plan-card{
    padding:18px !important;
    border-radius:28px !important;
  }

  .theme-invertido .credits-premium-simplified{
    padding:18px !important;
    gap:16px !important;
    border-radius:30px !important;
  }

  .theme-invertido .compact-benefits-4up{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card{
    min-height:auto !important;
    padding:14px 16px !important;
    border-radius:22px !important;
  }

  .theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card strong{
    font-size:15px !important;
  }

  .theme-invertido .credits-premium-simplified .compact-benefits-4up .credit-benefit-card span{
    font-size:12px !important;
  }

  .theme-invertido .credits-premium-simplified .credits-purchase-panel{
    padding:16px !important;
    border-radius:26px !important;
  }

  .theme-invertido .credits-premium-simplified .credit-stepper{
    grid-template-columns:64px minmax(0,1fr) 64px !important;
    gap:8px !important;
  }

  .theme-invertido .credits-premium-simplified .step-btn,
  .theme-invertido .credits-premium-simplified .step-value{
    height:52px !important;
    min-height:52px !important;
    border-radius:18px !important;
  }

  .theme-invertido .credits-premium-simplified .step-btn{
    width:64px !important;
    min-width:64px !important;
    font-size:26px !important;
  }

  .theme-invertido .credits-premium-simplified .step-value strong{
    font-size:24px !important;
  }

  .theme-invertido .credits-premium-simplified .step-value span{
    font-size:10px !important;
  }

  .theme-invertido .credits-premium-simplified .credits-purchase-meta{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .theme-invertido .credits-premium-simplified .credits-price-block,
  .theme-invertido .credits-premium-simplified .plan-price{
    justify-self:center !important;
    text-align:center !important;
  }

  .theme-invertido .credits-premium-simplified .plan-price{
    font-size:28px !important;
    margin:4px 0 0 !important;
  }

  .theme-invertido .credits-premium-simplified .credits-purchase-meta .primary-btn{
    width:100% !important;
    height:54px !important;
    min-height:54px !important;
    font-size:16px !important;
  }

  .delivery-creator{
    grid-template-columns:1fr !important;
    padding:14px !important;
    gap:12px !important;
    border-radius:24px !important;
  }

  .delivery-creator .primary-btn{
    width:100% !important;
  }

  .order-sidebar{
    position:static !important;
    top:auto !important;
  }

  .selection-photo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .builder-top{
    display:block !important;
  }

  .inline-controls{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  .input.compact{
    width:100% !important;
    min-width:0 !important;
  }

  .choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .choice-card{
    border-radius:18px !important;
  }

  .choice-card img{
    height:96px !important;
  }

  .choice-card strong{
    font-size:12px !important;
  }

  .group-title{
    align-items:flex-start !important;
  }

  .group-title small{
    max-width:140px !important;
    font-size:11px !important;
  }

  .macro-grid,
  .progress-row{
    grid-template-columns:1fr 1fr !important;
  }

  .account-card,
  .checkout-card{
    width:calc(100vw - 24px) !important;
    margin:12px auto !important;
    max-height:calc(100dvh - 24px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .account-card{
    padding:18px !important;
    border-radius:28px !important;
  }

  .checkout-card{
    padding:18px 18px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius:28px !important;
  }

  .account-tabs{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px !important;
    scrollbar-width:none !important;
  }

  .account-tabs::-webkit-scrollbar{
    display:none !important;
  }

  .profile-panel-card{
    min-height:auto !important;
    padding:16px !important;
  }

  .two-col,
  .address-list{
    grid-template-columns:1fr !important;
  }

  .data-bottom{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .drawer-panel{
    width:100% !important;
    max-width:none !important;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .drawer-head h2,
  .compact-drawer-head h2{
    font-size:42px !important;
  }

  .summary-carousel-wrap{
    grid-template-columns:36px minmax(0,1fr) 36px !important;
    gap:8px !important;
  }

  .summary-nav-btn{
    width:36px !important;
    height:36px !important;
  }

  .summary-feature-card{
    padding:12px !important;
    border-radius:20px !important;
  }

  .summary-feature-body{
    grid-template-columns:60px minmax(0,1fr) 34px !important;
    gap:8px !important;
  }

  .summary-feature-img{
    width:60px !important;
    height:60px !important;
  }

  #deliveryFinal{
    border-radius:24px !important;
  }

  .float-whatsapp,
  .whatsapp-float,
  .float{
    bottom:84px !important;
    right:16px !important;
  }
}

@media (max-width: 420px){
  .nav{
    padding:10px 12px !important;
  }

  .brand img,
  .brand-logo,
  .brand-mark{
    max-width:96px !important;
  }

  .nav-actions .primary-btn,
  .nav-actions .secondary-btn,
  .nav-actions .ghost-btn,
  .nav-actions .order-btn{
    height:40px !important;
    min-height:40px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }

  .section{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .hero-copy h1{
    font-size:36px !important;
  }

  .hero-photo{
    height:240px !important;
  }

  .theme-invertido .credits-premium-simplified .credit-stepper{
    grid-template-columns:58px minmax(0,1fr) 58px !important;
  }

  .theme-invertido .credits-premium-simplified .step-btn{
    width:58px !important;
    min-width:58px !important;
  }

  .theme-invertido .credits-premium-simplified .step-value strong{
    font-size:22px !important;
  }

  .choice-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .choice-card img{
    height:82px !important;
  }

  .choice-card{
    padding:7px !important;
  }

  .choice-card small{
    font-size:10.5px !important;
  }

  .drawer-head h2,
  .compact-drawer-head h2{
    font-size:36px !important;
  }

  .summary-feature-copy strong{
    font-size:13px !important;
  }

  .summary-feature-copy small{
    font-size:10.5px !important;
  }
}


/* v37.5 – avoid white flash when changing ingredient selection */
.choice-card img.food-img,
.selection-photo-grid img.food-img,
.summary-feature-img,
.order-detail-item img.food-img{
  background:#12100e !important;
  transition:none !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.theme-invertido .choice-card img.food-img{
  background:#12100e !important;
}


.link-btn{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#f8efe2;
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
  text-decoration:none;
  cursor:pointer;
  padding:8px 12px;
  border-radius:999px;
  width:max-content;
  max-width:100%;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
}
.link-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  border-color:rgba(248,239,226,.22);
}
.forgot-password-btn{
  display:block;
  margin:10px auto 0;
  text-align:center;
  color:#f8efe2;
  opacity:.84;
}
.premium-link-btn{
  margin-top:10px;
  color:#f8efe2;
  opacity:.9;
}
.reset-panel h3{
  font-size:26px;
  letter-spacing:-.04em;
  margin:0 0 6px;
}
.reset-panel p{
  color:var(--muted);
  font-weight:800;
  margin:0 0 14px;
  line-height:1.35;
}

.link-btn.hidden{display:none!important}
.reset-panel .link-btn{margin-top:10px}

.turnstile-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:4px 0 12px;
  min-height:65px;
}
.turnstile-wrap:empty{
  display:none;
}
@media (max-width:560px){
  .turnstile-wrap{
    justify-content:flex-start;
    transform:scale(.92);
    transform-origin:left center;
    min-height:58px;
  }
}