/* ==========================================================================
   psb-hero.css — niebieski box „Zamów konstrukcję Woodcore w sieci PSB"
   na zdjęciu punktu PSB.

   Przeniesione 1:1 z home.css (07.08.2026), bez zmiany ani jednej wartości.
   Komponent stoi na stronie głównej i pod obydwoma listingami katalogu,
   więc nie może już mieszkać w arkuszu jednej podstrony.

   Partial: app/views/partials/psb-hero.php
   ========================================================================== */
.psb2-hero{position:relative}
.psb2-photo{position:relative;height:clamp(360px,50vw,540px);overflow:hidden;background:var(--green-900)}
.psb2-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.psb2-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,43,45,.18) 0%,rgba(14,43,45,.05) 40%,rgba(14,43,45,.32) 100%)}
.psb2-space{background:var(--white);padding-bottom:clamp(40px,5vw,64px)}
.psb2-card-wrap{margin-top:clamp(-245px,-21vw,-140px);position:relative;z-index:2;transform:translateY(-110%)}
.psb2-glow{position:absolute;inset:16px;border-radius:36px;background:radial-gradient(58% 65% at 50% 38%,rgba(0,87,168,.28) 0%,rgba(0,87,168,.14) 45%,rgba(0,87,168,0) 78%);filter:blur(14px);z-index:1;pointer-events:none}
.psb2-card{position:relative;z-index:2;background:#0C3B6E;border-radius:var(--r);border:1px solid rgba(0,87,168,.15);box-shadow:0 26px 54px -20px rgba(0,0,0,.28),0 0 30px rgba(0,87,168,.18);padding:clamp(28px,3.5vw,44px)}
.psb2-card h2{color:#fff}
.psb2-card .sec-head p{color:rgba(255,255,255,.85)}
.psb2-card .sec-head{max-width:60ch}
.psb2-card .eyebrow{color:#FFC72C;display:inline-flex;align-items:center;gap:9px}
.psb2-card .eyebrow::before{background:#FFC72C}
.psb2-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,199,44,.45);padding-top:22px;margin-top:22px}
.psb2-stat{padding:0 22px;border-left:1px solid rgba(255,199,44,.45)}
.psb2-stat:first-child{padding-left:0;border-left:none}
.psb2-stat b{display:block;font-family:'Safiro',sans-serif;font-weight:600;font-size:clamp(1.35rem,1.8vw,1.6rem);color:#fff;line-height:1}
.psb2-stat span{font-size:.82rem;color:rgba(255,255,255,.78);line-height:1.4}
@media(max-width:820px){
  .psb2-photo{height:280px}
  .psb2-card-wrap{margin-top:-140px;transform:none}
  .psb2-stats{grid-template-columns:1fr 1fr;row-gap:16px}
  .psb2-stat:nth-child(even){border-left:1px solid var(--line);padding-left:22px}
}