/* ═══════════════════════════════════════════════════════════════════
   PELE DA LOJA ECLETIQ LYMOW · lymow.ecletiq.com.br
   Agente da Sissi, 10/10/2026 · pedido do Paul (16:44–16:51)

   Carregada DEPOIS do molde ninja.css (head.blade.php). Estrutura da casa,
   aqui só a pele: fundo CLARO, a única cor forte é o verde da LYMOW
   (#0e6040, o mesmo do site da marca; chega como --marca pelo
   sys_store.cor_marca). Tudo sob .loja-lymow — nada vaza para outra loja.
   Celular primeiro (375 px).
   ═══════════════════════════════════════════════════════════════════ */

.loja-lymow{
  --ly-verde:var(--marca,#0e6040);
  --ly-verde-claro:#22a273;
  --ly-verde-escuro:#0a4a31;
  --ly-grafite:#252b2a;
  --ly-papel:#f6f8f7;
  --ly-linha:#e3e8e6;
  --ly-cinza:#5b6462;
  --ninja:var(--ly-verde);
  background:#fff;
  color:var(--ly-grafite);
  -webkit-font-smoothing:antialiased;
}

/* ── neutraliza os vermelhos do molde ─────────────────────────────── */
.loja-lymow .busca:focus-within{box-shadow:0 0 0 3px rgba(14,96,64,.12)}
.loja-lymow .njsvg{height:22px;width:auto}
.loja-lymow .selo{background:var(--ly-papel);color:var(--ly-verde)}
.loja-lymow .prodcomprar{background:var(--ly-verde)!important;color:#fff!important}
.loja-lymow .prodcomprar:hover{background:var(--ly-verde-escuro)!important}
.loja-lymow .prodmarca{color:var(--ly-verde)}

/* ── a vitrine (home) ──────────────────────────────────────────────── */
.ly-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.ly-sec{padding:44px 0}
.ly-sec h2{font-size:clamp(24px,3.2vw,34px);line-height:1.15;margin:0 0 10px;color:var(--ly-grafite);font-weight:800;letter-spacing:-.01em}
.ly-sec .ly-sub{color:var(--ly-cinza);font-size:16px;line-height:1.5;margin:0 0 22px;max-width:760px}
.ly-olho{display:inline-block;font:800 11.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ly-verde);margin-bottom:12px}

/* herói */
.ly-hero{position:relative;min-height:clamp(460px,72vh,660px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#1d2a24}
.ly-hero img.ly-hfundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.ly-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,22,.78) 0%,rgba(10,30,22,.45) 45%,rgba(10,30,22,.05) 80%),linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,0) 40%)}
.ly-hero .ly-wrap{position:relative;z-index:2;width:100%;padding-top:48px;padding-bottom:48px}
.ly-hero .ly-olho{color:#bff0d8}
.ly-hero h1{font-size:clamp(32px,5.4vw,58px);line-height:1.04;margin:0 0 14px;font-weight:800;letter-spacing:-.02em;max-width:640px}
.ly-hero p{font-size:clamp(15.5px,1.6vw,18.5px);line-height:1.5;max-width:560px;margin:0 0 22px;color:#eef5f1}
.ly-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ly-verde);color:#fff;font-weight:800;padding:14px 24px;border-radius:10px;font-size:15.5px;text-decoration:none;border:0;cursor:pointer}
.ly-btn:hover{background:var(--ly-verde-escuro);color:#fff}
.ly-btn.ly-claro{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.5)}
.ly-btn.ly-claro:hover{background:rgba(255,255,255,.24)}
.ly-hero .ly-acoes{display:flex;flex-wrap:wrap;gap:10px}

/* faixa da casa */
.ly-faixa{background:var(--ly-papel);border-bottom:1px solid var(--ly-linha)}
.ly-faixa ul{list-style:none;margin:0 auto;padding:12px 16px;max-width:1180px;display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;font-size:14px;color:var(--ly-grafite)}
.ly-faixa b{color:var(--ly-verde)}

/* o pacote */
.ly-pacote{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--ly-linha);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(14,96,64,.06)}
.ly-pacote .ly-pfoto{background:radial-gradient(circle at 50% 58%,#e2f3ea,#f6f8f7 70%);border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ly-pacote .ly-pfoto img{width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply}
.ly-pacote h3{font-size:clamp(21px,2.4vw,27px);line-height:1.2;margin:0 0 8px;font-weight:800}
.ly-preco{margin:14px 0 6px}
.ly-preco .ly-de{display:block;font-size:15px;color:var(--ly-cinza)}
.ly-preco .ly-pix{display:block;font-size:clamp(28px,3.4vw,36px);font-weight:800;color:var(--ly-grafite);line-height:1.1}
.ly-preco .ly-pix small{font-size:15px;font-weight:700;color:var(--ly-verde);margin-left:6px}
.ly-preco .ly-parc{display:block;font-size:15px;margin-top:4px}
.ly-entrega{margin:12px 0 14px;padding:10px 12px;border-radius:10px;background:#f3fbf6;border:1px solid #cdebd8;color:#14532d;font-size:14.5px;line-height:1.4}
.ly-inclui{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px;font-size:14.5px}
.ly-inclui li{padding-left:24px;position:relative;line-height:1.35}
.ly-inclui li::before{content:"";position:absolute;left:2px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--ly-verde-claro);box-shadow:inset 0 0 0 3px #e2f3ea}
.ly-conf{display:inline-block;background:#fff4e5;border:1px solid #ffd8a8;color:#7a4b00;border-radius:6px;padding:0 6px;font-size:12.5px;font-weight:800;letter-spacing:.02em}

/* números */
.ly-num{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ly-num div{background:var(--ly-papel);border:1px solid var(--ly-linha);border-radius:14px;padding:16px 14px}
.ly-num b{display:block;font-size:clamp(24px,2.8vw,32px);font-weight:800;color:var(--ly-verde);line-height:1.05}
.ly-num span{display:block;font-size:13.5px;color:var(--ly-cinza);margin-top:6px;line-height:1.35}

/* filme */
.ly-filme{background:#0f1a15;color:#fff}
.ly-filme h2{color:#fff}
.ly-filme .ly-sub{color:#cfe3d9}
.ly-filme video{width:100%;border-radius:14px;background:#000;display:block;aspect-ratio:16/9}

/* cenas */
.ly-cenas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ly-cena{background:#fff;border:1px solid var(--ly-linha);border-radius:14px;overflow:hidden}
.ly-cena img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ly-cena div{padding:12px 14px 14px}
.ly-cena b{display:block;font-size:16px;margin-bottom:4px}
.ly-cena span{font-size:14px;color:var(--ly-cinza);line-height:1.45}

/* caminho e garantia */
.ly-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:p}
.ly-passos li{list-style:none;background:#fff;border:1px solid var(--ly-linha);border-radius:14px;padding:16px;font-size:14.5px;line-height:1.45;color:var(--ly-cinza)}
.ly-passos li b{display:block;color:var(--ly-grafite);font-size:16px;margin-bottom:4px}
.ly-passos li b::before{counter-increment:p;content:counter(p);display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--ly-verde);color:#fff;font-size:13px;align-items:center;justify-content:center;margin-right:8px}
.ly-dupla{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ly-caixa{background:var(--ly-papel);border:1px solid var(--ly-linha);border-radius:16px;padding:20px}
.ly-caixa h3{margin:0 0 8px;font-size:19px}
.ly-caixa p{margin:0 0 8px;font-size:14.8px;line-height:1.5;color:var(--ly-cinza)}
.ly-final{text-align:center}
.ly-final .ly-acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ly-zap{background:#fff;color:var(--ly-verde);border:1.5px solid var(--ly-verde)}
.ly-zap:hover{background:var(--ly-papel);color:var(--ly-verde-escuro)}

@media(max-width:900px){
  .ly-pacote{grid-template-columns:1fr;padding:14px;gap:16px}
  .ly-num{grid-template-columns:repeat(2,1fr)}
  .ly-num div:last-child{grid-column:1/-1}
  .ly-cenas,.ly-passos{grid-template-columns:1fr 1fr}
  .ly-dupla{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ly-sec{padding:32px 0}
  .ly-cenas,.ly-passos{grid-template-columns:1fr}
  .ly-hero{min-height:520px}
  .ly-hero img.ly-hfundo{object-position:70% 50%}
  .ly-faixa ul{justify-content:flex-start;gap:6px 18px;font-size:13.5px}
  .ly-btn{width:100%;justify-content:center}
}

/* ═══ Menu e "Conheça a fundo" do site antigo · Sissi 22/10/2026 (Paul: fusão da loja com o site) ═══ */
.ly-menu{background:var(--ly-verde-escuro);position:relative;z-index:2}
.ly-menu-in{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ly-menu-in::-webkit-scrollbar{display:none}
.ly-menu a{flex:0 0 auto;color:#e8f5ee;text-decoration:none;font-weight:700;font-size:14px;padding:13px 12px;white-space:nowrap;border-bottom:3px solid transparent}
.ly-menu a:hover{color:#fff;border-bottom-color:var(--ly-verde-claro)}
.ly-menu a.ly-menu-hc{margin-left:auto;background:var(--ly-verde-claro);color:#fff;border-radius:8px;padding:8px 14px;border:0}
.ly-menu a.ly-menu-hc:hover{background:#1c8c63}
.ly-fundo{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ly-fcard{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--ly-linha);border-radius:14px;padding:18px;text-decoration:none;color:var(--ly-grafite);transition:border-color .15s,box-shadow .15s}
.ly-fcard:hover{border-color:var(--ly-verde-claro);box-shadow:0 8px 24px rgba(14,96,64,.08)}
.ly-fcard b{font-size:17px;line-height:1.25}
.ly-fcard span{font-size:14.5px;line-height:1.45;color:var(--ly-cinza)}
.ly-fcard .ly-ftag{font:800 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ly-verde)}
.ly-fcard em{margin-top:auto;font-style:normal;font-weight:800;color:var(--ly-verde);font-size:14px}
.ly-fcard-hc{background:var(--ly-papel)}
@media (max-width:640px){.ly-menu a{font-size:13.5px;padding:12px 9px}.ly-menu a.ly-menu-hc{margin-left:6px}}
.marca-main .ly-menu{display:block!important}