/* =========================================================
   OPRAVA VELIKOSTI FONTU V KOSIKU
   ========================================================= */

@media (max-width: 991px) {
    .cart-table .p-price .price-final, .cart-table .unit-value
 {
        color: #aaa;
        font-size: 18px !important;
    }
}

.cart-table .p-price .price-final {
    font-weight: 400;
    font-size: 18px !important;
    color: #1a1937 !important;
    font-weight: 600 !important;
}

.cart-table .p-total .price-final {
    /* font-weight: 600 !important; */
    font-size: 18px !important;
}

.cart-related-button .price-final {
    display: block;
    margin-bottom: 11px;
    font-size: 18px !important;
}

/* =========================================================
   KOŠÍK: "CLEAN SLATE" (ČISTÝ STŮL)
   1. Vypne úplně všechno původní stylování
   2. Nasadí vlastní, kontrolovaný vzhled
   ========================================================= */

/* 1. RESET VŠEHO UVNITŘ LIŠTY (Zabije duchy a dvojité bubliny) */
ol.cart-header,
ol.cart-header li,
ol.cart-header a,
ol.cart-header span,
ol.cart-header strong {
    background: transparent !important; /* Žádná barva pozadí */
    border: none !important;            /* Žádné rámečky */
    box-shadow: none !important;        /* Žádné stíny */
    position: static !important;        /* Žádné absolutní pozice */
}

/* Vypnutí VŠECH původních pseudo-elementů (to jsou ta zdvojená čísla) */
ol.cart-header li::after,
ol.cart-header a::before, ol.cart-header a::after,
ol.cart-header span::before, ol.cart-header span::after,
ol.cart-header strong::before, ol.cart-header strong::after {
    content: none !important;
    display: none !important;
}

/* 2. HLAVNÍ KONTEJNER */
ol.cart-header {
    display: flex !important;
    width: 100% !important;
    height: 50px !important;
    margin: 0 0 20px 0 !important;
    background: #fff !important;        /* Bílé pozadí lišty */
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;        /* Ořízne vše, co přečuhuje */
    counter-reset: cart-steps !important; /* Založíme si VLASTNÍ počítadlo */
}

@media (max-width: 767px) {

ol.cart-header {
    margin: 20px 0 20px 0 !important;
    }
}

/* 3. JEDNOTLIVÉ KROKY */
ol.cart-header li {
    flex: 1 !important;                 /* Všechny kroky stejně široké */
    display: flex !important;
    align-items: center !important;     /* Zarovnání na střed */
    justify-content: center !important;
    border-right: 1px solid #eee !important;
    background: #f8f8f8 !important;     /* Šedé pozadí neaktivních */
    padding: 0 5px !important;
    margin: 0 !important;
}

ol.cart-header li:last-child {
    border-right: none !important;
}

/* 4. NAŠE VLASTNÍ BUBLINA S ČÍSLEM (Vytvoříme ji znovu a čistě) */
ol.cart-header li::before {
    counter-increment: cart-steps !important; /* Přičte 1 */
    content: counter(cart-steps) !important;  /* Vypíše číslo */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;
    background: #ccc !important;        /* Šedá bublina */
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;          /* Aby se nesmrskla */
}

/* 5. TEXTY (Odkazy a Názvy) */
ol.cart-header li a,
ol.cart-header li strong,
ol.cart-header li span {
    display: inline-block !important;
    color: #777 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    text-align: left !important;
    /* Zajistíme, aby text nepřekážel bublině */
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 6. AKTIVNÍ KROK (Zlatý) */
ol.cart-header li.active {
    background: #fff !important;        /* Bílé pozadí buňky */
}

ol.cart-header li.active::before {
    background: var(--rc-gold) !important; /* Zlatá bublina */
}

ol.cart-header li.active strong,
ol.cart-header li.active span {
    color: #000 !important;             /* Černý text */
    font-weight: 700 !important;
}

/* 7. MOBILNÍ OPTIMALIZACE */
@media (max-width: 600px) {
    ol.cart-header li {
        flex-direction: column !important; /* Bublina nad textem */
        justify-content: center !important;
        padding: 5px !important;
    }
    ol.cart-header li::before {
        margin-right: 0 !important;
        margin-bottom: 3px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }
    ol.cart-header li a,
    ol.cart-header li strong,
    ol.cart-header li span {
        font-size: 11px !important;
        text-align: center !important;
    }
}

/*==================================================================================================================================
 Tady je počáteční tag na vypnutí mobilní verze úprav
 =================================================================================================================================*/


@media (min-width: 992px) {


/* =========================================================
   KOŠÍK KROK 1: TABULKA A SOUHRN (MODERNIZACE)
   ========================================================= */

/* --- 1. TABULKA PRODUKTŮ --- */

/* Odstranění starých rámečků a stínů */
.cart-inner, .cart-table {
    border: none !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Hlavička tabulky (Dostupnost, Počet, Cena...) */
.cart-table-header td {
    border-bottom: 2px solid #eee !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #999 !important;
    text-transform: uppercase !important;
    padding-bottom: 15px !important;
}

/* Řádek s produktem */
tr.removeable {
    border-bottom: 1px solid #f0f0f0 !important;
    transition: background 0.2s !important;
}
tr.removeable:hover {
    background: #fafafa !important;
}

/* Buňky tabulky obecně */
.cart-table td {
    vertical-align: middle !important; /* Vše zarovnat na střed výšky */
    padding: 20px 10px !important;     /* Vzdušnější řádky */
}


}
/*==================================================================================================================================
 Tady je konečný tag na vypnutí mobilní verze úprav
 ==================================================================================================================================*/


/* A) OBRÁZEK PRODUKTU */
.cart-p-image img {
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    padding: 3px !important;
    background: #fff !important;
    width: 80px !important; /* O něco větší náhled */
    height: auto !important;
    max-width: 100% !important;
}

/* B) NÁZEV PRODUKTU */
.p-name .main-link {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 5px !important;
}
.p-name .main-link:hover {
    color: var(--rc-gold) !important;
}
/* Skrytí odkazu "Související produkty" pod názvem (zbytečně ruší)
.p-name .show-related {
    font-size: 12px !important;
    color: #999 !important;
    text-decoration: underline !important;
}*/

/* C) DOSTUPNOST */
.availability-label {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* D) MNOŽSTVÍ (Input + Tlačítka) */
/* Uděláme z toho kompaktní "kapsli" */
.quantity-form .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    height: 36px !important;
}
.quantity-form .quantity input {
    border: none !important;
    background: transparent !important;
    font-weight: bold !important;
    width: 40px !important;
    text-align: center !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
/* Tlačítka +/- */
.quantity-form .quantity button {
    background: #f5f5f5 !important;
    border: none !important;
    width: 30px !important;
    height: 100% !important;
    color: #555 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.quantity-form .quantity button:hover {
    background: var(--rc-gold) !important;
    color: #fff !important;
}

/* E) CENA (Jednotková i Celková) */
.p-price .price-final,
.p-total .price-final {
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 600 !important;
}
/* Celková cena tučněji */
.p-total .price-final {
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* F) IKONA KOŠE (Odstranit) */
button.remove-item {
    background: transparent !important;
    border: 1px solid #eee !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    color: #aaa !important; /* Šedá */
    transition: all 0.2s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
}
button.remove-item:hover {
    background: #ffebeb !important; /* Jemně červená */
    color: #d9534f !important;      /* Červená ikona */
    border-color: #d9534f !important;
}
/* Přidání ikonky křížku, pokud tam není */
button.remove-item::before {
    content: "\00d7"; /* Znak násobení (křížek) */
    font-size: 20px !important;
    line-height: 1 !important;
    margin-top: -2px !important;
}
button.remove-item span { display: none !important; } /* Skrytí textu "Odstranit" */


/* --- 2. SOUVISEJÍCÍ PRODUKTY (Upsell řádky) --- */
/* Tyto řádky bývají rušivé, zjemníme je */
tr.related td {
    background: #fdfdfd !important; /* Velmi světlé pozadí */
    padding: 10px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.cart-related-product {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
}
/* Zmenšení obrázku v upsellu */
.cart-related-img img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
}
.cart-related-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555 !important;
}
/* Tlačítko "Do košíku" u souvisejících */
.cart-related-button .btn {
    padding: 4px 10px !important;
    font-size: 12px !important;
    background: #fff !important;
    border: 1px solid var(--rc-gold) !important;
    color: var(--rc-gold) !important;
    text-transform: none !important;
}
.cart-related-button .btn:hover {
    background: var(--rc-gold) !important;
    color: #fff !important;
}


/* --- 3. SPODNÍ SOUHRN (Kupón + Cena + Tlačítka) --- */
.summary {
    background: #f8f8f8 !important; /* Oddělený blok */
    padding: 30px !important;
    border-radius: 8px !important;
    margin-top: 30px !important;
}

/* KUPÓN */
.toggle-coupon-input-button {
    color: #555 !important;
    text-decoration: underline !important;
    font-size: 13px !important;
    cursor: pointer !important;
}
.input-group input.form-control {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}

/* CENA CELKEM (To nejdůležitější) */
.price-wrapper {
    text-align: right !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #eee !important;
}
.price-label.price-primary {
    font-size: 16px !important;
    color: #555 !important;
    margin-right: 10px !important;
}
/* Obří cena */
.price.price-primary {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #000 !important;
    display: inline-block !important;
}
/* Cena bez DPH (zmenšit) */
.price-secondary, .price-label.price-secondary {
    font-size: 12px !important;
    color: #999 !important;
    display: block !important; /* Hodit na nový řádek */
}

/* TLAČÍTKA (Zpět / Pokračovat) */
.next-step {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Rozhodit do stran */
}

/* Zpět do obchodu */
.next-step-back {
    background: transparent !important;
    color: #777 !important;
    text-decoration: underline !important;
    border: none !important;
    padding: 0 !important;
    font-size: 14px !important;
}
.next-step-back:hover {
    color: #000 !important;
}

/* POKRAČOVAT (Hlavní CTA) */
.next-step-forward {
    background: var(--rc-gold) !important; /* Zlatá */
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(199, 144, 64, 0.3) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.next-step-forward:hover {
    background: #000 !important; /* Černá po najetí */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}


/* =========================================================
   KOŠÍK FIX: MNOŽSTVÍ (+/-)
   Cíl: Nahradit Shoptet ikony čistým textem a vycentrovat
   ========================================================= */

/* 1. TLAČÍTKA - Flexbox pro dokonalý střed */
.quantity-form .quantity button,
.quantity-form .quantity .increase,
.quantity-form .quantity .decrease {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;     /* Reset pro případ, že Shoptet schovává text */
    line-height: 1 !important;
}

/* 2. PŘEPSÁNÍ OBSAHU PSEUDO-ELEMENTŮ (To je to, co dělalo neplechu) */
.quantity-form .quantity .increase::before,
.quantity-form .quantity .decrease::before {
    font-family: Arial, sans-serif !important; /* Použijeme systémový font, ne ikony */
    font-weight: 300 !important;   /* Tenčí, modernější vzhled */
    font-size: 22px !important;    /* Větší znak */
    line-height: 1 !important;     /* Nulová výška řádku */

    width: auto !important;        /* Žádná fixní šířka */
    height: auto !important;
    margin: 0 !important;
    position: static !important;   /* Zrušení absolutního pozicování */
    background: none !important;

    display: block !important;
}

/* 3. VYNUCENÍ KONKRÉTNÍCH ZNAKŮ */
/* Natvrdo tam vložíme textové plus a mínus */

/* PLUS */
.quantity-form .quantity .increase::before {
    content: "+" !important;
    margin-top: 1px !important; /* Jemné optické doladění středu */
}

/* MÍNUS */
.quantity-form .quantity .decrease::before {
    content: "-" !important;    /* Skutečný typografický znak mínus (ne pomlčka) */
    margin-top: -1px !important; /* Mínus bývá opticky vysoko, posuneme níž */
}

/* 4. POJISTKA - Skrytí případného starého obsahu (spanů), kdyby tam byly */
.quantity-form .quantity button span {
    display: none !important;
}

/* =============================================================================
=============================================================================*/

/* --- Tlačítka v košíku --- */

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
    background-color: var(--rc-gold);
    border-color: var(--color-secondary);
    color: #ffffff;
}

.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
    background-color: var(--rc-gold-dark);
    border-color: var(--color-secondary);
    color: #ffffff;
}

/* Náhled košíku desktop*/

.cart-widget-product {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: table;
    padding: 15px 15px 15px 5px;
    table-layout: fixed;
    width: 98%;
}


/*==================================================================================================================================
 Tady je počáteční tag na vypnutí mobilní verze úprav
 =================================================================================================================================*/


@media (min-width: 992px) {


/* =========================================================
   KOŠÍK FIX: ZAROVNÁNÍ (TABLE-CELL METODA)
   Cíl: Srovnat vše na střed bez rozbití tabulky (glitchů)
   ========================================================= */

/* 1. HLAVNÍ FIX PRO CELÝ ŘÁDEK TABULKY */
/* Vynutíme, aby se VŠECHNY buňky chovaly jako tabulkové buňky (žádný flex) */
.cart-table tr.removeable td {
    display: table-cell !important;     /* Vrátíme přirozené chování */
    vertical-align: middle !important;  /* SVISLÝ STŘED - toto srovná obrázek, input i cenu */
    height: auto !important;
    border-bottom: 1px solid #eee !important; /* Oprava mizející linky */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 2. BUŇKA S CENOU A KOŠEM (.p-total) */
.cart-table tr.removeable td.p-total {
    white-space: nowrap !important;     /* Zajistí, že cena a koš budou vedle sebe */
    text-align: right !important;       /* Zarovnání doprava */
    width: 1% !important;               /* Triky: stáhne buňku na minimální nutnou šířku */
}

/* 3. CENA (.price-final) */
.cart-table tr.removeable td.p-total .price-final {
    display: inline-block !important;   /* Musí být blok, aby fungoval vertical-align */
    vertical-align: middle !important;  /* Zarovnání vůči tlačítku */
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1.2 !important;
}

/* 4. TLAČÍTKO ODSTRANIT (Formulář) */
.cart-table tr.removeable td.p-total form {
    display: inline-block !important;   /* Vedle ceny */
    vertical-align: middle !important;  /* Zarovnání vůči ceně */
    margin: 0 0 0 15px !important;      /* Mezera mezi cenou a košem */
    padding: 0 !important;
}

/* 5. SAMOTNÉ TLAČÍTKO (Ikonka) */
.cart-table tr.removeable td.p-total .remove-item {
    position: static !important;        /* Zrušit absolutní pozice */
    transform: none !important;         /* Zrušit posuny */
    margin: 0 !important;
    float: none !important;
    display: flex !important;           /* Pro vycentrování křížku uvnitř kolečka */
    align-items: center !important;
    justify-content: center !important;
}

/* 6. SKRYTÍ "SOUČET" LABELU (Na desktopu zavazí a kazí zarovnání) */
.cart-table tr.removeable td.p-total .p-label {
    display: none !important;
}
}
/*==================================================================================================================================
 Tady je konečný tag na vypnutí mobilní verze úprav
 =================================================================================================================================*/


/* RESPONSIVITA - Na mobilu to vrátíme zpět */
@media (max-width: 768px) {
    .cart-table tr.removeable td.p-total {
        display: flex !important;       /* Na mobilu chceme flex (kvůli labelu a ceně) */
        justify-content: space-between !important;
        white-space: normal !important;
        width: 100% !important;
        text-align: left !important;
    }
    .cart-table tr.removeable td.p-total .p-label {
        display: inline-block !important; /* Zobrazíme popisek "Součet" */
    }
    .cart-table tr.removeable td.p-total .remove-item {
        margin-left: 0 !important;
    }
}


/* =========================================================
   KOŠÍK KROK 1: SOUHRN - FINÁLNÍ "GRID" FIX
   ========================================================= */

/* 1. HLAVNÍ BLOK - Změníme chování na Flexbox řádek */
div.summary {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Zákaz zalamování na PC */
    align-items: flex-end !important; /* Zarovnáme vše ke SPODNÍMU okraji */
    justify-content: space-between !important;

    background: #fdfdfd !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    padding: 20px !important;
    margin-top: 20px !important;
    gap: 30px !important; /* Mezera mezi levým a pravým blokem */
}

/* 2. LEVÝ SLOUPEC (Kupón + Doručení) */
/* Resetujeme Bootstrap chování */
div.summary .col-md-8 {
    flex: 1 1 auto !important; /* Flexibilní šířka */
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Obsah tlačíme dolů */
    align-items: flex-start !important;
}

/* Úprava prvků vlevo */
.toggle-coupon-input-button {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}
.coupon-input {
    margin-bottom: 10px !important;
    width: 100% !important;
    max-width: 405px !important; /* Aby pole nebylo moc dlouhé */
}

@media (max-width: 767px) {
.coupon-input {
    margin-bottom: 10px !important;
    width: 100% !important;
    max-width: 700px !important; /* Aby pole nebylo moc dlouhé */
}

}

.delivery-time {
    margin: 0 !important;
    padding: 5px 0 !important;
    background: transparent !important;
    border: none !important;
    font-size: 13px !important;
}


/* 3. PRAVÝ SLOUPEC (Cena + Tlačítka) */
div.summary .col-md-4 {
    flex: 0 0 400px !important; /* Fixní šířka pravé části - dost místa pro tlačítka */
    width: 400px !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

/* 4. CENA (Hned nad tlačítky) */
.price-wrapper {
    text-align: right !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important; /* Mezera pod cenou */
    box-shadow: none !important;
    border: none !important;
}

/* Skrytí textu "Celkem za zboží" (zbytečný) */
.price-wrapper .price-label.price-primary { display: none !important; }

/* Cena samotná */
.price-wrapper .price.price-primary {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #000 !important;
    line-height: 1 !important;
}
/* Cena bez DPH */
.price-wrapper .price-secondary {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 3px !important;
}


/* 5. TLAČÍTKA (V jedné řadě) */
.next-step {
    display: flex !important;
    flex-direction: row !important; /* Vynutíme řádek */
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 15px 0 0 0 !important;
    border-top: 1px solid #eee !important; /* Jemná linka oddělující cenu a tlačítka */
}

/* Tlačítko POKRAČOVAT */
.next-step-forward {
    flex: 2 !important; /* Zabere 2/3 místa */
    background: var(--rc-gold) !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    padding: 12px 20px !important;
    text-align: center !important;
    font-size: 15px !important;
    border: none !important;
    height: 48px !important; /* Fixní výška */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.next-step-forward:hover {
    background: #000 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Odkaz ZPĚT DO OBCHODU */
.next-step-back {
    flex: 1 !important; /* Zabere 1/3 místa */
    order: -1 !important; /* Hodíme ho vlevo */
    text-align: left !important;
    color: #888 !important;
    text-decoration: underline !important;
    font-size: 13px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
.next-step-back:hover {
    color: #000 !important;
    text-decoration: none !important;
}

/* 6. RESPONSIVITA PRO MOBILY */
@media (max-width: 991px) {
    div.summary {
        flex-direction: column !important; /* Pod sebe */
        align-items: stretch !important;
        gap: 20px !important;
    }
    div.summary .col-md-8,
    div.summary .col-md-4 {
        width: 100% !important;
        flex: auto !important;
    }
    /* Na mobilu oddělíme levou a pravou část čárou */
    div.summary .col-md-8 {
        border-bottom: 1px solid #eee !important;
        padding-bottom: 20px !important;
    }
    /* Tlačítka na mobilu pod sebe */
    .next-step {
        flex-direction: column-reverse !important;
    }
    .next-step-forward, .next-step-back {
        width: 100% !important;
        text-align: center !important;
    }
    .next-step-back {
        margin-top: 5px !important;
    }
}


/* =========================================================
   KROK 2: DOPRAVA A PLATBA (Kompaktní verze + FIX)
   ========================================================= */

/* 1. OPRAVA HORNÍHO UPOZORNĚNÍ (Tip) */
#notice-cart .btn {
    background-color: #fffbf2 !important;
    color: #8a6d3b !important;
    border: 1px solid #faebcc !important;
    padding: 10px 15px !important;      /* Menší padding */
    margin-bottom: 20px !important;
    font-size: 13px !important;         /* Menší písmo */
    text-shadow: none !important;
    text-align: left !important;
    border-radius: 4px !important;
    white-space: normal !important;
    width: 100% !important;
    display: none !important; /*původní hodnota: display: block* !important*/
}
#notice-cart .btn a {
    color: inherit !important;
    text-decoration: none !important;
}

/* 2. KOMPAKTNÍ ŘÁDEK (Radio Wrapper) */
.order-delivery-payment-form .radio-wrapper {
    display: flex !important;
    align-items: center !important;
    min-height: 45px !important;        /* Nízký řádek */
    padding: 5px 10px !important;       /* Minimální vnitřní mezery */
    margin-bottom: 5px !important;      /* Malá mezera mezi řádky */
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

/* Aktivní řádek (Vybráno) */
.order-delivery-payment-form .radio-wrapper.active {
    background-color: #fffcf5 !important; /* Velmi jemná zlatavá */
    border-color: var(--rc-gold, #d8a06d) !important;
    box-shadow: 0 0 0 1px var(--rc-gold, #d8a06d) inset !important;
}

/* Hover efekt */
.order-delivery-payment-form .radio-wrapper:hover {
    border-color: #bbb !important;
}


/* 3. ROZLOŽENÍ OBSAHU (Input, Logo, Text, Cena) */
.order-delivery-payment-form .radio-wrapper label {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer !important;
    flex-wrap: nowrap !important; /* Na PC vedle sebe */
}

/* Input (Kolečko) - trochu odsazení */
.order-delivery-payment-form .radio-wrapper input[type="radio"] {
    margin: 0 10px 0 0 !important;
    transform: scale(1.1) !important;
}


/* 4. LOGO - Přesuneme vlevo a zmenšíme */
.order-delivery-payment-form .payment-logo {
    order: -1 !important;           /* Vizuálně před textem */
    margin-right: 15px !important;
    flex: 0 0 40px !important;      /* Fixní šířka pro logo */
    text-align: center !important;
}

.order-delivery-payment-form .payment-logo img {
    max-height: 25px !important;    /* Malé logo, aby neroztahovalo výšku */
    width: auto !important;
    object-fit: contain !important;
}


/* 5. TEXT (Název) */
.order-delivery-payment-form .payment-info {
    flex: 1 !important;             /* Roztáhne se */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

.order-delivery-payment-form .shipping-billing-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
}

/* Skrytí popisků a tooltipů pro maximální kompaktnost (Volitelné) */
/* Pokud chcete popisky zachovat, smažte tento řádek: */
.order-delivery-payment-form .question-tooltip { display: none !important; }


/* 6. CENA (Vpravo) */
.order-delivery-payment-form .payment-shipping-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-left: 10px !important;
    white-space: nowrap !important;
}

/* ZDARMA - zeleně */
.order-delivery-payment-form .payment-shipping-price.for-free {
    color: #28a745 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}


/* 7. OPRAVA CHYBY "NEMOŽNÁ KOMBINACE" */
/* Zde již NEPOUŽÍVÁME display: block, necháme to na Shoptetu */
/* Pouze stylujeme vzhled pro případ, že se hláška objeví */
.not-possible-info {
    color: #d9534f !important;      /* Červená */
    font-size: 11px !important;
    font-style: italic !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
}


/* 8. DROBNOSTI */
/* Výběr pobočky (Zásilkovna atd.) - odkaz */
.order-delivery-payment-form .sublabel {
    margin: 0 !important;
    font-size: 12px !important;
}
.order-delivery-payment-form .sublabel a {
    color: var(--rc-gold, #d8a06d) !important;
    text-decoration: underline !important;
}

/* RESPONSIVITA PRO MOBIL */
@media (max-width: 575px) {
    /* Na mobilu logo ještě menší */
    .order-delivery-payment-form .payment-logo {
        flex: 0 0 30px !important;
        margin-right: 10px !important;
    }
    .order-delivery-payment-form .radio-wrapper {
        min-height: 50px !important; /* Na mobilu trochu vyšší kvůli prstům */
    }
}

/* =========================================================
   FIX: SKRÝVÁNÍ ROZBALOVACÍCH MOŽNOSTÍ (Zásilkovna/Pobočky)
   ========================================================= */

/* 1. Pokud řádek NENÍ aktivní (není vybráno), SKRYJ výběr pobočky */
.order-delivery-payment-form .radio-wrapper:not(.active) .sublabel {
    display: none !important;
}

/* 2. Pokud JE aktivní, tak ho ZOBRAZ */
.order-delivery-payment-form .radio-wrapper.active .sublabel {
    display: block !important;
    width: 100% !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
    border-top: 1px dotted #eee !important; /* Jemná linka pro oddělení */
}

/* 3. Stylování odkazu "Vybrat pobočku" */
.order-delivery-payment-form .sublabel a {
    color: var(--rc-gold, #d8a06d) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid var(--rc-gold, #d8a06d) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

.order-delivery-payment-form .sublabel a:hover {
    background: var(--rc-gold, #d8a06d) !important;
    color: #fff !important;
}

/* =========================================================
   KROK 2 FIX: SKRÝVÁNÍ BLANSKA + TLAČÍTKO (OPRAVA)
   ========================================================= */

/* 1. Původní spouštěcí doprava (ID 210) - skryjeme */
#shipping-210 {
    display: none !important;
}

/* 2. DEFAULTNÍ SKRYTÍ LOKÁLNÍCH DOPRAV */
#shipping-127, #shipping-130, #shipping-70, #shipping-4, #shipping-64, #shipping-67 {
    display: none !important;
}

/* 3. ZOBRAZENÍ (Když JavaScript přidá třídu .local-shipping-visible) */
/* Tady byl problém. Musíme zacílit konkrétní ID + třídu, abychom přebili to skrytí nahoře */
#shipping-127.local-shipping-visible,
#shipping-130.local-shipping-visible,
#shipping-70.local-shipping-visible,
#shipping-4.local-shipping-visible,
#shipping-64.local-shipping-visible,
#shipping-67.local-shipping-visible {
    display: flex !important; /* Zobrazíme jako flex (aby fungoval design karet) */

    /* Stylování pro odsazení */
    margin-left: 20px !important;
    width: calc(100% - 20px) !important;
    border-left: 3px solid var(--rc-gold, #d8a06d) !important;
    background-color: #f9f9f9 !important; /* Lehce šedé pozadí pro odlišení */
}


/* 4. Styl tlačítka */
.toggle-local-shipping-btn {
    width: 100%;
    background-color: #fff;
    color: #333;
    border: 2px dashed #ccc;
    padding: 12px 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.toggle-local-shipping-btn:hover {
    border-color: var(--rc-gold, #d8a06d);
    color: var(--rc-gold, #d8a06d);
    background-color: #fffcf5;
}

/* Rozbalený stav tlačítka */
.toggle-local-shipping-btn.open {
    border-style: solid;
    border-color: var(--rc-gold, #d8a06d);
    background-color: #fff;
}

/* IKONA ŠIPKY (Vytvořená geometricky přes CSS Borders - 100% funkční) */
.toggle-local-shipping-btn::after {
    content: "" !important;            /* Žádný text */
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;

    /* Vytvoření trojúhelníku */
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 7px solid #555 !important; /* Barva šipky (tmavě šedá) */

    margin-left: 10px !important;
    transition: transform 0.3s ease !important; /* Plynulé otočení */
}

/* Když je otevřeno - OTOČIT ŠIPKU */
.toggle-local-shipping-btn.open::after {
    transform: rotate(180deg) !important;
    border-top-color: var(--rc-gold, #d8a06d) !important; /* Zlatá barva po rozbalení */
}

/* Hover efekt na tlačítku změní i barvu šipky */
.toggle-local-shipping-btn:hover::after {
    border-top-color: var(--rc-gold, #d8a06d) !important;
}

/* Odsazení sekce vyberte dopravu v košíku */
.ordering-process .co-box h4 {
    line-height: 30px;
    margin: 0px 0 22px 10px;
    padding-left: 40px;
    position: relative;
    text-align: left;
}

.ordering-process .co-box.co-payment-method h4 {
    margin-top: 30px;
}

/* =========================================================
   FIX: JEMNÉ ROZŠÍŘENÍ KOŠÍKU (OD 1440px)
   ========================================================= */

@media (min-width: 1440px) {
    /* 1. HLAVNÍ KONTEJNER - Zlatá střední cesta */
    /* Původně má cca 1170px. Zvedneme to na 1360px.
       To je dostatečně široké, aby to vypadalo lépe, ale ne tolik, aby se to rozpadlo. */
    .container {
        width: 1360px !important;
        max-width: 95% !important;
    }

    /* 2. LEVÝ SLOUPEC (Doprava a platba) */
    #checkoutContent {
        /* Nastavíme mu cca 72% šířky (místo původních 66%), jsem opravil, David */
        width: 66% !important;
        float: left !important;     /* Drž se vlevo */
        position: static !important; /* Reset pro jistotu */
        padding-right: 30px !important; /* Vzdušnost mezi sloupci */
        margin: 0 !important;
    }

    /* 3. PRAVÝ SLOUPEC (Souhrn) */
    #checkoutSidebar {
        /* Nastavíme mu 26% šířky, jsem opravil, David */
        width: 33% !important;
        float: right !important;    /* Drž se vpravo */
        position: static !important; /* Reset pro jistotu */
        margin: 0 !important;
    }

    /* MATEMATIKA:
       72% (levý) + 26% (pravý) = 98%.
       Zbývají 2% rezervy na mezery a zaokrouhlování prohlížeče.
       Díky tomu by sidebar už NIKDY neměl spadnout dolů.
    */

}
    /* =========================================================
   SIDEBAR: REKAPITULACE OBJEDNÁVKY (Plovoucí karta)
   ========================================================= */

/* 1. HLAVNÍ BOX - STICKY A VZHLED */
.order-summary-inner {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 25px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; /* Výraznější stín */

    /* STICKY EFEKT - TOHLE JE TO KOUZLO */
    position: -webkit-sticky !important; /* Pro Safari */
    position: sticky !important;
    top: 20px !important; /* Zastaví se 20px od horního okraje okna */
    z-index: 99 !important;
}

/* 2. NADPIS "REKAPITULACE" */
.order-summary-inner h4 {
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid var(--rc-gold, #d8a06d) !important; /* Zlatá linka */
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    text-align: center !important;
}

/* Název produktu */
.cart-item-name {
    flex: 1 !important; /* Zabere veškeré dostupné místo */
    min-width: 0 !important; /* Trik, aby se flexbox uměl zmenšit */
    padding-right: 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    font-size: 14px;
    font-weight: 600;
}
}

/* Cena produktu */
.cart-item-price {
    flex: 0 0 auto !important; /* Zakáže zmenšování/zalamování ceny */
    white-space: nowrap !important; /* Cena bude vždy na jednom řádku */
    font-weight: 700 !important;
    text-align: right !important;
}

/* Množství */
.cart-item-amount {
    color: #999 !important;
    font-size: 12px !important;
    margin: 0 10px !important;
    white-space: nowrap !important;
}


/* 4. MEZISOUČET (Celkem za zboží) - FIX ZAROVNÁNÍ */
.order-summary-item.helper {
    background: #f8f8f8 !important;    /* Světle šedá */
    margin: 15px 0 !important;         /* Žádné záporné okraje = žádné odskakování */
    padding: 12px 15px !important;     /* Příjemné vnitřní odsazení */
    border-radius: 6px !important;     /* Zaoblené rohy */
    border: 1px solid #eee !important; /* Jemný rámeček */
    color: #555 !important;

    /* Pojistka pro správné rozložení textu a ceny */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Pokud tam je nějaký vnitřní div navíc, srovnáme ho */
.order-summary-item.helper > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Levá strana (Text "Doprava:", "Platba:") */
.recapitulation-shipping-billing-label {
    flex: 0 0 auto !important;
    color: #888 !important;
    padding-top: 3px !important; /* Aby to lícovalo opticky s cenou vpravo */
}

/* Pravá strana (Obsah) - Změníme na Sloupec
.recapitulation-shipping-billing-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    flex: 1 !important;
    margin-left: 20px !important;
}*/

/* Cena dopravy/platby (Bude nahoře)
.recapitulation-shipping-billing-info span {
    display: block !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
    order: -1 !important;
}*/

/* Název metody (Messenger atd.) - Bude dole */
.recapitulation-shipping-billing-info {
    font-weight: 500 !important;
    color: #555 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}


/* 6. FINÁLNÍ CENA (To nejdůležitější) */
.order-summary-item.price {
    border: none !important;
    padding-top: 20px !important;
    margin-top: 0 !important;
    text-align: right !important;
    display: block !important; /* Aby se to chovalo jako blok */
}

.price-wrapper {
    text-align: right !important;
}

/* Text "Celkem k úhradě" */
.price-wrapper .price-label.price-primary {
    display: block !important;
    font-size: 14px !important;
    color: #777 !important;
    margin-bottom: 5px !important;
}

/* Samotná částka */
.price-wrapper .price.price-primary {
    display: block !important;
    font-size: 32px !important; /* Velká, dominantní */
    font-weight: 800 !important;
    color: #d8a06d !important; /* Vaše zlatá */
    line-height: 1.1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
}

/* Cena bez DPH */
.price-wrapper .price-secondary {
    display: block !important;
    font-size: 12px !important;
    color: #bbb !important;
    margin-top: 5px !important;
}

/* =========================================================
   KOŠÍK SIDEBAR FIX: ZAROVNÁNÍ CEN A TEXTŮ (BEZPEČNÁ VERZE)
   Tento kód ovlivní POUZE boční panel a nerozbije Krok 1
   ========================================================= */

/* 1. SEZNAM PRODUKTŮ V BOČNÍM PANELU */
/* Důležité: Používáme .order-summary-inner, abychom neovlivnili hlavní košík */
.order-summary-inner .order-summary-item {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    /*padding: 12px 0 !important;*/
    border-bottom: 1px dashed #eee !important;
    gap: 15px !important;
    flex-wrap: nowrap !important; /* Zákaz zalamování na PC */
}

/* Název produktu (JEN v bočním panelu) */
.order-summary-inner .cart-item-name {
    flex: 1 !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: normal !important; /* Text se může zalomit */
    margin-bottom: 0 !important;
    color: var(--color-primary);
}

/* Odkaz v názvu */
.order-summary-inner .cart-item-name a {
    display: block !important; /* Aby se text choval slušně */
}

/* Cena produktu (JEN v bočním panelu) */
.order-summary-inner .cart-item-price {
    flex: 0 0 auto !important; /* Fixní šířka podle obsahu */
    white-space: nowrap !important;
    font-weight: 700 !important;
    text-align: right !important;
    margin-left: 10px !important;
}

/* Obrázek produktu v sidebaru (pokud tam je) */
.order-summary-inner img {
    max-width: 40px !important; /* Malá ikonka */
    height: auto !important;
    margin-right: 10px !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important; /* Nesmrskávat */
}


/* 2. DOPRAVA A PLATBA (JEN v bočním panelu) */
.order-summary-inner .recapitulation-single {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f5f5f5 !important;
    padding-bottom: 8px !important;
}

.order-summary-inner .recapitulation-shipping-billing-label {
    flex: 0 0 auto !important;
    color: #888 !important;
    padding-top: 3px !important;
}

.order-summary-inner .recapitulation-shipping-billing-info {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    border-bottom: 1px dashed #eee !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

.order-summary-inner .recapitulation-shipping-billing-info span {
    display: block !important;
    font-weight: 800 !important;
    color: #000 !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
    order: -1 !important;
}


/* =========================================================
   KOŠÍK FIX: OPRAVA PRO TABLETY A MOBILY (pod 992px)
   ========================================================= */

@media (max-width: 991px) {

    /* 1. VRÁCENÍ HLAVNÍCH SLOUPCŮ DO PŮVODNÍHO STAVU */
    #checkoutContent,
    #checkoutSidebar {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        display: block !important; /* Zrušit flexbox rodiče */
    }

    /* 2. SIDEBAR - VYPNOUT PLOVOUCÍ EFEKT */
    .order-summary-inner {
        position: static !important;
        margin-top: 30px !important;
        width: 100% !important;
        box-shadow: none !important; /* Na mobilu často stín nevypadá dobře */
        border: 1px solid #eee !important;
    }

    /* 3. PRODUKTY V SIDEBARU NA MOBILU */
    .order-summary-inner .order-summary-item {
        flex-direction: row !important; /* Vynutit řádek */
        align-items: center !important;
    }

    /* Obrázek na mobilu */
    .order-summary-inner img {
        display: block !important; /* Ujistit se, že je vidět */
        max-width: 50px !important;
    }

    /* 4. KONTAKTNÍ BOX */
    .checkout-box {
        width: 100% !important;
    }
}

/* =========================================================
   KOŠÍK SIDEBAR: KONTAKTNÍ BOX (Vizitka V4 - Finální)
   ========================================================= */

/* 1. HLAVNÍ KONTEJNER */


@media (min-width: 768px) and (max-width: 9999em) {
    .cart-inner .checkout-box .contact-box {
        padding: 0 0 0 0;
    }
}

.checkout-box {
    border-style: none;
    border-width: 1px;
    margin: 20px 0 22px;
    padding: 0;
}

/* 2. TLAČÍTKO PRO ROZBALENÍ (Zavřený stav) */
.checkout-box .toggle-contacts {
    /* Vzhled tlačítka */
    background-color: #fff !important;
    border: 2px solid #eee !important; /* Výraznější rámeček */
    border-radius: 8px !important;
    padding: 15px !important;

    /* Centrování textu */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;

    /* Reset výšky a pozic */
    min-height: auto !important;
    position: relative !important;
    white-space: normal !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.03) !important;
}

/* Hover efekt (Najetí myší) */
.checkout-box .toggle-contacts:hover {
    border-color: var(--rc-gold, #d8a06d) !important;
    transform: translateY(-2px); /* Jemné nadskočení */
    box-shadow: 0 6px 12px rgba(0,0,0,0.1) !important;
}

/* Skrytí původních ikon šablony */
.checkout-box .toggle-contacts::before,
.checkout-box .toggle-contacts::after {
    display: none !important;
}

/* ČÍSLO UVNITŘ TLAČÍTKA + SLUCHÁTKO */
.checkout-box .toggle-contacts span {
    display: flex !important; /* Flex pro zarovnání ikony a čísla */
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8px !important;

    font-size: 20px !important; /* Větší číslo */
    color: var(--rc-gold, #d8a06d) !important;
    font-weight: 800 !important;
}

/* Přidání ikony sluchátka k číslu */
.checkout-box .toggle-contacts span::before {
    content: "tel. " !important; /* Ikona telefonu */
    font-size: 14px !important;
    margin-right: 8px !important;
    color: #333 !important; /* Barva sluchátka (tmavá) */
    font-weight: normal !important;
}


/* 3. ROZBALENÝ BOX (Vnitřek) */
/* Zde odstraňujeme ten šedý rámeček a roztahujeme obsah */
.checkout-box .box-bg-default {
    background: transparent !important; /* Průhledné pozadí */
    border: none !important;            /* ŽÁDNÝ RÁMEČEK */
    box-shadow: none !important;
    padding: 15px 0 0 0 !important;     /* Pouze horní odsazení od tlačítka */
    margin-top: 0 !important;
}

/* 4. KONTEJNER PROFILU (Centrování) */
.contact-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Vše zarovnat na střed */
    width: 100% !important;
}

/* 5. FOTKA (Zaoblený čtverec) */
.contact-box img {
    width: 120px !important;
    height: 120px;
    /* Zaoblený čtverec = menší radius */
    border-radius: 75px !important;
    object-fit: cover !important;
    padding: 3px !important;
    background: #fff !important;
    margin-bottom: 15px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    left: 0px;
    max-width: 100% !important;
    position: relative !important;
}

/* 6. JMÉNO */
.contact-box strong {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* 7. SEZNAM KONTAKTŮ */
.contact-box ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important; /* Roztáhnout na celou šířku */
}

.contact-box ul li {
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;

    /* Vzhled řádku kontaktu */
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    width: 100% !important;
}

/* Odkazy (Texty) */
.contact-box a {
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    flex: 1 !important; /* Text zabere zbytek místa */
}
.contact-box a:hover {
    color: var(--rc-gold, #d8a06d) !important;
}

/* IKONY (Shoptet) - Zarovnání */
.contact-box li span::before,
.contact-box li i {
    color: var(--rc-gold, #d8a06d) !important;
    font-size: 18px !important;
    margin-right: 15px !important;
    display: inline-block !important;
    text-align: center !important;
    width: 24px !important;
}

@media (max-width: 480px) {
    .cart-widget-product .cart-widget-product-name {
        width: 32% !important;
        font-size: 12px;
    }

    .cart-widget-product-unit {
    width: 40px;
    display: none !important;
    }

    .cart-widget-product-amount {
    width: 103px !important;
    }

    .cart-widget-product-image {
    height: 59px !important;
    text-align: center;
    width: 60px !important;
    }

    .quantity {
    padding-left: 30px !important;
    padding-right: 30px !important;
    }

    .cart-widget-product-price {
    text-align: right;
    font-size: 12px;
    }


}

.discount-coupon .btn {
    display: block;
    font-size: 0;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    /* margin-left: -10px; */
    border-radius: 0px 5px 5px 0px !important;
}

.sidebar-inner {
    padding-top: 0px;
}

/* Kupón v košíku – input + button vedle sebe */
.coupon-input .discount-coupon form.input-group{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.coupon-input .discount-coupon form.input-group input{
  flex: 1 1 auto;
  min-width: 0; /* aby se input uměl zmenšit a netlačil button dolů */
}

.coupon-input .discount-coupon form.input-group button{
  flex: 0 0 auto;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap; /* aby se text nerozlomil */
  font-size: 14px;     /* u tebe to někdo přepisuje na 0 */
  line-height: 1.2;    /* u tebe to někdo přepisuje na 0 */
}