/* V91 — dopracowanie skalowania, odstępów i kafelków */

/* HERO: pokazuj cały zespół bez obcinania. Zdjęcie płynnie skaluje się z viewportem. */
.hero__visual{min-width:0;align-self:center}
.hero-photo--real{
  width:100%;
  min-height:0!important;
  aspect-ratio:3 / 2;
  padding:0!important;
  overflow:hidden;
  background:#d8c9b9;
}
.hero-photo--real img{
  display:block;
  width:100%;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero-photo--real figcaption{
  right:clamp(10px,1.4vw,18px);
  bottom:clamp(10px,1.4vw,18px);
  left:clamp(10px,1.4vw,18px);
}

/* Nie rozciągaj hero bez potrzeby na mniejszych ekranach. */
@media (max-width:1199px){
  .hero{min-height:auto!important;padding-bottom:clamp(40px,7vw,68px)!important}
  .hero__grid{min-height:0!important;gap:clamp(28px,5vw,56px)!important}
}
@media (max-width:760px){
  .hero__grid{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .hero__content,.hero__visual{width:100%!important}
  .hero-photo--real{aspect-ratio:3 / 2!important;border-radius:22px!important}
  .hero-photo--real figcaption{font-size:11px;padding:9px 11px}
}

/* PODSTRONY PROBLEMÓW: mniej pustych pól, bez powtarzania treści z kafelków. */
.problem-hero-v79{
  padding-top:clamp(6.2rem,9vw,8.2rem)!important;
  padding-bottom:clamp(2rem,4vw,3.4rem)!important;
}
.problem-hero-v79 .container{max-width:1180px!important}
.problem-hero-v79 h1{
  margin:.45rem 0 0!important;
  font-size:clamp(2.8rem,6vw,6rem)!important;
  line-height:.98!important;
}
.problem-back-v79{margin-bottom:clamp(1rem,2vw,1.5rem)!important}
.problem-content-v79.section{
  padding-top:clamp(2.3rem,4vw,4rem)!important;
  padding-bottom:clamp(3.2rem,6vw,5.5rem)!important;
}
.problem-copy-v79{margin-bottom:clamp(1.9rem,3.5vw,3.1rem)!important}
.problem-copy-v79 p{margin-top:0!important}
.problem-section-title-v79{margin-bottom:1rem!important}
.problem-grid-v79{margin-top:1rem!important;margin-bottom:clamp(2rem,4vw,3.5rem)!important;gap:clamp(12px,1.5vw,20px)!important}
.problem-list-v79{padding:clamp(20px,2.6vw,28px)!important}
.problem-section-v80,.problem-note-v90,.problem-guidance-v79{margin-top:clamp(16px,2.4vw,24px)!important}
.problem-cta-v79{margin-top:clamp(2rem,4vw,3.8rem)!important}

/* Kafelek uzupełniający: domyka układ 3x3 zamiast pustego pola. */
.conditions-v42 .condition-card--helper-v91{
  min-width:min(390px,31vw);
  height:auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(118,96,75,.16);
  border-radius:24px;
  background:linear-gradient(145deg,#f4eadf 0%,#fffdf9 58%,#efe0cf 100%);
  box-shadow:0 14px 40px rgba(82,64,51,.07);
}
.condition-card--helper-v91>div:last-child{display:flex;flex:1;flex-direction:column;padding:24px}
.condition-card--helper-v91 .eyebrow{margin:0 0 10px;font-size:.72rem}
.condition-card--helper-v91 h3{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.08;margin:0 0 12px}
.condition-card--helper-v91 p:not(.eyebrow){color:#6d655e;line-height:1.65}
.condition-card--helper-v91 .condition-card__more-v79{display:inline-flex;margin-top:auto;text-decoration:none}
.condition-helper-art-v91{
  position:relative;
  display:grid;
  height:clamp(210px,19vw,280px);
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 50%,rgba(151,126,103,.16),transparent 56%);
}
.condition-helper-art-v91 span{
  position:absolute;
  width:42%;aspect-ratio:1;border:1px solid rgba(130,101,78,.24);border-radius:50%;
  animation:v91Orbit 8s linear infinite;
}
.condition-helper-art-v91 span:nth-child(2){width:62%;animation-duration:12s;animation-direction:reverse}
.condition-helper-art-v91 span:nth-child(3){width:82%;animation-duration:17s}
.condition-helper-art-v91 strong{
  display:grid;width:72px;height:72px;place-items:center;border-radius:50%;
  background:#987d68;color:#fff;font-size:2rem;font-weight:500;
  box-shadow:0 12px 35px rgba(83,62,48,.18);
  animation:v91Pulse 3.2s ease-in-out infinite;
}
@keyframes v91Orbit{to{transform:rotate(360deg)}}
@keyframes v91Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

/* Menu O nas: mostek nadal pozwala przejechać kursorem do prostokąta, ale menu nie zostaje przyklejone. */
.desktop-nav .about-submenu-v88{top:calc(100% + 10px)!important}
.desktop-nav .about-submenu-v88::before{top:-12px!important;height:12px!important}

@media (max-width:900px){
  .conditions-v42 .condition-card--helper-v91{min-width:min(78vw,520px)}
  .problem-hero-v79{padding-top:clamp(5.5rem,12vw,7rem)!important;padding-bottom:1.8rem!important}
  .problem-content-v79.section{padding-top:2rem!important}
}
@media (max-width:620px){
  .conditions-v42 .condition-card--helper-v91{min-width:86vw}
  .condition-helper-art-v91{height:190px}
  .condition-card--helper-v91>div:last-child{padding:20px}
  .problem-hero-v79 h1{font-size:clamp(2.55rem,12vw,4rem)!important}
  .problem-hero-v79{padding-bottom:1.5rem!important}
  .problem-content-v79.section{padding-top:1.65rem!important}
}
@media(prefers-reduced-motion:reduce){
  .condition-helper-art-v91 span,.condition-helper-art-v91 strong{animation:none!important}
}