/* ==========================================================================
   R26C — PRE/POSLE showcase section on "Izrada sajtova" (scoped to .izba*)
   Reuses the shared slider component (cs-slider.css .ba / .ba-mob) and
   site.css tokens. Slider is the dominant visual; phones are secondary proof.
   ========================================================================== */

.izba{margin-top:clamp(1.6rem,3.5vw,2.6rem)}
.izba .ba{max-width:100%;margin-inline:0}
.izba .ba__hint{margin-top:1rem;text-align:left}

/* support row: text + facts + CTA (left) · secondary mobile proof (right) */
.izba-support{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(1.6rem,4vw,3.2rem);
  align-items:center;
  margin-top:clamp(2rem,4.5vw,3rem);
}
@media (max-width:860px){.izba-support{grid-template-columns:1fr;gap:2rem}}

.izba-side h3{
  font-family:var(--font-display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.15rem,2.4vw,1.45rem);color:var(--text);
  margin:0 0 .7rem;line-height:1.1;letter-spacing:.01em;
}
.izba-side p{color:var(--text-2);font-size:.98rem;line-height:1.7;margin:0 0 1.15rem;max-width:34rem}
.izba-facts{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.62rem}
.izba-facts li{
  position:relative;padding-left:1.7rem;
  color:var(--text-2);font-size:.94rem;line-height:1.5;
}
.izba-facts li::before{
  content:"";position:absolute;left:.3rem;top:.26em;
  width:6px;height:11px;
  border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(42deg);
}
.izba-cta{display:flex;gap:.7rem;flex-wrap:wrap}

/* secondary mobile phones — deliberately small so the slider stays dominant */
.izba-mob.ba-mob{max-width:440px;margin:0;gap:clamp(.9rem,2.5vw,1.4rem);align-items:start}
.izba-mob .ba-mob__item{align-items:center;text-align:center}
.izba-mob .ba-mob__label{align-self:center}
.izba-mob .ba-mob__phone{max-width:195px;width:100%;margin-inline:auto}
@media (max-width:860px){
  .izba-mob.ba-mob{max-width:400px;margin-inline:auto}
  .izba-mob .ba-mob__phone{max-width:180px}
}
@media (max-width:420px){
  .izba-mob .ba-mob__phone{max-width:150px}
}