/* SŁOWIK DIGITAL — UNIFIED LAYOUT v1.0
   Jeden grid całej strony:
   desktop: max 1380 px / 24 px marginesu,
   mobile: 16 px marginesu.
*/

:root{
  --sd-site-max:1380px;
  --sd-site-gutter:48px;
  --sd-site-gutter-mobile:32px;

  /* kompatybilność z istniejącymi modułami */
  --sd-home-max:var(--sd-site-max);
  --sd-home-gutter:var(--sd-site-gutter);
  --sd-home-gutter-mobile:var(--sd-site-gutter-mobile);
}

/* ---------------------------------------------------------
   JEDNA OŚ LEWA/PRAWA — LANDING + PODSTRONY
   --------------------------------------------------------- */
.sd-header__inner.container-wide,
.sd-hero-v6__content-wrap,
.sd-offer-v1__container,
.sd-work__head,
.sd-work__foot,
.sd-reviews-v1__container,
.sd-exp-v1__container,
.sd-contact-v4__container,
.sd-offer-shell,
.sd-exp-shell,
.srl5-container,
.sdknowledge-shell,
.sdlocal-shell,
.sdindustry-shell,
.sop-container,
.ser-container,
.cpcs-shell,
.idcs-shell,
.kcs-shell,
.rcs-shell,
.skcs-shell,
.sorcs-shell,
.wlkcs-shell,
.zmxcs-shell,
.sd-footer-v4__container,
.sd-page-breadcrumbs__inner{
  width:min(var(--sd-site-max),calc(100% - var(--sd-site-gutter)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Oferta landing — kasujemy wcześniejsze węższe breakpointy 1160/820. */
@media (min-width:761px){
  .sd-offer-v1__container,
  .sd-exp-v1__container{
    width:min(var(--sd-site-max),calc(100% - var(--sd-site-gutter)))!important;
  }
}

/* Portfolio HOME: jego viewport wychodzi w prawo, ale STARTUJE dokładnie z osi 1380. */
@media (min-width:761px){
  .sd-work__viewport{
    width:min(
      calc(100vw - max(24px,calc((100vw - var(--sd-site-max))/2))),
      calc(var(--sd-site-max) + var(--sdw-gap,24px) + 132px)
    )!important;
    margin-left:max(24px,calc((100vw - var(--sd-site-max))/2))!important;
  }
}

/* ---------------------------------------------------------
   BREADCRUMBS — ZAWSZE PONIŻEJ HEADERA
   --------------------------------------------------------- */
.sd-page-breadcrumbs{
  position:relative;
  z-index:5;
  width:100%;
  border-bottom:1px solid #e6edf3;
  background:#f8fbfd;
  color:#72869a;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.sd-page-breadcrumbs__inner{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
  white-space:nowrap;
  font-size:11.5px;
  line-height:1.2;
}
.sd-page-breadcrumbs a{
  color:#607990;
  text-decoration:none;
  transition:color .18s ease;
}
.sd-page-breadcrumbs a:hover{
  color:#0b7fbe;
}
.sd-page-breadcrumbs__separator{
  color:#b7c4cf;
}
.sd-page-breadcrumbs__current{
  min-width:0;
  overflow:hidden;
  color:#183f68;
  font-weight:650;
  text-overflow:ellipsis;
}

/* Stare, lokalne breadcrumbs są wyłączone.
   Widoczny pozostaje wyłącznie wspólny komponent powyżej. */
.premium-breadcrumbs,
.sd-offer-breadcrumbs,
.sdknowledge-breadcrumb,
.sca-breadcrumbs,
.sop-breadcrumbs,
.sdlocal-breadcrumb,
.sdindustry-breadcrumb,
.rcs-breadcrumbs,
.rcs-breadcrumb,
.skcs-breadcrumbs,
.skcs-breadcrumb,
.idcs-breadcrumbs,
.idcs-breadcrumb,
.kcs-breadcrumbs,
.kcs-breadcrumb,
.cpcs-breadcrumbs,
.cpcs-breadcrumb,
.sorcs-breadcrumbs,
.sorcs-breadcrumb,
.zmxcs-breadcrumbs,
.zmxcs-breadcrumb{
  display:none!important;
}

/* ---------------------------------------------------------
   MOBILE — WSZYSTKO 16 px OD KRAWĘDZI
   --------------------------------------------------------- */
@media(max-width:760px){
  :root{
    --sd-home-gutter:var(--sd-site-gutter-mobile);
  }

  .sd-header__inner.container-wide,
  .sd-hero-v6__content-wrap,
  .sd-offer-v1__container,
  .sd-work__head,
  .sd-work__foot,
  .sd-reviews-v1__container,
  .sd-exp-v1__container,
  .sd-contact-v4__container,
  .sd-offer-shell,
  .sd-exp-shell,
  .srl5-container,
  .sdknowledge-shell,
  .sdlocal-shell,
  .sdindustry-shell,
  .sop-container,
  .ser-container,
  .cpcs-shell,
  .idcs-shell,
  .kcs-shell,
  .rcs-shell,
  .skcs-shell,
  .sorcs-shell,
  .wlkcs-shell,
  .zmxcs-shell,
  .sd-footer-v4__container,
  .sd-page-breadcrumbs__inner{
    width:calc(100% - var(--sd-site-gutter-mobile))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .sd-page-breadcrumbs__inner{
    min-height:42px;
    gap:7px;
    font-size:10.5px;
  }

  /* Carousel zachowuje peek następnej karty, ale jego treść zaczyna się na tej samej osi 16 px. */
  .sd-work__viewport{
    width:100%!important;
    margin-left:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    scroll-padding-left:16px!important;
  }
}

/* Nie ingerujemy w pełnoekranowe menu mobilne. */
.sd-mobile-menu__inner.container-wide{
  max-width:none!important;
}