@layer base, house, rooms, dolls, words, ends;

@layer base {
  @font-face{font-family:"BH Display";src:url("/cradlekit/bh-display-600.woff2") format("woff2");font-weight:600;font-display:swap}
  @font-face{font-family:"BH Display";src:url("/cradlekit/bh-display-800.woff2") format("woff2");font-weight:800;font-display:swap}
  @font-face{font-family:"BH Text";src:url("/cradlekit/bh-text-400.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"BH Text";src:url("/cradlekit/bh-text-600.woff2") format("woff2");font-weight:600;font-display:swap}

  :root{
    --plum:#b2197d; --plum-deep:#8e1263; --rose:#c35e9a; --blush:#f5b6c4;
    --teal:#75c2b8; --teal-deep:#4f8785; --mist:#d3e3e6; --cream:#fdf3f7;
    --ink:#23403f; --paper:#fff; --grey:#5d6f6e; --line:#e8dbe3;
    --display:"BH Display",system-ui,sans-serif; --text:"BH Text",system-ui,sans-serif;
    --wide:1180px; --pad:clamp(14px,3.4vw,26px);
  }
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--paper);color:var(--ink);font:400 16.5px/1.62 var(--text);overflow-x:clip}
  img{max-inline-size:100%;block-size:auto;display:block}
  a{color:var(--plum-deep)}
  h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.14;margin:0 0 .45em;letter-spacing:-.005em}
  h1{font-size:clamp(28px,4.1vw,44px)}
  h2{font-size:clamp(23px,3vw,33px)}
  h3{font-size:clamp(18px,2vw,22px)}
  p{margin:0 0 1.05em}
  blockquote,figure,dl,dd{margin:0}
  .hush{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .wide{inline-size:min(100%,var(--wide));margin-inline:auto;padding-inline:var(--pad)}
  .slim{inline-size:min(100%,780px);margin-inline:auto;padding-inline:var(--pad)}
  :where(a,button,summary):focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}
}

@layer house {
  /* полоса-объявление и шапка — Adora */
  .nightlight{background:var(--mist);color:#2d4b4a;text-align:center;font-size:14px;padding:8px 16px}
  .nightlight b{font-weight:600}

  .porchlight{border-block-end:1px solid var(--line);background:var(--paper)}
  .porchlight__in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-block:14px}
  .porchlight__mark{justify-self:start;display:inline-block}
  .porchlight__mark img{inline-size:clamp(118px,17vw,174px)}
  .porchlight__stamp{justify-self:end}

  .hallway{background:var(--cream);border-block-end:1px solid var(--line)}
  .hallway__row{display:flex;flex-wrap:wrap;gap:2px 4px;padding-block:6px}
  .hallway__door{display:inline-block;padding:8px 11px;border-radius:7px;color:var(--ink);text-decoration:none;font-size:15px}
  .hallway__door:hover,.hallway__door[aria-current]{background:var(--blush);color:var(--plum-deep)}

  .pram{font-size:13.5px;color:var(--grey);padding-block:11px 0}
  .pram a{color:var(--grey);text-decoration:none}
  .pram a:hover{text-decoration:underline}
  .pram span{padding-inline:5px;opacity:.5}

  /* штамп покупки */
  .stamp{border:0;background:none;padding:0;cursor:pointer;display:inline-block;line-height:0}
  .stamp img{inline-size:auto;block-size:40px}
  .stamp--card{display:block;inline-size:100%;margin-block-start:auto}
  .stamp--card img{inline-size:100%;block-size:auto;max-inline-size:330px;margin-inline:auto}
  .stamp--big img{block-size:auto;inline-size:min(100%,360px)}
  @media (max-width:560px){.porchlight__stamp img{block-size:34px}}
}

@layer rooms {
  /* хиро 50/50 — Adora */
  .cradle{display:grid;gap:clamp(16px,3vw,34px);align-items:center;padding-block:clamp(20px,3.6vw,38px)}
  @media (min-width:860px){.cradle{grid-template-columns:1.02fr .98fr}}
  .cradle__shot{border-radius:10px;overflow:hidden;background:var(--cream)}
  .cradle__shot img{aspect-ratio:1/1;object-fit:cover;inline-size:100%}
  .cradle__panel p{color:#3a5755;font-size:17px}
  .cradle__panel .lede{font-size:clamp(17px,2vw,19.5px)}
  .pill{display:inline-block;background:var(--plum);color:#fff;text-decoration:none;font-weight:600;
        padding:12px 26px;border-radius:999px;font-size:15.5px}
  .pill:hover{background:var(--plum-deep)}

  .headcount{background:var(--cream);border-block:1px solid var(--line)}
  .headcount__in{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding-block:13px;font-size:15px;color:var(--grey)}
  .headcount b{font-family:var(--display);font-size:24px;color:var(--plum);font-weight:800}

  .ribbon{display:block;margin-block:clamp(22px,3.4vw,38px)}
  .ribbon img{inline-size:100%;border-radius:8px}

  /* полоса линеек — MGA */
  .families{background:var(--mist);padding-block:clamp(22px,3.4vw,36px);margin-block:clamp(26px,4vw,44px)}
  .families h2{text-align:center}
  .families__lede{text-align:center;color:#2d4b4a;max-inline-size:700px;margin-inline:auto}
  .families__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:13px;margin-block-start:20px}
  .families__crib{background:var(--paper);border-radius:9px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .families__crib img{aspect-ratio:16/9;object-fit:cover;inline-size:100%}
  .families__crib span{display:block;padding:9px 11px;font-size:14px;font-weight:600;color:var(--plum-deep);text-align:center}

  /* мозаика комнат и возрастов — MGA */
  .floorplan{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:14px}
  .floorplan--wide{grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}
  .tile{position:relative;display:block;border-radius:10px;overflow:hidden;text-decoration:none;background:var(--ink)}
  .tile img{aspect-ratio:4/3;object-fit:cover;inline-size:100%;opacity:.84;transition:opacity .18s,transform .18s}
  .tile:hover img{opacity:.95;transform:scale(1.03)}
  .tile__cap{position:absolute;inset-inline:0;inset-block-end:0;padding:34px 14px 12px;color:#fff;
             text-shadow:0 1px 3px rgba(20,10,22,.55);
             background:linear-gradient(transparent,rgba(20,10,22,.42) 38%,rgba(20,10,22,.9))}
  .tile__cap strong{display:block;font-family:var(--display);font-size:19px;font-weight:800}
  .tile__cap em{font-style:normal;font-size:13.5px;opacity:.9}

  .seam{margin-block:clamp(30px,4.6vw,56px)}
  .seam__head{margin-block-end:16px}
  .seam__head p{color:var(--grey);max-inline-size:760px;margin-block-end:0}

  /* блок истории — Our Generation */
  .blueprint{background:var(--cream);padding-block:clamp(26px,4vw,46px)}
  .blueprint__top{display:grid;gap:clamp(16px,3vw,32px);align-items:center}
  @media (min-width:800px){.blueprint__top{grid-template-columns:260px 1fr}}
  .blueprint__round{inline-size:min(260px,70vw);aspect-ratio:1;border-radius:50%;object-fit:cover;
                    border:7px solid var(--paper);margin-inline:auto}
  .lullaby{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px;margin-block-start:clamp(22px,3vw,34px)}
  .lullaby div{text-align:center}
  .lullaby h3{color:var(--plum);font-size:18px;margin-block-end:.3em}
  .lullaby p{font-size:14.5px;color:#4b6361;margin:0}
}

@layer dolls {
  /* сетка товаров — Adora */
  .nursery{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:clamp(14px,2vw,22px)}
  .bassinet{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
            border-radius:11px;padding:12px;text-align:center}
  .bassinet__shot{position:relative;display:block;border-radius:7px;overflow:hidden;background:var(--cream)}
  .bassinet__shot img{aspect-ratio:1/1;object-fit:contain;inline-size:100%;padding:8px}
  .bassinet__flag{position:absolute;inset-block-start:7px;inset-inline-start:7px;background:var(--teal);
                  color:#10302e;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}
  .bassinet__name{font-family:var(--text);font-weight:600;font-size:15.5px;line-height:1.35;margin:11px 0 6px}
  .bassinet__name a{color:var(--ink);text-decoration:none}
  .bassinet__name a:hover{color:var(--plum-deep);text-decoration:underline}
  .bassinet__cost{font-family:var(--display);font-weight:800;font-size:20px;color:var(--plum);margin:0 0 4px}
  .bassinet__stars{font-size:13px;color:var(--grey);margin:0 0 10px;display:flex;justify-content:center;
                   align-items:center;gap:6px;flex-wrap:wrap}
  .bassinet__gone{font-size:12.5px;color:var(--teal-deep)}
  .pips{color:#e8a33c;letter-spacing:1px;font-size:13px}

  /* карточка товара */
  .layette{display:grid;gap:clamp(18px,3vw,36px);padding-block:clamp(16px,2.4vw,26px)}
  @media (min-width:880px){.layette{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}
  .peek__main{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper)}
  .peek__main img{aspect-ratio:1/1;object-fit:contain;inline-size:100%;padding:14px}
  .peek__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:9px;margin-block-start:10px}
  .peek__thumbs img{aspect-ratio:1/1;object-fit:contain;border:1px solid var(--line);border-radius:7px;padding:5px;background:var(--paper)}
  .crier__kicker{color:var(--plum);font-weight:600;font-size:15px;margin:0 0 6px}
  .crier__cost{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-block:14px}
  .crier__cost b{font-family:var(--display);font-size:32px;color:var(--plum);font-weight:800}
  .crier__cost span{font-size:14px;color:var(--grey)}
  .crier__box{background:var(--cream);border-radius:10px;padding:15px 17px;margin-block:18px}
  .crier__box h2{font-size:19px}
  .crier__box ul{margin:0;padding-inline-start:19px}
  .crier__box li{margin-block-end:7px;font-size:15px}
  .spec{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:14.5px}
  .spec dt{color:var(--grey)}
  .spec dd{margin:0;font-weight:600}
  .notes{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
  .note{background:var(--paper);border:1px solid var(--line);border-inline-start:4px solid var(--blush);
        border-radius:9px;padding:13px 15px}
  .note p{font-size:14.5px;margin:0 0 7px}
  .note cite{font-style:normal;font-size:13px;color:var(--grey)}
  .alsohere{margin-block-start:clamp(28px,4vw,46px)}
}

@layer words {
  .roomhero{background:var(--cream);border-block-end:1px solid var(--line);padding-block:clamp(18px,2.6vw,30px)}
  .roomhero__in{display:grid;gap:clamp(14px,2.6vw,30px);align-items:center}
  @media (min-width:840px){.roomhero__in{grid-template-columns:1.1fr .9fr}}
  .roomhero img{border-radius:10px;aspect-ratio:2/1;object-fit:cover;inline-size:100%}
  .roomhero p{margin-block-end:0;font-size:17px;color:#3a5755}
  .roomtext{display:grid;gap:clamp(16px,2.6vw,30px);margin-block:clamp(26px,4vw,42px)}
  @media (min-width:840px){.roomtext{grid-template-columns:1.35fr .65fr;align-items:start}}
  .roomtext>div>h2{margin:0 0 12px}
  .roomtext p{margin:0 0 13px}
  .roomtext aside{background:var(--mist);border-radius:10px;padding:16px 18px;font-size:14.5px;color:#2d4b4a}
  .roomtext aside strong{display:block;font-family:var(--display);font-size:16px;margin-block-end:5px}

  /* отзывы */
  .babytalk{background:var(--blush);padding-block:clamp(26px,4vw,46px);margin-block:clamp(28px,4vw,48px)}
  .babytalk h2{text-align:center;color:var(--plum-deep)}
  .babytalk__lede{text-align:center;max-inline-size:720px;margin-inline:auto;color:#5a2d47}
  .babytalk__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(318px,1fr));gap:15px;margin-block-start:22px}
  .babytalk__note{background:var(--paper);border-radius:10px;padding:16px 18px}
  .babytalk__note p{font-size:15px;margin-block-end:9px}
  .babytalk__note footer{font-size:13px;color:var(--grey)}
  .babytalk__note b{display:block;font-family:var(--display);font-size:15px;color:var(--ink)}

  /* SEO-раздел */
  .longread{display:grid;gap:clamp(18px,3vw,34px);margin-block:clamp(28px,4vw,48px)}
  @media (min-width:880px){.longread{grid-template-columns:.78fr 1.22fr;align-items:start}}
  .longread img{border-radius:10px;aspect-ratio:1/1;object-fit:cover;inline-size:100%}
  .longread h2{color:var(--plum-deep)}
  .longread p{font-size:16.5px}

  /* FAQ */
  .asked{margin-block:clamp(28px,4vw,48px)}
  .asked__q{border:1px solid var(--line);border-radius:10px;margin-block-end:9px;background:var(--paper)}
  .asked__q summary{cursor:pointer;padding:14px 16px;font-family:var(--display);font-weight:800;font-size:17px;
                    list-style:none;display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
  .asked__q summary::-webkit-details-marker{display:none}
  .asked__q summary::after{content:"+";color:var(--plum);font-size:22px;line-height:1.05}
  .asked__q[open] summary::after{content:"\2013"}
  .asked__q div{padding:0 16px 14px}
  .asked__q p{margin:0;font-size:15.5px;color:#3a5755}

  .prose h2{color:var(--plum-deep);margin-block-start:1.5em}
  .prose figure{margin:0 0 20px}
  .prose figure img{border-radius:10px;inline-size:100%}
  .prose ul{padding-inline-start:20px}

  .ledger{padding-block:clamp(18px,2.6vw,30px)}
  .ledger__shot{border-radius:10px;overflow:hidden;margin-block-end:22px}
  .ledger__shot img{aspect-ratio:3/1;object-fit:cover;inline-size:100%}
  .ledger h2{font-size:21px;color:var(--plum-deep);margin-block-start:1.4em}
  .ledger address{font-style:normal;line-height:1.7}
}

@layer ends {
  /* префутер-CTA — Our Generation */
  .doorbell{position:relative;border-radius:12px;overflow:hidden;margin-block:clamp(28px,4vw,48px);background:var(--ink)}
  .doorbell img{inline-size:100%;aspect-ratio:3/1;object-fit:cover;opacity:.38}
  .doorbell__say{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;
                 text-align:center;padding:16px;color:#fff;
                 background:radial-gradient(ellipse 62% 78% at 50% 50%,rgba(26,20,30,.62),rgba(26,20,30,0) 72%)}
  .doorbell__say h2{color:#fff;margin-block-end:.35em}
  .doorbell__say p{max-inline-size:620px;font-size:15.5px;margin-block-end:16px}
  .doorbell__say .pill{background:#fff;color:var(--plum-deep)}
  @media (max-width:620px){
    .doorbell img{aspect-ratio:1/1.1}
    .doorbell__say p{font-size:14px}
  }

  /* светлый футер — Our Generation + Adora */
  .basement{background:var(--cream);border-block-start:1px solid var(--line);padding-block:clamp(26px,3.6vw,42px)}
  .basement__cols{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
  .basement h2{font-size:16px;color:var(--plum-deep);text-decoration:underline;text-underline-offset:3px;margin-block-end:12px}
  .basement ul{list-style:none;margin:0;padding:0}
  .basement li{margin-block-end:8px}
  .basement a{color:var(--ink);text-decoration:none;font-size:15px}
  .basement a:hover{color:var(--plum-deep);text-decoration:underline}
  .basement__mark img{inline-size:142px;margin-block-end:12px}
  .basement__mark p{font-size:14.5px;color:#4b6361}
  .basement address{font-style:normal;font-size:14.5px;color:#4b6361;line-height:1.65}
  .basement__rule{border:0;border-block-start:1px solid var(--line);margin-block:24px 16px}
  .basement__fine{font-size:13px;color:var(--grey);display:grid;gap:7px}
  .basement__fine p{margin:0}

  .lost{text-align:center;padding-block:clamp(30px,5vw,64px)}
  .lost img{inline-size:min(320px,72vw);border-radius:50%;margin:0 auto 22px}
}