/* Karabass Dense Layout Phase 2 — catalog, search and service routes only.
   This file intentionally owns neither Home/Watch/Lounge/Auto/consent nor application behavior. */

body.kb-catalog-page #main-container,
body.kb-search-page #main-container,
body.kb-service-page #main-container,
body.kb-catalog-page .kb-catalog-experience,
body.kb-search-page .kb-search-experience,
body.kb-service-page .kb-service-experience {
  min-width: 0;
  box-sizing: border-box;
}

body.kb-catalog-page .kb-catalog-experience,
body.kb-search-page .kb-search-experience,
body.kb-service-page .kb-service-experience {
  width: 100%;
}

body.kb-catalog-page .kb-catalog-experience *,
body.kb-search-page .kb-search-experience *,
body.kb-service-page .kb-service-experience * {
  min-width: 0;
}

@media (min-width: 768px) {
  /* Bootstrap clearfix pseudo-elements would otherwise become leading grid items. */
  body.kb-search-page .kb-search-experience::before,
  body.kb-search-page .kb-search-experience::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  body.kb-catalog-page #main-container.container,
  body.kb-search-page #main-container.container,
  body.kb-service-page #main-container.container {
    width: calc(100% - 48px);
    max-width: 1400px;
  }

  body.kb-catalog-page .kb-catalog-experience,
  body.kb-search-page .kb-search-experience {
    max-width: none;
  }

  body.kb-catalog-page .kb-catalog-experience {
    padding: 20px;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list > [class*='col-'] {
    float: none;
    width: auto !important;
    margin: 0;
    padding: 0;
  }

  body.kb-search-page .kb-search-experience {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(264px, 296px);
    align-items: start;
    gap: 20px;
    margin: 0;
  }

  body.kb-search-page .kb-search-experience > [class*='col-'] {
    float: none;
    width: auto;
    padding: 0;
  }

  body.kb-search-page .kb-search-experience .vp_search_filters {
    position: sticky;
    top: 92px;
    margin: 0;
  }

  body.kb-service-page .kb-service-experience {
    max-width: 1320px;
    padding-inline: clamp(24px, 3vw, 40px);
  }

  body.kb-service-page .kb-service-layout {
    grid-template-columns: minmax(208px, 248px) minmax(0, 1fr);
    gap: clamp(24px, 3vw, 40px);
  }

  body.kb-service-page .kb-service-content,
  body.kb-service-page .kb-service-prose,
  body.kb-service-page .termsofuse,
  body.kb-service-page .wo_about_wrapper {
    max-width: 80ch;
  }

  body.kb-service-page .kb-contact-page .kb-contact-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    align-items: start;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.kb-catalog-page #main-container.container,
  body.kb-search-page #main-container.container,
  body.kb-service-page #main-container.container {
    width: calc(100% - 40px);
    max-width: none;
  }

  body.kb-catalog-page .kb-catalog-experience {
    padding: 18px;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list > [class*='col-'] {
    float: none;
    width: auto !important;
    margin: 0;
    padding: 0;
  }

  body.kb-search-page .kb-search-experience {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 272px);
    gap: 16px;
    margin: 0;
  }

  body.kb-search-page .kb-search-experience > [class*='col-'] {
    float: none;
    width: auto;
    padding: 0;
  }

  body.kb-service-page .kb-service-experience {
    max-width: none;
    padding-inline: 28px;
  }

  body.kb-service-page .kb-service-layout {
    grid-template-columns: minmax(192px, 216px) minmax(0, 1fr);
    gap: 24px;
  }

  body.kb-service-page .kb-service-content,
  body.kb-service-page .kb-service-prose,
  body.kb-service-page .termsofuse,
  body.kb-service-page .wo_about_wrapper {
    max-width: 78ch;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body.kb-catalog-page #main-container.container,
  body.kb-search-page #main-container.container,
  body.kb-service-page #main-container.container {
    width: calc(100% - 32px);
  }

  body.kb-catalog-page .kb-catalog-experience {
    padding: 16px;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list > [class*='col-'] {
    float: none;
    width: auto !important;
    margin: 0;
    padding: 0;
  }

  body.kb-search-page .kb-search-experience {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(224px, 248px);
    gap: 14px;
    margin: 0;
  }

  body.kb-search-page .kb-search-experience > [class*='col-'] {
    float: none;
    width: auto;
    padding: 0;
  }

  body.kb-service-page .kb-service-experience {
    max-width: none;
    padding-inline: 20px;
  }

  body.kb-service-page .kb-service-layout {
    grid-template-columns: minmax(180px, 200px) minmax(0, 1fr);
    gap: 20px;
  }

  body.kb-service-page .kb-service-content,
  body.kb-service-page .kb-service-prose,
  body.kb-service-page .termsofuse,
  body.kb-service-page .wo_about_wrapper {
    max-width: 76ch;
  }
}

@media (max-width: 767px) {
  body.kb-catalog-page #main-container.container,
  body.kb-search-page #main-container.container,
  body.kb-service-page #main-container.container {
    width: 100%;
    padding-inline: 12px;
  }

  body.kb-catalog-page .kb-catalog-experience,
  body.kb-search-page .kb-search-experience,
  body.kb-service-page .kb-service-experience {
    margin-inline: 0;
  }

  body.kb-catalog-page .kb-catalog-experience {
    width: auto;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list,
  body.kb-search-page .kb-search-experience .videos-latest-list {
    margin-inline: 0;
  }

  body.kb-catalog-page .kb-catalog-experience .videos-latest-list > [class*='col-'],
  body.kb-search-page .kb-search-experience .videos-latest-list > [class*='col-'] {
    padding-inline: 6px;
  }

  body.kb-service-page .kb-service-experience {
    padding-inline: 16px;
  }

  body.kb-service-page .kb-service-content,
  body.kb-service-page .kb-service-prose,
  body.kb-service-page .termsofuse,
  body.kb-service-page .wo_about_wrapper {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body.kb-service-page .kb-contact-page .kb-contact-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.kb-catalog-page .showing_nav a,
  body.kb-search-page .showing_nav a,
  body.kb-search-page .pagination > li > a,
  body.kb-search-page .pagination > li > span,
  body.kb-service-page .kb-contact-form button,
  body.kb-service-page .kb-contact-form input,
  body.kb-service-page .kb-contact-form select,
  body.kb-service-page .kb-contact-form textarea {
    min-height: 44px;
    box-sizing: border-box;
  }
}

@media (max-width: 640px) {
  body.kb-catalog-page .kb-catalog-experience .videos-latest-list > [class*='col-'],
  body.kb-search-page .kb-search-experience .videos-latest-list > [class*='col-'] {
    min-width: 0;
  }

  body.kb-search-page .kb-search-experience > [class*='col-'] {
    width: 100%;
    min-width: 0;
  }

  body.kb-service-page .kb-service-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.kb-service-page .kb-service-nav {
    position: static;
  }
}