/* Lets Shop — catálogo de cílios e sobrancelhas
   Todas as classes começam com "lsc-" para não brigar com Bootstrap ou o CSS do sistema. */
.lsc{
  --lsc-bg:#fbf1f3; --lsc-surface:#ffffff; --lsc-blush:#f3d3db; --lsc-rose:#c9577a; --lsc-plum:#4a1f33;
  --lsc-ink:#3a1c2a; --lsc-muted:#8a6474; --lsc-gold:#a8783a; --lsc-line:#ecd5dc; --lsc-chip:#f7e3e8;
  --lsc-script:"Pinyon Script","Snell Roundhand",cursive;
  --lsc-serif:"Cormorant Garamond",Georgia,serif;
  --lsc-sans:"Jost",system-ui,"Segoe UI",sans-serif;
  background:var(--lsc-bg); color:var(--lsc-ink); font-family:var(--lsc-sans); font-size:15px; line-height:1.5;
  min-height:100%;
}
.lsc *,.lsc *::before,.lsc *::after{box-sizing:border-box}
.lsc button{font-family:inherit}
.lsc button:focus-visible,.lsc a:focus-visible{outline:2px solid var(--lsc-rose);outline-offset:2px}
.lsc-wrap{max-width:720px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 120px}

.lsc-cover{text-align:center;padding-block:36px 20px}
.lsc-logo{font-family:var(--lsc-script);font-size:clamp(58px,15vw,88px);line-height:1;color:var(--lsc-gold);margin:0;font-weight:400}
.lsc-tag{font-family:var(--lsc-serif);font-style:italic;font-size:20px;color:var(--lsc-plum);margin:6px 0 0;display:flex;align-items:center;gap:12px;justify-content:center}
.lsc-tag::before,.lsc-tag::after{content:"";height:1px;width:48px;background:var(--lsc-gold);opacity:.6}
.lsc-kicker{font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--lsc-muted);margin:14px 0 0}
/* Quadro no formato da foto (bem larga): sem zoom exagerado; no computador fica mais contida */
.lsc-hero{margin:22px auto 0;border-radius:200px 200px 18px 18px;overflow:hidden;aspect-ratio:2.2/1;width:100%;max-width:560px;border:1px solid var(--lsc-line)}
.lsc-hero img{width:100%;height:100%;object-fit:cover;display:block}
.lsc-promise{font-family:var(--lsc-serif);font-size:22px;color:var(--lsc-plum);margin:18px auto 0;max-width:30ch;text-wrap:balance}

.lsc-pdfbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.lsc-btn{font:500 14px var(--lsc-sans);border-radius:999px;padding:10px 18px;cursor:pointer;border:1px solid var(--lsc-plum);background:transparent;color:var(--lsc-plum);display:inline-flex;align-items:center;gap:8px}
.lsc-btn.lsc-solid{background:var(--lsc-plum);color:var(--lsc-bg)}
.lsc-btn[disabled]{opacity:.6;cursor:progress}
.lsc-msg{font-size:13px;color:var(--lsc-muted);text-align:center;margin:8px 0 0;min-height:1.2em}

.lsc-filters{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--lsc-bg);padding-block:12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--lsc-line)}
.lsc-filters button{flex:none;font:500 14px var(--lsc-sans);color:var(--lsc-ink);background:var(--lsc-chip);border:1px solid transparent;border-radius:999px;padding:8px 16px;cursor:pointer}
.lsc-filters button[aria-pressed="true"]{background:var(--lsc-plum);color:var(--lsc-bg)}

.lsc-cat{margin-top:28px}
.lsc-cat h2{font-family:var(--lsc-script);font-weight:400;font-size:44px;color:var(--lsc-rose);margin:0;line-height:1.1}
.lsc-sub{color:var(--lsc-muted);font-size:14px;margin:2px 0 14px}
.lsc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.lsc-grid{grid-template-columns:1fr}}
.lsc-card{background:var(--lsc-surface);border-radius:16px;overflow:hidden;border:1px solid var(--lsc-line);display:flex;flex-direction:column;min-width:0}
.lsc-ph{aspect-ratio:2/1;overflow:hidden;max-width:100%;background:var(--lsc-blush)}
.lsc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.lsc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.lsc-body h3{font-family:var(--lsc-serif);font-weight:600;font-size:22px;line-height:1.15;margin:0;color:var(--lsc-plum);text-wrap:balance}
.lsc-body p{margin:0;color:var(--lsc-muted);font-size:14px}
.lsc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.lsc-price{font-family:var(--lsc-serif);font-size:26px;font-weight:600;color:var(--lsc-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.lsc-price small{font-size:15px;margin-right:2px}
.lsc-de{display:block;font-size:14px;font-weight:500;color:var(--lsc-muted);line-height:1}
.lsc-add{font:500 14px var(--lsc-sans);border-radius:999px;padding:8px 14px;border:1px solid var(--lsc-rose);background:transparent;color:var(--lsc-rose);cursor:pointer;white-space:nowrap}
.lsc-add[aria-pressed="true"]{background:var(--lsc-rose);color:var(--lsc-surface)}
.lsc-badge{align-self:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lsc-gold);border:1px solid var(--lsc-gold);border-radius:999px;padding:2px 9px}

.lsc-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px;text-align:center}
.lsc-pillars div{padding:14px 6px;border-top:1px solid var(--lsc-gold)}
.lsc-pillars svg{width:26px;height:26px;stroke:var(--lsc-gold);fill:none;stroke-width:1.4}
.lsc-pillars b{display:block;font-family:var(--lsc-serif);font-size:17px;color:var(--lsc-plum);font-weight:600}
.lsc-pillars span{font-size:12.5px;color:var(--lsc-muted)}
.lsc-closing{font-family:var(--lsc-script);font-size:34px;color:var(--lsc-rose);text-align:center;margin:30px 0 0;line-height:1.2}
.lsc-note{font-size:12.5px;color:var(--lsc-muted);text-align:center;margin-top:10px}

.lsc-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--lsc-plum);color:var(--lsc-bg);
  padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s ease}
.lsc-bar.lsc-on{transform:none}
.lsc-sum{min-width:0}
.lsc-sum b{font-family:var(--lsc-serif);font-size:22px;font-variant-numeric:tabular-nums}
.lsc-sum span{display:block;font-size:12.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lsc-bar a{flex:none;background:var(--lsc-gold);color:#2a1720;text-decoration:none;font-weight:600;border-radius:999px;padding:11px 18px;font-size:14px}
@media (prefers-reduced-motion:reduce){.lsc-bar{transition:none}}

/* ===== Páginas do PDF (formato 4:5, ótimo no celular) — montadas fora da tela ===== */
.lsc-pdf-root{position:fixed;left:-20000px;top:0;width:1080px;pointer-events:none}
.lsc-page{width:1080px;height:1350px;position:relative;overflow:hidden;background:#fbf1f3;color:#3a1c2a;font-family:var(--lsc-sans);
  padding:70px 80px;display:flex;flex-direction:column;
  background-image:radial-gradient(ellipse 900px 520px at 100% 0%,#f6d9e1 0%,rgba(246,217,225,0) 70%),radial-gradient(ellipse 700px 500px at 0% 100%,#f3dde3 0%,rgba(243,221,227,0) 70%)}
.lsc-page::after{content:"";position:absolute;inset:26px;border:2px solid rgba(168,120,58,.45);border-radius:28px;pointer-events:none}
.lsc-p-logo{font-family:var(--lsc-script);color:#a8783a;font-size:170px;line-height:1;text-align:center;margin:10px 0 0}
.lsc-p-tag{font-family:var(--lsc-serif);font-style:italic;font-size:40px;color:#4a1f33;text-align:center;margin-top:6px}
.lsc-p-kick{font-size:24px;letter-spacing:.42em;text-transform:uppercase;color:#8a6474;text-align:center;margin-top:24px}
.lsc-p-hero{margin:50px auto 0;width:920px;height:420px;border-radius:460px 460px 34px 34px;overflow:hidden;border:3px solid #fff;background:#f3d3db center/cover no-repeat}
.lsc-p-cta{margin:auto auto 0;flex:none;background:#4a1f33;color:#fbf1f3;border-radius:999px;padding:26px 54px;font-size:34px;font-weight:500;display:flex;align-items:center;gap:18px}
.lsc-p-cta i{font-style:normal;color:#e7c48d}
.lsc-p-num{font-size:30px;color:#4a1f33;text-align:center;margin-top:16px;font-variant-numeric:tabular-nums}
.lsc-p-h{font-family:var(--lsc-script);color:#c9577a;font-size:120px;line-height:1;margin:0}
.lsc-p-sub{font-size:28px;color:#8a6474;margin-top:4px}
.lsc-p-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;flex:1;min-height:0;align-content:center}
.lsc-p-item{display:flex;flex-direction:column;background:#fff;border-radius:30px;overflow:hidden;border:2px solid #ecd5dc;min-width:0}
/* foto como fundo recortado: no formato das fotos (2,2 : 1), sem esticar */
.lsc-p-img{aspect-ratio:2.2/1;flex:none;background:#f3d3db center/cover no-repeat}
.lsc-p-info{padding:24px 28px 28px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.lsc-p-info b{font-family:var(--lsc-serif);font-weight:600;font-size:40px;line-height:1.05;color:#4a1f33}
.lsc-p-info span{font-size:25px;color:#8a6474;line-height:1.35}
.lsc-p-badge{align-self:flex-start;font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:#a8783a;border:2px solid #a8783a;border-radius:999px;padding:3px 14px}
.lsc-p-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;gap:16px}
.lsc-p-price{font-family:var(--lsc-serif);font-weight:600;font-size:60px;color:#a8783a;line-height:1;font-variant-numeric:tabular-nums}
.lsc-p-price small{font-size:30px;margin-right:4px}
.lsc-p-price s{display:block;font-size:26px;font-weight:500;color:#8a6474;margin-bottom:6px}
.lsc-p-book{font-size:22px;font-weight:500;color:#c9577a;border:2px solid #c9577a;border-radius:999px;padding:8px 20px;white-space:nowrap}
.lsc-p-pill{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;text-align:center}
.lsc-p-pill div{border-top:2px solid #a8783a;padding-top:30px}
.lsc-p-pill svg{width:60px;height:60px;stroke:#a8783a;fill:none;stroke-width:1.3}
.lsc-p-pill b{display:block;font-family:var(--lsc-serif);font-size:40px;color:#4a1f33;font-weight:600;margin-top:10px}
.lsc-p-pill span{font-size:24px;color:#8a6474}
.lsc-p-close{font-family:var(--lsc-script);font-size:96px;color:#c9577a;text-align:center;line-height:1.15;margin-top:70px}
.lsc-p-small{font-size:22px;color:#8a6474;text-align:center;margin-top:20px}
.lsc-p-pg{position:absolute;right:70px;bottom:44px;font-size:20px;color:#b9a0aa;letter-spacing:.2em}
.lsc-p-cta.lsc-p-mini{margin-top:36px;font-size:28px;padding:20px 44px}