/* SŁOWIK DIGITAL — HOME WIDTH SYSTEM v1.0
   One horizontal grid for the entire landing page.
   Desktop max: 1380px. Desktop gutters: 24px/side.
   Mobile gutters: 16px/side.
*/

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

/* Header / navigation */
body[data-page="home"] .sd-header__inner.container-wide{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* HERO — "ULTRASZYBKIE STRONY WWW" */
body[data-page="home"] .sd-hero-v6__content-wrap{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* OFERTA */
body[data-page="home"] .sd-offer-v1__container{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* REALIZACJE — header, slider origin and controls share one grid */
body[data-page="home"] .sd-work__head,
body[data-page="home"] .sd-work__foot{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (min-width:1180px){
  body[data-page="home"] .sd-work__viewport{
    --sdw-content:min(var(--sd-home-max),calc(100vw - var(--sd-home-gutter)));
    --sdw-gap:24px;
    --sdw-slide:calc((var(--sdw-content) - (var(--sdw-gap) * 2)) / 3);
    width:min(
      calc(100vw - max(24px,calc((100vw - var(--sd-home-max))/2))),
      calc(var(--sd-home-max) + var(--sdw-gap) + 132px)
    )!important;
    margin-left:max(24px,calc((100vw - var(--sd-home-max))/2))!important;
  }
}

/* DOŚWIADCZENIE */
body[data-page="home"] .sd-exp-v1__container{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* OPINIE */
body[data-page="home"] .sd-reviews-v1__container{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* Final contact / quotation section */
body[data-page="home"] .sd-contact-v2__container,
body[data-page="home"] .p-final-cta__grid.container-wide{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* Footer */
body[data-page="home"] .premium-footer .container-wide{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* Mobile menu and every HOME section align to 16px from viewport edge. */
@media (max-width:760px){
  body[data-page="home"] .sd-header__inner.container-wide{
    width:calc(100% - var(--sd-home-gutter-mobile))!important;
    margin-inline:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body[data-page="home"] .sd-mobile-menu__inner.container-wide{
    width:100%!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body[data-page="home"] .sd-hero-v6__content-wrap,
  body[data-page="home"] .sd-offer-v1__container,
  body[data-page="home"] .sd-work__head,
  body[data-page="home"] .sd-work__foot,
  body[data-page="home"] .sd-exp-v1__container,
  body[data-page="home"] .sd-reviews-v1__container,
  body[data-page="home"] .sd-contact-v2__container,
  body[data-page="home"] .p-final-cta__grid.container-wide,
  body[data-page="home"] .premium-footer .container-wide{
    width:calc(100% - var(--sd-home-gutter-mobile))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Carousel keeps its intentional next-card peek, but starts on the same 16px grid. */
  body[data-page="home"] .sd-work__viewport{
    width:100%!important;
    margin-left:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    scroll-padding-left:16px!important;
  }

  /* Opinions keep the next-card peek while their header/control grid stays aligned. */
  body[data-page="home"] .sd-reviews-v1__viewport{
    margin-left:0!important;
  }
}

@media (max-width:390px){
  body[data-page="home"] .sd-header__inner.container-wide,
  body[data-page="home"] .sd-hero-v6__content-wrap,
  body[data-page="home"] .sd-offer-v1__container,
  body[data-page="home"] .sd-work__head,
  body[data-page="home"] .sd-work__foot,
  body[data-page="home"] .sd-exp-v1__container,
  body[data-page="home"] .sd-reviews-v1__container,
  body[data-page="home"] .sd-contact-v2__container,
  body[data-page="home"] .p-final-cta__grid.container-wide,
  body[data-page="home"] .premium-footer .container-wide{
    width:calc(100% - 32px)!important;
  }
}