/* =========================================================================
   promo.psgewinn.de — дополнения к style.css основного сайта.
   Только компоненты лендинга (префикс p-), токены — из style.css.
   ========================================================================= */

/* ---------- Hero ------------------------------------------------------- */
/* picture внутри фона — явный слой на всю площадь */
.hero__media picture{position:absolute;inset:0;display:block}
.p-hero .hero__media img{object-position:center 45%}
.p-hero .hero__inner{min-height:clamp(480px,66vh,640px)}

.p-chip__count{display:flex;align-items:baseline;gap:.4rem;margin:-.1rem 0 .7rem;
  padding:.55rem .75rem;border-radius:var(--r-md);background:var(--cream-100);
  font-size:var(--fs-sm);color:var(--ink-soft)}
.p-chip__count strong{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;
  color:var(--red-700);line-height:1}

/* ---------- Block 1 · Schritte ---------------------------------------- */
.p-split{align-items:center}
.p-steps{list-style:none;padding:0;margin-top:2rem;display:grid;gap:1.4rem}
.p-step{display:grid;grid-template-columns:48px 1fr;gap:1.1rem;align-items:start;position:relative}
.p-step .step__num{margin-bottom:0}
/* соединительная линия между номерами */
.p-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:54px;bottom:-1.25rem;
  width:2px;background:var(--border-strong)}

/* ---------- Block 2 · Foto-Band --------------------------------------- */
.p-band{position:relative;overflow:hidden;isolation:isolate;background:var(--green-700);color:#fff}
.p-band__media{position:absolute;inset:0;z-index:-1}
.p-band__media picture{position:absolute;inset:0;display:block}
.p-band__media img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.p-band__media::after{content:"";position:absolute;inset:0;background:
    linear-gradient(95deg,rgba(22,52,38,.94) 0%,rgba(22,52,38,.82) 45%,rgba(22,52,38,.5) 100%)}
.p-band__inner{padding-block:clamp(3.5rem,8vw,6rem)}
.p-band__head{margin-bottom:clamp(2rem,4vw,3rem)}
.p-band__head h2{color:#fff}
.p-band__head p{color:rgba(255,255,255,.88)}
.p-band .eyebrow{color:var(--brass-soft)}
.p-band .eyebrow .icon{color:var(--brass-soft)}
.p-band__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:56rem}
.p-band__stat{display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.4rem;
  border-radius:var(--r-lg);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(4px)}
.p-band__value{font-family:var(--font-display);font-weight:800;font-size:var(--fs-2xl);line-height:1;color:#fff}
.p-band__label{font-size:var(--fs-sm);color:rgba(255,255,255,.85);font-weight:500}

/* карточки проектов наезжают на фото-полосу */
.p-projects{padding-top:0}
.p-projects .grid{margin-top:clamp(-2.5rem,-4vw,-1.5rem);position:relative;z-index:1}

/* ---------- Block 3 · Fair & sicher ----------------------------------- */
.p-card-title{font-size:var(--fs-md)}
.p-fair__help{display:flex;gap:.75rem;align-items:flex-start;max-width:52rem;margin:2rem auto 0;
  padding:1rem 1.25rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);
  font-size:var(--fs-sm);color:var(--ink-soft)}
.p-fair__help .icon{flex:none;width:1.25em;height:1.25em;margin-top:.15rem;color:var(--red-700)}
.p-fair__help a{color:var(--red-700);font-weight:600}

/* ---------- Responsive ------------------------------------------------- */
@media (max-width:880px){
  .p-band__stats{grid-template-columns:1fr 1fr}
  .p-band__media::after{background:rgba(22,52,38,.86)}
}
@media (max-width:560px){
  .p-band__stats{grid-template-columns:1fr}
  .p-hero .hero__actions .btn{flex:1 1 100%}
}

/* CTA-Band: Textblock darf schrumpfen, sonst bricht die Zeile auf Desktop um */
.p-cta__text{flex:1 1 20rem;min-width:0}
@media (max-width:880px){ .p-cta__text{flex:none} }