/* Prostor — Equipment band ("Suvremena oprema za preciznu skrb").
   Wave dividers above and below smooth the cream → pine → cream
   color transition. Hero + inset composition on the right: large
   procedure-room shot with an overlapping doppler-in-use detail at
   the top-right, plus a "Centar za rane" badge at the bottom-left. */

/* Slightly tighter band padding since the waves take ~84px of
   visual space on each side. */
.photo-tour + .wave + .band{padding-top:60px}
.band:has(+ .wave + .cta-sec){padding-bottom:60px}

/* The right column needs positioning context for the inset + badge. */
.band-visual{
  position:relative;
  isolation:isolate;
}

/* Main hero image — keeps the global .band-img frame styling but the
   wrapper inherits position from .band-visual. */
.band-visual .band-img{
  position:relative;
  z-index:1;
}

/* Inset detail image (color doppler in use) — top-right overhang.
   The thick paper-tinted border separates it from the dark band bg. */
.band-inset{
  position:absolute;
  top:-26px;
  right:-30px;
  width:46%;
  z-index:2;
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--sh-md);
  border:5px solid var(--pine-deep);
  background:var(--pine-deep);
}
.band-inset img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  display:block;
}

/* Floating "Centar za rane" badge at the bottom-left of the image. */
.band-badge{
  position:absolute;
  bottom:-16px;left:20px;
  z-index:3;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:100px;
  padding:9px 18px 9px 14px;
  display:inline-flex;align-items:center;gap:9px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.78rem;font-weight:700;color:var(--pine);
  letter-spacing:.04em;
  box-shadow:var(--sh-md);
}
.band-badge-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--sage);
  box-shadow:0 0 0 4px rgba(94,155,148,.25);
}

/* Equipment bullet list — slightly larger checkmarks, tighter rhythm. */
.band .band-points li svg{
  width:20px;height:20px;
}

/* --- Responsive --- */
@media(max-width:980px){
  .band-inset{
    top:-18px;
    right:-12px;
    width:38%;
    border-width:4px;
  }
  .band-badge{
    bottom:-12px;left:12px;
    font-size:.7rem;
    padding:7px 14px 7px 11px;
  }
}
@media(max-width:680px){
  .band-visual{margin-bottom:22px}
  .band-inset{
    top:-14px;
    right:0;
    width:46%;
    border-width:3px;
  }
  .band-badge{
    bottom:-10px;left:8px;
    font-size:.66rem;
  }
}