/* ═══════════════════════════════════════════════════════════
   MUNDOS DAS CATEGORIAS (js/mundos.js)
   Cada mundo define suas cores em variáveis --m-*, no claro e no escuro.
   O resto do layout é igual para todos: abertura, produtos em destaque,
   ritual em passos. A marca (botão dourado, cabeçalho) não muda.
   ═══════════════════════════════════════════════════════════ */

/* ── Autocuidado: rosé, nude e verde-sálvia ── */
body[data-mundo="autocuidado"] {
  --m-fundo: linear-gradient(135deg, #f8ebe6 0%, #f5eee7 48%, #e6ede3 100%);
  --m-blob-a: #eab2a5; --m-blob-b: #b4ccae; --m-blob-c: #f0c2a6;
  --m-acento: #9c5248;        /* texto de destaque: contraste 5,6 sobre o fundo */
  --m-acento-suave: rgba(176, 102, 90, 0.12);
  --m-linha: rgba(156, 82, 72, 0.22);
  --m-texto: #3a2a28;
  --m-texto-2: #6f5a56;
  --m-cartao: rgba(255, 255, 255, 0.72);
  --m-folha: #a5675c;
  --m-anel: rgba(165, 103, 92, 0.28);
}
html:not(.theme-light) body[data-mundo="autocuidado"] {
  --m-fundo: linear-gradient(135deg, #2b2024 0%, #241f22 50%, #1e2520 100%);
  --m-blob-a: #7d4652; --m-blob-b: #3e5c49; --m-blob-c: #6e4a3c;
  --m-acento: #f0b3a8;
  --m-acento-suave: rgba(240, 179, 168, 0.12);
  --m-linha: rgba(240, 179, 168, 0.2);
  --m-texto: #f6ece9;
  --m-texto-2: #c9b7b3;
  --m-cartao: rgba(255, 255, 255, 0.06);
  --m-folha: #d79c90;
  --m-anel: rgba(240, 179, 168, 0.22);
}

/* ── Eletrônicos: azul elétrico e ciano, linhas de circuito ── */
body[data-mundo="eletronicos"] {
  --m-fundo: linear-gradient(135deg, #e9f0fb 0%, #eef1f6 50%, #e3edf6 100%);
  --m-blob-a: #9fc0f4; --m-blob-b: #a6e1ee; --m-blob-c: #c3b8f3;
  --m-acento: #1d56c4;        /* contraste 5,9 sobre o fundo */
  --m-acento-suave: rgba(29, 86, 196, 0.1);
  --m-linha: rgba(29, 86, 196, 0.22);
  --m-texto: #121a2b;
  --m-texto-2: #4a5568;
  --m-cartao: rgba(255, 255, 255, 0.75);
  --m-folha: #3b74d8;         /* aqui, a cor do circuito */
  --m-anel: rgba(29, 86, 196, 0.22);
  --m-sombra: rgba(29, 70, 160, 0.35);
  --m-led: #1fb6d6;
}
html:not(.theme-light) body[data-mundo="eletronicos"] {
  --m-fundo: linear-gradient(135deg, #0c1322 0%, #0f1520 50%, #0a1a24 100%);
  --m-blob-a: #1d4ed8; --m-blob-b: #0e7490; --m-blob-c: #5b21b6;
  --m-acento: #7cc6ff;
  --m-acento-suave: rgba(124, 198, 255, 0.12);
  --m-linha: rgba(124, 198, 255, 0.24);
  --m-texto: #eef4ff;
  --m-texto-2: #a9b6cc;
  --m-cartao: rgba(255, 255, 255, 0.06);
  --m-folha: #4aa8ff;
  --m-anel: rgba(124, 198, 255, 0.2);
  --m-sombra: rgba(40, 120, 255, 0.45);
  --m-led: #38e1ff;
}
body[data-mundo="eletronicos"] .md-blob { opacity:0.75; }
html:not(.theme-light) body[data-mundo="eletronicos"] .md-blob { opacity:0.55; }

/* ── Pets: laranja e amarelo quentes, patinhas ── */
body[data-mundo="pets"] {
  --m-fundo: linear-gradient(135deg, #fff2df 0%, #fdeed6 50%, #fbe4d6 100%);
  --m-blob-a: #ffc27f; --m-blob-b: #ffe08f; --m-blob-c: #ffab96;
  --m-acento: #a64a0b;        /* contraste 5,4 sobre o fundo */
  --m-acento-suave: rgba(196, 98, 24, 0.12);
  --m-linha: rgba(166, 74, 11, 0.24);
  --m-texto: #3b2414;
  --m-texto-2: #6e5340;
  --m-cartao: rgba(255, 255, 255, 0.72);
  --m-folha: #c8692a;         /* patinhas e ossinho */
  --m-anel: rgba(200, 105, 42, 0.28);
  --m-sombra: rgba(170, 85, 20, 0.35);
}
html:not(.theme-light) body[data-mundo="pets"] {
  --m-fundo: linear-gradient(135deg, #261910 0%, #2a1c12 50%, #22170f 100%);
  --m-blob-a: #a8541a; --m-blob-b: #8a6514; --m-blob-c: #933b2a;
  --m-acento: #ffbd7a;
  --m-acento-suave: rgba(255, 189, 122, 0.12);
  --m-linha: rgba(255, 189, 122, 0.24);
  --m-texto: #fff3e6;
  --m-texto-2: #d6bfa8;
  --m-cartao: rgba(255, 255, 255, 0.06);
  --m-folha: #ffa45c;
  --m-anel: rgba(255, 189, 122, 0.22);
  --m-sombra: rgba(255, 140, 50, 0.35);
}
html:not(.theme-light) body[data-mundo="pets"] .md-blob { opacity:0.6; }

/* ── Casa & Decoração: terracota, madeira e oliva ── */
body[data-mundo="casa"] {
  --m-fundo: linear-gradient(135deg, #f7efe5 0%, #f2e7da 50%, #ebe4d4 100%);
  --m-blob-a: #e6b08a; --m-blob-b: #c9b493; --m-blob-c: #b9c5a2;
  --m-acento: #94492a;        /* contraste 5,7 sobre o fundo */
  --m-acento-suave: rgba(148, 73, 42, 0.11);
  --m-linha: rgba(148, 73, 42, 0.24);
  --m-texto: #33241b;
  --m-texto-2: #6b5646;
  --m-cartao: rgba(255, 255, 255, 0.7);
  --m-folha: #a8643f;         /* traço dos arcos, luminária e vaso */
  --m-anel: rgba(168, 100, 63, 0.26);
  --m-sombra: rgba(140, 80, 40, 0.32);
}
html:not(.theme-light) body[data-mundo="casa"] {
  --m-fundo: linear-gradient(135deg, #221a14 0%, #271e17 50%, #1f1c15 100%);
  --m-blob-a: #7d4024; --m-blob-b: #5c4630; --m-blob-c: #3f4b33;
  --m-acento: #eaa37b;
  --m-acento-suave: rgba(234, 163, 123, 0.12);
  --m-linha: rgba(234, 163, 123, 0.24);
  --m-texto: #f7ece2;
  --m-texto-2: #cdb9a6;
  --m-cartao: rgba(255, 255, 255, 0.06);
  --m-folha: #d99266;
  --m-anel: rgba(234, 163, 123, 0.2);
  --m-sombra: rgba(230, 130, 70, 0.3);
}
html:not(.theme-light) body[data-mundo="casa"] .md-blob { opacity:0.6; }

/* ── Moda: preto e branco editorial, com toque vinho ── */
body[data-mundo="moda"] {
  --m-fundo: linear-gradient(135deg, #f5f4f1 0%, #eeece8 55%, #e7e4de 100%);
  --m-blob-a: #dcd5ca; --m-blob-b: #e9d9d4; --m-blob-c: #d2cfc8;
  --m-acento: #7a1f2e;        /* vinho: contraste 8,9 sobre o fundo */
  --m-acento-suave: rgba(122, 31, 46, 0.08);
  --m-linha: rgba(20, 20, 20, 0.16);
  --m-texto: #111111;
  --m-texto-2: #55524d;
  --m-cartao: rgba(255, 255, 255, 0.8);
  --m-folha: #1a1a1a;
  --m-anel: rgba(20, 20, 20, 0.12);
  --m-sombra: rgba(0, 0, 0, 0.28);
}
html:not(.theme-light) body[data-mundo="moda"] {
  --m-fundo: linear-gradient(135deg, #111112 0%, #18171a 55%, #121112 100%);
  --m-blob-a: #2c2a2e; --m-blob-b: #3a2328; --m-blob-c: #262529;
  --m-acento: #e8b4bd;
  --m-acento-suave: rgba(232, 180, 189, 0.1);
  --m-linha: rgba(255, 255, 255, 0.16);
  --m-texto: #f6f4f1;
  --m-texto-2: #bdb8b2;
  --m-cartao: rgba(255, 255, 255, 0.06);
  --m-folha: #f1efe9;
  --m-anel: rgba(255, 255, 255, 0.12);
  --m-sombra: rgba(0, 0, 0, 0.6);
}
body[data-mundo="moda"] .mundo-titulo { text-transform:uppercase; letter-spacing:-1px; }
body[data-mundo="moda"] .mundo-titulo em { text-transform:none; letter-spacing:0; }

/* ── Brinquedos: cores vivas e formas redondas ── */
body[data-mundo="brinquedos"] {
  --m-fundo: linear-gradient(135deg, #eef6ff 0%, #fff6e8 50%, #f5efff 100%);
  --m-blob-a: #ffd36e; --m-blob-b: #8fe3f5; --m-blob-c: #f9b3cf;
  --m-acento: #5a33c4;        /* roxo: contraste 7,1 sobre o fundo */
  --m-acento-suave: rgba(90, 51, 196, 0.1);
  --m-linha: rgba(90, 51, 196, 0.22);
  --m-texto: #1f1640;
  --m-texto-2: #574c78;
  --m-cartao: rgba(255, 255, 255, 0.78);
  --m-folha: #5a33c4;
  --m-anel: rgba(90, 51, 196, 0.2);
  --m-sombra: rgba(90, 51, 196, 0.3);
}
html:not(.theme-light) body[data-mundo="brinquedos"] {
  --m-fundo: linear-gradient(135deg, #1a1631 0%, #1b1a2e 50%, #16192c 100%);
  --m-blob-a: #6b46e0; --m-blob-b: #0e7a96; --m-blob-c: #b8326c;
  --m-acento: #c9b6ff;
  --m-acento-suave: rgba(201, 182, 255, 0.12);
  --m-linha: rgba(201, 182, 255, 0.24);
  --m-texto: #f3efff;
  --m-texto-2: #bcb4d8;
  --m-cartao: rgba(255, 255, 255, 0.07);
  --m-folha: #c9b6ff;
  --m-anel: rgba(201, 182, 255, 0.2);
  --m-sombra: rgba(120, 90, 255, 0.4);
}
html:not(.theme-light) body[data-mundo="brinquedos"] .md-blob { opacity:0.55; }
body[data-mundo="brinquedos"] .mundo-hero, body[data-mundo="brinquedos"] .mb-foto { border-radius:calc(var(--radius) + 16px); }
body[data-mundo="brinquedos"] .mb-foto { border-radius:50%; }

/* ── Estrutura comum ── */
.mundo[hidden] { display:none; }
.mundo { margin:6px 0 22px; }
.catalog.com-mundo .section-title { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

.mundo-hero {
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--m-fundo); color:var(--m-texto);
  border-radius:calc(var(--radius) + 8px); padding:28px 20px 22px;
  display:grid; gap:22px;
}
.mundo-deco { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.md-blob { position:absolute; border-radius:50%; filter:blur(30px); opacity:1; }
.md-blob.a { width:260px; height:260px; background:var(--m-blob-a); top:-80px; right:-60px; }
.md-blob.b { width:220px; height:220px; background:var(--m-blob-b); bottom:-90px; left:-50px; }
.md-blob.c { width:180px; height:180px; background:var(--m-blob-c); top:38%; left:44%; opacity:0.8; }
.md-folha { position:absolute; width:96px; right:12px; bottom:-12px; color:var(--m-folha); opacity:0.9; }
.md-folha path { stroke-width:1.8; }
.md-folha.f2 { width:70px; right:auto; left:-10px; bottom:auto; top:-16px; transform:rotate(160deg); opacity:0.55; }
.md-anel { position:absolute; border-radius:50%; border:1.5px solid var(--m-anel); }
/* circuito: grade fina, trilhas e LEDs piscando devagar */
.md-grade { position:absolute; inset:0; opacity:0.5;
  background-image:linear-gradient(var(--m-linha) 1px, transparent 1px), linear-gradient(90deg, var(--m-linha) 1px, transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse at 75% 40%, #000 0%, transparent 70%); mask-image:radial-gradient(ellipse at 75% 40%, #000 0%, transparent 70%); }
.md-circuito { position:absolute; color:var(--m-folha); opacity:0.75; }
.md-circuito.c1 { width:300px; right:-40px; bottom:-14px; transform:scaleX(-1); opacity:0.5; }
.md-circuito.c2 { width:240px; right:-30px; top:6px; opacity:0.5; }
.md-led { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--m-led); box-shadow:0 0 10px 2px var(--m-led); animation:mundo-led 3.2s ease-in-out infinite; }
.md-led.l1 { top:18%; right:38%; } .md-led.l2 { top:70%; right:8%; animation-delay:-1.1s; } .md-led.l3 { top:10%; left:52%; width:6px; height:6px; animation-delay:-2.2s; }
@keyframes mundo-led { 0%, 100% { opacity:0.25; } 50% { opacity:1; } }
/* patinhas: trilha pontilhada, pegadas e um ossinho */
.md-trilha { position:absolute; width:520px; right:-60px; bottom:-34px; color:var(--m-folha); opacity:0.4; }
.md-pata { position:absolute; color:var(--m-folha); transform:rotate(var(--r)); opacity:0.7; }
.md-pata.p1 { width:30px; right:30%; top:14%; } .md-pata.p2 { width:24px; right:20%; top:36%; opacity:0.55; }
.md-pata.p3 { width:34px; right:8%; top:10%; } .md-pata.p4 { width:22px; left:46%; bottom:14%; opacity:0.5; }
.md-pata.p5 { width:24px; right:1.5%; top:48%; opacity:0.5; }
.md-osso { position:absolute; width:70px; left:44%; top:8%; color:var(--m-folha); opacity:0.55; transform:rotate(-18deg); }
/* categoria ainda sem produtos */
.mundo-embreve {
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px;
  width:min(260px, 70%); aspect-ratio:1; margin:0 auto; border-radius:50%;
  background:var(--m-cartao); border:1.5px dashed var(--m-linha); color:var(--m-texto);
  box-shadow:0 18px 40px -20px var(--m-sombra, rgba(0,0,0,0.3));
  animation:mundo-flutua 6s ease-in-out infinite;
}
.me-icone { width:64px; height:64px; color:var(--m-acento); }
.me-icone svg { width:100%; height:100%; }
.mundo-embreve b { font-family:'Playfair Display', Georgia, serif; font-size:24px; }
.mundo-embreve span:last-child { font-size:13px; color:var(--m-texto-2); max-width:70%; }
.catalog.mundo-vazio .catalog-bar, .catalog.mundo-vazio .catalog-layout { display:none; }

/* casa: arcos de parede, luminária e vaso */
.md-arcos { position:absolute; width:220px; right:-30px; bottom:-6px; color:var(--m-folha); opacity:0.45; }
.md-luminaria { position:absolute; width:40px; left:47%; top:0; color:var(--m-folha); opacity:0.75; }
.md-vaso { position:absolute; width:58px; left:-6px; bottom:-6px; color:var(--m-folha); opacity:0.6; }
/* moda: palavra gigante vazada, listras finas e um cabide */
.md-palavra { position:absolute; right:-10px; bottom:-38px; font-family:'Playfair Display', Georgia, serif; font-weight:900; font-size:150px; line-height:1;
  letter-spacing:-4px; color:transparent; -webkit-text-stroke:1.5px var(--m-linha); white-space:nowrap; }
.md-listra { position:absolute; top:0; bottom:0; width:1px; background:var(--m-linha); }
.md-listra.s1 { right:36%; } .md-listra.s2 { right:24%; opacity:0.6; } .md-listra.s3 { right:12%; opacity:0.35; }
.md-cabide { position:absolute; width:90px; left:46%; top:14px; color:var(--m-folha); opacity:0.4; }
/* brinquedos: confete colorido (as cores são fixas: é a graça do tema) */
.md-cf { position:absolute; width:16px; height:16px; border-radius:50%; opacity:0.85; }
.md-cf.qua { border-radius:4px; transform:rotate(18deg); }
.md-cf.tri { width:0; height:0; border-radius:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:16px solid #ff9f1c; background:none !important; }
.md-cf.c1 { background:#ff5d8f; top:14%; right:34%; } .md-cf.c2 { top:66%; right:10%; transform:rotate(-14deg); }
.md-cf.c3 { background:#3ec1d3; top:10%; right:8%; width:12px; height:12px; } .md-cf.c4 { background:#ffd23f; top:46%; right:44%; }
.md-cf.c5 { background:#7b5cff; bottom:12%; left:44%; width:10px; height:10px; } .md-cf.c6 { top:30%; right:2%; transform:rotate(30deg); border-bottom-color:#3ec1d3; }
.md-cf.c7 { background:#06d6a0; bottom:20%; right:30%; width:12px; height:12px; }
.md-onda { position:absolute; width:110px; left:42%; top:16px; color:#ff9f1c; opacity:0.75; }
.md-estrela { position:absolute; width:26px; right:22%; bottom:10%; color:#ffd23f; transform:rotate(12deg); }

/* selo "3D" na bolha do produto que tem visualização 3D */
.mundo-bolha { position:relative; }
.mb-3d { position:absolute; right:4%; top:4%; z-index:2; padding:3px 8px; border-radius:999px; background:rgba(22,22,26,0.85); color:#f3d98b; font-size:10.5px; font-weight:700; letter-spacing:0.6px; }
.md-anel.r1 { width:300px; height:300px; right:-70px; top:-90px; }
.md-anel.r2 { width:180px; height:180px; left:30%; bottom:-110px; }
.md-gota { position:absolute; border-radius:50%; background:var(--m-acento); opacity:0.4; }
.md-gota.g1 { width:10px; height:10px; top:22%; right:34%; }
.md-gota.g2 { width:6px; height:6px; top:62%; right:12%; }
.md-gota.g3 { width:14px; height:14px; top:12%; left:58%; opacity:0.25; }

.mundo-selo {
  display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--m-acento); background:var(--m-acento-suave); border:1px solid var(--m-linha);
  padding:5px 11px; border-radius:999px;
}
.mundo-titulo {
  font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; line-height:1.08;
  letter-spacing:-0.5px; margin:14px 0 10px; color:var(--m-texto);
}
.mundo-titulo em { font-style:italic; font-weight:400; color:var(--m-acento); }
.mundo-desc { font-size:15px; line-height:1.6; color:var(--m-texto-2); max-width:440px; margin:0; }
.mundo-acoes { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.mundo-btn {
  border:none; border-radius:999px; padding:12px 20px; font-size:14.5px; font-weight:600; cursor:pointer;
  background:var(--cta); color:var(--cta-ink); transition:transform 0.2s var(--ease), background 0.2s;
}
.mundo-btn:hover { background:var(--cta-hover); }
.mundo-btn.sec { background:var(--m-cartao); color:var(--m-texto); border:1px solid var(--m-linha); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.mundo-btn.sec:hover { border-color:var(--m-acento); }

/* produtos em destaque, flutuando */
.mundo-bolhas { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; align-items:end; }
.mundo-bolhas.n1 { grid-template-columns:minmax(0,200px); justify-content:center; }
.mundo-bolhas.n2 { grid-template-columns:repeat(2, minmax(0,180px)); justify-content:center; }
.mundo-bolha {
  border:none; background:none; padding:0; cursor:pointer; color:var(--m-texto);
  display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0;
  animation:mundo-flutua 6s ease-in-out infinite;
}
.mundo-bolha.b1 { animation-delay:-2s; } .mundo-bolha.b2 { animation-delay:-4s; }
.mb-foto {
  width:100%; aspect-ratio:1; border-radius:50%; background:#fff; overflow:hidden;
  display:flex; align-items:center; justify-content:center; font-size:40px;
  box-shadow:0 14px 30px -12px var(--m-sombra, rgba(110, 60, 52, 0.35)), 0 0 0 6px var(--m-cartao);
  position:relative;
  transition:transform 0.35s var(--ease);
}
/* a foto preenche o círculo inteiro (as artes dos produtos são quadradas, com fundo) */
.mb-foto .ph-img { width:100%; height:100%; object-fit:cover; padding:0; border-radius:50%; }
.mundo-bolha:hover .mb-foto { transform:translateY(-4px) scale(1.03); }
.mb-nome { margin-top:12px; font-size:12.5px; font-weight:600; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mb-preco { font-size:12.5px; color:var(--m-acento); font-weight:700; margin-top:3px; }
@keyframes mundo-flutua { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }

/* prévia do que vai ter (categoria ainda sem produtos) */
.mundo-ritual { margin-top:18px; }
.mundo-ritual-titulo { font-family:'Playfair Display', Georgia, serif; font-size:22px; font-weight:700; margin:0 0 12px; color:var(--text); }
.mundo-passos { display:grid; gap:10px; }
.mundo-passo {
  display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:var(--radius);
  background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1);
}
.mp-num {
  flex:0 0 32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:16px;
  color:var(--m-acento); background:var(--m-acento-suave); border:1px solid var(--m-linha);
}
.mp-corpo { min-width:0; }
.mp-corpo b { font-size:15px; }
.mp-corpo p { margin:3px 0 0; font-size:13.5px; line-height:1.5; color:var(--text-2); }

/* a grade da categoria entra no clima */
body[data-mundo] .products-grid .product-card { border:1px solid var(--m-linha); box-shadow:none; }
@media (hover:hover) { body[data-mundo] .products-grid .product-card:hover { box-shadow:0 16px 32px -18px var(--m-sombra, rgba(110, 60, 52, 0.45)); } }
body[data-mundo] .catalog-bar .result-count { color:var(--m-acento); font-weight:600; }

/* entrada suave */
.mundo.entrou .mundo-texto > * { animation:mundo-entra 0.7s var(--ease-out) both; }
.mundo.entrou .mundo-texto > :nth-child(2) { animation-delay:0.06s; }
.mundo.entrou .mundo-texto > :nth-child(3) { animation-delay:0.12s; }
.mundo.entrou .mundo-texto > :nth-child(4) { animation-delay:0.18s; }
.mundo.entrou .mundo-bolhas { animation:mundo-entra 0.9s 0.15s var(--ease-out) both; }
@keyframes mundo-entra { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

/* celular: a folha da direita fica na borda, longe do nome e do preço */
@media (max-width:699px) { .mundo-bolhas.n1 { grid-template-columns:minmax(0,150px); } .md-estrela { bottom:auto; top:24%; right:6%; } .md-palavra { font-size:84px; bottom:auto; top:-14px; right:-8px; } .md-cabide { display:none; } .md-cf.c1, .md-cf.c2, .md-cf.c5, .md-cf.c6, .md-cf.c7 { display:none; } .md-luminaria { left:auto; right:18%; } .md-arcos { width:150px; } .md-onda { left:auto; right:6%; width:80px; } .md-cf.c4 { display:none; } .md-trilha { width:340px; right:-90px; } .md-osso { left:auto; right:6%; top:4%; width:52px; } .md-pata.p1, .md-pata.p2, .md-pata.p4 { display:none; } .md-folha:not(.f2) { width:74px; right:-22px; bottom:auto; top:34%; opacity:0.55; } .md-circuito.c1 { opacity:0.35; } .md-circuito.c2 { width:150px; right:-50px; opacity:0.35; } }

@media (prefers-reduced-motion: reduce) {
  .mundo-bolha, .md-led, .mundo-embreve, .mundo.entrou .mundo-texto > *, .mundo.entrou .mundo-bolhas { animation:none; }
}

@media (min-width:700px) {
  .mundo-hero { padding:40px 40px 34px; }
  .mundo-titulo { font-size:46px; }
  .mundo-passos { grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
}
@media (min-width:1000px) {
  .mundo-hero { grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr); align-items:center; gap:36px; padding:54px 56px; min-height:380px; }
  .mundo-titulo { font-size:56px; }
  .mundo-desc { font-size:16.5px; }
  .md-folha { width:140px; right:47%; bottom:-20px; }
  .md-folha.f2 { width:110px; left:-14px; top:-30px; }
  .md-anel.r1 { width:460px; height:460px; right:-120px; top:-160px; }
  .md-circuito.c1 { display:none; }   /* no computador ele cruzaria nome e preço dos produtos */
  .md-circuito.c2 { width:320px; right:-20px; top:10px; }
  .md-arcos { width:300px; right:2%; }
  .md-palavra { font-size:220px; bottom:-56px; }
  .md-vaso { width:74px; left:43%; }
  .mundo-bolhas { gap:18px; }
  .mundo-bolha.b1 { margin-bottom:46px; }
  .mb-nome, .mb-preco { font-size:13.5px; }
}

/* "Ver os produtos" para a grade sem ela ficar atrás do cabeçalho fixo */
.catalog.com-mundo .products-grid { scroll-margin-top:96px; }
@media (min-width:900px) { .catalog.com-mundo .products-grid { scroll-margin-top:128px; } }

/* ── Categoria como página própria: o início sai de cena ── */
body.pagina-categoria .hero, body.pagina-categoria #categorias { display:none; }
body.pagina-categoria .catalog { padding-top:14px; }
.rc-todos { border:none; background:none; padding:0; font:inherit; font-weight:600; color:inherit; text-decoration:underline; cursor:pointer; }

/* ── Faixa de ofertas dentro do mundo (só com desconto de verdade) ── */
.mundo-oferta {
  margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 20px; border-radius:var(--radius); position:relative; overflow:hidden;
  background:#16161a; color:#fff;
  background-image:radial-gradient(circle at 85% 30%, var(--m-acento-suave), transparent 60%);
  border:1px solid var(--m-linha);
}
.mo-texto { display:flex; flex-direction:column; gap:3px; min-width:0; }
.mo-selo { font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--cta); }
.mo-titulo { font-size:26px; font-weight:800; letter-spacing:-0.5px; line-height:1.1; }
.mo-sub { font-size:13px; color:rgba(255,255,255,0.75); }
.mundo-oferta .mundo-btn { align-self:flex-start; margin-top:10px; padding:10px 18px; font-size:13.5px; }
.mo-fotos { display:flex; flex-shrink:0; }
.mo-foto {
  position:relative; width:92px; height:92px; border-radius:14px; overflow:hidden; border:2px solid #16161a;
  background:#fff; padding:0; cursor:pointer; margin-left:-18px; display:flex; align-items:center; justify-content:center; font-size:38px;
}
.mo-foto:first-child { margin-left:0; }
.mo-foto .ph-img { width:100%; height:100%; object-fit:cover; }
.mo-off { position:absolute; left:6px; top:6px; background:var(--ok); color:#fff; font-size:10.5px; font-weight:700; padding:2px 6px; border-radius:6px; }
@media (max-width:520px) { .mo-foto { width:76px; height:76px; } .mo-foto:nth-child(n+3) { display:none; } .mo-titulo { font-size:22px; } }
@media (min-width:900px) { .mundo-oferta { padding:22px 34px; } .mo-titulo { font-size:32px; } .mo-foto { width:120px; height:120px; margin-left:-24px; } }