/* Bambutik: mobilni kolecka a bannery. Verze 1, 2026-09-21. */

@media (max-width: 767px) {
  #dklabBanplusIkony {
    --dklab-bannery-i-size: 145px !important;
    --dklab-bannery-i-reduced-size: 145px !important;

    display: grid !important;
    grid-template-columns: repeat(3, min(28vw, 145px)) !important;
    justify-content: space-evenly !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 24px !important;

    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;

    padding: 24px 0 !important;
    margin: 0 !important;
    margin-left: calc(50% - 50vw) !important;
  }

  #dklabBanplusIkony::before,
  #dklabBanplusIkony::after {
    content: none !important;
    display: none !important;
  }

  #dklabBanplusIkony .dklabBanplusIkona {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  #dklabBanplusIkony .dklabBanplusIkonaImg {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto 8px !important;
  }

  #dklabBanplusIkony .dklabBanplusIkonaImg img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
  }

  #dklabBanplusIkony .dklabBanplusIkona > br {
    display: none !important;
  }

  #dklabBanplusIkony .dklabBanplusIkona > strong {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
  }

  #dklabBanplusIkony .dklabBanplusIkonaPopis {
    display: block !important;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #444 !important;
    text-transform: none !important;
  }
}

@media (max-width: 767px) {
  .in-index a[href^="https://obchody.heureka.cz/bambutik-cz/recenze"] {
    display: block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .in-index a[href^="https://obchody.heureka.cz/bambutik-cz/recenze"] img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {

  /* Bannery na mobilní homepage */
  .in-index .body-banners {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* Ostatní bannery zůstávají přes celý řádek */
  .in-index .body-banners > * {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Vrácení a doprava každý na polovinu řádku */
  .in-index .body-banners > :is(
    a[href*="/vraceni-vymena-zbozi/"],
    a[href*="/moznosti-doruceni/"],
    :has(a[href*="/vraceni-vymena-zbozi/"]),
    :has(a[href*="/moznosti-doruceni/"])
  ) {
    grid-column: auto;
    padding: 0 !important;
  }

  .in-index .body-banners a {
    display: block;
  }

  .in-index .body-banners img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Případné pomocné prvky nesmí zabrat místo v mřížce */
  .in-index .body-banners::before,
  .in-index .body-banners::after {
    content: none !important;
    display: none !important;
  }
}