/*
 * JOSPORT.CZ — HOMEPAGE RESPONSIVE V14 CLEAN
 * ---------------------------------------------------------
 * Čistá sjednocená responzivní homepage.
 *
 * Obsahuje:
 *  - base design benefitů dříve v josport-benefits-v1.4.js
 *  - horní promo bannery
 *  - responzivní benefity
 *  - spodní 4 navigační bannery
 *
 * Neobsahuje mobilní menu.
 * Desktop >= 1100 px se kromě benefitů drží původního layoutu.
 */

/* =========================================================
   1) BENEFITY — BASE DESIGN
   Přesunuto z původního josport-benefits-v1.4.js
   ========================================================= */
body.josport-homepage-rwd-v14 {
  --jhp-blue: #0b4f91;
  --jhp-blue-2: #0b78c8;
  --jhp-border: #dbe8f3;
  --jhp-text: #0b3f78;
  --jhp-muted: #5f6d7c;
}


      /* JOsport – homepage benefity */
      .benefitBanner.position--benefitHomepage {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 28px 0 36px !important;
        padding: 0 !important;
        background: transparent !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        min-height: 172px !important;
        padding: 68px 16px 16px !important;
        border: 1px solid #e6edf4 !important;
        border-radius: 18px !important;
        background:
          radial-gradient(circle at 50% 16%, rgba(16, 137, 229, .10), transparent 31%),
          linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
        box-shadow:
          0 12px 30px rgba(15, 51, 87, .09),
          inset 0 1px 0 rgba(255,255,255,.95) !important;
        text-align: center !important;
        overflow: hidden !important;
        isolation: isolate !important;
        transition:
          transform .22s ease,
          box-shadow .22s ease,
          border-color .22s ease !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:hover {
        transform: translateY(-5px) !important;
        border-color: #cfe4f5 !important;
        box-shadow:
          0 18px 38px rgba(15, 51, 87, .14),
          inset 0 1px 0 rgba(255,255,255,.98) !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item::before {
        content: "";
        position: absolute;
        top: 12px;
        left: 50%;
        z-index: 2;
        width: 46px;
        height: 46px;
        border: 1px solid #d9eaf8;
        border-radius: 50%;
        background:
          #fff
          center / 22px 22px
          no-repeat;
        box-shadow:
          0 10px 24px rgba(14, 82, 145, .13),
          0 0 0 6px rgba(20, 143, 229, .035);
        transform: translateX(-50%);
        transition:
          transform .22s ease,
          box-shadow .22s ease !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:hover::before {
        transform: translateX(-50%) scale(1.06);
        box-shadow:
          0 14px 28px rgba(14, 82, 145, .18),
          0 0 0 14px rgba(20, 143, 229, .045);
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item::after {
        content: "";
        position: absolute;
        top: 61px;
        left: 50%;
        width: 22px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #1595ea, #0a5ea9);
        transform: translateX(-50%);
      }

      /* Ikony podle pořadí, obsah textů zůstává ze Shoptetu */
      .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(1)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3 19v-1a5 5 0 0 1 10 0v1'/%3E%3Cpath d='M16 10a2.5 2.5 0 1 0 0-5'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1 6 4.3V19'/%3E%3C/svg%3E");
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(2)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h2l2 10h10l2-7H7'/%3E%3Ccircle cx='9' cy='19' r='1'/%3E%3Ccircle cx='17' cy='19' r='1'/%3E%3C/svg%3E");
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(3)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 2.1 3-.3.6 3 2.5 1.7-1.4 2.7.8 2.9-2.8 1.2-1.2 2.8-2.9-.8-2.7 1.4-1.7-2.5-3-.6.3-3L3 12l2.1-2.2-.3-3 3-.6L9.5 3.7 12 5.1 14.5 3.7 12 3Z'/%3E%3Cpath d='m9.5 12 1.7 1.7L15 10'/%3E%3C/svg%3E");
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(4)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4 4 6l2 4 2-1v11h8V9l2 1 2-4-4-2a4 4 0 0 1-8 0Z'/%3E%3C/svg%3E");
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(5)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.7-2.8 8.1-7 10-4.2-1.9-7-5.3-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item > * {
        position: relative;
        z-index: 3;
      }

      .benefitBanner.position--benefitHomepage .benefitBanner__title,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h2,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h3,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h4,
      .benefitBanner.position--benefitHomepage .benefitBanner__item strong {
        display: block !important;
        width: 100% !important;
        margin: 0 0 7px !important;
        color: #0b3f78 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.22 !important;
        letter-spacing: -.015em !important;
        text-align: center !important;
      }

      .benefitBanner.position--benefitHomepage .benefitBanner__content,
      .benefitBanner.position--benefitHomepage .benefitBanner__description,
      .benefitBanner.position--benefitHomepage .benefitBanner__item p,
      .benefitBanner.position--benefitHomepage .benefitBanner__item span:not(.benefitBanner__title) {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        color: #5f6d7c !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        text-align: center !important;
      }

      .benefitBanner.position--benefitHomepage a {
        color: inherit !important;
        text-decoration: none !important;
      }


      /* v1.2 – oprava šířky karet a zalamování textu v Shoptetu */
      .benefitBanner.position--benefitHomepage {
        width: 100% !important;
        max-width: none !important;
        justify-content: initial !important;
        align-items: stretch !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
      }

      .benefitBanner.position--benefitHomepage > .benefitBanner__item > *,
      .benefitBanner.position--benefitHomepage .benefitBanner__content,
      .benefitBanner.position--benefitHomepage .benefitBanner__text,
      .benefitBanner.position--benefitHomepage .benefitBanner__title,
      .benefitBanner.position--benefitHomepage .benefitBanner__description {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
      }

      .benefitBanner.position--benefitHomepage .benefitBanner__title,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h2,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h3,
      .benefitBanner.position--benefitHomepage .benefitBanner__item h4,
      .benefitBanner.position--benefitHomepage .benefitBanner__item strong {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
      }

      .benefitBanner.position--benefitHomepage .benefitBanner__content,
      .benefitBanner.position--benefitHomepage .benefitBanner__description,
      .benefitBanner.position--benefitHomepage .benefitBanner__item p,
      .benefitBanner.position--benefitHomepage .benefitBanner__item span:not(.benefitBanner__title) {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
      }

/* =========================================================
   2) RESET POUZE PRO HOMEPAGE RESPONZIVNÍ DLAŽDICE
   Odstraňuje konfliktní pseudo-elementy ze Shoptetu/starších JS.
   ========================================================= */
@media (max-width:1099px) {
  body.josport-homepage-rwd-v14 section.next-banner.first .banner::before,
  body.josport-homepage-rwd-v14 section.next-banner.first .banner::after,
  body.josport-homepage-rwd-v14 section.next-banner.first .banner-wrapper::before {
    content:none !important;
    display:none !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first,
  body.josport-homepage-rwd-v14 section.next-banner.first *,
  body.josport-homepage-rwd-v14 .next-to-carousel-banners,
  body.josport-homepage-rwd-v14 .next-to-carousel-banners * {
    box-sizing:border-box !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first img {
    max-width:none !important;
  }
}

/* =========================================================
   3) HORNÍCH 5 PROMO BANNERŮ
   ========================================================= */
@media (min-width:768px) and (max-width:1099px) {
  body.josport-homepage-rwd-v14 .next-to-carousel-banners {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    margin:0 !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners > .banner-wrapper {
    position:relative !important;
    min-width:0 !important;
    width:100% !important;
    height:218px !important;
    overflow:hidden !important;
    border-radius:10px !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .banner-wrapper > a {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-texts {
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    padding:10px 7px 12px !important;
    margin:0 !important;
    text-align:center !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-title {
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    width:100% !important;
    margin:0 0 5px !important;
    padding:0 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.06 !important;
    overflow:hidden !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-text {
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    width:100% !important;
    margin:0 0 6px !important;
    padding:0 !important;
    color:rgba(255,255,255,.95) !important;
    font-size:7.8px !important;
    line-height:1.14 !important;
    overflow:hidden !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-link {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:54px !important;
    min-height:27px !important;
    margin:0 !important;
    padding:5px 9px !important;
    background:#104a8e !important;
    color:#fff !important;
    border-radius:7px !important;
    font-size:8.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}

@media (min-width:768px) and (max-width:799px) {
  body.josport-homepage-rwd-v14 .next-to-carousel-banners > .banner-wrapper {
    height:205px !important;
  }
}

@media (min-width:600px) and (max-width:1099px) and (max-height:560px) {
  body.josport-homepage-rwd-v14 .next-to-carousel-banners > .banner-wrapper {
    height:138px !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-title {
    font-size:9.5px !important;
    margin-bottom:3px !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-text {
    -webkit-line-clamp:1 !important;
    font-size:7px !important;
    margin-bottom:4px !important;
  }

  body.josport-homepage-rwd-v14 .next-to-carousel-banners .extended-banner-link {
    min-width:46px !important;
    min-height:23px !important;
    font-size:7.2px !important;
    padding:4px 7px !important;
  }
}

/* =========================================================
   4) BENEFITY — RESPONSIVE
   ========================================================= */

/* iPad / tablet portrait: 3 + 2 */
@media (min-width:768px) and (max-width:1099px) {
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    margin:10px 0 12px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item {
    min-height:122px !important;
    padding:60px 13px 12px !important;
    border-radius:14px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::before {
    top:10px !important;
    width:42px !important;
    height:42px !important;
    background-size:20px 20px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::after {
    top:54px !important;
    width:22px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__title,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h2,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h3,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h4,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item strong {
    margin:2px 0 6px !important;
    font-size:12px !important;
    line-height:1.18 !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__content,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__description,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item p,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item span:not(.benefitBanner__title) {
    font-size:8.8px !important;
    line-height:1.25 !important;
  }
}

/* Landscape 600–767: všech 5 v jedné řadě */
@media (min-width:600px) and (max-width:767px) and (max-height:560px) {
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
    margin:7px 0 8px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item {
    min-height:104px !important;
    padding:50px 7px 8px !important;
    border-radius:10px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::before {
    top:8px !important;
    width:36px !important;
    height:36px !important;
    background-size:17px 17px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::after {
    top:46px !important;
    width:18px !important;
    height:2px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__title,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h2,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h3,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h4,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item strong {
    margin:1px 0 3px !important;
    font-size:8.7px !important;
    line-height:1.08 !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__content,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__description,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item p,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item span:not(.benefitBanner__title) {
    font-size:6.8px !important;
    line-height:1.15 !important;
  }
}

/* Mobil portrait: 2x2 + poslední přes celou šířku */
@media (max-width:599px) {
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:9px 0 10px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item {
    min-height:112px !important;
    padding:58px 9px 10px !important;
    border-radius:12px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item:nth-child(5) {
    grid-column:1 / -1 !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::before {
    top:9px !important;
    width:40px !important;
    height:40px !important;
    background-size:19px 19px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage > .benefitBanner__item::after {
    top:51px !important;
    width:20px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__title,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h2,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h3,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item h4,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item strong {
    margin:2px 0 5px !important;
    font-size:10.5px !important;
  }

  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__content,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__description,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item p,
  body.josport-homepage-rwd-v14 .benefitBanner.position--benefitHomepage .benefitBanner__item span:not(.benefitBanner__title) {
    font-size:7.8px !important;
    line-height:1.2 !important;
  }
}

/* =========================================================
   5) SPODNÍ 4 NAVIGAČNÍ BANNERY — FINÁLNÍ ČISTÝ LAYOUT
   ========================================================= */

/* iPad/tablet: 4 v jedné řadě */
@media (min-width:768px) and (max-width:1099px) {
  body.josport-homepage-rwd-v14 section.next-banner.first {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    width:88% !important;
    max-width:700px !important;
    margin:12px auto 18px !important;
    padding:0 !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > .first,
  body.josport-homepage-rwd-v14 section.next-banner.first > .second,
  body.josport-homepage-rwd-v14 section.next-banner.first > .third,
  body.josport-homepage-rwd-v14 section.next-banner.first > .fourth {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    position:relative !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:138px !important;
    min-height:138px !important;
    max-height:138px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:#10263e !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper > a {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper img {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper > a::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    pointer-events:none !important;
    background:linear-gradient(to bottom,rgba(3,12,22,.04) 20%,rgba(3,12,22,.22) 55%,rgba(3,12,22,.72) 100%) !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-texts {
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:9px 7px 10px !important;
    text-align:center !important;
    pointer-events:none !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-title {
    display:block !important;
    width:100% !important;
    margin:0 0 6px !important;
    padding:0 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.06 !important;
    text-align:center !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-text {
    display:none !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-link {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:48px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:4px 8px !important;
    border-radius:6px !important;
    background:#0e5ca6 !important;
    color:#fff !important;
    font-size:7.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    pointer-events:auto !important;
  }
}

/* iPad Mini */
@media (min-width:768px) and (max-width:799px) {
  body.josport-homepage-rwd-v14 section.next-banner.first {
    width:90% !important;
    gap:8px !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper {
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
  }
}

/* Landscape 600–1099 */
@media (min-width:600px) and (max-width:1099px) and (max-height:560px) {
  body.josport-homepage-rwd-v14 section.next-banner.first {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:76% !important;
    max-width:680px !important;
    gap:7px !important;
    margin:8px auto 10px !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper {
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    border-radius:8px !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-texts {
    padding:6px 5px 7px !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-title {
    margin-bottom:4px !important;
    font-size:8px !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-link {
    min-width:42px !important;
    min-height:21px !important;
    padding:4px 6px !important;
    font-size:6.7px !important;
    border-radius:5px !important;
  }
}

/* Mobil portrait: 2x2 */
@media (max-width:599px) {
  body.josport-homepage-rwd-v14 section.next-banner.first {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    width:92% !important;
    max-width:430px !important;
    margin:9px auto 13px !important;
    padding:0 !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > .first,
  body.josport-homepage-rwd-v14 section.next-banner.first > .second,
  body.josport-homepage-rwd-v14 section.next-banner.first > .third,
  body.josport-homepage-rwd-v14 section.next-banner.first > .fourth {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:8px !important;
    background:#10263e !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper img {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .banner-wrapper > a::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    pointer-events:none !important;
    background:linear-gradient(to bottom,rgba(3,12,22,.04) 18%,rgba(3,12,22,.25) 58%,rgba(3,12,22,.72) 100%) !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-texts {
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:6px 5px 7px !important;
    text-align:center !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-title {
    display:block !important;
    width:100% !important;
    margin:0 0 4px !important;
    color:#fff !important;
    font-size:8.6px !important;
    font-weight:800 !important;
    line-height:1.05 !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-text {
    display:none !important;
  }

  body.josport-homepage-rwd-v14 section.next-banner.first > div > .banner .extended-banner-link {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:42px !important;
    min-height:21px !important;
    margin:0 !important;
    padding:4px 6px !important;
    border-radius:5px !important;
    background:#0e5ca6 !important;
    color:#fff !important;
    font-size:6.8px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}

/* =========================================================
   6) MENŠÍ ODSTUP K OBLÍBENÝM PRODUKTŮM
   ========================================================= */
@media (max-width:1099px) {
  body.josport-homepage-rwd-v14 section.next-banner.first + .homepage-group-title,
  body.josport-homepage-rwd-v14 section.next-banner.first ~ .homepage-group-title:first-of-type {
    margin-top:16px !important;
  }
}