:root{
  --bg:#f6f1e8;
  --bg-2:#efe7da;
  --panel:#fffdfa;
  --panel-2:#f7f1e8;

  --txt:#18201b;
  --txt-2:#243129;
  --muted:#647166;

  --line:#ddd3c3;
  --line-2:#cabca9;
  --soft:#f4ecdf;

  --emerald:#1f6a52;
  --emerald-2:#2c8a69;
  --deep:#163328;
  --gold:#c8953f;
  --gold-2:#e0b35c;
  --cream:#fff8ef;
  --accent:#b93f3f;
  --accent-2:#d84f4f;
  --ink:#121713;

  --shadow-xl:0 24px 58px rgba(32,36,28,.15);
  --shadow-lg:0 14px 28px rgba(32,36,28,.10);
  --shadow-md:0 8px 18px rgba(32,36,28,.08);

  --r-xl:30px;
  --r-lg:24px;
  --r-md:18px;
  --r-sm:12px;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#f8f4ed 0%,#f0e8dc 100%);
  color:var(--txt);
  font-family:Arial, Helvetica, sans-serif;
  scroll-behavior:smooth;
}

img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

.page-v3{
  max-width:920px;
  margin:0 auto;
  min-height:100vh;
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(44,138,105,.10), transparent 18%),
    radial-gradient(circle at top right, rgba(224,179,92,.14), transparent 22%),
    linear-gradient(180deg,#fffdfa 0%, #f8f2e9 56%, #f1e9de 100%);
  box-shadow:0 26px 70px rgba(36,32,24,.10);
  padding-bottom:112px;
}

/* ===== TOP RIBBON ===== */
.ribbon-v3{
  position:sticky;
  top:0;
  z-index:1600;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 14px;
  background:linear-gradient(90deg,#b93f3f 0%, #d84f4f 28%, #e0b35c 100%);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(185,63,63,.20);
  font-family:Arial, Helvetica, sans-serif;
}

.ribbon-v3 strong{
  color:#fff7d8;
  font-weight:1000;
}

/* ===== SOFT FLOAT CHIP ===== */
.status-chip-v3{
  position:fixed;
  top:68px;
  right:14px;
  z-index:1700;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,253,248,.96);
  border:1px solid #ddd5c8;
  box-shadow:var(--shadow-md);
  color:#314238;
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-family:Arial, Helvetica, sans-serif;
}

.status-chip-v3 .pulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 8px rgba(185,63,63,.10);
  animation:v3Pulse 1.8s infinite;
}

@keyframes v3Pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.18)}
  100%{transform:scale(1)}
}

/* ===== HERO ===== */
.hero-v3{
  padding:16px 14px 10px;
}

.hero-shell-v3{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:14px;
  align-items:stretch;
}

.hero-image-card-v3{
  position:relative;
  overflow:hidden;
  border-radius:var(--r-xl);
  background:linear-gradient(180deg,#f4eee3 0%,#eadfce 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-image-card-v3::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 0%, rgba(44,138,105,.16), transparent 24%),
    radial-gradient(circle at 100% 100%, rgba(224,179,92,.16), transparent 26%);
  pointer-events:none;
}

.hero-product-v3{
  position:relative;
  z-index:2;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 16px 24px rgba(54,44,26,.14));
}

.hero-copy-card-v3{
  border-radius:var(--r-xl);
  background:linear-gradient(180deg,#fffdfa 0%,#f8f2e9 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-xl);
  padding:22px 20px;
}

.eyebrow-v3{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#edf7f1;
  border:1px solid #d6eadf;
  color:var(--emerald);
  font-size:11px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.hero-title-v3{
  margin:16px 0 10px;
  color:#162019;
  font-size:42px;
  line-height:.96;
  font-weight:1000;
  letter-spacing:-1.2px;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.hero-sub-v3{
  margin:0;
  color:#566459;
  font-size:15px;
  line-height:1.7;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.hero-divider-v3{
  width:86px;
  height:4px;
  background:linear-gradient(90deg,#b93f3f 0%,#e0b35c 100%);
  margin:18px 0 16px;
  border-radius:999px;
}

.benefit-list-v3{
  display:grid;
  gap:10px;
}

.benefit-v3{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e4ddd2;
  box-shadow:0 4px 10px rgba(50,40,30,.04);
}

.benefit-icon-v3{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#edf7f1;
  color:var(--emerald);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:1000;
  flex:0 0 auto;
  margin-top:1px;
  font-family:Arial, Helvetica, sans-serif;
}

.benefit-text-v3{
  color:#314238;
  font-size:13px;
  line-height:1.5;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== NOTE BAND ===== */
.note-band-v3{
  margin:14px 14px 12px;
  border-radius:20px;
  background:linear-gradient(180deg,#fff6ea 0%,#f4e6d1 100%);
  border:1px solid #ecd6b5;
  padding:14px 16px;
  text-align:center;
  color:#5b5144;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.note-band-v3 strong{
  color:#9d5f13;
  font-weight:900;
}

/* ===== CONTENT STACK ===== */
.stack-v3{
  padding:0 12px 10px;
}

.story-panel-v3{
  position:relative;
  margin:14px 0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid #ddd5c8;
  background:#fff;
  box-shadow:var(--shadow-lg);
  content-visibility:auto;
  contain-intrinsic-size:900px 1500px;
}

.story-panel-v3.hot{
  cursor:pointer;
}

.story-panel-v3::before{
  content:"TOP PROMO";
  position:absolute;
  top:1px;
  left:12px;
  z-index:3;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  display:flex;
  align-items:center;
  background:rgba(255,253,248,.94);
  border:1px solid #ddd5c8;
  color:var(--emerald);
  font-size:10px;
  font-weight:900;
  letter-spacing:.8px;
  font-family:Arial, Helvetica, sans-serif;
}

.story-panel-v3 img{
  width:100%;
  height:auto;
  display:block;
  background:#fff;
}

.story-panel-v3 .story-cta-v3{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  min-height:50px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#b93f3f 0%,#d84f4f 100%);
  color:#fffdf8;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-family:Arial, Helvetica, sans-serif;
  box-shadow:0 12px 24px rgba(185,63,63,.16);
}

.lazy-img{
  opacity:0;
  transition:opacity .28s ease;
}

.lazy-img.loaded{
  opacity:1;
}

/* ===== CTA ARTICLE ===== */
.article-cta-v3{
  margin:14px 0;
  border-radius:24px;
  background:linear-gradient(180deg,#fffdfa 0%,#f7efe1 100%);
  border:1px solid #e3d5c3;
  box-shadow:var(--shadow-md);
  padding:18px 16px;
  text-align:center;
  cursor:pointer;
}

.article-cta-v3 .kicker{
  color:var(--accent);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  font-family:Arial, Helvetica, sans-serif;
}

.article-cta-v3 .title{
  margin-top:8px;
  color:#1f2922;
  font-size:24px;
  line-height:1.05;
  font-weight:1000;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.article-cta-v3 .sub{
  margin-top:8px;
  color:#687268;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== FOOTER ===== */
.bottom-v3{
  padding:8px 12px 24px;
}

.info-card-v3,
.legal-card-v3{
  border-radius:24px;
  background:linear-gradient(180deg,#fffdfa 0%,#f7f1e8 100%);
  border:1px solid #ddd2c4;
  box-shadow:var(--shadow-md);
}

.info-card-v3{
  padding:22px 18px;
  margin-bottom:14px;
}

.info-card-v3 h2{
  margin:0 0 8px;
  color:#223127;
  font-size:26px;
  line-height:1.05;
  font-weight:1000;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.info-card-v3 p{
  margin:0;
  color:#5e685f;
  font-size:14px;
  line-height:1.75;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.legal-card-v3{
  padding:18px 14px;
}

.legal-links-v3{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  justify-content:center;
  margin-bottom:10px;
}

.legal-links-v3 a{
  color:var(--emerald);
  font-size:13px;
  font-weight:800;
  text-decoration:underline;
  font-family:Arial, Helvetica, sans-serif;
}

.legal-mini-v3{
  text-align:center;
  color:#7b837b;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== STICKY CTA ===== */
.dock-v3{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:3000;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  pointer-events:none;
}

.dock-inner-v3{
  max-width:920px;
  margin:0 auto;
}

.cta-v3{
  cursor:pointer;
  width:100%;
  min-height:74px;
  border:none;
  border-radius:20px 20px 0 0;
  pointer-events:auto;
  background:linear-gradient(180deg,#1f6a52 0%,#163f31 100%);
  color:#fffdf8;
  position:relative;
  overflow:hidden;
  box-shadow:0 20px 38px rgba(31,106,82,.18);
}

.cta-v3 .main{
  display:block;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.4px;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.cta-v3 .sub{
  display:block;
  margin-top:4px;
  color:rgba(255,253,248,.84);
  font-size:11px;
  font-weight:800;
  letter-spacing:.8px;
  font-family:Arial, Helvetica, sans-serif;
}

.cta-v3::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-16%;
  width:26%;
  height:190%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));
  animation:ctaV3Sweep 4.4s linear infinite;
}

@keyframes ctaV3Sweep{
  0%{transform:translateX(-220%) rotate(20deg)}
  100%{transform:translateX(560%) rotate(20deg)}
}

/* ===== FOMO ===== */
.toast-v3{
  position:fixed;
  left:12px;
  bottom:88px;
  z-index:2200;
  width:300px;
  max-width:calc(100vw - 24px);
  border-radius:20px;
  border:1px solid #ddd2c4;
  background:rgba(255,253,248,.97);
  box-shadow:var(--shadow-lg);
  padding:12px;
  opacity:0;
  transform:translateY(14px);
  transition:all .35s ease;
}

.toast-v3.show{
  opacity:1;
  transform:translateY(0);
}

.toast-v3-top{
  display:flex;
  align-items:center;
  gap:10px;
}

.toast-v3-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#1f6a52 0%,#2c8a69 100%);
  color:#fff;
  font-size:16px;
  font-weight:900;
  flex:0 0 auto;
  font-family:Arial, Helvetica, sans-serif;
}

.toast-v3-text{
  color:#314034;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
  font-family:Arial, Helvetica, sans-serif;
}

.toast-v3-time{
  margin-top:6px;
  color:#7b837b;
  font-size:11px;
  font-weight:700;
  margin-left:50px;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== SIDE PANEL MODALS ===== */
.panel-v3{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
}

.panel-v3.open{
  display:block;
}

.panel-v3-backdrop{
  position:absolute;
  inset:0;
  background:rgba(45,40,34,.30);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.panel-v3-dialog{
  position:absolute;
  top:0;
  right:0;
  width:min(560px, 100vw);
  height:100%;
  background:linear-gradient(180deg,#fffdfa 0%,#f7f1e8 100%);
  border-left:1px solid #ddd2c4;
  box-shadow:-18px 0 44px rgba(40,36,30,.12);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.panel-v3-head{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  background:rgba(255,253,248,.96);
  border-bottom:1px solid #e4dbcf;
}

.panel-v3-title{
  margin:0;
  color:#223127;
  font-size:24px;
  font-weight:1000;
  line-height:1.05;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.panel-v3-close{
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:#fff;
  border:1px solid #ddd2c4;
  color:#2b342d;
  font-size:20px;
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
}

.panel-v3-body{
  padding:16px;
}

/* ===== OFFERS ===== */
.offer-note-v3{
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#edf7f1 0%,#e5f1ea 100%);
  border:1px solid #d7eadf;
  color:#40604f;
  font-size:13px;
  line-height:1.55;
  font-weight:800;
  margin-bottom:14px;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-list-v3{
  display:grid;
  gap:12px;
}

.offer-card-v3{
  position:relative;
  padding:14px;
  border-radius:20px;
  border:1px solid #ddd2c4;
  background:#fff;
  box-shadow:0 8px 16px rgba(50,40,30,.05);
  cursor:pointer;
  transition:.22s ease;
}

.offer-card-v3.active{
  border-color:#2c8a69;
  box-shadow:0 0 0 1px rgba(44,138,105,.24), 0 14px 28px rgba(44,138,105,.10);
}

.offer-card-v3.best::before{
  content:"MEJOR OPCIÓN";
  position:absolute;
  top:12px;
  right:12px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  display:flex;
  align-items:center;
  background:#f4e8d4;
  border:1px solid #ead2a7;
  color:#966f25;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-row-v3{
  display:flex;
  align-items:center;
  gap:12px;
}

.offer-thumb-v3{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid #ddd2c4;
  background:#fff;
  flex:0 0 auto;
}

.offer-main-v3{
  flex:1 1 auto;
  min-width:0;
}

.offer-title-v3{
  color:#263127;
  font-size:16px;
  font-weight:800;
  line-height:1.18;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-sub-v3{
  margin-top:6px;
  color:#6c756d;
  font-size:12px;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-badge-v3{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  margin-top:10px;
  border-radius:999px;
  background:#edf7f1;
  border:1px solid #d6e9df;
  color:#40604f;
  font-size:11px;
  font-weight:800;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-price-v3{
  text-align:right;
  flex:0 0 auto;
}

.offer-old-v3{
  color:#a09286;
  font-size:11px;
  font-weight:700;
  text-decoration:line-through;
  font-family:Arial, Helvetica, sans-serif;
}

.offer-new-v3{
  color:#2c241f;
  font-size:26px;
  font-weight:1000;
  letter-spacing:-.3px;
  font-family:Arial, Helvetica, sans-serif;
}

.summary-v3{
  margin-top:14px;
  border-radius:20px;
  border:1px solid #ddd2c4;
  background:#fff;
  padding:14px;
}

.summary-line-v3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:7px 0;
  color:#4e574e;
  font-size:14px;
  font-weight:800;
  font-family:Arial, Helvetica, sans-serif;
}

.summary-line-v3.free{
  color:#1f8b64;
}

.summary-line-v3.total{
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid #e7ddd2;
  color:#2c241f;
  font-size:28px;
  font-weight:1000;
}

.offer-btn-v3{
  width:100%;
  min-height:58px;
  margin-top:14px;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg,#b93f3f 0%,#933131 100%);
  color:#fffdf8;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  box-shadow:0 12px 22px rgba(185,63,63,.14);
  font-family:Arial, Helvetica, sans-serif;
}

.offer-foot-v3{
  margin-top:10px;
  text-align:center;
  color:#7b837b;
  font-size:12px;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== FORM ===== */
.callout-v3{
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff6ea 0%,#f3e6d2 100%);
  border:1px solid #ead8ba;
  color:#5a5648;
  font-size:13px;
  line-height:1.6;
  font-weight:800;
  margin-bottom:14px;
  font-family:Arial, Helvetica, sans-serif;
}

.ajaxMsg{
  display:none;
  margin-bottom:14px;
  padding:14px;
  font-weight:800;
  font-family:Arial, Helvetica, sans-serif;
}

.form-card-v3{
  border-radius:22px;
  background:#fff;
  border:1px solid #ddd2c4;
  padding:16px;
}

.field-v3{
  margin-bottom:12px;
}

.field-v3 label{
  display:block;
  margin:0 0 8px;
  color:#354036;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
  font-family:Arial, Helvetica, sans-serif;
}

.field-v3 input,
.field-v3 select,
.field-v3 textarea{
  width:100%;
  min-height:52px;
  border:none;
  border-radius:14px;
  background:#fffdf9;
  border:1px solid #ddd2c4;
  color:#2a241f;
  padding:0 14px;
  outline:none;
  box-shadow:none;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.field-v3 textarea{
  min-height:110px;
  padding:12px 14px;
  resize:vertical;
}

.field-v3 input::placeholder,
.field-v3 textarea::placeholder{
  color:#9c9187;
}

.field-v3 select option{
  color:#111;
}

.readonly-v3{
  background:#f7f1e8 !important;
  color:#7a7268 !important;
}

.agree-v3{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border-radius:16px;
  background:#f7f2e9;
  border:1px solid #e1d6c8;
  margin:12px 0 0;
}

.agree-v3 input{
  width:20px;
  height:20px;
  margin-top:2px;
  accent-color:#1f6a52;
}

.agree-v3 label{
  margin:0;
  color:#656d65;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.submit-v3{
  width:100%;
  min-height:58px;
  margin-top:14px;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg,#1f6a52 0%,#184c3b 100%);
  color:#fffdf8;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  box-shadow:0 12px 22px rgba(31,106,82,.16);
  font-family:Arial, Helvetica, sans-serif;
}

.ssl-v3{
  margin-top:12px;
  text-align:center;
  font-size:11px;
  color:#7c837c;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.hp-wrap{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* ===== LEGAL BODY ===== */
.legal-body-v3{
  color:#5d665d;
  font-size:14px;
  line-height:1.8;
  font-family:Arial, Helvetica, sans-serif;
}

.legal-body-v3 h3{
  color:#2d362f;
  font-size:16px;
  margin:14px 0 8px;
  font-weight:900;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== UPSELL ===== */
.upsell-wrap-v3{
  text-align:center;
}

.upsell-icon-v3{
  font-size:54px;
  line-height:1;
  margin-bottom:10px;
}

.upsell-title-v3{
  margin:0;
  color:#2d362f;
  font-size:24px;
  font-weight:1000;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-meta-v3{
  margin:8px 0 18px;
  color:#717971;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-box-v3{
  border-radius:22px;
  background:#fff;
  border:1px solid #ddd2c4;
  padding:18px;
}

.upsell-chip-v3{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#f4e8d4;
  border:1px solid #ead2a7;
  color:#8a6a33;
  font-size:11px;
  font-weight:800;
  letter-spacing:.5px;
  margin-bottom:12px;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-box-v3 h4{
  margin:0 0 10px;
  color:#2d362f;
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-alert-v3{
  background:#f7f2e9;
  border:1px solid #e1d6c8;
  padding:12px;
  border-radius:16px;
  margin-bottom:14px;
  color:#5f685f;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-product-v3{
  display:flex;
  align-items:center;
  gap:14px;
  text-align:left;
  background:#fffdf9;
  border:1px solid #ddd2c4;
  border-radius:18px;
  padding:12px;
  margin-bottom:14px;
}

.upsell-product-v3 img{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid #ddd2c4;
  flex:0 0 auto;
}

.upsell-product-v3 h5{
  margin:0 0 6px;
  color:#2f3931;
  font-size:16px;
  font-weight:800;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-product-v3 p{
  margin:0;
  color:#707970;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-actions-v3{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.upsell-add-v3,
.upsell-view-v3,
.upsell-no-v3{
  width:100%;
  min-height:52px;
  border:none;
  border-radius:999px;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  font-family:Arial, Helvetica, sans-serif;
}

.upsell-add-v3{
  background:linear-gradient(180deg,#b93f3f 0%,#933131 100%);
  color:#fffdf8;
}

.upsell-view-v3{
  background:#fff;
  border:1px solid #ddd2c4;
  color:#2d362f;
}

.upsell-no-v3{
  background:#f4eee5;
  color:#6f776f;
}

.final-success-v3{
  text-align:center;
  padding:10px 0 0;
}

.final-success-v3 h3{
  margin:0 0 10px;
  color:#2d362f;
  font-size:24px;
  font-weight:1000;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.final-success-v3 p{
  margin:0 0 16px;
  color:#727a72;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

.final-box-v3{
  border-radius:20px;
  background:#fff;
  border:1px solid #ddd2c4;
  padding:16px;
}

.final-box-v3 p:first-child{
  margin:0 0 6px;
  color:#7f877f;
  font-size:13px;
  font-weight:700;
  font-family:Arial, Helvetica, sans-serif;
}

#finalTotalSpan{
  margin:0;
  color:#2d362f;
  font-size:30px;
  font-weight:1000;
  font-family:Arial, Helvetica, sans-serif;
}

/* ===== RESPONSIVE ===== */
@media (max-width:760px){
  .hero-shell-v3{
    grid-template-columns:1fr;
  }

  .hero-title-v3{
    font-size:32px;
  }

  .panel-v3-dialog{
    width:100%;
    max-width:100%;
  }
}

@media (max-width:680px){
  .status-chip-v3{
    top:62px;
    right:10px;
  }

  .toast-v3{
    left:10px;
    bottom:84px;
  }

  .page-v3{
    padding-bottom:104px;
  }
}

@media (max-width:420px){
  .ribbon-v3{
    font-size:10px;
    min-height:46px;
  }

  .hero-title-v3{
    font-size:28px;
  }

  .panel-v3-title{
    font-size:20px;
  }

  .offer-new-v3{
    font-size:22px;
  }
}