*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#26222a;background:#fff7f9;line-height:1.65;font-size:17px}
a{color:#c2185b;text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:#fff;border-bottom:3px solid #c2185b;position:sticky;top:0;z-index:50}
.header-in{max-width:1140px;margin:0 auto;padding:.55rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{font-size:1.45rem;font-weight:800;color:#26222a}.logo span{color:#c2185b}.logo:hover{text-decoration:none}
.main-nav{display:flex;gap:.9rem;flex-wrap:wrap;margin-left:auto;font-size:.95rem}
.main-nav a{color:#26222a;font-weight:600}.main-nav a:hover{color:#c2185b}
.nav-toggle{display:none;background:#c2185b;color:#fff;border:0;border-radius:8px;padding:.45rem .8rem;font-weight:700;cursor:pointer}
.wrap{max-width:1140px;margin:0 auto;padding:1.2rem 1rem 2.5rem;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.8rem;align-items:start}
.hero{background:linear-gradient(135deg,#c2185b,#e91e63);color:#fff;border-radius:16px;padding:2.2rem 1.6rem;margin-bottom:1.6rem}
.hero h1{color:#fff!important;margin:.2rem 0 .6rem}.hero p{max-width:720px}
.hero .cta{display:inline-block;background:#fff;color:#c2185b;font-weight:800;border-radius:999px;padding:.6rem 1.3rem;margin-top:.6rem}
.hero .cta:hover{text-decoration:none;background:#ffe4ee}
main h1{font-size:2rem;line-height:1.25;color:#7b103c;margin:.4rem 0 .8rem}
main h2{color:#7b103c;line-height:1.3}
.crumbs{font-size:.88rem;color:#6b6470;margin-bottom:.6rem}.crumbs a{color:#6b6470}
.intro{font-size:1.05rem;color:#3d3742}
.card{background:#fff;border:1px solid #f3d7e2;border-radius:14px;padding:1.05rem 1.15rem;margin:0 0 1rem;box-shadow:0 1px 4px rgba(194,24,91,.06)}
.card h2,.card h3{margin:.1rem 0 .5rem;font-size:1.13rem;color:#7b103c}
.card .msg{white-space:pre-line;margin:.2rem 0 .8rem}
.card-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.btn{border:1px solid #c2185b;background:#fff;color:#c2185b;border-radius:999px;padding:.38rem .95rem;font-size:.88rem;font-weight:700;cursor:pointer}
.btn:hover{background:#c2185b;color:#fff}
.btn-wa{border-color:#1faa55;color:#177a3e}.btn-wa:hover{background:#1faa55;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1rem 0}
.cat-card{background:#fff;border:1px solid #f3d7e2;border-radius:14px;padding:1rem 1.1rem}
.cat-card h3{margin:.1rem 0 .4rem;font-size:1.05rem}.cat-card p{font-size:.92rem;color:#4c4653;margin:.2rem 0 .5rem}
.pagination{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:1.4rem 0}
.pagination a,.pagination span{border:1px solid #e8b7cb;background:#fff;border-radius:9px;padding:.35rem .75rem;font-weight:600;color:#26222a}
.pagination .current{background:#c2185b;color:#fff;border-color:#c2185b}
.pagination .disabled{opacity:.45}
.sidebar{background:#fff;border:1px solid #f3d7e2;border-radius:14px;padding:1rem 1.1rem;position:sticky;top:84px}
.sidebar h2{font-size:1.05rem;margin:.2rem 0 .6rem;color:#7b103c}
.sidebar ul{list-style:none;margin:0;padding:0;columns:1}
.sidebar li{margin:.28rem 0;font-size:.93rem}
.related{background:#fff;border:1px solid #f3d7e2;border-radius:14px;padding:1rem 1.2rem;margin-top:1.6rem}
.faq details{background:#fff;border:1px solid #f3d7e2;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}
.faq summary{font-weight:700;cursor:pointer;color:#7b103c}
.note{background:#fff3f7;border:1px solid #f0b9d0;border-radius:12px;padding:1rem 1.15rem;margin:1.2rem 0}
.site-footer{background:#2b1220;color:#f5dbe7;margin-top:2rem}
.footer-in{max-width:1140px;margin:0 auto;padding:2rem 1rem}
.footer-in a{color:#ffb9d2}.footer-links{columns:3;list-style:none;margin:0 0 1.2rem;padding:0}.footer-links li{margin:.25rem 0;break-inside:avoid}
#toTop{position:fixed;right:16px;bottom:16px;background:#c2185b;color:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:1.2rem;cursor:pointer;display:none;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.search-box{width:100%;padding:.8rem 1rem;font-size:1.05rem;border:2px solid #c2185b;border-radius:12px;margin:.6rem 0 1.2rem}
form .row{margin:.8rem 0}form label{font-weight:700;display:block;margin-bottom:.3rem}
form input[type=text],form input[type=email],form textarea{width:100%;padding:.65rem .8rem;border:1px solid #d9a7bd;border-radius:10px;font:inherit}
form button[type=submit]{background:#c2185b;color:#fff;border:0;border-radius:999px;padding:.65rem 1.5rem;font-weight:800;cursor:pointer}
@media(max-width:860px){.wrap{grid-template-columns:1fr}.sidebar{position:static;order:2}.sidebar ul{columns:2}.footer-links{columns:2}.nav-toggle{display:block}.main-nav{display:none;width:100%;flex-direction:column}.main-nav.open{display:flex}main h1{font-size:1.6rem}}