*{box-sizing:border-box;margin:0;padding:0}
:root{--pink:#f45b8c;--pink2:#ffe4ee;--ink:#1d1d24;--mut:#6b6b78;--line:#ececf2;--bg:#fafafc;--wa:#25a35a;--wa2:#1f8f4e}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:17px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding-bottom:84px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ribbon{background:var(--ink);color:#fff;text-align:center;font-size:.76rem;white-space:nowrap;overflow:hidden;font-weight:600;padding:.45rem .8rem}
.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.1rem;background:#fff;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.05rem}
.mono{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--pink);color:#fff;font-weight:800;font-size:.85rem}
.call{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--pink2);display:grid;place-items:center;font-size:1.15rem}
main{max-width:760px;margin:0 auto}
section{padding:1.6rem 1.1rem}
h2{font-size:1.45rem;font-weight:800;margin-bottom:.9rem}
.intro{padding-top:2rem}
.hello{color:var(--pink);font-weight:700}
.intro h1{font-size:clamp(2.3rem,9vw,3.4rem);line-height:1.05;font-weight:900;letter-spacing:-.02em;margin:.3rem 0 .8rem}
.lead{color:var(--mut)}
.chips{display:flex;gap:.5rem;overflow-x:auto;margin-top:1.2rem;padding-bottom:.3rem;scrollbar-width:none}
.chips a{flex:none;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:.5rem .95rem;font-weight:700;font-size:.92rem}
.chips a:first-child{background:var(--pink);border-color:var(--pink);color:#fff}
.catalogue{display:grid;gap:1.2rem}
.pcard{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 6px 24px rgba(29,29,36,.08);scroll-margin-top:80px}
.pimg{position:relative;aspect-ratio:1/1;background:#f4f1ee}
.pimg img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:14px;left:14px;background:#fff;color:var(--pink);font-weight:800;font-size:.8rem;padding:.35rem .75rem;border-radius:99px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.badge.dark{color:var(--ink)}
.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:linear-gradient(160deg,#eceaf3,#d9d6e6)}
.mono.big{width:6.5rem;height:6.5rem;font-size:2.4rem;background:var(--ink)}
.ph1{font-size:1.35rem;font-weight:800}
.ph2{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);font-weight:700}
.pinfo{padding:1.2rem 1.2rem 1.4rem}
.pinfo h2{font-size:1.6rem;margin-bottom:.15rem}
.sub{color:var(--mut)}
.facts{list-style:none;margin:.8rem 0;display:grid;gap:.3rem}
.facts li::before{content:"✓";color:var(--wa2);font-weight:900;margin-right:.5rem}
.price{font-size:1.9rem;font-weight:900;margin:.3rem 0 .9rem}
.price small{font-size:.8rem;font-weight:700;color:var(--wa2);background:#e6f6ec;padding:.2rem .55rem;border-radius:99px;vertical-align:middle}
.btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;background:var(--wa);color:#fff;font-weight:800;font-size:1.08rem;padding:1rem;border-radius:14px}
.btn:active{transform:scale(.98)}
.note{font-size:.82rem;color:var(--mut);background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem}
.more{display:flex;align-items:center;gap:.9rem;background:var(--pink2);border-radius:18px;padding:1rem 1.1rem}
.more .big{font-size:1.8rem}.more .arrow{margin-left:auto;font-size:2rem;color:var(--pink);font-weight:900}
.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.hgrid div{background:#fff;border-radius:18px;padding:1rem .6rem;text-align:center;box-shadow:0 3px 14px rgba(29,29,36,.06)}
.ic{font-size:1.8rem;display:block;margin-bottom:.3rem}
.hgrid p{font-size:.85rem;color:var(--mut)}
details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:.55rem}
summary{cursor:pointer;list-style:none;font-weight:700;padding:1rem 2.6rem 1rem 1rem;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--pink);font-weight:900}
details[open] summary::after{content:"−"}
details p{padding:0 1rem 1rem;color:var(--mut)}
.hgrid2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.hbox{background:#fff;border-radius:18px;padding:1.1rem;display:flex;flex-direction:column;box-shadow:0 3px 14px rgba(29,29,36,.06)}
.hbox span{color:var(--mut);font-size:.9rem}.hbox b{font-size:1.3rem;margin-top:.3rem;color:var(--pink)}
.small{font-size:.8rem;color:var(--mut);margin-top:.6rem}
.cline{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;margin-bottom:.6rem}
.cline .ic{margin:0;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--pink2);display:grid;place-items:center;font-size:1.3rem}
.cline .ic.wa{background:#e6f6ec;color:var(--wa2)}
.cline small{color:var(--mut)}.cline strong{font-size:1.2rem}
.foot{text-align:center;padding:1.6rem 1rem 1.2rem;color:var(--mut);font-size:.9rem}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
.bar a{display:flex;align-items:center;justify-content:center;gap:.45rem;border-radius:14px;font-weight:800;padding:.85rem}
.bcall{flex:0 0 auto;background:var(--pink2);color:var(--ink);padding:.85rem 1rem}
.bwa{flex:1;background:var(--wa);color:#fff;font-size:.95rem;white-space:nowrap}
@media (min-width:720px){.catalogue{grid-template-columns:1fr 1fr}.catalogue .note,.catalogue .more{grid-column:1/-1}.bar{max-width:520px;left:50%;transform:translateX(-50%);border-radius:18px 18px 0 0}}
@media (max-width:360px){.hgrid{grid-template-columns:1fr}.hgrid2{grid-template-columns:1fr}}