/*
  MUNDO ACCESORIOS — Theme v6 (banner envío + más margen + traducciones)
  marker: mundo_theme_v6_2026-06-08
*/

:root {
  --m-black: #0A0A0A;
  --m-coral: #FF5544;
  --m-coral-dark: #E63E2E;
  --m-coral-bg: #FFF5F3;
  --m-text: #1A1A1A;
  --m-gray-dark: #4B5563;
  --m-gray: #6B7280;
  --m-gray-light: #F3F4F6;
  --m-gray-bg: #FAFAFA;
  --m-border: #E5E7EB;
  --m-radius: 12px;
  --m-font: 'Inter', 'Poppins', -apple-system, system-ui, sans-serif;
}

body {
  font-family: var(--m-font) !important;
  background: white !important;
  color: var(--m-text) !important;
  -webkit-font-smoothing: antialiased;
}

/* TRUST BAR */
body::before {
  content: "Envío gratis desde Q300  ·  Paga al recibir  ·  Garantía 30 días  ·  WhatsApp +502 4050-1187";
  display: block;
  background: var(--m-black);
  color: white;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 10px 16px;
}

/* HEADER */
.header {
  background: white !important;
  border-bottom: 1px solid var(--m-border) !important;
  padding: 0 !important;
  position: sticky;
  top: 0;
  z-index: 998;
  box-shadow: 0 1px 0 var(--m-coral-bg);
}
.header__top, .header__bottom { display: none !important; }
.header__middle {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.header .logo-icon, .header .logo svg, .header__middle__center img { display: none !important; }
.header__middle__left::before { content: "MUNDO"; font-weight: 800; font-size: 19px; letter-spacing: 2px; color: var(--m-text); }
.header__middle__left::after { content: "ACCESORIOS"; font-weight: 300; font-size: 19px; letter-spacing: 2px; color: var(--m-coral); margin-left: 6px; }
.header__middle__center { display: none !important; }
.header__middle__right { display: flex !important; gap: 4px !important; align-items: center !important; }
.header__middle__right svg { width: 22px !important; height: 22px !important; color: var(--m-text) !important; stroke: currentColor !important; }
.header__middle__right > * { padding: 10px !important; border-radius: 8px !important; }
.header__middle__right > *:hover { background: var(--m-coral-bg) !important; }
.header__middle__right > *:hover svg { color: var(--m-coral) !important; }

/* BUSCADOR — más margen vertical, MÁS visible */
#mundo-search-bar {
  background: white;
  padding: 32px 24px;
  border-bottom: 1px solid var(--m-border);
  position: sticky;
  top: 64px;
  z-index: 997;
}
.mundo-search-wrap {
  max-width: 760px;
  margin: 0 auto;
}
.mundo-search-label {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--m-gray-dark);
  margin: 0 0 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mundo-search-box {
  position: relative;
}
.mundo-search-input {
  width: 100%;
  padding: 18px 130px 18px 56px;
  border: 2px solid var(--m-border);
  border-radius: 999px;
  font-size: 15px;
  font-family: var(--m-font);
  background: var(--m-gray-bg);
  transition: all .2s;
}
.mundo-search-input:focus {
  outline: none;
  border-color: var(--m-coral);
  background: white;
  box-shadow: 0 0 0 4px rgba(255,85,68,0.15);
}
.mundo-search-input::placeholder { color: var(--m-gray); }
.mundo-search-icon {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--m-gray);
  pointer-events: none;
}
.mundo-search-icon svg { width: 100%; height: 100%; }
.mundo-search-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--m-coral);
  color: white;
  border: none;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mundo-search-btn:hover { background: var(--m-coral-dark); }
.mundo-search-suggestions {
  position: absolute;
  top: 100%; left: 0; right: 0;
  background: white;
  border-radius: var(--m-radius);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
  margin-top: 8px;
  max-height: 360px;
  overflow-y: auto;
  display: none;
  z-index: 100;
  border: 1px solid var(--m-border);
}
.mundo-search-suggestions.active { display: block; }
.mundo-suggest-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  text-decoration: none;
  color: var(--m-text);
  border-bottom: 1px solid var(--m-gray-light);
}
.mundo-suggest-item:hover { background: var(--m-coral-bg); }
.mundo-suggest-img { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; background: var(--m-gray-light); }
.mundo-suggest-info { flex: 1; min-width: 0; }
.mundo-suggest-name { font-size: 14px; font-weight: 500; margin: 0 0 2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.mundo-suggest-price { font-size: 14px; font-weight: 700; color: var(--m-coral); }

/* HERO SLIDER */
#mundo-hero {
  background: var(--m-black);
  color: white;
  position: relative;
  overflow: hidden;
  min-height: 480px;
}
#mundo-hero::before {
  content: "";
  position: absolute;
  top: 30%;
  left: -10%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle, rgba(255,85,68,0.25), transparent 60%);
  filter: blur(60px);
  pointer-events: none;
}
.mundo-slides { position: relative; }
.mundo-slide {
  padding: 96px 24px 88px;
  text-align: center;
  position: relative;
  z-index: 1;
  display: none;
  animation: fadeIn .6s ease;
}
.mundo-slide.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.mundo-slide .eyebrow {
  display: inline-block;
  padding: 6px 14px;
  background: rgba(255,85,68,0.15);
  border: 1px solid rgba(255,85,68,0.3);
  color: var(--m-coral);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.mundo-slide h1 {
  font-size: 64px;
  font-weight: 800;
  margin: 0 0 24px;
  line-height: 1;
  letter-spacing: -2.5px;
  color: white;
}
.mundo-slide h1 .accent { color: var(--m-coral); }
.mundo-slide p {
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  margin: 0 auto 36px;
  max-width: 560px;
  line-height: 1.5;
}
.mundo-slide .cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.mundo-slide .cta-btn {
  background: var(--m-coral);
  color: white;
  font-weight: 600;
  font-size: 15px;
  padding: 16px 32px;
  border-radius: 999px;
  text-decoration: none;
  letter-spacing: 0.2px;
  transition: all .25s;
  box-shadow: 0 8px 24px rgba(255,85,68,0.4);
}
.mundo-slide .cta-btn:hover { background: var(--m-coral-dark); transform: translateY(-2px); }
.mundo-slide .cta-btn.secondary {
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.25);
  color: white;
  box-shadow: none;
}
.mundo-slide .cta-btn.secondary:hover { background: rgba(255,255,255,0.08); }
.mundo-slide-dots {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}
.mundo-slide-dot {
  width: 32px;
  height: 4px;
  background: rgba(255,255,255,0.25);
  border: none;
  border-radius: 2px;
  cursor: pointer;
  padding: 0;
  transition: all .25s;
}
.mundo-slide-dot.active { background: var(--m-coral); width: 48px; }

/* FLASH BAR */
#mundo-flash {
  background: linear-gradient(90deg, var(--m-coral) 0%, var(--m-coral-dark) 100%);
  color: white;
  padding: 16px 24px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-transform: uppercase;
}
#mundo-flash .timer {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-weight: 800;
  background: rgba(0,0,0,0.25);
  padding: 4px 12px;
  border-radius: 4px;
  letter-spacing: 1.5px;
  font-size: 14px;
}

/* ───── BANNER ENVÍO (Cargo Expreso style) ───── */
#mundo-shipping-banner {
  background: white;
  padding: 0;
  max-width: 1280px;
  margin: 80px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,0.08);
  border: 1px solid var(--m-border);
}
.mundo-ship-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
}
.mundo-ship-left {
  background: linear-gradient(135deg, var(--m-gray-bg) 0%, white 100%);
  padding: 56px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.mundo-ship-left::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='p' patternUnits='userSpaceOnUse' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23E5E7EB' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23p)'/%3E%3C/svg%3E") center/200px 200px;
  opacity: 0.4;
}
.mundo-ship-truck {
  font-size: 180px;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.15));
}
.mundo-ship-right {
  padding: 48px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: white;
}
.mundo-ship-title {
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: -1.5px;
  color: var(--m-text);
}
.mundo-ship-title .accent { color: var(--m-coral); display: block; }
.mundo-ship-sub {
  display: inline-block;
  background: var(--m-coral);
  color: white;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 4px;
  margin-bottom: 24px;
  width: fit-content;
}
.mundo-ship-features { display: flex; flex-direction: column; gap: 14px; }
.mundo-ship-feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--m-gray-light);
}
.mundo-ship-feature:last-child { border-bottom: none; padding-bottom: 0; }
.mundo-ship-feature-num {
  flex: 0 0 32px;
  height: 32px;
  background: var(--m-coral);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
}
.mundo-ship-feature-content { flex: 1; }
.mundo-ship-feature-title {
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--m-text);
}
.mundo-ship-feature-desc {
  font-size: 13px;
  color: var(--m-gray-dark);
  margin: 0;
  line-height: 1.4;
}
.mundo-ship-footer {
  background: var(--m-black);
  color: white;
  padding: 20px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: center;
}
.mundo-ship-contact { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; }
.mundo-ship-contact-icon {
  width: 36px;
  height: 36px;
  background: white;
  color: var(--m-black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
}
.mundo-ship-contact:nth-child(2) .mundo-ship-contact-icon { background: var(--m-coral); color: white; }
.mundo-ship-contact:nth-child(3) { background: var(--m-coral); padding: 12px 16px; border-radius: 8px; }
.mundo-ship-contact a { color: inherit !important; text-decoration: none; }

/* CATEGORÍAS */
#mundo-categories {
  background: var(--m-coral-bg);
  padding: 80px 24px;
}
#mundo-categories .inner { max-width: 1280px; margin: 0 auto; }
.section-head { text-align: center; margin-bottom: 40px; }
#mundo-categories h2, #mundo-featured h2, #mundo-testimonials h2 {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 8px;
  letter-spacing: -1px;
  color: var(--m-text);
}
.section-sub { font-size: 14px; color: var(--m-gray); margin: 0; }
.mundo-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.mundo-cat-card {
  background: white;
  border-radius: var(--m-radius);
  padding: 28px 24px;
  text-decoration: none;
  color: var(--m-text);
  border: 1px solid transparent;
  transition: all .25s;
  position: relative;
}
.mundo-cat-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  bottom: 28px;
  width: 3px;
  background: var(--m-coral);
  border-radius: 0 3px 3px 0;
  opacity: 0;
  transition: opacity .25s;
}
.mundo-cat-card:hover {
  border-color: var(--m-coral);
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(255,85,68,0.15);
}
.mundo-cat-card:hover::before { opacity: 1; }
.mundo-cat-card .name { font-weight: 600; font-size: 15px; margin: 0 0 4px; }
.mundo-cat-card .cat-count { font-size: 12px; color: var(--m-coral); font-weight: 600; }

/* PRODUCT GRID */
#mundo-featured {
  max-width: 1280px;
  margin: 80px auto;
  padding: 0 24px;
}
#mundo-featured .section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 32px;
  text-align: left;
  flex-wrap: wrap;
  gap: 16px;
}
#mundo-featured .section-head a {
  font-size: 14px;
  font-weight: 600;
  color: var(--m-coral);
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--m-coral-bg);
}
#mundo-featured .section-head a:hover { background: var(--m-coral); color: white; }
.mundo-prod-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.mundo-prod-card {
  background: white;
  border-radius: var(--m-radius);
  overflow: hidden;
  border: 1px solid var(--m-border);
  transition: all .25s;
  position: relative;
  display: flex;
  flex-direction: column;
}
.mundo-prod-card:hover {
  border-color: var(--m-coral);
  box-shadow: 0 12px 28px rgba(255,85,68,0.18);
  transform: translateY(-3px);
}
.mundo-prod-card .badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--m-coral); color: white;
  font-weight: 700; font-size: 11px;
  padding: 4px 8px; border-radius: 4px;
  z-index: 2; letter-spacing: 0.5px;
  box-shadow: 0 2px 6px rgba(255,85,68,0.4);
}
.mundo-prod-card .img-wrap {
  background: white;
  aspect-ratio: 1 / 1;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--m-gray-light);
}
.mundo-prod-card img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mundo-prod-card .info { padding: 16px; display: flex; flex-direction: column; flex: 1; }
.mundo-prod-card .name {
  font-size: 13px; font-weight: 500; color: var(--m-text);
  margin: 0 0 12px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; min-height: 36px; line-height: 1.4;
}
.mundo-prod-card .prices { display: flex; align-items: baseline; gap: 8px; margin: 0 0 16px; }
.mundo-prod-card .price-now { font-size: 24px; font-weight: 800; color: var(--m-coral); letter-spacing: -0.5px; }
.mundo-prod-card .price-was { font-size: 13px; color: var(--m-gray); text-decoration: line-through; }
.mundo-prod-card .btn-add {
  background: var(--m-text); color: white;
  border: none; padding: 12px 16px;
  border-radius: 8px;
  font-weight: 600; font-size: 13px;
  cursor: pointer; margin-top: auto;
  text-decoration: none; text-align: center; display: block;
}
.mundo-prod-card .btn-add:hover { background: var(--m-coral); }

/* TRUST */
#mundo-trust { background: var(--m-black); color: white; padding: 80px 24px; }
.mundo-trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; max-width: 1280px; margin: 0 auto; }
.mundo-trust-item { text-align: left; padding-left: 24px; position: relative; }
.mundo-trust-item::before { content: ""; position: absolute; top: 4px; left: 0; width: 3px; height: calc(100% - 8px); background: var(--m-coral); border-radius: 3px; }
.mundo-trust-item .num { display: block; font-size: 12px; font-weight: 700; color: var(--m-coral); letter-spacing: 2px; margin-bottom: 8px; }
.mundo-trust-item .title { font-size: 17px; font-weight: 700; margin: 0 0 8px; color: white; }
.mundo-trust-item .desc { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.55; margin: 0; }

/* TESTIMONIOS */
#mundo-testimonials { max-width: 1280px; margin: 80px auto; padding: 0 24px; }
.mundo-test-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.mundo-test-card {
  background: white;
  padding: 28px;
  border-radius: var(--m-radius);
  border: 1px solid var(--m-border);
  position: relative;
}
.mundo-test-card::before {
  content: """;
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 72px;
  color: var(--m-coral);
  font-family: Georgia, serif;
  line-height: 1;
  font-weight: 700;
}
.mundo-test-rating {
  display: inline-flex;
  padding: 4px 10px;
  background: var(--m-coral);
  color: white;
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}
.mundo-test-rating::after { content: " /5.0"; opacity: 0.8; font-weight: 400; margin-left: 2px; }
.mundo-test-card p { font-size: 14px; line-height: 1.6; margin: 0 0 16px; color: var(--m-text); position: relative; z-index: 1; }
.mundo-test-card .author { font-weight: 600; font-size: 13px; color: var(--m-gray); }

/* CTA BANNER */
#mundo-cta-banner { background: linear-gradient(135deg, var(--m-coral) 0%, var(--m-coral-dark) 100%); color: white; padding: 64px 24px; text-align: center; margin-top: 80px; }
#mundo-cta-banner h2 { font-size: 36px; font-weight: 800; margin: 0 0 16px; letter-spacing: -1px; }
#mundo-cta-banner p { font-size: 17px; opacity: 0.9; margin: 0 auto 24px; max-width: 540px; }
#mundo-cta-banner .cta { display: inline-block; background: var(--m-text); color: white; padding: 14px 32px; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none; }
#mundo-cta-banner .cta:hover { background: white; color: var(--m-text); }

/* FOOTER */
.footer {
  background: var(--m-text) !important;
  color: white !important;
  border-top: 3px solid var(--m-coral) !important;
  margin-top: 0 !important;
  padding: 48px 24px 24px !important;
}
.footer * { color: white !important; }
.footer__top { display: none !important; }
.footer__middle { max-width: 1280px !important; margin: 0 auto !important; }
.footer__bottom { max-width: 1280px; margin: 24px auto 0 !important; padding-top: 24px !important; border-top: 1px solid rgba(255,255,255,0.1) !important; font-size: 12px; opacity: 0.7; }

/* WHATSAPP */
.mundo-whatsapp { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(37,211,102,0.4); z-index: 9999; text-decoration: none; transition: transform .2s; }
.mundo-whatsapp:hover { transform: scale(1.06); }
.mundo-whatsapp svg { width: 28px; height: 28px; fill: white; }

/* PRODUCT PAGE — AIDA+ */
[class*="product-single"] h1, .product-single h1 { font-size: 32px !important; font-weight: 800 !important; color: var(--m-text) !important; line-height: 1.15 !important; margin: 0 0 16px !important; letter-spacing: -1px !important; }
.product-mundo h3 { font-size: 16px !important; font-weight: 700 !important; margin: 24px 0 12px !important; }
.product-mundo ul { list-style: none !important; padding: 0 !important; margin: 16px 0 !important; }
.product-mundo ul li { position: relative; padding: 14px 16px 14px 40px !important; margin: 6px 0 !important; background: var(--m-coral-bg) !important; border-radius: 8px !important; font-size: 14px !important; line-height: 1.5; border-left: 3px solid var(--m-coral) !important; }
.product-mundo ul li::before { content: "·"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--m-coral); font-weight: 900; font-size: 24px; }
.product-mundo ul li strong { color: var(--m-coral); font-weight: 700; }
.product-mundo p { background: #FFF7E0; color: var(--m-text); padding: 16px 20px; border-radius: 8px; font-weight: 500; margin: 16px 0; font-size: 14px; line-height: 1.5; border-left: 3px solid #FFB300; }
[class*="add-to-cart"] button, [class*="ProductSingle"] button[type="submit"] {
  background: var(--m-coral) !important;
  color: white !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 16px 32px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase;
  box-shadow: 0 4px 16px rgba(255,85,68,0.4);
}
[class*="add-to-cart"] button:hover { background: var(--m-coral-dark) !important; }
[class*="product-price"], .product-price { font-size: 40px !important; font-weight: 800 !important; color: var(--m-coral) !important; letter-spacing: -1.5px !important; }

/* MOBILE */
@media (max-width: 768px) {
  body::before { font-size: 10px; padding: 8px 8px; }
  .header__middle { padding: 14px 16px !important; }
  .header__middle__left::before, .header__middle__left::after { font-size: 15px; letter-spacing: 1.5px; }
  #mundo-search-bar { padding: 20px 16px; top: 56px; }
  .mundo-search-label { font-size: 11px; margin-bottom: 8px; }
  .mundo-search-input { padding: 14px 100px 14px 46px; font-size: 14px; }
  .mundo-search-icon { left: 16px; }
  .mundo-search-btn { padding: 9px 16px; font-size: 11px; }
  #mundo-hero { min-height: 420px; }
  .mundo-slide { padding: 56px 16px 64px; }
  .mundo-slide h1 { font-size: 38px; letter-spacing: -1.5px; }
  .mundo-slide p { font-size: 15px; }
  #mundo-flash { font-size: 11px; padding: 12px 16px; gap: 10px; }
  #mundo-shipping-banner { margin: 56px 16px; }
  .mundo-ship-grid { grid-template-columns: 1fr; }
  .mundo-ship-left { padding: 36px 24px; }
  .mundo-ship-truck { font-size: 100px; }
  .mundo-ship-right { padding: 32px 24px; }
  .mundo-ship-title { font-size: 28px; }
  .mundo-ship-footer { grid-template-columns: 1fr; gap: 12px; padding: 16px 20px; }
  #mundo-categories { padding: 56px 16px; }
  #mundo-featured, #mundo-testimonials { margin: 56px auto; padding: 0 16px; }
  #mundo-categories h2, #mundo-featured h2, #mundo-testimonials h2 { font-size: 26px; }
  .mundo-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .mundo-cat-card { padding: 20px 16px; }
  .mundo-cat-card .name { font-size: 13px; }
  .mundo-prod-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .mundo-prod-card .info { padding: 12px; }
  .mundo-prod-card .name { font-size: 12px; min-height: 32px; }
  .mundo-prod-card .price-now { font-size: 18px; }
  .mundo-prod-card .btn-add { padding: 10px; font-size: 12px; }
  #mundo-trust { padding: 48px 16px; }
  .mundo-trust-grid { gap: 24px; grid-template-columns: 1fr; }
  #mundo-cta-banner { padding: 48px 16px; }
  #mundo-cta-banner h2 { font-size: 26px; }
  [class*="product-single"] h1, .product-single h1 { font-size: 22px !important; }
  [class*="product-price"] { font-size: 28px !important; }
  .mundo-whatsapp { width: 52px; height: 52px; bottom: 16px; right: 16px; }
  .mundo-whatsapp svg { width: 26px; height: 26px; }
}
/* Placeholder mundo para productos sin imagen */
[class*="product-image"]:not(:has(img[src])),
[class*="image-placeholder"],
.product-image:has(svg.logo-icon) {
  background-image: url(/assets/mundo-placeholder.svg) !important;
  background-size: 78% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #FAFAFA !important;
}
[class*="product-image"]:not(:has(img[src])) svg.logo-icon,
[class*="image-placeholder"] svg.logo-icon,
.product-image:has(svg.logo-icon) svg.logo-icon {
  visibility: hidden !important;
}

/* Format precios: ocultar "GTQ " prefix, hacer Q grande */
[class*="price"]:not(.price-now):not(.price-was) {
  font-weight: 700 !important;
  color: #FF5544 !important;
  letter-spacing: -0.5px !important;
}

/* Traducción de Search results page */
[class*="search-results"] h1,
.search-results h1,
.search-page h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  color: #1A1A1A !important;
}

/* Mejor padding en search results grid */
[class*="search-results"] .grid,
[class*="search-page"] .grid {
  gap: 16px !important;
}

/* ═══════════════════════════════════════════════════════════
   CATEGORY PAGE — Cards profesionales + ancho completo
   ═══════════════════════════════════════════════════════════ */

/* Container ancho completo */
[class*="category-page"],
.category-page,
main.content > .container,
main > div {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 24px !important;
}

/* H1 título categoría */
main h1, [class*="category"] h1, .category-page h1 {
  font-size: 38px !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  color: #1A1A1A !important;
  margin: 24px 0 8px !important;
  text-align: left !important;
}

/* Breadcrumb */
[class*="breadcrumb"], .breadcrumb {
  font-size: 12px !important;
  color: #6B7280 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 16px !important;
}
[class*="breadcrumb"] a, .breadcrumb a {
  color: #6B7280 !important;
  text-decoration: none !important;
}
[class*="breadcrumb"] a:hover { color: #FF5544 !important; }

/* Sidebar Product Filters */
[class*="filter"], .product-filters, [class*="ProductFilter"] {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #E5E7EB;
}
[class*="filter"] h2, [class*="filter"] h3,
.product-filters h2, .product-filters h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #1A1A1A !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #FF5544 !important;
}

/* Toolbar (Products count + sort) */
[class*="toolbar"], .product-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 0 24px !important;
  border-bottom: 1px solid #E5E7EB !important;
  margin-bottom: 24px !important;
}
[class*="toolbar"] span, .product-toolbar span {
  font-size: 14px !important;
  color: #6B7280 !important;
  font-weight: 500 !important;
}
[class*="sort"] select, [class*="Sort"] select {
  border: 1px solid #E5E7EB !important;
  border-radius: 999px !important;
  padding: 8px 32px 8px 14px !important;
  font-size: 13px !important;
  background: white !important;
  font-weight: 500 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  cursor: pointer;
}

/* ════ PRODUCT GRID ════ */
[class*="product-list"], .product-list, .products-grid,
ul[class*="grid"], div[class*="products"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* PRODUCT CARDS — Estilo Stripe/Apple */
[class*="product-list"] > *, .product-list > *,
.products-grid > * {
  background: white !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #E5E7EB !important;
  transition: all .25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  text-decoration: none !important;
  list-style: none !important;
}
[class*="product-list"] > *:hover, .product-list > *:hover,
.products-grid > *:hover {
  border-color: #FF5544 !important;
  box-shadow: 0 12px 28px rgba(255,85,68,0.15) !important;
  transform: translateY(-3px) !important;
}

/* Imagen producto card */
[class*="product-list"] [class*="image"],
[class*="product-list"] [class*="Image"],
[class*="product-list"] img,
.product-list img {
  aspect-ratio: 1/1 !important;
  width: 100% !important;
  object-fit: contain !important;
  padding: 20px !important;
  background: white !important;
  border-bottom: 1px solid #F3F4F6 !important;
  display: block !important;
}

/* Wrap imagen */
[class*="product-list"] > * > a:first-child,
[class*="product-list"] > * > div:first-child {
  display: block;
  background: white;
}

/* Nombre producto */
[class*="product-list"] [class*="name"],
[class*="product-list"] h3,
[class*="product-list"] h4,
.product-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  margin: 0 16px 8px !important;
  padding: 12px 0 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

/* Precio producto card */
[class*="product-list"] [class*="price"],
.product-list .price {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #FF5544 !important;
  letter-spacing: -0.5px !important;
  margin: 0 16px 16px !important;
  padding: 0 !important;
}

/* AGREGAR botón Ver producto a cada card */
[class*="product-list"] > *::after,
.product-list > *::after {
  content: "Ver producto";
  display: block;
  background: #1A1A1A;
  color: white;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 12px;
  margin: 0 16px 16px;
  border-radius: 8px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: background .2s;
}
[class*="product-list"] > *:hover::after,
.product-list > *:hover::after {
  background: #FF5544;
}

/* Layout 2 columnas: sidebar + grid */
[class*="category"] .container, .category-page .container,
.category-container {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  gap: 32px !important;
  align-items: start !important;
}

/* Mobile: ocultar sidebar, full width grid */
@media (max-width: 768px) {
  [class*="category"] .container,
  .category-container {
    grid-template-columns: 1fr !important;
  }
  [class*="product-list"], .product-list, .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  [class*="filter"] { display: none !important; }
  main h1, [class*="category"] h1 { font-size: 26px !important; }
  [class*="product-list"] [class*="name"] { font-size: 12px !important; min-height: 32px !important; margin: 0 12px 6px !important; padding: 8px 0 0 !important; }
  [class*="product-list"] [class*="price"] { font-size: 18px !important; margin: 0 12px 12px !important; }
  [class*="product-list"] > *::after { font-size: 11px; padding: 10px; margin: 0 12px 12px; }
}

/* ═══════════════════════════════════════════════════════════
   QUICK CHECKOUT MODAL — estilo Releasit Shopify
   ═══════════════════════════════════════════════════════════ */

#mundo-checkout-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: none;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0;
}
#mundo-checkout-overlay.active {
  display: flex;
  animation: mundoFadeIn .2s ease;
}
@keyframes mundoFadeIn { from { opacity: 0; } to { opacity: 1; } }

#mundo-checkout-modal {
  width: 100%;
  max-width: 540px;
  height: 100vh;
  background: white;
  overflow-y: auto;
  position: relative;
  box-shadow: -8px 0 32px rgba(0,0,0,0.15);
  animation: mundoSlideIn .3s cubic-bezier(.2,.9,.3,1.1);
}
@keyframes mundoSlideIn { from { transform: translateX(40px); opacity: .5; } to { transform: translateX(0); opacity: 1; } }

.mundo-co-header {
  background: var(--m-text, #1A1A1A);
  color: white;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 3px solid var(--m-coral, #FF5544);
  position: sticky;
  top: 0;
  z-index: 2;
}
.mundo-co-header-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px;
  color: white;
}
.mundo-co-close {
  background: rgba(255,255,255,0.1);
  border: none;
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mundo-co-close:hover { background: rgba(255,255,255,0.2); }

.mundo-co-section {
  padding: 20px 24px;
  border-bottom: 1px solid #F3F4F6;
}
.mundo-co-section-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6B7280;
  text-align: center;
  margin: 0 0 16px;
}

/* Payment methods */
.mundo-co-payment {
  display: block;
  padding: 16px 18px;
  border: 2px solid #E5E7EB;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all .2s;
  background: white;
}
.mundo-co-payment.selected {
  border-color: var(--m-coral, #FF5544);
  background: #FFF5F3;
}
.mundo-co-payment input { display: none; }
.mundo-co-payment-label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #1A1A1A;
}
.mundo-co-payment-radio {
  width: 18px;
  height: 18px;
  border: 2px solid #D1D5DB;
  border-radius: 50%;
  position: relative;
  flex: 0 0 18px;
}
.mundo-co-payment.selected .mundo-co-payment-radio {
  border-color: var(--m-coral, #FF5544);
}
.mundo-co-payment.selected .mundo-co-payment-radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: var(--m-coral, #FF5544);
  border-radius: 50%;
}

/* Cart item */
.mundo-co-cart-item {
  background: #FAFAFA;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  gap: 14px;
  align-items: center;
  position: relative;
}
.mundo-co-cart-img {
  width: 56px;
  height: 56px;
  background: white;
  border-radius: 8px;
  object-fit: contain;
  padding: 4px;
  border: 1px solid #E5E7EB;
}
.mundo-co-cart-info { flex: 1; min-width: 0; }
.mundo-co-cart-name {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 4px;
  line-height: 1.3;
}
.mundo-co-cart-price {
  font-size: 13px;
  font-weight: 700;
  color: #FF5544;
}
.mundo-co-cart-qty {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.mundo-co-qty-btn {
  width: 24px;
  height: 24px;
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mundo-co-qty-btn:hover { background: #FFF5F3; border-color: #FF5544; }
.mundo-co-qty-val {
  min-width: 24px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}

/* Totals */
.mundo-co-totals {
  background: #F3F4F6;
  border-radius: 10px;
  padding: 16px;
}
.mundo-co-total-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 8px;
  color: #4B5563;
}
.mundo-co-total-row.grand {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #D1D5DB;
  font-size: 18px;
  font-weight: 800;
  color: #1A1A1A;
}
.mundo-co-total-row.grand .v { color: #1A1A1A; }
.mundo-co-coupon {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.mundo-co-coupon input {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  font-size: 13px;
  background: white;
}
.mundo-co-coupon button {
  background: #1A1A1A;
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}

/* Shipping method */
.mundo-co-ship {
  border: 2px solid #E5E7EB;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: white;
}
.mundo-co-ship.selected { border-color: #FF5544; background: #FFF5F3; }
.mundo-co-ship-radio {
  width: 18px;
  height: 18px;
  border: 2px solid #D1D5DB;
  border-radius: 50%;
  flex: 0 0 18px;
  position: relative;
}
.mundo-co-ship.selected .mundo-co-ship-radio { border-color: #FF5544; }
.mundo-co-ship.selected .mundo-co-ship-radio::after {
  content: ""; position: absolute; inset: 3px; background: #FF5544; border-radius: 50%;
}
.mundo-co-ship-info {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mundo-co-ship-name { font-weight: 700; font-size: 14px; }
.mundo-co-ship-price { font-weight: 700; font-size: 14px; color: #1A1A1A; }

/* Form */
.mundo-co-form-row { margin-bottom: 12px; }
.mundo-co-form-row label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 6px;
}
.mundo-co-form-row label .req { color: #FF5544; }
.mundo-co-form-row input,
.mundo-co-form-row select,
.mundo-co-form-row textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  font-size: 14px;
  font-family: 'Inter', system-ui, sans-serif;
  background: #FAFAFA;
  color: #1A1A1A;
  transition: all .15s;
}
.mundo-co-form-row input:focus,
.mundo-co-form-row select:focus {
  outline: none;
  background: white;
  border-color: #FF5544;
  box-shadow: 0 0 0 3px rgba(255,85,68,0.1);
}
.mundo-co-form-row.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mundo-co-form-row.two-col label { grid-column: span 2; margin-bottom: 0; }

/* Submit */
.mundo-co-submit {
  background: var(--m-text, #1A1A1A);
  color: white;
  width: 100%;
  border: none;
  padding: 18px 24px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.5px;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 16px 0 8px;
}
.mundo-co-submit:hover { background: #FF5544; }
.mundo-co-submit:disabled { background: #9CA3AF; cursor: not-allowed; }

/* Subscribe checkbox */
.mundo-co-subscribe {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 12px;
  color: #6B7280;
  margin: 8px 0 0;
  line-height: 1.4;
}
.mundo-co-subscribe input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #FF5544;
}

@media (max-width: 540px) {
  #mundo-checkout-modal { max-width: 100%; }
}

/* ═══════════════════════════════════════════════════════════
   CART DRAWER fixes (lo del screenshot user)
   ═══════════════════════════════════════════════════════════ */

/* Cart drawer header */
[class*="cart"][class*="drawer"] h2,
[class*="cart"][class*="sidebar"] h2,
[class*="MiniCart"] h2,
.cart-drawer h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1A1A1A !important;
  letter-spacing: -0.3px !important;
}

/* Cart drawer body */
[class*="cart"][class*="drawer"],
[class*="MiniCart"],
.cart-sidebar {
  padding: 24px !important;
  background: white !important;
}

/* Empty cart message */
[class*="cart-empty"]::before,
[class*="empty"][class*="cart"]::before {
  content: "Tu carrito está vacío";
  display: block;
  text-align: center;
  font-size: 15px;
  color: #6B7280;
  margin-top: 32px;
}

/* Cart line items */
[class*="cart-line"], [class*="cart-item"], .cart-item {
  display: flex !important;
  gap: 12px !important;
  padding: 14px !important;
  background: #FAFAFA !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  border: 1px solid #F3F4F6 !important;
}
[class*="cart-line"] img, [class*="cart-item"] img {
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  background: white !important;
  padding: 4px;
  border: 1px solid #E5E7EB;
}

/* Subtotal / footer cart */
[class*="cart"][class*="footer"], [class*="cart"][class*="total"] {
  padding: 20px 24px !important;
  background: #FAFAFA !important;
  border-top: 1px solid #E5E7EB !important;
}
[class*="cart"][class*="subtotal"] {
  font-size: 14px !important;
  color: #4B5563 !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}
[class*="cart"][class*="subtotal"] strong,
[class*="cart"][class*="subtotal"] b {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #FF5544 !important;
  letter-spacing: -0.5px !important;
}

/* Cart buttons */
[class*="cart"] a[class*="view"], [class*="cart"] button[class*="view"] {
  background: white !important;
  color: #1A1A1A !important;
  border: 2px solid #1A1A1A !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.3px;
}
[class*="cart"] a[class*="view"]:hover { background: #FAFAFA !important; }

[class*="cart"] a[class*="checkout"], [class*="cart"] button[class*="checkout"],
[class*="cart"] a[href*="checkout"] {
  background: #FF5544 !important;
  color: white !important;
  border: none !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px rgba(255,85,68,0.3);
}
[class*="cart"] a[class*="checkout"]:hover, [class*="cart"] a[href*="checkout"]:hover {
  background: #E63E2E !important;
}

/* Close button cart */
[class*="cart"] button[class*="close"], [class*="cart"] [class*="close"] {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #F3F4F6 !important;
  border: none !important;
  cursor: pointer;
  font-size: 16px !important;
}
[class*="cart"] [class*="close"]:hover { background: #FF5544 !important; color: white !important; }

/* ============================================================
   MUNDO OVERRIDES v11 — full-width hero, cart drawer fix,
   exit modal, multi-item checkout modal
   ============================================================ */

/* HERO FULL-WIDTH BREAKOUT */
#mundo-hero {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  min-height: 560px !important;
}
.mundo-slide {
  padding: 110px 24px 110px !important;
  max-width: 1280px;
  margin: 0 auto;
}
.mundo-slide h1 {
  font-size: clamp(40px, 7vw, 84px) !important;
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: 0.95 !important;
  margin: 0 0 22px !important;
  text-transform: uppercase;
  text-shadow: 0 2px 30px rgba(0,0,0,.35);
}
.mundo-slide h1 .accent {
  color: #FF5544 !important;
  background: linear-gradient(180deg, transparent 62%, rgba(255,85,68,.28) 62%);
  padding: 0 8px;
}
.mundo-slide .eyebrow {
  font-size: 13px !important;
  letter-spacing: 2.5px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  margin-bottom: 26px !important;
}
.mundo-slide p {
  font-size: clamp(15px, 2vw, 20px) !important;
  max-width: 640px !important;
  font-weight: 500 !important;
  margin-bottom: 36px !important;
}
.mundo-slide .cta-btn {
  font-size: 16px !important;
  padding: 18px 36px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}
@media (max-width: 768px) {
  #mundo-hero { min-height: 460px !important; }
  .mundo-slide { padding: 70px 20px !important; }
}

/* HERO en segundo slide rota colores */
.mundo-slide[data-index="1"] {
  background: linear-gradient(135deg, rgba(255,85,68,.12), transparent 70%);
}

/* CART DRAWER fix removido — solo aplicado en hotfix abajo */

/* EXIT-INTENT MODAL */
.mundo-exit-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(4px);
  z-index: 999999;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0; pointer-events: none;
  transition: opacity 250ms;
}
.mundo-exit-overlay.show { opacity: 1; pointer-events: auto; }
.mundo-exit-modal {
  background: #fff;
  border-radius: 16px;
  max-width: 460px; width: 100%;
  padding: 44px 30px 32px;
  text-align: center;
  position: relative;
  box-shadow: 0 30px 80px rgba(0,0,0,.4);
  transform: scale(0.9);
  transition: transform 320ms cubic-bezier(.34,1.56,.64,1);
}
.mundo-exit-overlay.show .mundo-exit-modal { transform: scale(1); }
.mundo-exit-close {
  position: absolute; top: 12px; right: 14px;
  background: transparent; border: none;
  font-size: 28px; cursor: pointer;
  color: #999; line-height: 1; padding: 6px 10px;
}
.mundo-exit-close:hover { color: #0A0A0A; }
.mundo-exit-eyebrow {
  font-size: 12px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: #FF5544; margin-bottom: 10px;
}
.mundo-exit-title {
  font-size: 30px; font-weight: 900; color: #0A0A0A;
  line-height: 1.1; margin: 0 0 12px; text-transform: uppercase;
  letter-spacing: -0.5px;
}
.mundo-exit-sub {
  font-size: 15px; color: #555; line-height: 1.45;
  margin: 0 0 22px;
}
.mundo-exit-code-box {
  background: linear-gradient(135deg, #FF5544, #E03E2F);
  color: #fff;
  padding: 18px 20px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.mundo-exit-code-label {
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; opacity: .9;
}
.mundo-exit-code {
  font-size: 32px; font-weight: 900; letter-spacing: 4px;
  margin: 8px 0 6px; font-family: 'Courier New', monospace;
}
.mundo-exit-discount {
  font-size: 13px; opacity: .95; font-weight: 500;
}
.mundo-exit-cta {
  display: block; width: 100%;
  background: #0A0A0A; color: #fff;
  font-size: 15px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 1px;
  padding: 16px; border-radius: 10px;
  border: none; cursor: pointer;
  transition: background 200ms;
}
.mundo-exit-cta:hover { background: #FF5544; }
.mundo-exit-fineprint {
  font-size: 11px; color: #999; margin-top: 14px;
}

/* MULTI-ITEM CHECKOUT MODAL */
.mundo-co-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(3px);
  z-index: 999998;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0; pointer-events: none;
  transition: opacity 220ms;
}
.mundo-co-overlay.show { opacity: 1; pointer-events: auto; }
.mundo-co-modal {
  background: #fff;
  border-radius: 16px;
  max-width: 540px; width: 100%;
  max-height: 94vh;
  display: flex; flex-direction: column;
  position: relative;
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
  transform: translateY(20px);
  transition: transform 300ms cubic-bezier(.34,1.56,.64,1);
  overflow: hidden;
}
.mundo-co-overlay.show .mundo-co-modal { transform: translateY(0); }
.mundo-co-close {
  position: absolute; top: 14px; right: 14px;
  background: rgba(255,255,255,.95); border: none;
  font-size: 22px; cursor: pointer;
  width: 36px; height: 36px; border-radius: 50%;
  color: #0A0A0A; line-height: 1;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.mundo-co-header {
  background: linear-gradient(135deg, #0A0A0A 0%, #1a0a0a 60%, #2a0e0a 100%);
  color: #fff;
  padding: 24px 26px 20px;
}
.mundo-co-step {
  font-size: 11px; letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #FF5544; font-weight: 700;
}
.mundo-co-title {
  margin: 6px 0 0;
  font-size: 22px; font-weight: 800;
  letter-spacing: -0.3px;
}
.mundo-co-body { padding: 20px 24px; overflow-y: auto; flex: 1; }

/* MÉTODO DE PAGO TOGGLE */
.mundo-co-pay-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 18px;
  background: #f7f7f7;
  padding: 5px;
  border-radius: 10px;
}
.mundo-co-pay-tab {
  text-align: center;
  padding: 11px 8px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  color: #555;
  transition: all 180ms;
  border: 1px solid transparent;
  background: transparent;
}
.mundo-co-pay-tab.active {
  background: #fff;
  color: #0A0A0A;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  border-color: #0A0A0A;
}
.mundo-co-pay-tab small { display: block; font-size: 10px; opacity: .65; font-weight: 500; margin-top: 2px; }

.mundo-co-lines {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 16px; padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}
.mundo-co-line { display: flex; align-items: center; gap: 12px; }
.mundo-co-line img {
  width: 56px; height: 56px;
  object-fit: cover; border-radius: 8px;
  background: #f7f7f7; flex: 0 0 56px;
  border: 1px solid #eee;
}
.mundo-co-line-info { flex: 1; min-width: 0; }
.mundo-co-line-name {
  font-size: 13px; font-weight: 600; color: #0A0A0A;
  line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.mundo-co-line-qty { font-size: 11px; color: #888; margin-top: 3px; }
.mundo-co-line-price { font-size: 14px; font-weight: 800; color: #0A0A0A; white-space: nowrap; }

.mundo-co-form { display: grid; gap: 9px; margin-bottom: 14px; }
.mundo-co-form input, .mundo-co-form select {
  width: 100%; padding: 13px 14px;
  border: 1px solid #ddd; border-radius: 8px;
  font-size: 14px; background: #fff;
  font-family: inherit;
  -webkit-appearance: none;
}
.mundo-co-form input:focus, .mundo-co-form select:focus {
  outline: 2px solid #FF5544; outline-offset: -1px; border-color: #FF5544;
}

/* Stripe Elements container */
#mundo-stripe-element {
  padding: 13px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  min-height: 44px;
  margin-bottom: 9px;
}
#mundo-stripe-element.StripeElement--focus {
  outline: 2px solid #FF5544; outline-offset: -1px; border-color: #FF5544;
}
.mundo-stripe-error { color: #d11; font-size: 12px; margin-top: -4px; margin-bottom: 8px; }

.mundo-co-totals {
  display: flex; flex-direction: column; gap: 7px;
  padding-top: 14px; border-top: 1px solid #eee;
}
.mundo-co-row {
  display: flex; justify-content: space-between;
  font-size: 13px; color: #555;
}
.mundo-co-row.mundo-co-discount { color: #FF5544; font-weight: 700; }
.mundo-co-row.mundo-co-total {
  font-size: 18px; font-weight: 900; color: #0A0A0A;
  padding-top: 11px; margin-top: 5px;
  border-top: 2px solid #0A0A0A;
}
.mundo-co-submit {
  margin: 0 24px 16px;
  background: #FF5544; color: #fff;
  font-size: 16px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.5px;
  padding: 17px; border-radius: 10px;
  border: none; cursor: pointer;
  transition: background 200ms, transform 150ms;
  box-shadow: 0 8px 20px rgba(255,85,68,.35);
}
.mundo-co-submit:hover:not(:disabled) { background: #ff6e5e; transform: translateY(-1px); }
.mundo-co-submit:disabled { background: #ccc; cursor: wait; box-shadow: none; }
.mundo-co-trust {
  text-align: center; padding: 0 24px 18px;
  font-size: 11px; color: #888; line-height: 1.4;
}
@media (max-width: 480px) {
  .mundo-co-overlay { padding: 0; align-items: stretch; }
  .mundo-co-modal { max-height: 100vh; border-radius: 16px 16px 0 0; margin-top: auto; }
}

/* SEARCH ICON ALIGNMENT FIX (mundo-search-box wrap) */
.mundo-search-wrap { max-width: 760px; margin: 0 auto; }
.mundo-search-label { margin: 0 0 12px; }
.mundo-search-box { position: relative; }
.mundo-search-box .mundo-search-icon {
  position: absolute; left: 22px; top: 50%;
  transform: translateY(-50%);
  width: 20px; height: 20px;
  pointer-events: none; color: #999;
}
.mundo-search-box .mundo-search-btn {
  position: absolute; right: 6px; top: 50%;
  transform: translateY(-50%);
  height: auto;
}

/* ============================================================
   v11 HOTFIX — h1 white, cart drawer no rompe layout, traducciones
   ============================================================ */

/* H1 hero color BLANCO forzado */
#mundo-hero .mundo-slide h1,
#mundo-hero .mundo-slide h1 *:not(.accent) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#mundo-hero .mundo-slide h1 .accent {
  color: #FF5544 !important;
  -webkit-text-fill-color: #FF5544 !important;
}
#mundo-hero .mundo-slide p {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}

/* CART DRAWER — selectores ESPECÍFICOS solo cuando está visible */
/* Evershop usa <div class="cart-mini-cart"> o similar. Sin afectar layout principal. */
/* Quito los selectores genéricos que rompían — solo backdrop si cart-open class está en body */
body.mundo-cart-open::before {
  display: none !important;  /* desactivo el backdrop CSS, Evershop tiene su propio */
}
/* Z-index sí, pero SIN sobreescribir position/width que rompen layout */
.cart-drawer-content, [class*="CartDrawerContent"], [data-cart-drawer-content] {
  z-index: 99999 !important;
}
/* Quitamos los reglas masivas que rompían layout — Evershop ya posiciona bien el cart drawer */

/* LOGO CURSOR pointer */
.mundo-logo, [class*="logo"]:not(input), a.logo, header a[href="/"] {
  cursor: pointer;
}

/* H1 sub elementos también blancos */
#mundo-hero h1, #mundo-hero .mundo-slide-title { color: #ffffff !important; }

/* ============================================================
   v13 — buscador compacto, cart drawer items visibles
   ============================================================ */

/* Buscador MÁS COMPACTO (era muy alto) */
.mundo-search-wrap {
  padding: 14px 0 !important;
  margin: 0 auto;
}
.mundo-search-label {
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  margin: 0 0 8px !important;
}
.mundo-search-input {
  padding: 14px 130px 14px 56px !important;
  font-size: 14px !important;
  height: auto !important;
}
.mundo-search-btn {
  padding: 9px 20px !important;
  font-size: 13px !important;
}
.mundo-search-icon { width: 18px !important; height: 18px !important; left: 22px !important; }

/* CART DRAWER — asegurar items visibles + spacing */
[class*="cart-drawer"] [class*="item"],
[class*="CartDrawer"] [class*="Item"],
[class*="cart"] [class*="line-item"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 12px 16px !important;
}
[class*="cart-drawer"] [class*="empty"],
[class*="CartDrawer"] [class*="Empty"] {
  padding: 30px 20px !important;
  text-align: center !important;
}
/* Hide "GTQ" text replacement aplicado via JS — backup CSS */

/* ============================================================
   v14 — collection page product grid styling + cart drawer prices
   ============================================================ */

/* GRID COLECCIÓN — cards con estilo profesional */
.product__grid {
  gap: 20px !important;
  padding: 0 !important;
}
.product__list__item {
  background: transparent;
}
.product__list__item__inner {
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 250ms ease !important;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product__list__item__inner:hover {
  border-color: #FF5544 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10), 0 4px 8px rgba(255,85,68,.12) !important;
  transform: translateY(-3px);
}

.product__list__link {
  display: flex !important;
  flex-direction: column;
  flex: 1;
  text-decoration: none !important;
}

.product__list__image {
  background: #fafafa !important;
  padding: 18px 18px 12px !important;
  aspect-ratio: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}
.product__list__image img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
}

.product__list__info {
  padding: 14px 16px 4px !important;
  margin-top: 0 !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product__list__name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0A0A0A !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 38px;
}
.product__list__price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: auto 0 0 !important;
  flex-wrap: wrap;
}
.product__list__price .regular-price,
.product__list__price .price,
.product__list__price .new-price {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #FF5544 !important;
}
.product__list__price .old-price,
.product__list__price .compare-price,
.product__list__price del,
.product__list__price s {
  font-size: 13px !important;
  color: #999 !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

/* Actions SIEMPRE visibles (no solo hover) */
.product__list__actions {
  padding: 0 16px 16px !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
.product__list__actions button {
  background: #0A0A0A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  width: 100% !important;
  height: auto !important;
  cursor: pointer !important;
  transition: background 180ms !important;
}
.product__list__actions button:hover {
  background: #FF5544 !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
  .product__grid { gap: 12px !important; }
  .product__list__image { padding: 12px !important; }
  .product__list__info { padding: 10px 12px 2px !important; }
  .product__list__name { font-size: 13px !important; min-height: 34px; }
  .product__list__price .regular-price { font-size: 17px !important; }
  .product__list__actions { padding: 0 12px 12px !important; }
  .product__list__actions button { padding: 10px !important; font-size: 12px !important; }
}

/* CART DRAWER — items con precio visible */
[class*="cart-drawer"] [class*="line-item-price"],
[class*="CartDrawer"] [class*="Price"],
[class*="cart"] [class*="item-price"] {
  color: #FF5544 !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}
[class*="cart-drawer"] img,
[class*="CartDrawer"] img {
  border-radius: 8px !important;
  background: #fafafa !important;
}

/* ============================================================
   v15 — product detail page styling profesional
   ============================================================ */

.product__detail {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 24px 20px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
}
@media (max-width: 900px) { .product__detail { grid-template-columns: 1fr !important; gap: 24px !important; } }

.product__detail__left {
  background: #fafafa !important;
  border-radius: 14px !important;
  padding: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f0f0f0 !important;
}
.product__detail__left img {
  max-width: 100% !important;
  max-height: 460px !important;
  object-fit: contain !important;
}

.product__detail__right {
  padding: 12px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
.product__detail__right h1, .product__detail__right .product__name {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #0A0A0A !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.product__detail__right [class*="sku"], .product__detail__right .sku {
  font-size: 12px !important;
  color: #888 !important;
  letter-spacing: 0.5px !important;
}
.product__detail__right [class*="price"] {
  font-size: 36px !important;
  font-weight: 900 !important;
  color: #FF5544 !important;
}
.product__detail__right [class*="qty"] label,
.product__detail__right .qty-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 6px !important;
  display: block;
}
.product__detail__right input[type=number] {
  padding: 12px 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  width: 120px !important;
}
.product__detail__right button[type=submit],
.product__detail__right .add-to-cart {
  background: #FF5544 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 32px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(255,85,68,.30) !important;
  transition: all 200ms !important;
  margin-top: 8px !important;
}
.product__detail__right button[type=submit]:hover {
  background: #ff6e5e !important;
  transform: translateY(-1px) !important;
}

/* Descripción producto — quitar redundancia */
.product__single__description {
  max-width: 1280px !important;
  margin: 30px auto !important;
  padding: 28px !important;
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 14px !important;
}
.product__single__description h3 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0A0A0A !important;
  margin: 0 0 18px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #FF5544 !important;
  display: inline-block !important;
}
.product__single__description .prose {
  font-size: 15px !important;
  color: #333 !important;
  line-height: 1.65 !important;
}
.product__single__description .prose p,
.product__single__description .prose div {
  margin: 0 0 12px !important;
}
.product__single__description .prose strong {
  color: #0A0A0A !important;
  font-weight: 700 !important;
}

/* Breadcrumbs */
[class*="breadcrumb"] {
  font-size: 12px !important;
  color: #888 !important;
  padding: 14px 20px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}
[class*="breadcrumb"] a { color: #FF5544 !important; text-decoration: none !important; }
[class*="breadcrumb"] a:hover { text-decoration: underline !important; }

/* ============================================================
   v17 — fix grid alignment producto detalle + "Comprar ahora" CTA
   El grid real está en .product__page__middle > .grid.md:grid-cols-2
   NO en .product__detail (eso es solo wrapper top/middle/bottom)
   ============================================================ */

/* Reset el grid v15 mal aplicado a .product__detail */
.product__detail {
  display: block !important;
  grid-template-columns: none !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px !important;
}
.product__page__top, .product__page__bottom { width: 100% !important; }
.product__page__middle { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; }

/* El verdadero grid 2 columnas */
.product__page__middle .grid.md\:grid-cols-2,
.product__page__middle > .grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
  width: 100% !important;
}
@media (max-width: 900px) {
  .product__page__middle .grid.md\:grid-cols-2,
  .product__page__middle > .grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* Botón Comprar ahora coral grande en cards */
.product__list__actions button {
  background: #FF5544 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
}
.product__list__actions button:hover {
  background: #E03E2F !important;
}

/* PDP: COMPRAR AHORA grande coral con shadow */
.product__detail__right button[type=submit] {
  background: #FF5544 !important;
  font-size: 16px !important;
  padding: 18px 36px !important;
  letter-spacing: 1px !important;
  box-shadow: 0 10px 24px rgba(255,85,68,.35) !important;
  width: 100% !important;
  max-width: 360px !important;
}
.product__detail__right button[type=submit]:hover {
  background: #E03E2F !important;
}

/* ============================================================
   v18 — PDP secciones (relacionados + reseñas) + footer credit
   ============================================================ */

.mundo-pdp-section {
  max-width: 1280px;
  margin: 32px auto;
  padding: 28px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
}
.mundo-pdp-section-header { margin-bottom: 20px; }
.mundo-pdp-section-title {
  font-size: 22px;
  font-weight: 800;
  color: #0A0A0A;
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding-bottom: 10px;
  border-bottom: 2px solid #FF5544;
  display: inline-block;
}
.mundo-pdp-section-sub { font-size: 13px; color: #888; margin: 6px 0 0; }

/* Rating summary */
.mundo-pdp-rating-summary {
  display: flex; align-items: center; gap: 12px;
  margin-top: 10px; flex-wrap: wrap;
}
.mundo-pdp-rating-stars { display: flex; gap: 2px; align-items: center; }
.mundo-pdp-rating-num { font-size: 18px; font-weight: 800; color: #0A0A0A; }
.mundo-pdp-rating-count { font-size: 12px; color: #888; }

/* Reviews grid */
.mundo-reviews-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 700px) { .mundo-reviews-grid { grid-template-columns: 1fr; } }
.mundo-review-card {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 16px 18px;
  position: relative;
}
.mundo-review-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.mundo-review-avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FF5544, #0A0A0A);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 15px;
  flex: 0 0 36px;
}
.mundo-review-author { flex: 1; min-width: 0; }
.mundo-review-name {
  font-size: 13px; font-weight: 700; color: #0A0A0A;
  display: flex; align-items: center; gap: 6px;
}
.mundo-review-verified {
  font-size: 10px; color: #16a34a; font-weight: 600;
  background: rgba(22,163,74,.1); padding: 1px 6px; border-radius: 4px;
}
.mundo-review-meta { font-size: 11px; color: #888; margin-top: 2px; }
.mundo-review-stars { display: flex; gap: 1px; }
.mundo-review-text {
  font-size: 13px; color: #444; line-height: 1.5;
  margin: 0; font-style: italic;
}

/* Related products grid */
.mundo-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 900px) { .mundo-related-grid { grid-template-columns: repeat(2, 1fr); } }
.mundo-related-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 200ms;
  display: flex; flex-direction: column;
}
.mundo-related-card:hover {
  border-color: #FF5544;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
.mundo-related-img {
  background: #fafafa;
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  padding: 14px;
}
.mundo-related-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mundo-related-info { padding: 12px 14px; flex: 1; display: flex; flex-direction: column; }
.mundo-related-name {
  font-size: 12px; color: #0A0A0A; font-weight: 600;
  line-height: 1.3; margin-bottom: 6px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 32px;
}
.mundo-related-price {
  font-size: 16px; font-weight: 800; color: #FF5544;
  margin-top: auto;
}

/* Footer credit override */
footer [class*="copyright"], footer [class*="bottom"] {
  text-align: center !important;
  font-size: 12px !important;
  color: #888 !important;
}
.mundo-footer-credit {
  text-align: center;
  padding: 16px 20px;
  font-size: 12px;
  color: #888;
  border-top: 1px solid #f0f0f0;
}
.mundo-footer-credit a { color: #FF5544; text-decoration: none; font-weight: 600; }
.mundo-footer-credit a:hover { text-decoration: underline; }

/* ============================================================
   v21 — Carrusel productos relacionados
   ============================================================ */
.mundo-carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mundo-carousel-viewport {
  flex: 1;
  overflow: hidden;
  border-radius: 10px;
}
.mundo-carousel-track {
  display: flex;
  gap: 16px;
  transition: transform 450ms cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.mundo-carousel-card {
  flex: 0 0 calc((100% - 48px) / 4);
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
  transition: border-color 200ms, transform 200ms, box-shadow 200ms;
  display: flex;
  flex-direction: column;
}
.mundo-carousel-card:hover {
  border-color: #FF5544;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
@media (max-width: 1200px) { .mundo-carousel-card { flex: 0 0 calc((100% - 32px) / 3); } }
@media (max-width: 900px) { .mundo-carousel-card { flex: 0 0 calc((100% - 16px) / 2); } }
@media (max-width: 600px) { .mundo-carousel-card { flex: 0 0 100%; } }

.mundo-carousel-btn {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #0A0A0A;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 180ms;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  z-index: 2;
}
.mundo-carousel-btn:hover {
  background: #FF5544;
  transform: scale(1.08);
}
@media (max-width: 600px) {
  .mundo-carousel-btn { width: 32px; height: 32px; flex: 0 0 32px; }
}

/* ============================================================
   v22 — Badge "Recibilo en tu casa" debajo de Comprar ahora
   ============================================================ */
.mundo-shipping-badge {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  padding: 16px 20px;
  margin-top: 16px;
  color: #fff;
}
.mundo-shipping-icon {
  width: 48px; height: 48px;
  border-radius: 50%;
  background: rgba(255, 85, 68, 0.18);
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 48px;
}
.mundo-shipping-text { flex: 1; min-width: 0; }
.mundo-shipping-eyebrow {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #a0a0a0;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.mundo-shipping-title {
  font-size: 19px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 6px;
}
.mundo-shipping-title span {
  color: #FFB800;
}
.mundo-shipping-meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: #b0b0b0;
}
.mundo-shipping-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.mundo-shipping-meta-item svg {
  flex: 0 0 14px;
  opacity: 0.8;
}
@media (max-width: 480px) {
  .mundo-shipping-badge { padding: 14px 16px; gap: 12px; }
  .mundo-shipping-icon { width: 40px; height: 40px; flex: 0 0 40px; }
  .mundo-shipping-title { font-size: 16px; }
  .mundo-shipping-meta { gap: 10px; font-size: 11.5px; }
}

/* ============================================================
   v27 — Botón confirmar compacto + controles qty/remove cart items
   ============================================================ */

/* Botón CONFIRMAR PEDIDO más pequeño (era 17px padding 17px) */
.mundo-co-submit {
  font-size: 14px !important;
  padding: 13px 16px !important;
  letter-spacing: 0.3px !important;
  margin: 0 24px 12px !important;
  box-shadow: 0 4px 12px rgba(255,85,68,.25) !important;
}

/* Controles cantidad + remove en cada línea del carrito */
.mundo-co-line {
  align-items: flex-start !important;
}
.mundo-co-line-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.mundo-co-qty-btn {
  width: 26px; height: 26px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  color: #0A0A0A;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  transition: all 150ms;
}
.mundo-co-qty-btn:hover {
  background: #FF5544;
  color: #fff;
  border-color: #FF5544;
}
.mundo-co-qty-val {
  min-width: 24px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #0A0A0A;
  user-select: none;
}
.mundo-co-remove-btn {
  width: 26px; height: 26px;
  border: 1px solid #f0d0d0;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  color: #d11;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  margin-left: 4px;
  transition: all 150ms;
}
.mundo-co-remove-btn:hover {
  background: #d11;
  color: #fff;
  border-color: #d11;
}

/* ============================================================
   v28 — Descripción producto formato bien (bullets + spacing)
   ============================================================ */

.product__single__description .prose {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}
.product__single__description .prose ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 10px !important;
}
.product__single__description .prose li {
  background: #fafafa !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  position: relative !important;
  padding-left: 36px !important;
}
.product__single__description .prose li::before {
  content: '' !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #FF5544 !important;
}
.product__single__description .prose li strong {
  color: #0A0A0A !important;
  font-weight: 700 !important;
  margin-right: 4px !important;
}
.product__single__description .prose p {
  margin: 12px 0 !important;
  font-size: 14px !important;
  color: #555 !important;
}
.product__single__description .prose h3 { display: none !important; }
.product__single__description .prose h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0A0A0A !important;
  margin: 20px 0 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
.product__single__description .editor__html {
  display: block !important;
}
.product__single__description .row__container,
.product__single__description .column__container {
  display: block !important;
}
.product__single__description .product-mundo {
  display: block !important;
}

/* ============================================================
   v29 — Botón confirmar MUY compacto (final)
   ============================================================ */
#mundo-co-overlay .mundo-co-submit,
.mundo-co-modal > button.mundo-co-submit {
  font-size: 13px !important;
  padding: 11px 14px !important;
  letter-spacing: 0.2px !important;
  margin: 8px 20px 10px !important;
  box-shadow: 0 3px 10px rgba(255,85,68,.22) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
#mundo-co-overlay .mundo-co-trust {
  font-size: 10.5px !important;
  padding: 0 20px 14px !important;
  color: #999 !important;
}

/* ============================================================
   v30 — Botón confirmar AUTO-WIDTH centrado (no full-width banner)
   ============================================================ */
#mundo-co-overlay .mundo-co-submit,
.mundo-co-modal > button.mundo-co-submit {
  display: block !important;
  width: auto !important;
  max-width: 360px !important;
  min-width: 240px !important;
  margin: 14px auto 8px !important;
  padding: 13px 28px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(255,85,68,.30) !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  transition: all 200ms !important;
}
#mundo-co-overlay .mundo-co-submit:hover {
  box-shadow: 0 8px 22px rgba(255,85,68,.42) !important;
  transform: translateY(-1px) !important;
}
#mundo-co-overlay .mundo-co-trust {
  text-align: center !important;
  padding: 0 24px 18px !important;
  font-size: 10.5px !important;
  color: #999 !important;
}
@media (max-width: 480px) {
  #mundo-co-overlay .mundo-co-submit {
    max-width: 88vw !important;
    padding: 13px 20px !important;
  }
}

/* ============================================================
   v33 — AIDA sections estilizadas (Por qué elegir / Qué incluye / Envío)
   ============================================================ */
#mundo-product-aida {
  max-width: 1280px;
  margin: 30px auto;
  padding: 0 20px;
}
.mundo-aida-section {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 26px 28px;
  margin-bottom: 20px;
}
.mundo-aida-title {
  font-size: 20px;
  font-weight: 800;
  color: #0A0A0A;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding-bottom: 10px;
  border-bottom: 2px solid #FF5544;
  display: inline-block;
}

/* Benefits grid 4 cols */
.mundo-aida-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.mundo-benefit {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 16px 18px;
  transition: all 200ms;
}
.mundo-benefit:hover {
  border-color: #FF5544;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}
.mundo-benefit-num {
  flex: 0 0 36px;
  width: 36px; height: 36px;
  background: linear-gradient(135deg, #FF5544, #E03E2F);
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.mundo-benefit-title {
  font-size: 14px;
  font-weight: 700;
  color: #0A0A0A;
  margin-bottom: 4px;
}
.mundo-benefit-desc {
  font-size: 12.5px;
  color: #666;
  line-height: 1.4;
}

/* Qué incluye list */
.mundo-aida-includes {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}
.mundo-aida-includes li {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px 16px 12px 42px;
  font-size: 14px;
  color: #333;
  position: relative;
}
.mundo-aida-includes li::before {
  content: '';
  position: absolute;
  left: 16px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  background: #16a34a;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
}

/* Envío y pago items */
.mundo-aida-shipping {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mundo-ship-item {
  background: #fafafa;
  border-left: 3px solid #FF5544;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  color: #444;
}
.mundo-ship-item strong {
  color: #0A0A0A;
  font-weight: 700;
  margin-right: 4px;
}