#haa-firsts{--f-ink:#31104f;--f-pink:#ef5f8e;--f-body:#536079;--f-border:#efe1e8;background:#fff;color:var(--f-body)}
#haa-firsts *{box-sizing:border-box}
#haa-firsts a{text-decoration:none}
#haa-firsts svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#haa-firsts .haa-v2-container,.haa-firsts-header .haa-v2-container{width:min(1024px,calc(100% - 40px))!important;max-width:1024px!important;margin-left:auto!important;margin-right:auto!important}

.haa-firsts-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid #f1e7ed;backdrop-filter:blur(10px)}
.haa-firsts-header-row{display:grid;grid-template-columns:190px 1fr 245px;gap:20px;align-items:center;min-height:74px}
.haa-firsts-brand img{display:block;width:170px;height:auto}
.haa-firsts-nav{display:flex;align-items:center;justify-content:center;gap:24px}
.haa-firsts-nav a{display:inline-flex;align-items:center;gap:6px;color:#342047;font-size:14px;font-weight:700;white-space:nowrap;padding:10px 0}
.haa-firsts-nav a svg{width:17px;height:17px}
.haa-firsts-nav a.active{padding:10px 20px;background:linear-gradient(90deg,#f46f9b,#ef5e8d);color:#fff;border-radius:999px;box-shadow:0 9px 18px rgba(239,94,141,.22)}
.haa-firsts-search{height:42px;border-radius:999px;background:#fff7fa;border:1px solid #f0e1e9;display:grid;grid-template-columns:26px 1fr;align-items:center;padding:0 14px}
.haa-firsts-search span{display:grid;place-items:center;color:#4b4b76}.haa-firsts-search svg{width:18px;height:18px}
.haa-firsts-search input{border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;width:100%;font-size:13px;color:#4c506a}

.haa-firsts-breadcrumb{display:flex;align-items:center;gap:8px;padding:18px 0 14px;font-size:13px;color:#777f97}
.haa-firsts-breadcrumb a{color:#61718d}.haa-firsts-breadcrumb strong{color:#a42469}

.haa-firsts-hero-grid{display:grid;grid-template-columns:46% 54%;min-height:432px;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,#fff 0,#fff9fb 52%,#fff 100%);border:1px solid #f2e3e9;box-shadow:0 14px 34px rgba(72,48,83,.06)}
.haa-firsts-hero-copy{padding:40px 24px 36px 30px;display:flex;flex-direction:column;justify-content:center}
.haa-firsts-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;border-radius:999px;background:#fff0f4;color:#8d355d;padding:8px 13px;font-size:15px;font-weight:800;margin-bottom:13px}
.haa-firsts-kicker svg{width:18px;height:18px;color:#f2668e}
.haa-firsts-hero h1{margin:0;color:var(--f-ink);font-size:57px;line-height:.98;letter-spacing:-2.2px}
.haa-firsts-hero h2{margin:13px 0 9px;color:#35204e;font-size:20px;line-height:1.35}
.haa-firsts-hero p{margin:0;max-width:610px;color:#54617a;font-size:15px;line-height:1.62}
.haa-firsts-hero-btn{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:22px;padding:14px 22px;border-radius:999px;background:linear-gradient(90deg,#f46b97,#ef5e89);color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 20px rgba(240,95,141,.22)}
.haa-firsts-hero-btn svg{width:18px;height:18px}
.haa-firsts-hero-media{position:relative;min-height:432px;overflow:hidden;background:#f8ede7}
.haa-firsts-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%}
.haa-firsts-handnote{position:absolute;left:20px;top:58px;color:#f15d8e;font-family:Georgia,serif;font-size:25px;line-height:1.23;font-style:italic;transform:rotate(-4deg);text-align:center;text-shadow:0 1px 0 #fff}
.haa-firsts-handnote span{display:block;margin-top:4px}
.haa-firsts-cloud{position:absolute;right:18px;bottom:24px;width:150px;min-height:145px;padding:18px;border-radius:45% 55% 49% 51% / 48% 45% 55% 52%;background:#ffe7f1;color:#3c2951;font-size:15px;line-height:1.28;font-weight:800;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(120,80,105,.12)}
.haa-firsts-cloud span{color:#f0628b;font-size:18px}

.haa-firsts-shortcuts{padding:18px 0 14px}
.haa-firsts-shortcut-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:12px}
.haa-firsts-shortcut{text-align:center;color:#37254f}
.haa-firsts-shortcut span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;transition:.2s transform,.2s box-shadow}
.haa-firsts-shortcut:hover span{transform:translateY(-3px);box-shadow:0 10px 20px rgba(75,51,89,.1)}
.haa-firsts-shortcut svg{width:34px;height:34px}.haa-firsts-shortcut strong{display:block;font-size:12.5px;line-height:1.25}
.haa-firsts-shortcut.s1 span,.haa-firsts-shortcut.s6 span{background:#ffeaf2;color:#ee7194}
.haa-firsts-shortcut.s2 span,.haa-firsts-shortcut.s8 span{background:#efe9ff;color:#8268df}
.haa-firsts-shortcut.s3 span,.haa-firsts-shortcut.s5 span{background:#e3f9f2;color:#48b399}
.haa-firsts-shortcut.s4 span,.haa-firsts-shortcut.s7 span{background:#fff2df;color:#e29c31}
.haa-firsts-shortcut.s9 span{background:#eaf3ff;color:#5a8fdf}

.haa-firsts-highlight{padding:8px 0 18px}
.haa-firsts-highlight-grid{display:grid;grid-template-columns:1.15fr .84fr .88fr;gap:14px}
.haa-firsts-highlight-grid article{min-height:278px;border-radius:21px;overflow:hidden;border:1px solid #f0e5ea;box-shadow:0 12px 28px rgba(82,57,95,.06)}
.haa-firsts-sleep-card{display:grid;grid-template-columns:62% 38%;background:#f8efeb}
.haa-firsts-sleep-photo{height:100%;min-height:278px;overflow:hidden}
.haa-firsts-sleep-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center}
.haa-firsts-sleep-copy{display:flex;flex-direction:column;justify-content:center;padding:18px 18px 18px 6px;color:#38234f;font-size:24px;line-height:1.2;font-weight:800}
.haa-firsts-sleep-copy span{display:block;color:#ef6a8e;margin-top:8px}

.haa-firsts-why-card{padding:22px;background:linear-gradient(160deg,#fff0f6,#fff)}
.haa-firsts-why-card h2{margin:0 0 14px;color:#7c245e;font-size:23px;line-height:1.14}
.haa-firsts-why-card ul{list-style:none;padding:0;margin:0}
.haa-firsts-why-card li{display:flex;align-items:center;gap:10px;padding:7px 0;color:#4a4563;font-size:13px;line-height:1.35}
.haa-firsts-why-card li span{width:30px;height:30px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(75,51,84,.06);color:#ef668a;flex:0 0 30px}
.haa-firsts-why-card li svg{width:18px;height:18px}
.haa-firsts-why-card>a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,#f46a94,#ed5e88);color:#fff;font-size:13px;font-weight:800}
.haa-firsts-why-card>a svg{width:16px;height:16px}

.haa-firsts-mother-card{position:relative;background:linear-gradient(150deg,#fff4f6,#fff)}
.haa-firsts-mother-card img{position:absolute;right:0;bottom:0;width:73%;height:100%;object-fit:contain;object-position:right bottom;display:block}
.haa-firsts-mother-quote{position:absolute;left:17px;top:78px;color:#35224c;font-size:22px;line-height:1.28;font-weight:700;font-style:italic;z-index:2}
.haa-firsts-mother-card>span{position:absolute;left:26px;bottom:28px;color:#f06b90;font-size:24px;z-index:2}

.haa-firsts-timeline{padding:4px 0 18px}
.haa-firsts-section-title{text-align:center;margin-bottom:14px}
.haa-firsts-section-title h2{margin:0;color:#8b2766;font-size:28px;line-height:1.18}
.haa-firsts-section-title p{margin:5px 0 0;color:#696c8c;font-size:13px}
.haa-firsts-time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.haa-firsts-time-card{min-height:220px;border-radius:18px;padding:12px 12px 13px;text-align:center;border:1px solid #efe4ea;display:flex;flex-direction:column;align-items:center;box-shadow:0 9px 24px rgba(77,56,88,.05);cursor:pointer;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.haa-firsts-time-photo{width:100%;height:105px;border-radius:14px;overflow:hidden;margin-bottom:10px;background:#fff}
.haa-firsts-time-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.haa-firsts-time-card h3{margin:0 0 4px;color:#35234f;font-size:16px;line-height:1.18}
.haa-firsts-time-card strong{font-size:14px;font-weight:800}
.haa-firsts-time-arrow{margin-top:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff}
.haa-firsts-time-arrow svg{width:16px;height:16px}
.haa-firsts-time-card.m1{background:#fff0f5}.haa-firsts-time-card.m1 strong{color:#cf3680}.haa-firsts-time-card.m1 .haa-firsts-time-arrow{background:#ef4f82}
.haa-firsts-time-card.m2{background:#f2edff}.haa-firsts-time-card.m2 strong{color:#7552dc}.haa-firsts-time-card.m2 .haa-firsts-time-arrow{background:#7456dd}
.haa-firsts-time-card.m3{background:#e9fbf6}.haa-firsts-time-card.m3 strong{color:#149a75}.haa-firsts-time-card.m3 .haa-firsts-time-arrow{background:#1eaa82}
.haa-firsts-time-card.m4{background:#fff4df}.haa-firsts-time-card.m4 strong{color:#dc851c}.haa-firsts-time-card.m4 .haa-firsts-time-arrow{background:#e8911e}
.haa-firsts-time-card.m5{background:#eaf3ff}.haa-firsts-time-card.m5 strong{color:#417fd5}.haa-firsts-time-card.m5 .haa-firsts-time-arrow{background:#4f87dc}

.haa-firsts-time-card:hover,.haa-firsts-time-card.is-open{transform:translateY(-4px);box-shadow:0 16px 28px rgba(77,56,88,.09)}
.haa-firsts-time-card.is-open{border-color:#edb9ce}
.haa-firsts-time-card.is-open .haa-firsts-time-arrow{box-shadow:0 0 0 4px rgba(240,95,141,.12)}

.haa-firsts-lower{padding:0 0 18px}
.haa-firsts-lower-grid{display:grid;grid-template-columns:1.22fr .9fr .95fr;gap:12px}
.haa-firsts-lower-grid article{height:160px;border-radius:18px;overflow:hidden;border:1px solid #efe4ea;box-shadow:0 10px 24px rgba(74,51,83,.05)}
.haa-firsts-expert-card{display:grid;grid-template-columns:1fr 150px;background:linear-gradient(160deg,#fff0f5,#fff)}
.haa-firsts-expert-copy{padding:18px}.haa-firsts-expert-title{display:flex;align-items:center;gap:8px}
.haa-firsts-expert-title span{width:28px;height:28px;display:grid;place-items:center;color:#f2ac2f}.haa-firsts-expert-title svg{width:22px;height:22px}
.haa-firsts-expert-title h2{margin:0;color:#8d2865;font-size:20px}
.haa-firsts-expert-copy p{margin:10px 0 13px;font-size:13px;line-height:1.45;color:#5e6780}
.haa-firsts-expert-copy a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#f05f8b;color:#fff;padding:10px 15px;font-size:12px;font-weight:800}
.haa-firsts-expert-copy a svg{width:15px;height:15px}
.haa-firsts-expert-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}

.haa-firsts-fact-card{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:18px;background:linear-gradient(160deg,#e9faf5,#fff)}
.haa-firsts-fact-card>span{width:54px;height:54px;border-radius:17px;background:#fff4c9;color:#eeb12f;display:grid;place-items:center}
.haa-firsts-fact-card>span svg{width:31px;height:31px}
.haa-firsts-fact-card h2{margin:0 0 8px;color:#3b2e57;font-size:20px}
.haa-firsts-fact-card p{margin:0;color:#58647b;font-size:12px;line-height:1.48}
.haa-firsts-fact-card i{display:block;margin-top:8px;color:#ef6e90;font-style:normal}

.haa-firsts-feet-card{position:relative;background:#fff7f2}
.haa-firsts-feet-card img{position:absolute;right:0;top:0;width:70%;height:100%;display:block;object-fit:cover;object-position:center center}
.haa-firsts-feet-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff7f3 0%,rgba(255,247,243,.98) 30%,rgba(255,247,243,.18) 62%,transparent 78%);z-index:1;pointer-events:none}
.haa-firsts-feet-card div{position:absolute;left:18px;top:43px;z-index:2;color:#342938;font-size:18px;line-height:1.2;font-weight:800}
.haa-firsts-feet-card div span{display:block;color:#f06a8d;margin-top:7px}

.haa-firsts-bottom{padding:0 0 20px}
.haa-firsts-bottom-card{position:relative;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:24px;padding:20px 28px;border-radius:22px;background:linear-gradient(90deg,#fff0f5,#fff7fb);border:1px solid #f1dfe7;box-shadow:0 12px 26px rgba(81,56,91,.06)}
.haa-firsts-bottom-card>img{width:140px;height:96px;object-fit:contain}
.haa-firsts-bottom-card h2{margin:0 0 6px;color:#8f2a66;font-size:22px}.haa-firsts-bottom-card p{margin:0;color:#636d86;font-size:14px}
.haa-firsts-bottom-card>a{display:inline-flex;align-items:center;gap:9px;padding:15px 22px;border-radius:999px;background:linear-gradient(90deg,#f46b95,#ef5d87);color:#fff;font-weight:800;font-size:15px;white-space:nowrap}
.haa-firsts-bottom-card>a svg{width:17px;height:17px}.haa-firsts-hearts{position:absolute;right:12px;bottom:12px;color:#f390ad;font-size:22px;line-height:.8}
.haa-firsts-note{padding:0 0 32px}.haa-firsts-note p{margin:0;border-top:1px solid #eee8eb;padding-top:13px;font-size:11.5px;color:#818799;line-height:1.55}

@media(max-width:1120px){
  #haa-firsts .haa-v2-container,.haa-firsts-header .haa-v2-container{width:min(100% - 32px,900px)!important;max-width:900px!important}
  .haa-firsts-header-row{grid-template-columns:180px 1fr}.haa-firsts-search{display:none}.haa-firsts-nav{justify-content:flex-end;gap:15px}
  .haa-firsts-hero-grid{grid-template-columns:1fr}.haa-firsts-hero-media{min-height:390px}
  .haa-firsts-shortcut-grid{grid-template-columns:repeat(5,1fr)}
  .haa-firsts-highlight-grid{grid-template-columns:1fr 1fr}.haa-firsts-mother-card{grid-column:1/-1;min-height:245px}
  .haa-firsts-time-grid{grid-template-columns:repeat(3,1fr)}
  .haa-firsts-lower-grid{grid-template-columns:1fr 1fr}.haa-firsts-feet-card{grid-column:1/-1}
  .haa-firsts-bottom-card{grid-template-columns:120px 1fr}.haa-firsts-bottom-card>a{grid-column:1/-1;justify-self:start}
}
@media(max-width:780px){
  #haa-firsts .haa-v2-container,.haa-firsts-header .haa-v2-container{width:min(100% - 28px,760px)!important}
  .haa-firsts-header{position:relative}.haa-firsts-header-row{display:flex;flex-wrap:wrap;padding:10px 0}.haa-firsts-brand img{width:150px}
  .haa-firsts-nav{width:100%;overflow:auto;justify-content:flex-start;gap:16px;padding-bottom:4px}.haa-firsts-nav a{white-space:nowrap;font-size:13px}.haa-firsts-nav a.active{padding:9px 16px}
  .haa-firsts-breadcrumb{padding:14px 0 10px}.haa-firsts-hero-grid{border-radius:22px}.haa-firsts-hero-copy{padding:28px 22px}
  .haa-firsts-hero h1{font-size:44px}.haa-firsts-hero h2{font-size:18px}.haa-firsts-hero p{font-size:14px}.haa-firsts-hero-media{min-height:330px}
  .haa-firsts-handnote{font-size:18px;left:10px;top:38px}.haa-firsts-cloud{width:135px;min-height:118px;font-size:12px;padding:12px}
  .haa-firsts-shortcut-grid{grid-template-columns:repeat(3,1fr)}
  .haa-firsts-highlight-grid{grid-template-columns:1fr}.haa-firsts-sleep-card,.haa-firsts-why-card,.haa-firsts-mother-card{min-height:250px}.haa-firsts-mother-card{grid-column:auto}
  .haa-firsts-time-grid{grid-template-columns:1fr 1fr}
  .haa-firsts-lower-grid{grid-template-columns:1fr}.haa-firsts-feet-card{grid-column:auto}
  .haa-firsts-bottom-card{grid-template-columns:1fr;text-align:center}.haa-firsts-bottom-card>img{margin:auto}.haa-firsts-bottom-card>a{grid-column:auto;justify-self:center}
}
@media(max-width:520px){
  .haa-firsts-hero h1{font-size:38px}.haa-firsts-shortcut-grid{grid-template-columns:repeat(2,1fr)}
  .haa-firsts-sleep-card{grid-template-columns:58% 42%}.haa-firsts-sleep-copy{font-size:19px;padding:12px}
  .haa-firsts-why-card h2{font-size:21px}.haa-firsts-mother-quote{font-size:19px}
  .haa-firsts-time-grid{grid-template-columns:1fr}.haa-firsts-expert-card{grid-template-columns:1fr 115px}
  .haa-firsts-bottom-card>a{width:100%;justify-content:center;font-size:14px}
}


/* v7.3 — Bebeğin İlkleri açılır detay alanları */
.haa-firsts-details{padding:4px 0 20px}
.haa-firsts-details-title{margin-bottom:14px}
.haa-firsts-detail-list{display:grid;gap:10px}
.haa-firsts-detail{
  border:1px solid #efe3ea;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 20px rgba(74,51,83,.045)
}
.haa-firsts-detail summary{
  list-style:none;
  display:grid;
  grid-template-columns:52px 1fr 34px;
  gap:13px;
  align-items:center;
  padding:13px 16px;
  cursor:pointer;
  user-select:none
}
.haa-firsts-detail summary::-webkit-details-marker{display:none}
.haa-firsts-detail-icon{
  width:52px;height:52px;border-radius:16px;
  display:grid;place-items:center;
  background:#fff;
  box-shadow:0 6px 14px rgba(74,51,83,.06)
}
.haa-firsts-detail-icon svg{width:28px;height:28px}
.haa-firsts-detail-summary-copy strong{
  display:block;
  color:#402050;
  font-size:16px;
  line-height:1.2
}
.haa-firsts-detail-summary-copy small{
  display:block;
  margin-top:4px;
  color:#73788f;
  font-size:12px;
  line-height:1.3
}
.haa-firsts-detail-plus{
  width:31px;height:31px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;font-size:22px;line-height:1;
  transition:transform .2s ease
}
.haa-firsts-detail[open] .haa-firsts-detail-plus{transform:rotate(45deg)}
.haa-firsts-detail-body{
  border-top:1px solid rgba(232,217,226,.8);
  padding:0 16px 16px
}
.haa-firsts-detail-intro{
  margin:14px 0 12px;
  color:#5c6680;
  font-size:13px;
  line-height:1.6
}
.haa-firsts-detail-columns{
  display:grid;
  grid-template-columns:1.08fr .96fr .96fr;
  gap:10px
}
.haa-firsts-detail-box{
  border-radius:14px;
  padding:13px 14px;
  min-height:128px
}
.haa-firsts-detail-box h3{
  margin:0 0 8px;
  color:#4a2858;
  font-size:13px;
  line-height:1.25
}
.haa-firsts-detail-box p,
.haa-firsts-detail-box li{
  color:#5d6880;
  font-size:11.5px;
  line-height:1.5
}
.haa-firsts-detail-box p{margin:0}
.haa-firsts-detail-box ul{margin:0;padding-left:18px}
.haa-firsts-detail-box li+li{margin-top:4px}
.haa-firsts-detail-box.signs{background:#fff5f8}
.haa-firsts-detail-box.support{background:#eefaf6}
.haa-firsts-detail-box.doctor{background:#f3efff}

.haa-firsts-detail.d1{background:linear-gradient(90deg,#fff7fa,#fff)}
.haa-firsts-detail.d1 .haa-firsts-detail-icon{color:#ed668d;background:#fff0f5}
.haa-firsts-detail.d1 .haa-firsts-detail-plus{background:#ef5e8a}

.haa-firsts-detail.d2{background:linear-gradient(90deg,#f8f5ff,#fff)}
.haa-firsts-detail.d2 .haa-firsts-detail-icon{color:#7d66db;background:#f0ebff}
.haa-firsts-detail.d2 .haa-firsts-detail-plus{background:#7b61dd}

.haa-firsts-detail.d3{background:linear-gradient(90deg,#f2fcf9,#fff)}
.haa-firsts-detail.d3 .haa-firsts-detail-icon{color:#3cab8d;background:#e7f8f2}
.haa-firsts-detail.d3 .haa-firsts-detail-plus{background:#2aaa83}

.haa-firsts-detail.d4{background:linear-gradient(90deg,#fffaf0,#fff)}
.haa-firsts-detail.d4 .haa-firsts-detail-icon{color:#dd982d;background:#fff3dd}
.haa-firsts-detail.d4 .haa-firsts-detail-plus{background:#e39a2d}

.haa-firsts-detail.d5{background:linear-gradient(90deg,#f2f7ff,#fff)}
.haa-firsts-detail.d5 .haa-firsts-detail-icon{color:#5c8fdd;background:#eaf3ff}
.haa-firsts-detail.d5 .haa-firsts-detail-plus{background:#5489dc}

.haa-firsts-shortcut.is-open span{
  box-shadow:0 0 0 4px rgba(240,95,141,.12),0 10px 20px rgba(75,51,89,.1);
  transform:translateY(-3px)
}
.haa-firsts-detail:target{
  scroll-margin-top:95px;
  outline:3px solid rgba(240,95,141,.12)
}

@media(max-width:780px){
  .haa-firsts-detail-columns{grid-template-columns:1fr}
  .haa-firsts-detail summary{grid-template-columns:46px 1fr 30px;padding:12px}
  .haa-firsts-detail-icon{width:46px;height:46px}
  .haa-firsts-detail-icon svg{width:24px;height:24px}
  .haa-firsts-detail-summary-copy strong{font-size:15px}
}


/* v7.4 — Başlıca İlkler kartları için kartın hemen altında özel açılır içerik */
.haa-firsts-time-card{
  border:1px solid #efe4ea;
  font:inherit;
  color:inherit;
  background:none;
}
.haa-firsts-time-card:focus-visible{
  outline:3px solid rgba(240,95,141,.2);
  outline-offset:3px;
}
.haa-firsts-timeline-panels{margin-top:12px}
.haa-firsts-timeline-panel{
  border:1px solid #eedfe7;
  border-radius:20px;
  background:linear-gradient(180deg,#fffafc,#fff);
  padding:18px;
  box-shadow:0 12px 26px rgba(76,52,86,.06)
}
.haa-firsts-timeline-panel[hidden]{display:none!important}
.haa-firsts-timeline-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:8px
}
.haa-firsts-timeline-label{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#fff0f5;
  color:#b63d69;
  font-size:11px;
  font-weight:800;
  margin-bottom:7px
}
.haa-firsts-timeline-panel-head h3{
  margin:0 0 4px;
  color:#692056;
  font-size:24px;
  line-height:1.15
}
.haa-firsts-timeline-panel-head strong{
  color:#d4477c;
  font-size:14px
}
.haa-firsts-timeline-close{
  width:34px;height:34px;
  border:0;
  border-radius:50%;
  background:#fff0f5;
  color:#b14a70;
  font-size:24px;
  line-height:1;
  cursor:pointer
}
.haa-firsts-timeline-intro{
  margin:0 0 13px;
  color:#5d6780;
  font-size:13px;
  line-height:1.6
}
.haa-firsts-timeline-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.haa-firsts-timeline-info{
  border-radius:15px;
  padding:13px 14px;
  min-height:122px
}
.haa-firsts-timeline-info.info1{background:#fff3f7}
.haa-firsts-timeline-info.info2{background:#eefaf6}
.haa-firsts-timeline-info.info3{background:#f2efff}
.haa-firsts-timeline-info h4{
  margin:0 0 7px;
  color:#482a58;
  font-size:13px;
  line-height:1.25
}
.haa-firsts-timeline-info p{
  margin:0;
  color:#5e6981;
  font-size:11.5px;
  line-height:1.5
}
.haa-firsts-timeline-note{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid #efe6eb;
  color:#7d8295;
  font-size:11px;
  line-height:1.5
}
.haa-firsts-time-card.is-open{
  transform:translateY(-4px);
  box-shadow:0 16px 28px rgba(77,56,88,.09);
  border-color:#eab9cd
}
.haa-firsts-time-card.is-open .haa-firsts-time-arrow{
  transform:rotate(90deg);
  box-shadow:0 0 0 4px rgba(240,95,141,.12)
}
.haa-firsts-time-arrow{transition:transform .18s ease,box-shadow .18s ease}

@media(max-width:780px){
  .haa-firsts-timeline-info-grid{grid-template-columns:1fr}
  .haa-firsts-timeline-panel{padding:14px}
  .haa-firsts-timeline-panel-head h3{font-size:21px}
}