/*************************************************
 * WIZARDO – ÚPRAVA FV STUDIO DÁRKŮ V KOŠÍKU
 * - jednotná kartička pro "Váš dárek"
 * - hezké karty pro výběr dárků (grid)
 *************************************************/

/* ================================================
   1) JEDEN DÁREK – blok "Váš dárek"
   (wrapperOrderGift – .fvstudio-delivery-info-single-gift)
   ================================================ */

   body.id--9 .fvstudio-delivery-info-single-gift {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid #ebe5dc;
    background: #faf7f1;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.06);
    max-width: 420px;
    box-sizing: border-box;
  }
  
  /* obrázek dárku v mini kartě */
  body.id--9 .fvstudio-delivery-info-single-gift .free-gifts-img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
  
  body.id--9 .fvstudio-delivery-info-single-gift .free-gifts-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  
  /* text dárku */
  body.id--9 .fvstudio-delivery-info-single-gift .free-gift-label {
    display: block;
  }
  
  body.id--9 .fvstudio-delivery-info-single-gift .free-gift-name {
    font-weight: 600;
    font-size: 0.95rem;
  }
  
  /* ================================================
     2) VÝBĚR Z VÍCE DÁRKŮ – UL.free-gifts
     ================================================ */
  
  /* kontejner se seznamem dárků */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  /* jedna karta dárku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
    list-style: none;
    flex: 1 1 calc(33.333% - 16px);
    min-width: 220px;
    /*padding: 12px 16px;*/
    border-radius: 16px;
    border: 1px solid #ebe5dc;
    background: #faf7f1;
    cursor: pointer;
    box-sizing: border-box;
    align-content: center;
    transition:
      border-color 0.15s ease,
      box-shadow 0.15s ease,
      transform 0.12s ease,
      background-color 0.15s ease;
  }
  @media (min-width: 767px) {
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
  max-width: 220px;
}
}
  /* Roztahnutí progress bar dárek
  .cart-content .extra.delivery, .cart-content .extra.discount, .cart-content .extra.gift {
    display: flow !important;
  }*/
    /* Roztahnutí progress bar dárek*/
  .cart-content .extra.discount, .cart-content .extra.gift {
    display: flow !important;
  }
  /* obsah karty – obrázek + text v řádku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  /* obrázek v kartě */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gifts-img {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gifts-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  
  /* název dárku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gift-name {
    line-height: 1.4;
  }
  
  /* hover efekt */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li:hover {
    border-color: #c69a41;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
  }
  
  /* aktivně vybraný dárek */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li.active {
    border-color: #c69a41;
    background: #fff9eb;
    box-shadow:
      0 0 0 1px rgba(198, 154, 65, 0.35),
      0 18px 36px rgba(0, 0, 0, 0.1);
  }
  
  /* radio inputy schovat – klikatelná je celá karta */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  
  /* mobil – karty přes celou šířku, pod sebou */
  @media (max-width: 767px) {
    body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
      flex: 1 1 100%;
      min-width: 0;
    }
  }
  
  /* ================================================
     3) Drobnosti – schování původního tlačítka Změnit
     (pokud nechceš, klidně tenhle blok smaž)
     ================================================ */
  body.id--9 .cart-summary .free-gift-trigger {
    display: none !important;
  }

  /* 🔧 Fix layoutu karet dárků – stejná šířka všech řad */

/* Zrušit starý after z FV pluginu, který zabírá zbytek řádku */
body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts::after {
    content: none !important;
    display: none !important;
  }
  
/* WIZARDO – rozložení karet dárků (FV Studio override) */

/* Desktop / tablet – 2 karty vedle sebe */
body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts,
body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px; /* mezera mezi kartami */
}

body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts > li,
body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts > li {
  box-sizing: border-box;
  width: 1 1 calc(33.333% - 16px) !important; /* 3 sloupce */
  margin: 0;                           /* zruší staré marginy */
}

/* Mobil – 1 karta v řádku přes celou šířku */
@media (max-width: 767px) {
  body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts,
  body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts {
    display: block;
  }

  body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts > li,
  body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts > li {
    width: 100% !important;
    margin: 0 0 16px 0;
  }
}

.cart-content .extras-wrapper {
    max-width: 100% !important;
}

@media (max-width: 767px) {
    .ordering-process.id--9 [id~=free-gift-wrapper] ul li, .ordering-process.id--9 [class~=free-gifts-wrapper] ul li, .content-window.cart-window [class~=free-gifts-wrapper] ul li {
        margin: 0 0 5px !important;
    }
}
@media only screen and (max-width: 767px) {
    .cart-content .free-gift .free-gifts-wrapper {
        margin-right: 0px !important;
    }
}

/* Titulek Dárky a slevy */
body.id--9 .cart-summary > h4 {
    margin: 0 0 0.85rem;
    font-size: 1rem;
    font-weight: 700;
  }
  .ordering-process.id--9 .cart-summary > h4, .ordering-process.id--9 .cart-inner > h4, .content-window.cart-window .cart-inner > h4, .ordering-process.id--9 #cart .free-gifts-wrap > h3 {
    margin-top: 45px !important;
    margin-bottom: 15px !important;
  }
  /* Obrázek dopravy */
  .cart-content .extra.delivery::before {
    background-image: url("/user/documents/upload/codes/cart/doprava-zdarma-wizardo.png");
    width: 55px !important;
    height: 55px !important;
    background-size: 55px !important;
  }
  .cart-content .extra.gift::before {
    background-image: url("/user/documents/upload/codes/cart/darky-zdarma-wizardo.png");
    opacity: 1 !important;
    width: 55px !important;
    height: 55px !important;
    background-size: 55px !important;
}
/* =========================================
   WIZARDO – vzhled progress barů v „Dárky a slevy“
   (doprava + dárek)
   ========================================= */

/* Track – šedý zaoblený podklad */
body.id--9 .cart-summary .extra .price-range,
body.in-krok-1 .extra.delivery .price-range,
body.in-kosik .extra.delivery .price-range,
body.in-krok-2 .extra.delivery .price-range,
body.in-krok-3 .extra.delivery .price-range,
body.in-kosik .extra.gift .price-range,
body.in-krok-1 .extra.gift .price-range,
body.in-krok-2 .extra.gift .price-range,
body.in-krok-3 .extra.gift .price-range {
  position: relative;
  width: 100%;
  height: 14px;
  margin-top: 12px;
  border-radius: 999px;
  background: #e7e4df !important; /* světlá béžová */
  overflow: visible;              /* ať může hvězda přesahovat */
}

/* Výplň – gradient Wizardo (fialová → zlatá) */
body.in-kosik .cart-summary .extra .price-range > div,
body.in-kosik .extra.delivery .price-range > div,
body.in-krok-1 .extra.delivery .price-range > div,
body.in-krok-2 .extra.delivery .price-range > div,
body.in-krok-3 .extra.delivery .price-range > div,
body.in-kosik .extra.gift .price-range > div,
body.in-krok-1 .extra.gift .price-range > div,
body.in-krok-2 .extra.gift .price-range > div,
body.in-krok-3 .extra.gift .price-range > div {
  position: relative;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    #8a65c7 0%,
    #b08acb 30%,
    #d6b07a 70%,
    #e5c16b 100%
  ) !important;                    /* přepíše zelenou z extension_wizardo.css */
  box-shadow: 0 4px 12px rgba(80, 45, 109, 0.25);
  transition: width 0.35s ease-out;
}

/* ⭐ Hvězdička – STEJNĚ jako u dárku (doprava + dárek) */
body.in-kosik .cart-summary .extra .price-range > div::after,
body.in-kosik #fvstudio-delivery-info .extra.delivery .price-range > div::after,
body.in-krok-1 .extra.delivery .price-range > div::after,
body.in-krok-2 .extra.delivery .price-range > div::after,
body.in-krok-3 .extra.delivery .price-range > div::after {
  content: url("/user/documents/upload/codes/cart/hvezdicka-wizardo.png");
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
  z-index: 2;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.9))
    drop-shadow(0 0 6px rgba(255,255,255,.7));
}

/* Nadpis Dárky a slevy */
body.id--9 .cart-summary > h4 {
  display: block !important;
  font-size: 1.3em !important;
  font-weight: 500 !important;
}
.ordering-process.id--9 .extras-wrapper .extras-col+.extras-col, .content-window.cart-window .extras-wrapper .extras-col+.extras-col {
  margin-top: 0px !important;
}
/* Skryje fv-upsell */
.fvDoplnek-upsell {
  display: none !important;
}

.cart-content .extra.delivery strong, .cart-content .extra.discount strong, .cart-content .extra.gift strong
 {
  font-weight: bolder !important;
  color: #222222 !important;
}
/* ---------------------------------------------
   KROKOVAČ (Rubin – jen barvy, layout necháme)
   --------------------------------------------- */
/* aktivní krok – text */
body.in-kosik  .cart-header li.active span,
body.in-krok-1 .cart-header li.active span,
body.in-krok-2 .cart-header li.active span,
body.in-krok-3 .cart-header li.active span {
  color: #4c2b63 !important;
}

/* neaktivní kroky – jemná šedobéžová */
body.in-kosik  .cart-header li:not(.active) span,
body.in-krok-1 .cart-header li:not(.active) span,
body.in-krok-2 .cart-header li:not(.active) span,
body.in-krok-3 .cart-header li:not(.active) span {
  color: #7d7264 !important;
}

/* kolečka kroků – jen barvy, ikony necháváme z Rubinu */
body.in-kosik  .cart-header li span::before,
body.in-krok-1 .cart-header li span::before,
body.in-krok-2 .cart-header li span::before,
body.in-krok-3 .cart-header li span::before {
  background: #f5f1ea !important;
  border-color: #d0c3ae !important;
}

/* aktivní kolečko – fialové */
body.in-kosik  .cart-header li.active span::before,
body.in-krok-1 .cart-header li.active span::before,
body.in-krok-2 .cart-header li.active span::before,
body.in-krok-3 .cart-header li.active span::before {
  background: #4c2b63 !important;
  border-color: #4c2b63 !important;
}

/* zrušíme podtržení pod krokem */
body.in-kosik  .cart-header li a,
body.in-kosik  .cart-header li strong,
body.in-krok-1 .cart-header li a,
body.in-krok-1 .cart-header li strong,
body.in-krok-2 .cart-header li a,
body.in-krok-2 .cart-header li strong,
body.in-krok-3 .cart-header li a,
body.in-krok-3 .cart-header li strong {
  border-bottom: none !important;
}

/* a i spodní linku pod celým krokovačem */
body.in-kosik  .cart-header,
body.in-krok-1 .cart-header,
body.in-krok-2 .cart-header,
body.in-krok-3 .cart-header {
  border-bottom: none !important;
  margin-bottom: 1.25rem;
  background: transparent !important;
}

/* -------------------------------------------------
   KROKOVAČ – mobilní layout
   ------------------------------------------------- */
   @media (max-width: 767px) {

    /* celý krokovač do řádku + čára jako background */
    body.in-kosik  .cart-header,
    body.in-krok-1 .cart-header,
    body.in-krok-2 .cart-header,
    body.in-krok-3 .cart-header {
      position: relative;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 0px 20px 0px 0px;
      margin-bottom: 1.25rem !important;
      border-bottom: none !important;
  
      background:
      linear-gradient(#d0c3ae, #d0c3ae)
      center 22px / calc(100% - 80px) 4px
      no-repeat !important;
  
    }
  
    /* jednotlivé kroky */
    body.in-kosik  .cart-header li,
    body.in-krok-1 .cart-header li,
    body.in-krok-2 .cart-header li,
    body.in-krok-3 .cart-header li {
      flex: 1 1 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
    }
  
    /* body.in-kosik  .cart-header li a,
    body.in-krok-1 .cart-header li a,
    body.in-krok-2 .cart-header li a,
    body.in-krok-3 .cart-header li a,
    body.in-kosik  .cart-header li strong,
    body.in-krok-1 .cart-header li strong,
    body.in-krok-2 .cart-header li strong,
    body.in-krok-3 .cart-header li strong {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: none !important;
    }*/
  
    /* kolečka – jen layout (barvy a čísla máš výš v CSS) */
    body.in-kosik  .cart-header li span::before,
    body.in-krok-1 .cart-header li span::before,
    body.in-krok-2 .cart-header li span::before,
    body.in-krok-3 .cart-header li span::before {
      width: 26px;
      height: 26px;
      line-height: 26px;
      border-radius: 50%;
      margin: 0;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
  
    /* jistota – žádné jiné čáry na li */
    body.in-kosik  .cart-header li::before,
    body.in-krok-1 .cart-header li::before,
    body.in-krok-2 .cart-header li::before,
    body.in-krok-3 .cart-header li::before,
    body.in-kosik  .cart-header li::after,
    body.in-krok-1 .cart-header li::after,
    body.in-krok-2 .cart-header li::after,
    body.in-krok-3 .cart-header li::after {
      content: none !important;
    }
  
    /* --- TEXTY KROKŮ --- */
  
    /* defaultně text schovat (jen kolečka) */
    body.in-kosik  .cart-header li span,
    body.in-krok-1 .cart-header li span,
    body.in-krok-2 .cart-header li span,
    body.in-krok-3 .cart-header li span {
      font-size: 0 !important;
      white-space: nowrap;
      margin-left: 0 !important;
    }
  
    /* aktivní krok – text vedle kolečka */
    body.in-kosik  .cart-header li.active span,
    body.in-krok-1 .cart-header li.active span,
    body.in-krok-2 .cart-header li.active span,
    body.in-krok-3 .cart-header li.active span {
      font-size: 14px !important;
      margin-left: 10px !important;  /* odsazení textu */
    }
  
    body.in-kosik  .cart-header li.active span::before,
    body.in-krok-1 .cart-header li.active span::before,
    body.in-krok-2 .cart-header li.active span::before,
    body.in-krok-3 .cart-header li.active span::before {
      margin-right: 10px;            /* mezera kolečko–text */
    }

    /* aktivní text kroku překryje linku bílým pozadím */
    body.in-kosik  .cart-header li.active span,
    body.in-krok-1 .cart-header li.active span,
    body.in-krok-2 .cart-header li.active span,
    body.in-krok-3 .cart-header li.active span {
      position: relative;
      background: #ffffff;   /* barva boxu s krokovačem */
      z-index: 2;
      padding: 0 10px 0 0;
    }
      body.in-kosik .cart-table {
      border-top: 1px solid #dfdfdf !important;
    }
  }
    

/* ---------------------------------------------
   POZADÍ STRÁNKY + WRAPPERY
   --------------------------------------------- */
/* VŠECHNY KROKY KOŠÍKU – stejné pozadí */
body.in-kosik,
body.in-krok-1,
body.in-krok-2,
body.in-krok-3 {
  background: #f5f3ef !important;
}

/* Bílé plátno pryč, aby prosvítalo béžové pozadí */
body.in-kosik #page,
body.in-krok-1 #page,
body.in-krok-2 #page,
body.in-krok-3 #page {
  background: transparent !important;
}

/* Content wrappery – taky béžové */
body.in-kosik #content-wrapper,
body.in-kosik .content-row,
body.in-kosik .content-wrapper,
body.in-kosik .container-wrapper,
body.in-kosik .container.full-width,
body.in-krok-1 #content-wrapper,
body.in-krok-1 .content-row,
body.in-krok-1 .content-wrapper,
body.in-krok-1 .container-wrapper,
body.in-krok-1 .container.full-width,
body.in-krok-2 #content-wrapper,
body.in-krok-2 .content-row,
body.in-krok-2 .content-wrapper,
body.in-krok-2 .container-wrapper,
body.in-krok-2 .container.full-width,
body.in-krok-3 #content-wrapper,
body.in-krok-3 .content-row,
body.in-krok-3 .content-wrapper,
body.in-krok-3 .container-wrapper,
body.in-krok-3 .container.full-width {
  background: #f5f3ef !important;
}

/* Centrovací .container necháme průhledný, ať nedělá bílé pruhy */
body.in-kosik .page-wrapper .container,
body.in-krok-1 .page-wrapper .container,
body.in-krok-2 .page-wrapper .container,
body.in-krok-3 .page-wrapper .container {
  background: transparent !important;
}

/* Hlavička / top bary zůstanou bílé */
body.in-kosik #header,
body.in-kosik .header,
body.in-kosik .header-top,
body.in-kosik .site-header,
body.in-kosik .page-header,
body.in-kosik .top,
body.in-kosik .top-bar,
body.in-krok-1 #header,
body.in-krok-1 .header,
body.in-krok-1 .header-top,
body.in-krok-1 .site-header,
body.in-krok-1 .page-header,
body.in-krok-1 .top,
body.in-krok-1 .top-bar,
body.in-krok-2 #header,
body.in-krok-2 .header,
body.in-krok-2 .header-top,
body.in-krok-2 .site-header,
body.in-krok-2 .page-header,
body.in-krok-2 .top,
body.in-krok-2 .top-bar,
body.in-krok-3 #header,
body.in-krok-3 .header,
body.in-krok-3 .header-top,
body.in-krok-3 .site-header,
body.in-krok-3 .page-header,
body.in-krok-3 .top,
body.in-krok-3 .top-bar {
  background: #ffffff !important;
}

/* ---------------------------------------------
   LEVÝ BLOK – HLAVNÍ OBSAH KOŠÍKU
   (platí pro krok 1, krok 2 i krok 3)
   --------------------------------------------- */

   body.in-kosik .cart-row .col-md-8 > .cart-content,
   body.in-krok-1 .cart-row .col-md-8 > .cart-content,
   body.in-krok-2 .cart-row .col-md-8 > .cart-content {
     background: #ffffff;
     border-radius: 16px;
     padding: 0.75rem;
     box-shadow: 0 14px 30px rgba(0, 0, 0, 0.04);
     border: 1px solid rgba(0, 0, 0, 0.02);
   }
   
   /* -------------------------------
      Ovládání množství – pilulka
      ------------------------------- */
   
   body.in-kosik .cart-table .p-quantity .quantity,
   body.in-krok-1 .cart-table .p-quantity .quantity,
   body.in-krok-2 .cart-table .p-quantity .quantity {
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
     background: #ffffff;
     border-radius: 999px;
     padding: 0.2rem 0.45rem;
     border: 1px solid #ded2c3;
   }
   
   body.in-kosik .cart-table .p-quantity input.amount,
   body.in-krok-1 .cart-table .p-quantity input.amount,
   body.in-krok-2 .cart-table .p-quantity input.amount {
     border: none;
     background: transparent;
     width: 46px;
     text-align: center;
     font-weight: 600;
   }
   
/* Sleváč odsazení */
  .ordering-process.id--9 .extras-wrapper .discount-coupon, .content-window.cart-window .extras-wrapper .discount-coupon {
      margin-top: 20px !important;
  }

  .bonus-mehub-219465 .card {
    border-radius: 16px;
    border: 1px solid #e6dacb;
    background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.7), transparent 55%), linear-gradient(135deg, #f8f2e7, #f3e5d2) !important;
}
/* Věrnostní program */
.bonus-mehub-219465 .mehub-bonus-cart-container .card .card-text {
  padding: 0px 10px 5px 10px !important;
}
.bonus-mehub-219465 .mehub-bonus-cart-container .card::before,
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span::before,
.bonus-mehub-219465 .mehub-bonus-checkout-container h4::before {
  background-image: url("/user/documents/upload/codes/cart/galeon-program-wizardo.png") !important;
}
.content form h4, .content.narrow h4 {
  margin-bottom: 10px !important;
}
/* GALEON BLOK PRODUKT */
/* box s textem a ikonou */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text {
  position: relative;
  padding: 8px 20px 8px 70px; /* vlevo místo pro ikonku */
  font-size: 14px;
}

/* samotný text – necháme ho normálně téct */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span {
  display: block; /* jeden textový blok */
}

/* ikonka vlevo */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span::before {
  content: "";
  position: absolute;
  left: 10px;           /* odsazení od levého okraje boxu */
  top: 50%;
  transform: translateY(-50%);
  width: 45px !important;
  height: 45px !important;
  background-image: url(data:image/png;base64,....); /* tvůj obrázek */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* jistota, že se nic neformátuje do bloků */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text b,
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text a {
  display: inline;
}

/* Pravá karta košík */
.cart-content.summary-wrapper {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.02);
}
/* Pravá karta krok 1 */
.cart-content {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.02);
}
/* Krok 2 – Základní údaje objednávky: zarovnání jako ostatní boxy */
body.in-krok-1 #checkoutContent .cart-content .co-basic-information .row,
body.in-krok-2 #checkoutContent .cart-content .co-basic-information .row {
  margin-left: 0;      /* přepíše Bootstrap -10px */
  margin-right: 0;
  max-width: 550px;    /* stejná šířka jako tabulky dopravy/platby */
  margin-inline: auto; /* vystředění */
}
@media only screen and (max-width: 767px) {
.cart-content .order-summary .cart-items { /* Mezery mezi produkty */
  display: grid;
  row-gap: 10px;
}
}
.order-summary-item.helper {
  margin: 20px 0 0 0;
}
.cart-content .next-step .btn.next-step-back {
    color: #222 !important;
}
/* MOBIL GRID PRODUCT */
@media (max-width: 767px) {

  /* skrýt jednotkovou cenu */
  body.id--9 .cart-table td.p-price {
    display: none !important;
  }

  /* celý řádek bude dvousloupcový grid */
  body.id--9 .cart-table tr.removeable {
    display: grid !important;
    grid-template-columns: 100px 1fr; /* levý ↔ pravý sloupec */
    grid-template-areas:
      "img name"
      "avail name"
      "qty total";
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    padding: 0.5rem 0;
    position: relative;
    background: transparent !important;
  }

  body.id--9 .cart-table tr.removeable > td {
    padding: 0;
    border: none;
  }

  /* obrázek vlevo nahoře */
  td.cart-p-image {
    grid-area: img;
    align-self: start;
  }

  td.cart-p-image img {
    width: 100%;
    max-width: 110px;
    border-radius: 16px;
    display: block;
    align-self: center !important;
  }

  /* název vpravo nahoře */
  td.p-name {
    grid-area: name;
    align-self: start;
  }

  td.p-name .main-link {
    font-size: 14px;
    text-align: left;
    font-weight: 500 !important;
    line-height: 1.3;
    display: block;
    margin-bottom: 0.3rem;
  }

  /* dostupnost pod obrázkem */
  td.p-availability {
    grid-area: avail;
    font-size: 14px;
  }

  td.p-availability .p-label {
    display: none;
  }

  /* množství pod dostupností */
  td.p-quantity {
    grid-area: qty;
    margin-top: 0.2rem;
  }

  td.p-quantity .p-label {
    display: none;
  }

  /* pravý spodní – součet */
  td.p-total {
    grid-area: total;
    text-align: right;
    align-self: center;
    position: relative;
  }

  td.p-total .p-label {
    display: none;
  }

  td.p-total .price-final {
    font-size: 1.15rem;
    font-weight: 700;
  }

  /* odstranění z košíku – křížek v pravém horním rohu produktu */
  /*td.p-total .remove-item {
    position: absolute;
    top: -1.2rem;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background-color: #f6e7d3;
    box-shadow: 0 8px 18px rgba(0,0,0,0.07);
  }*/

  /* související produkty – necháme pod názvem */
  td.p-name .show-related {
    display: block;
    margin-top: 0.25rem;
    font-size: 11px;
    color: #c0392b;
  }
  .bonus-mehub-219465 .mehub-bonus-checkout-container .mehub-bonus-checkout-inner-container>div {
    margin: 0 !important;
}
}
/* Text doprava zdarma */
.ordering-process.id--9 #fvstudio-delivery-info .extra.delivery,
.content-window.cart-window #fvstudio-delivery-info .extra.delivery {
  text-align: left !important;
}

/* ---------------------------------------------
   KROKOVAČ – místo fajfek čísla 1 / 2 / 3
   --------------------------------------------- */

   .cart-header li span::before {
    background-image: none !important;      /* pryč fajfka */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    content: "";                            /* doplníme níž */
    font-family: inherit !important;        /* 👉 vezmi stejný font jako span */
    font-size: 13px;                        /* klidně můžeš dát inherit */
    font-weight: 700;                       /* nebo inherit, jestli chceš */
    color: #ffffff;                         /* aktivní default */
  }
  
  /* čísla podle kroků */
  .cart-header li.step-1 span::before { content: "1"; }
  .cart-header li.step-2 span::before { content: "2"; }
  .cart-header li.step-3 span::before { content: "3"; }
  
  /* neaktivní kroky – tmavé číslo */
  .cart-header li:not(.active) span::before {
    color: #6a5f53 !important;
    padding-left: 0px !important;
  }
  
  /* aktivní krok – bílé číslo */
  .cart-header li.active span::before {
    color: #ffffff !important;
    padding-left: 0px !important;
  }
  /* -- KROK 2 --
  @media only screen and (min-width: 767px) {
  .content-wrapper.container .col-sm-6 > div {
    padding-left: 40px !important;
  }
}*/
@media (max-width: 767px) {

  /* DOPRAVA: sjednotit wrapper – zabít flex z FV, ať se to nechová jako centrovaný box */
  body.in-kosik #fvstudio-delivery-info.show-info,
  body.in-krok-1 #fvstudio-delivery-info.show-info,
  body.in-krok-2 #fvstudio-delivery-info.show-info,
  body.in-krok-3 #fvstudio-delivery-info.show-info,
  .content-window.cart-window #fvstudio-delivery-info.show-info,
  .ordering-process.id--9 #fvstudio-delivery-info.show-info {
    display: block !important;
    width: 100% !important;
    max-width: 83% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: stretch !important;
    align-content: stretch !important;
  }
}