#page-kids .kcp{ background:#fff; padding:44px 16px 16px; }
#page-kids .kcp-wrap{ max-width:1180px; margin:0 auto; }
#page-kids .kcp-head{ max-width:720px; margin:0 auto 30px; text-align:center; }
#page-kids .kcp-pill{
  display:inline-flex; align-items:center; gap:8px; padding:9px 18px; border-radius:999px;
  background:#F3EAFB !important; font-size:.82rem; font-weight:800; margin:0 0 14px;
  color:#6B3FA0 !important; -webkit-text-fill-color:#6B3FA0 !important; }
#page-kids .kcp-h{
  font-size:clamp(1.9rem,4.4vw,2.7rem); font-weight:900; line-height:1.1; margin:0 0 4px;
  color:#1E293B !important; -webkit-text-fill-color:#1E293B !important; }
#page-kids .kcp-h span{ display:block;
  color:#3F8F4E !important; -webkit-text-fill-color:#3F8F4E !important; }
#page-kids .kcp-lede{
  font-size:1.02rem; line-height:1.7; margin:14px auto 0; max-width:56ch;
  color:#55617A !important; -webkit-text-fill-color:#55617A !important; }
#page-kids .kcp-inc{
  display:inline-flex; align-items:center; gap:8px; margin:18px 0 0; padding:11px 20px;
  border-radius:16px; background:#FEF6E4 !important; font-size:.84rem; font-weight:700;
  color:#7A5A1E !important; -webkit-text-fill-color:#7A5A1E !important; }
#page-kids .kcp-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
#page-kids .kcp-card{
  border-radius:26px; overflow:hidden; border:2px solid #E7E2DA; background:#fff;
  display:flex; flex-direction:column; box-shadow:0 3px 14px rgba(30,41,59,.05);
  transition:transform .2s ease, box-shadow .2s ease; }
#page-kids .kcp-card:hover{ transform:translateY(-4px); box-shadow:0 18px 38px rgba(30,41,59,.12); }
#page-kids .kcp-vis{
  position:relative; height:196px; display:flex; align-items:center; justify-content:center;
  border-bottom:1px solid rgba(255,255,255,.7); }
#page-kids .kcp-emoji{ font-size:4.2rem; line-height:1; }
#page-kids .kcp-tag{
  display:inline-flex; align-items:center; gap:6px; margin:12px 0 0; padding:6px 13px;
  border-radius:999px; background:#fff; font-size:.72rem; font-weight:800;
  box-shadow:0 2px 8px rgba(30,41,59,.1);
  color:#3F4A5C !important; -webkit-text-fill-color:#3F4A5C !important; }
#page-kids .kcp-lock{
  position:absolute; right:14px; top:14px; padding:6px 12px; border-radius:999px;
  background:#1E293B; font-size:.7rem; font-weight:800;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-kids .kcp-body{ padding:22px; display:flex; flex-direction:column; flex:1; }
#page-kids .kcp-meta{ display:flex; justify-content:space-between; gap:10px; margin:0 0 10px; }
#page-kids .kcp-age{
  padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.85);
  border:1px solid #E7E2DA; font-size:.72rem; font-weight:800;
  color:#4B5565 !important; -webkit-text-fill-color:#4B5565 !important; }
#page-kids .kcp-type{ font-size:.72rem; font-weight:700; align-self:center;
  color:#77808F !important; -webkit-text-fill-color:#77808F !important; }
#page-kids .kcp-t{ font-size:1.2rem; font-weight:900; margin:0 0 6px;
  color:#1E293B !important; -webkit-text-fill-color:#1E293B !important; }
#page-kids .kcp-d{ font-size:.88rem; line-height:1.6; margin:0 0 16px; flex:1;
  color:#55617A !important; -webkit-text-fill-color:#55617A !important; }
#page-kids .kcp-b{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  min-height:50px; padding:14px 18px; border-radius:16px; cursor:pointer; font:inherit;
  font-size:.88rem; font-weight:800; border:0 !important;
  background:#1E293B !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  transition:background .16s ease; }
#page-kids .kcp-b:hover{ background:#6B3FA0 !important; }
#page-kids .kcp-b:focus-visible, #page-kids .kcp-cta-b:focus-visible,
#page-kids .kcp-x:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
#page-kids .kcp-sub{ margin:11px 0 0; text-align:center; font-size:.75rem; font-weight:600;
  color:#77808F !important; -webkit-text-fill-color:#77808F !important; }
#page-kids .kcp-cta{
  margin:44px 0 0; border-radius:30px; padding:38px 26px; text-align:center;
  background:linear-gradient(100deg,#F3EAFB,#FDF0F5 55%,#E9F5EA); }
#page-kids .kcp-cta-e{ font-size:2.2rem; letter-spacing:8px; }
#page-kids .kcp-cta-h{ font-size:clamp(1.4rem,3vw,1.9rem); font-weight:900; margin:14px 0 8px;
  color:#1E293B !important; -webkit-text-fill-color:#1E293B !important; }
#page-kids .kcp-cta-p{ font-size:.98rem; line-height:1.7; margin:0 auto; max-width:48ch;
  color:#55617A !important; -webkit-text-fill-color:#55617A !important; }
#page-kids .kcp-cta-b{
  margin:24px 0 0; min-height:54px; padding:16px 34px; border-radius:16px; cursor:pointer;
  font:inherit; font-size:.95rem; font-weight:800; border:0 !important;
  background:#6B3FA0 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#page-kids .kcp-cta-b:hover{ background:#5A3489 !important; }
#page-kids .kcp-note{ margin:16px auto 0; max-width:60ch; font-size:.8rem; line-height:1.65;
  padding:14px 18px; border-radius:16px; background:#FEF6E4 !important;
  color:#7A5A1E !important; -webkit-text-fill-color:#7A5A1E !important; }
#kcpSheet{ position:fixed; inset:0; z-index:9600; display:none; align-items:center;
  justify-content:center; background:rgba(15,23,42,.5); padding:16px; }
#kcpSheet.is-open{ display:flex; }
#kcpSheet .kcp-box{
  position:relative; width:100%; max-width:430px; max-height:calc(100dvh - 40px);
  overflow-y:auto; background:#fff !important; border-radius:30px; padding:30px 26px;
  text-align:center; font-family:'Nunito',system-ui,sans-serif; }
#kcpSheet .kcp-x{
  position:absolute; right:16px; top:16px; width:44px; height:44px; min-height:44px;
  border-radius:50%; cursor:pointer; font:inherit; font-size:1rem; border:0 !important;
  background:#F1F5F9 !important;
  color:#64748B !important; -webkit-text-fill-color:#64748B !important; }
#kcpSheet .kcp-face{
  width:82px; height:82px; border-radius:50%; margin:0 auto; display:flex;
  align-items:center; justify-content:center; font-size:2.6rem; background:#F3EAFB; }
@media (max-width:1020px){ #page-kids .kcp-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px){ #page-kids .kcp-grid{ grid-template-columns:1fr; } }