/* =========================================================
   Информационни страници от брошурите на фондацията.
   Текстът е от брошурите; иконите и графиките са от официалната
   библиотека IB_broshuri_ikonki (не изрезки от PDF-ите).
   ========================================================= */

.b-hero{padding-top:clamp(1.2rem,3vw,2rem);padding-bottom:clamp(2rem,4vw,3rem)}
.b-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.b-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);max-width:16ch}
.b-hero .lede{margin-top:1.3rem;font-size:1.1rem;color:var(--muted);max-width:50ch}
.b-hero .cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.b-hero .art{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:clamp(1rem,2.5vw,1.8rem);box-shadow:0 30px 70px -45px rgba(107,46,158,.55)}
.b-hero .art img{width:100%;height:auto;display:block;border-radius:18px}
.b-hero .art.photo{padding:0;overflow:hidden}
.b-hero .art.photo img{border-radius:0;aspect-ratio:4/3;object-fit:cover}

/* заглавие на раздел */
.b-title{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:1.4rem}
.b-title h2{font-size:clamp(1.5rem,2.8vw,2.1rem);max-width:24ch}
.b-title .sub{font-family:Unbounded,sans-serif;font-weight:400;color:var(--pink);font-size:1.05rem;letter-spacing:-.02em}

/* обикновен текст */
.b-prose{color:var(--muted);max-width:66ch}
.b-prose p+p{margin-top:.9rem}
.b-prose strong,.b-prose b{color:var(--plum);font-weight:500}
.b-prose ul{margin:.8rem 0 0;padding-left:1.2rem}
.b-prose li{margin:.35rem 0}
.b-prose li::marker{color:var(--pink)}
.b-lead{font-size:1.08rem;color:var(--plum);max-width:64ch}

/* списък с икони */
.icon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.6rem}
.icon-list.one{grid-template-columns:1fr}
.icon-list.three{grid-template-columns:repeat(3,1fr)}
.icon-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.3rem 1.4rem;
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:1.1rem;align-items:start}
.icon-item img{width:64px;height:64px;object-fit:contain}
.icon-item.lg{grid-template-columns:88px minmax(0,1fr)}
.icon-item.lg img{width:88px;height:88px}
.icon-item h3{font-size:1.02rem;line-height:1.3}
.icon-item p{font-size:.95rem;color:var(--muted);margin-top:.45rem}
.icon-item ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:.95rem;color:var(--muted)}
.icon-item li{margin:.25rem 0}
.icon-item li::marker{color:var(--pink)}
.icon-item.compact{padding:.9rem 1.1rem;grid-template-columns:48px minmax(0,1fr);gap:.9rem;align-items:center}
.icon-item.compact img{width:48px;height:48px}
.icon-item.compact h3{font-size:.98rem;font-weight:400;color:var(--plum)}

/* стъпки */
.b-steps{display:grid;gap:1rem;margin-top:1.6rem}
.b-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.4rem 1.5rem;
  display:grid;grid-template-columns:auto minmax(0,1fr) 96px;gap:1.2rem 1.4rem;align-items:start}
.b-step .n{font-family:Unbounded,sans-serif;font-size:1.6rem;line-height:1;color:var(--pink);letter-spacing:-.03em;min-width:2.2ch}
.b-step h3{font-size:1.12rem}
.b-step h4{font-size:.95rem;color:var(--violet);margin-top:.9rem}
.b-step p{color:var(--muted);font-size:.97rem;margin-top:.4rem}
.b-step img{width:96px;height:96px;object-fit:contain;justify-self:end}
.b-step.noimg{grid-template-columns:auto minmax(0,1fr)}

/* големи фигури (диаграми, илюстрации) */
.b-figure{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:clamp(1rem,2.5vw,1.8rem);margin-top:1.6rem}
.b-figure img{width:100%;height:auto;display:block}
.b-figure figcaption{font-size:.9rem;color:var(--muted);margin-top:.8rem;text-align:center}
.b-figure.narrow{max-width:720px}
.b-figs{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.6rem}
.b-figs .b-figure{margin-top:0}

/* панел с бележка/призив */
.b-callout{background:var(--pink-soft);border-radius:var(--radius-md);padding:1.4rem 1.6rem;color:#7C0F42;margin-top:1.6rem}
.b-callout b{font-weight:500}
.b-callout.violet{background:var(--lilac);color:var(--violet-deep)}

/* кръгли значки (начин на живот) */
.badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.6rem}
.badges img{width:150px;height:150px;object-fit:contain}

/* икони с надпис отдолу */
.capgrid{display:grid;gap:1rem;margin-top:1.6rem}
.capgrid.five{grid-template-columns:repeat(5,1fr)}
.capgrid.two{grid-template-columns:repeat(2,1fr)}
.capgrid figure{margin:0;text-align:center}
.capgrid img{width:100%;max-width:150px;height:auto;margin:0 auto}
.capgrid.two img{max-width:260px}
.capgrid figcaption{font-size:.92rem;color:var(--plum);margin-top:.6rem;line-height:1.35}
.capgrid figcaption b{display:block;color:var(--pink);font-weight:600;font-size:1.05rem;margin-top:.15rem}
.gauge-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem}
.gauge-card h3{font-size:1.05rem;text-align:center}

/* яйцеклетки по възраст */
.eggs-age{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.6rem}
.eggs-age .ea{background:#fff;border:1.5px solid var(--violet);border-radius:var(--radius-md);padding:1.2rem 1.4rem;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center}
.eggs-age .who{width:72px;height:72px;object-fit:contain}
.eggs-age .ov{width:130px;height:130px;object-fit:contain}
.eggs-age b{display:block;font-weight:600;color:var(--pink);font-size:1.15rem;text-transform:uppercase;line-height:1.2}
.eggs-age span{display:block;color:var(--violet);font-weight:500;margin-top:.3rem;text-transform:uppercase;font-size:.95rem}

/* статистика с голямо число */
.stat-fig{text-align:center}
.stat-fig img{max-width:320px;margin:0 auto}
.bignum{font-family:Unbounded,sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;color:var(--pink);line-height:1.1;margin-top:.6rem}
.bignum small{display:block;font-family:Onest,sans-serif;font-size:.95rem;color:var(--violet);letter-spacing:0;margin-top:.2rem}

/* възраст на майката */
.age-stat{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:1.6rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem}
.age-stat>img{width:150px;height:150px;object-fit:contain}
.age-stat ul{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.age-stat li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}
.age-stat p{color:var(--muted);font-size:.97rem}
.age-stat p b{color:var(--violet);font-weight:500;font-style:italic}
.hex{font-family:Unbounded,sans-serif;font-size:1.25rem;color:var(--pink);letter-spacing:-.03em;text-align:center;min-width:5.2rem;
  border:2px solid var(--violet);border-radius:16px;padding:.45rem .6rem;line-height:1.1}
.hex small{display:block;font-family:Onest,sans-serif;font-size:.68rem;color:var(--violet);letter-spacing:0;text-transform:uppercase}

/* въпроси и отговори */
.b-faq{margin-top:1.4rem}
.b-faq details{border-bottom:1px solid var(--line)}
.b-faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.9rem 0;font-weight:500;color:var(--plum)}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary img{width:44px;height:44px;object-fit:contain}
.b-faq summary::after{content:"+";color:var(--violet);font-size:1.3rem;line-height:1}
.b-faq details[open] summary::after{content:"–"}
.b-faq .a{padding:0 0 1.1rem 3.4rem;color:var(--muted);max-width:66ch}

/* речник */
.glossary{columns:2;column-gap:2.5rem;margin-top:1.4rem}
.glossary dl{margin:0}
.glossary div{break-inside:avoid;padding:.8rem 0;border-bottom:1px solid var(--line)}
.glossary dt{font-weight:500;color:var(--plum)}
.glossary dd{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}
.glossary-az{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1.2rem}
.glossary-az a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;color:var(--muted)}
.glossary-az a:hover{border-color:var(--pink);color:var(--pink)}

/* източник */
.b-source{margin-top:2.5rem;padding:1.2rem 1.4rem;border:1px dashed var(--line);border-radius:var(--radius-md);font-size:.9rem;color:var(--muted);
  display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.b-source img{height:44px;width:auto}
.b-source a{color:var(--violet)}

/* навигация между брошурите */
.b-related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}

@media (max-width:1000px){
  .b-hero-grid{grid-template-columns:1fr}
  .icon-list,.icon-list.three,.b-figs,.b-related{grid-template-columns:1fr}
  .b-step{grid-template-columns:auto minmax(0,1fr)}
  .b-step img{grid-column:2;justify-self:start;width:72px;height:72px}
  .glossary{columns:1}
  .capgrid.five{grid-template-columns:repeat(3,1fr)}
  .eggs-age,.age-stat{grid-template-columns:1fr}
  .age-stat>img{margin:0 auto}
}