:root{--ink:#191919;--muted:#68646e;--paper:#fffdfb;--line:rgba(25,25,25,.11);--purple:#7553bd;--shadow:0 12px 30px rgba(50,35,75,.09)}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(145deg,#fff8f1,#f9f1ff 55%,#ebfaff);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.hero{padding:65px 0 38px}
.kicker{color:var(--purple);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero h1{margin:10px 0 14px;font:800 clamp(42px,6vw,68px)/1.05 Poppins;letter-spacing:-.05em}
.hero p{max-width:700px;margin:0;color:var(--muted);font-size:18px}
.products{padding:0 0 90px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow)}
.photo{display:block;width:100%;padding:0;border:0;background:#f7e9ef}
.photo:focus-visible,.body h2 a:focus-visible,.view-product:focus-visible{outline:3px solid #7553bd;outline-offset:3px}
.photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .2s ease}
.card:hover .photo img,.card.is-opening .photo img{transform:scale(1.025)}
.body{padding:16px}
.body h2{min-height:46px;margin:0;font:700 17px Poppins;letter-spacing:-.025em}
.price{display:block;margin:5px 0 13px;font-size:16px;font-weight:800}
.view-product{display:flex;min-height:42px;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.note{margin-top:22px;padding:18px;border-radius:20px;background:#fff4d6;color:#615839;font-size:13px}
@media(max-width:920px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wrap{width:min(100% - 20px,1180px)}.hero{padding-top:45px}.body{padding:12px}.body h2{min-height:42px;font-size:14px}.view-product{width:100%;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.photo img{transition:none}}