/*
Theme Name: Impulsa Child
Template: twentytwentyfour
Version: 1.0
*/
.kit { padding: 0; }
.kit-wrap { width: min(1100px, 92%); margin: 0 auto; }

.kit-hero { padding: 64px 0; background: #fbf7f7; }
.kit-hero__text h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.05; margin: 12px 0 10px; }
.kit-sub { font-size: 18px; opacity: .9; max-width: 52ch; }

.kit-badge { display: inline-block; padding: 8px 12px; border-radius: 999px; background: #ffffff; border: 1px solid rgba(0,0,0,.08); font-size: 14px; }

.kit-wrap { display: grid; gap: 28px; }
.kit-hero .kit-wrap { grid-template-columns: 1.1fr .9fr; align-items: center; }

.kit-price { display:flex; align-items: baseline; gap: 8px; margin: 18px 0 8px; }
.kit-price__amount { font-size: 40px; font-weight: 800; }
.kit-price__note { opacity: .7; }

.kit-btn {
  display:inline-block; padding: 14px 18px; border-radius: 12px;
  background: #c67f86; color: #fff; font-weight: 700; text-decoration: none;
}
.kit-btn:hover { filter: brightness(.95); }

.kit-trust { margin: 10px 0 0; font-size: 14px; opacity: .75; }

.kit-bullets { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 8px; }
.kit-bullets li { background: #fff; border: 1px solid rgba(0,0,0,.08); padding: 10px 12px; border-radius: 12px; }

.kit-mock img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 18px 50px rgba(0,0,0,.12); }

.kit-section { padding: 52px 0; }
.kit-section h2 { font-size: 28px; margin: 0 0 18px; }

.kit-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }
.kit-card { background:#fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; padding: 16px; }
.kit-stars { letter-spacing: 2px; opacity: .8; }
.kit-by { margin-top: 10px; font-weight: 700; opacity: .8; }

.kit-faq__item { background:#fff; border:1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 12px 14px; margin: 10px 0; }
.kit-faq__item summary { cursor:pointer; font-weight: 700; }
.kit-cta--bottom { margin-top: 18px; }

@media (max-width: 900px) {
  .kit-hero .kit-wrap { grid-template-columns: 1fr; }
  .kit-grid { grid-template-columns: 1fr; }
}
