/* ===== Shop Libido — carrinho / checkout PIX / obrigado ===== */
:root{
  --pk:#e5007d; --pk-d:#c00068; --dk:#0d0d0d; --tx:#1b1b1b; --mut:#6f6f76;
  --bd:#e8e8ea; --bg:#f6f6f7; --ok:#0f8a3d; --pix:#32bcad; --warn:#b4600a;
  --r:14px; --sh:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.lj{background:var(--bg);color:var(--tx);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.lj a{color:inherit;text-decoration:none}
.lj img{max-width:100%;display:block}

/* header */
.lj-top{background:var(--dk);color:#fff;position:sticky;top:0;z-index:40}
.lj-top__in{max-width:1040px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:12px}
.lj-top__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;opacity:.9;white-space:nowrap}
.lj-top__back svg{width:16px;height:16px;flex:0 0 auto}
.lj-top__logo{margin:0 auto;display:block}
.lj-top__logo img{height:30px;width:auto}
.lj-top__safe{display:flex;align-items:center;gap:5px;font-size:12px;color:#bdbdc4;white-space:nowrap}
.lj-top__safe svg{width:14px;height:14px}

/* estrutura */
.lj-wrap{max-width:1040px;margin:0 auto;padding:16px 14px 40px}
.lj-cols{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}
.lj-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh)}
.lj-card--pad{padding:16px}
.lj-h1{font-size:20px;line-height:1.2;margin:0 0 4px;font-weight:700}
.lj-sub{color:var(--mut);font-size:13px;margin:0 0 14px}
.lj-steps{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.lj-step{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);background:#fff;border:1px solid var(--bd);border-radius:999px;padding:5px 10px}
.lj-step b{width:18px;height:18px;border-radius:50%;background:#ececef;color:#4a4a52;font-size:11px;display:grid;place-items:center}
.lj-step.on{color:var(--dk);border-color:#cfcfd6}
.lj-step.on b{background:var(--dk);color:#fff}

/* item do carrinho */
.lj-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--bd)}
.lj-item:last-child{border-bottom:0}
.lj-item__img{width:82px;height:82px;border-radius:10px;background:#f2f2f4;object-fit:cover;flex:0 0 auto;border:1px solid var(--bd)}
.lj-item__info{min-width:0;flex:1}
.lj-item__nome{font-size:14px;font-weight:600;line-height:1.3;display:block;overflow-wrap:anywhere}
.lj-item__meta{font-size:12px;color:var(--mut);margin-top:3px}
.lj-item__preco{font-size:15px;font-weight:700;margin-top:6px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lj-item__lista{font-size:12px;color:var(--mut);text-decoration:line-through;font-weight:400}
.lj-item__rm{border:0;background:none;color:var(--mut);font-size:12px;text-decoration:underline;cursor:pointer;padding:4px 0}
.lj-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;background:#eef7f0;color:var(--ok)}
.lj-tag--warn{background:#fdf3e6;color:var(--warn)}

/* resumo */
.lj-res{position:sticky;top:72px}
.lj-res__row{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:7px 0;color:#333}
.lj-res__row span{color:var(--mut)}
.lj-res__free{color:var(--ok);font-weight:700}
.lj-res__tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px dashed var(--bd);margin-top:8px;padding-top:12px}
.lj-res__tot b{font-size:22px}
.lj-res__tot small{display:block;color:var(--mut);font-size:11px;font-weight:400}

/* botões */
.lj-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:12px;padding:15px 16px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:transform .06s ease,filter .15s ease}
.lj-btn:active{transform:translateY(1px)}
.lj-btn[disabled]{opacity:.55;cursor:not-allowed}
.lj-btn--pk{background:var(--pk);color:#fff}
.lj-btn--pk:hover{filter:brightness(.94)}
.lj-btn--dk{background:var(--dk);color:#fff}
.lj-btn--gh{background:#fff;color:var(--dk);border:1px solid var(--bd)}
.lj-btn--pix{background:var(--pix);color:#fff}
.lj-btn svg{width:18px;height:18px;flex:0 0 auto}
.lj a.lj-btn{color:#fff}
.lj a.lj-btn--gh{color:var(--dk)}
.lj-link{display:block;text-align:center;margin-top:10px;font-size:13px;color:var(--mut);text-decoration:underline}
.lj-secure{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--mut);font-size:12px;margin-top:10px}
.lj-secure svg{width:13px;height:13px}

/* formulário */
.lj-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lj-f{display:block;min-width:0}
.lj-f--full{grid-column:1/-1}
.lj-f label{display:block;font-size:12px;font-weight:600;color:#41414a;margin:0 0 4px}
.lj-f input,.lj-f select{width:100%;border:1px solid #d9d9e0;border-radius:10px;padding:12px;font:inherit;font-size:15px;background:#fff;color:var(--tx)}
.lj-f input:focus,.lj-f select:focus{outline:2px solid rgba(229,0,125,.25);border-color:var(--pk)}
.lj-f.err input,.lj-f.err select{border-color:#d33;background:#fff7f7}
.lj-f .msg{display:none;color:#c22;font-size:11px;margin-top:3px}
.lj-f.err .msg{display:block}
.lj-block{margin:16px 0 0}
.lj-block h3{font-size:14px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.lj-block h3 span{color:var(--mut);font-weight:400;font-size:12px}

/* pagamento pix */
.lj-pay{display:flex;gap:10px;align-items:center;border:2px solid var(--pix);background:#f4fdfb;border-radius:12px;padding:12px}
.lj-pay svg{width:30px;height:30px;flex:0 0 auto}
.lj-pay b{display:block;font-size:14px}
.lj-pay small{display:block;color:var(--mut);font-size:12px}

/* painel do pix */
.lj-pix{display:none;margin-top:14px}
.lj-pix.on{display:block}
.lj-pix__box{border:1px solid var(--bd);border-radius:var(--r);background:#fff;padding:16px;text-align:center}
.lj-pix__qr{width:200px;height:200px;margin:6px auto 12px;display:block;image-rendering:pixelated}
.lj-pix__val{font-size:24px;font-weight:800;letter-spacing:-.5px}
.lj-pix__ref{font-size:12px;color:var(--mut);margin:2px 0 10px;overflow-wrap:anywhere}
.lj-copy{display:flex;gap:8px;margin-top:10px}
.lj-copy input{flex:1;min-width:0;border:1px solid var(--bd);border-radius:10px;padding:11px;font-size:11px;color:#555;background:#fafafa;font-family:ui-monospace,Menlo,Consolas,monospace}
.lj-copy button{flex:0 0 auto;border:0;background:var(--dk);color:#fff;border-radius:10px;padding:0 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.lj-timer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--mut);margin-top:12px}
.lj-timer b{color:var(--tx);font-variant-numeric:tabular-nums}
.lj-wait{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--mut);margin-top:8px}
.lj-dot{width:8px;height:8px;border-radius:50%;background:var(--pix);animation:ljp 1.2s infinite}
@keyframes ljp{0%,100%{opacity:.25}50%{opacity:1}}
.lj-note{background:#fbf7e8;border:1px solid #f0e6bd;border-radius:10px;padding:10px 12px;font-size:12px;color:#6b5a15;margin-top:12px}
.lj-note--ok{background:#eef7f0;border-color:#cde9d5;color:#1c5c33}

/* aviso 1 produto */
.lj-modal{position:fixed;inset:0;background:rgba(8,8,12,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:90}
.lj-modal.on{display:flex}
.lj-modal__box{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.lj-modal__box h3{margin:0 0 6px;font-size:17px}
.lj-modal__box p{margin:0 0 14px;font-size:14px;color:#444}
.lj-modal__box .lj-btn{margin-top:8px}

/* toast */
.lj-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);background:#16161a;color:#fff;border-radius:999px;padding:11px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.22s;z-index:100;max-width:92vw;text-align:center}
.lj-toast.on{opacity:1;transform:translate(-50%,0)}

/* obrigado */
.lj-ok{max-width:560px;margin:26px auto}
.lj-ok__top{text-align:center;padding:24px 16px 8px}
.lj-ok__ic{width:64px;height:64px;border-radius:50%;background:#eef7f0;color:var(--ok);display:grid;place-items:center;margin:0 auto 12px}
.lj-ok__ic svg{width:32px;height:32px}
.lj-ok h1{font-size:22px;margin:0 0 6px}
.lj-ok p{color:var(--mut);font-size:14px;margin:0}
.lj-ok__box{padding:16px}
.lj-ok__lin{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:14px}
.lj-ok__lin:last-child{border-bottom:0}
.lj-ok__lin span{color:var(--mut)}
.lj-ok__lin b{text-align:right;overflow-wrap:anywhere}
.lj-ok__72{display:flex;gap:10px;background:#f4f8ff;border:1px solid #d9e5f8;border-radius:12px;padding:12px;margin-top:14px}
.lj-ok__72 svg{width:22px;height:22px;flex:0 0 auto;color:#2b6cd4;margin-top:2px}
.lj-ok__72 > div > b:first-child{display:block;font-size:13px;margin-bottom:2px}
.lj-ok__72 small b{display:inline;font-size:inherit;margin:0;color:#2b3a52}
.lj-ok__72 small{display:block;color:#44536b;font-size:12px}

/* estados */
.lj-empty{text-align:center;padding:36px 16px}
.lj-empty svg{width:46px;height:46px;color:#c9c9d1;margin:0 auto 10px}
.lj-empty h3{margin:0 0 6px;font-size:16px}
.lj-empty p{margin:0 0 16px;color:var(--mut);font-size:13px}
.lj-skel{height:14px;border-radius:7px;background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:ljs 1.1s infinite}
@keyframes ljs{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* mobile */
@media (max-width:860px){
  .lj-cols{grid-template-columns:1fr}
  .lj-res{order:-1}
}
@media (max-width:560px){
  .lj-wrap{padding:12px 12px 32px}
  .lj-top__logo img{height:26px}
  .lj-top__safe{display:none}
  .lj-h1{font-size:18px}
  .lj-grid{grid-template-columns:1fr}
  .lj-item__img{width:70px;height:70px}
  .lj-pix__qr{width:170px;height:170px}
  .lj-pix__val{font-size:21px}
  .lj-btn{padding:14px}
  .lj-copy{flex-direction:column}
  .lj-copy button{padding:11px}
  .lj-item__preco{font-size:14px}
}

/* ===== v296: frete grátis (2 a 5 dias) com a data do lead ===== */
.lj-frete{display:flex;align-items:center;gap:11px;background:#f2fbf5;border:1px solid #cfe9d8;border-radius:12px;padding:11px 12px;margin:0 0 14px}
.lj-frete__ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #d5ecdd;display:grid;place-items:center;color:#0f8a3d}
.lj-frete__ic svg{width:22px;height:22px}
.lj-frete__tx{min-width:0;flex:1}
.lj-frete__tx b{display:block;font-size:14px;color:#0b6b2f}
.lj-frete__tx span{display:block;font-size:12.5px;color:#41604e;margin-top:2px}
.lj-frete__tx span b{display:inline;font-size:inherit;color:#0b6b2f}
.lj-frete__tag{flex:0 0 auto;font-size:12px;font-weight:800;color:#0b6b2f;background:#e2f5e9;border-radius:999px;padding:4px 9px;white-space:nowrap}
.lj-entrega{display:flex;align-items:center;gap:8px;background:#f2fbf5;border:1px solid #cfe9d8;border-radius:10px;padding:9px 11px;font-size:12.5px;color:#41604e;margin-top:12px}
.lj-entrega svg{width:18px;height:18px;color:#0f8a3d;flex:0 0 auto}
.lj-entrega b{color:#0b6b2f}
.lj-entrega--cart{margin-top:14px}
.lj-entrega--in{margin-top:10px}
.lj-res__prazo{color:#0b6b2f;font-weight:700;font-size:13px;text-align:right}

/* ===== v296: tela exclusiva do PIX (/pix/) ===== */
.lj-step--pix b{background:var(--pix);color:#fff}
.lj-pixpg{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.lj-pixcard{padding:16px}
.lj-pixcard__top{display:flex;align-items:center;gap:10px;border:2px solid var(--pix);background:#f4fdfb;border-radius:12px;padding:11px 12px;margin-bottom:14px}
.lj-pixcard__top > svg{width:30px;height:30px;flex:0 0 auto}
.lj-pixcard__top b{display:block;font-size:14px}
.lj-pixcard__top small{display:block;color:var(--mut);font-size:12px}
.lj-pixcard__tag{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a6a00;background:#fdf3e6;border-radius:999px;padding:4px 9px;white-space:nowrap}
.lj-pixcard #lj-pix{margin-top:0}
.lj-pixcard .lj-pix__box{border:0;padding:0}
.lj-pixcard__foot{margin-top:12px;font-size:12px;color:var(--mut);text-align:center;overflow-wrap:anywhere}
.lj-pixcard__foot b{color:var(--tx)}
.lj-pixit{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--bd);font-size:12.5px}
.lj-pixit img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--bd);flex:0 0 auto}
.lj-pixit div{min-width:0;flex:1}
.lj-pixit span{display:block;overflow-wrap:anywhere;color:#333}
.lj-pixit small{display:block;color:var(--mut);font-size:11.5px;margin-top:1px}
.lj-pixit b{flex:0 0 auto;font-size:12.5px}
@media (max-width:860px){.lj-pixpg{grid-template-columns:1fr}}
@media (max-width:560px){
  .lj-frete{gap:9px;padding:10px}
  .lj-frete__ic{width:32px;height:32px}
  .lj-frete__ic svg{width:19px;height:19px}
  .lj-frete__tx b{font-size:13px}
  .lj-frete__tx span{font-size:12px}
  .lj-pixcard__tag{display:none}
  .lj-entrega{font-size:12px}
}

/* ===== v297: tela do PIX só com o PIX, o valor e a entrega (sem lista de produtos) ===== */
.lj-pixpg--solo{grid-template-columns:minmax(0,520px);justify-content:center}
.lj-pixpg--solo .lj-pixcard{border:1px solid var(--bd);box-shadow:0 10px 30px rgba(8,8,12,.06)}
.lj-pixcard .lj-pix__val{font-size:34px;letter-spacing:-1px;margin-top:2px}
.lj-pixcard .lj-copy input{font-size:10.5px}
.lj-pixcard .lj-entrega{margin-top:14px}
@media (max-width:560px){
  .lj-pixpg--solo{grid-template-columns:1fr}
  .lj-pixcard .lj-pix__val{font-size:28px}
}