/* BackDOT – responzívne prepisy (načítava sa posledné) */

/* ── Globálne: žiadny horizontálny scroll ── */
@media screen and (max-width: 991px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }
  .page-wrapper,
  .main-wrapper {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
  }
  .padding-global {
    padding-left: clamp(1rem, 4vw, 1.5rem) !important;
    padding-right: clamp(1rem, 4vw, 1.5rem) !important;
  }
  .container-default,
  .container-large,
  .container-medium,
  .container-small,
  .w-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Webflow hero – prepísať min-height a margin gridu */
  .section_home2_hero {
    min-height: auto !important;
  }
  .section_home2_hero .home2_hero_grid,
  .home2_hero_grid {
    grid-template-columns: 1fr !important;
    margin-top: clamp(10rem, 30vh, 16rem) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .section_home2_hero .home2_hero_content,
  .section_home2_hero .home2_hero_video {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .section_home2_hero .home2_hero_video-preview {
    padding-bottom: 56.25% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .section_home2_hero > .padding-global {
    margin-top: 0 !important;
  }
  .section_home2_hero .hero-bg-picture {
    inset: 0 !important;
    top: 0 !important;
    height: 100% !important;
  }

  /* Domovské mriežky */
  .home2_about_grid,
  .home2_expertise_grid,
  .home2_services_grid,
  .home2_process_grid,
  .home2_industries_grid,
  .home2_case_grid,
  .home2_banner_grid {
    grid-template-columns: 1fr !important;
  }
  .blog_grid {
    grid-template-columns: 1fr !important;
  }
  .logos-static-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .ben-grid,
  .ai-agents-grid,
  .ai-usecases-grid,
  .bd-svc-hub-grid {
    grid-template-columns: 1fr !important;
  }
  .stats-row,
  .counter-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Banner CTA */
  .home1_banner_call,
  .home2_banner_call,
  .home3_banner_call {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .home1_banner_call > .button,
  .home2_banner_call > .button,
  .home3_banner_call > .button,
  .home1_banner_call > a.button,
  .home2_banner_call > a.button,
  .home3_banner_call > a.button {
    width: 100%;
    max-width: 100%;
  }

  /* Blog aside */
  .blog-post-aside {
    grid-template-columns: 1fr !important;
  }
  .tabs-menu,
  .tabs-menu.blog-tabs-menu {
    flex-wrap: wrap !important;
  }

  /* Služby / karty */
  .svc-card,
  .svc-card2,
  .cardscrollwrapper-1 {
    max-width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 767px) {
  .section_home2_hero .home2_hero_grid,
  .home2_hero_grid {
    margin-top: clamp(8.5rem, 36vh, 13rem) !important;
  }
  .logos-static-grid,
  .stats-row,
  .counter-grid,
  .ben-grid,
  .ai-agents-grid,
  .ai-usecases-grid,
  .bd-svc-hub-grid {
    grid-template-columns: 1fr !important;
  }
  .section_post_more.blog-post-related .blog_grid {
    grid-template-columns: 1fr !important;
  }
  .home2_case_image {
    min-height: clamp(14rem, 42vw, 22rem) !important;
  }
  .nav-link--ai.w-nav-link {
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
}

@media screen and (max-width: 479px) {
  .section_home2_hero .home2_hero_grid,
  .home2_hero_grid {
    margin-top: clamp(7.5rem, 40vh, 11rem) !important;
  }
  .logos-static-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .counter-grid {
    grid-template-columns: 1fr !important;
  }
}