/**
 * SHOPTET CUSTOMIZACE (CSS) - VYČIŠTĚNÁ VERZE
 * * 1. Globální styly a pozadí
 * 2. Statické stránky a skrytí prvků
 * 3. Hlavička a navigace
 * 4. Patička webu
 * 5. Detail produktu
 * 6. Widget košíku a ikona v hlavičce
 * 7. Košík (1. a 2. Krok)
 * 8. Košík (Rekapitulace / Boční panel)
 * 9. Klientské centrum
 * 10. Responzivita (Mobily a tablety)
 */

/* ========================================================================= */
/* 1. GLOBÁLNÍ STYLY A POZADÍ                                                */
/* ========================================================================= */

/* HLINÍKOVÝ EFEKT (NEXA) */
body {
    background-color: #ffffff !important;
    background-image: linear-gradient(
        140deg, 
        #ffffff 0%,       /* Čistě bílá v levém horním rohu */
        #eef1f3 45%,      /* Jemná, chladná hliníkově šedá v širokém pásu uprostřed */
        #f8fafc 100%      /* Skoro bílá (s nepatrným nádechem) v pravém dolním rohu */
    ) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* ZNEVIDITELNĚNÍ "BÍLÉ PLACHTY" SHOPTETU */
html, 
.overall-wrapper, 
#content-wrapper, 
.content-wrapper-in, 
#content {
    background: transparent !important;
}

/* ========================================================================= */
/* 2. STATICKÉ STRÁNKY A SKRYTÍ PRVKŮ                                        */
/* ========================================================================= */

.pageArticleDetail header[itemprop="headline"] {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.pageArticleDetail header[itemprop="headline"] h1 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Skrytí celého horního panelu nad výpisem služeb */
.listingControls {
    display: none !important;
}

/* Skrytí řazení v kategoriích (Nejlevnější, Nejdražší...) */
#category-header {
    display: none !important;
}

/* ========================================================================= */
/* 3. HLAVIČKA A NAVIGACE                                                    */
/* ========================================================================= */

/* Přilepení hlavičky na horní okraj obrazovky */
#header {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Zprůhlednění hlavičky a navigace */
#header .header-bottom,
#navigation,
#navigation .navigation-in,
#header .header-top {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease, all 0.3s linear !important;
}

/* Výchozí stav loga */
#header .site-name img {
    transition: all 0.3s linear !important; 
    max-height: 70px !important; 
}

/* STAV PO ODCROLLOVÁNÍ (Bílé pozadí a zmenšení) */
#header.scrolled-down,
#header.scrolled-down .header-bottom,
#header.scrolled-down #navigation,
#header.scrolled-down #navigation .navigation-in {
    background-color: #ffffff !important;
}

#header.scrolled-down {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

#header.scrolled-down .site-name img {
    max-height: 40px !important; 
}

#header.scrolled-down .header-top {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* MODERNIZACE MENU */
#navigation .menu-level-1 > li > a,
#navigation .menu-level-1 > li:hover > a,
#navigation .menu-level-1 > li:hover {
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#navigation .menu-level-1 > li > a {
    font-weight: 800 !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    position: relative !important;
    display: inline-block !important;
    transition: color 0.3s ease !important;
    padding: 10px 15px !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* Decentní animovaná linka pod textem v menu */
#navigation .menu-level-1 > li > a::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    right: 50%;
    height: 2px;
    background-color: #007E94;
    transition: left 0.3s ease-in-out, right 0.3s ease-in-out !important;
}

#navigation .menu-level-1 > li:hover > a {
    color: #007E94 !important;
}

#navigation .menu-level-1 > li:hover > a::after,
#navigation .menu-level-1 > li.active > a::after {
    left: 15% !important;
    right: 15% !important;
}

/* VYNUCENÉ ZPRŮHLEDNĚNÍ TLAČÍTEK TOGGLE-WINDOW */
#header .navigation-buttons .toggle-window,
.navigation-buttons .toggle-window,
.navigation-buttons .toggle-window:hover,
.navigation-buttons .top-nav-button.toggle-window {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.navigation-buttons i {
    transition: color 0.3s ease !important;
}

.navigation-buttons a:hover i, 
.navigation-buttons button:hover i {
    color: #007E94 !important;
}
/* Zprůhlednění drobečkové navigace (breadcrumbs) */
.breadcrumbs,
.breadcrumbs-wrapper,
.navigation-home-icon-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* ========================================================= */
/* OPRAVA ZOBRAZENÍ ZPRÁVY "VLOŽENO DO POPTÁVKY"             */
/* ========================================================= */

/* 1. Zvednutí celého neviditelného obalu pro zprávy a posun pod hlavičku */
html body .messages {
    position: fixed !important;
    top: 85px !important; /* Posun bezpečně pod hlavičku (ta má cca 75px) */
    left: 0 !important;
    width: 100% !important;
    z-index: 2147483647 !important; /* Maximální možná hodnota v prohlížečích */
    pointer-events: none !important; /* Aby neviditelný obal neblokoval klikání na webu */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* ========================================================================= */
/* VZHLED ROZBALOVACÍHO MEGA-MENU (KARTY)                                    */
/* ========================================================================= */

/* 1. Zprůhlednění hlavního bloku rozbalovacího menu (toho širokého pruhu) */
#navigation .menu-level-2 {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 20px 0 !important; /* Drobné odsazení karet od hlavního panelu */
}

/* 2. Tvorba samotných dlaždic (karet) z jednotlivých položek menu */
#navigation .menu-level-2 > li {
    background-color: rgba(242, 242, 242, 1) !important; 
    backdrop-filter: blur(4px); 
    border: 1px solid #e0e5e9 !important; 
    border-radius: 12px !important; 
    padding: 20px 15px !important; 
    margin: 0 10px !important; /* Mezery mezi jednotlivými dlaždicemi */
    transition: all 0.3s ease !important; 
    
    /* Vycentrování obsahu karty */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 3. Efekt při najetí myší (Hover) na celou dlaždici */
#navigation .menu-level-2 > li:hover {
    transform: translateY(-6px) !important; 
    background-color: #ffffff !important; 
    border-color: #007E94 !important; /* Zvýraznění tyrkysovou */
    box-shadow: 0 10px 25px rgba(0, 126, 148, 0.12) !important; 
}

/* 4. Obal pro ikonu */
#navigation .menu-level-2 > li .menu-image {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
    border: none !important;
}

/* Animace samotného obrázku při najetí na kartu */
#navigation .menu-level-2 > li .menu-image img {
    max-height: 60px !important; /* Fixní výška ikony */
    width: auto !important;
    transition: transform 0.3s ease !important;
}

#navigation .menu-level-2 > li:hover .menu-image img {
    transform: scale(1.08) !important;
}

/* 5. Textový odkaz pod ikonou a jeho obal */
#navigation .menu-level-2 > li div {
    text-align: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#navigation .menu-level-2 > li div a {
    display: block !important; 
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important; /* <--- Toto smaže ten Shoptetí posun doprava */
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Zrušení případného odsazení i na samotném textu (span) */
#navigation .menu-level-2 > li div a span {
    padding: 0 !important;
    margin: 0 !important;
}

/* Přebarvení textu do tyrkysové při najetí na kartu */
#navigation .menu-level-2 > li:hover div a {
    color: #007E94 !important;
}
/* ========================================================================= */
/* 4. PATIČKA WEBU                                                           */
/* ========================================================================= */

#footer, 
.footer-bottom, 
.copyright-wrapper {
    background-color: #e5e5e5 !important;
    color: #1a1a1a !important;
    border: none !important;
}

#footer .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background: transparent !important;
}

#footer h4, 
#footer .footer-title, 
#footer .h4 {
    color: #007E94 !important; 
    font-size: 1.05em !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 25px !important;
    border: none !important;
}

#footer a, 
#footer li, 
#footer p {
    color: #444444 !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    line-height: 1.8 !important;
}

#footer a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

.footer-bottom {
    border-top: 1px solid #d0d0d0 !important;
    padding: 25px 0 !important;
}

.footer-left-brand-block { background-color: transparent !important; }
.f-motto { color: #666666 !important; }
.f-divider { background-color: #d0d0d0 !important; }

/* ========================================================================= */
/* 5. DETAIL PRODUKTU                                                        */
/* ========================================================================= */

.p-detail .add-to-cart { justify-content: flex-start !important; }
.p-detail .add-to-cart .btn-cart { margin-left: 0 !important; }

.add-to-cart-button {
    padding: 14px 40px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

.p-detail .default-variant .availability-label {
    color: #d32f2f !important; 
    font-weight: 700 !important; 
}

.p-detail .default-variant .availability-label::after {
    content: "!" !important;
}

.p-detail .p-price-wrapper { display: none !important; }
.p-detail .quantity { display: none !important; }

/* Vypnutí otevírání fotky do plné velikosti */
[data-testid="mainImage"] a.p-main-image {
    pointer-events: none !important;
    cursor: default !important;
}
/* 1. Výchozí stav: Šedé tlačítko s tmavým textem */
a.btn.btn-primary,
button.btn.btn-primary {
    background-color: #eef1f3 !important; /* Kovově šedé pozadí */
    color: #1a1a1a !important; /* Tmavý text pro čitelnost */
    border: 1px solid #d0d5d9 !important; /* Decentní šedý rámeček */
    transition: all 0.3s ease !important; /* Plynulý přechod */
}

/* 2. Stav při najetí myší (Hover): Modré pozadí s bílým textem */
a.btn.btn-primary:hover,
button.btn.btn-primary:hover {
    background-color: #007E94 !important; /* Tvá firemní tyrkysově modrá */
    color: #ffffff !important; /* Bílý text */
    border-color: #007E94 !important; /* Rámeček splyne s pozadím */
}

/* 3. Pojistka pro ikonku (šipku), aby při hoveru byla také čistě bílá */
a.btn.btn-primary:hover i,
button.btn.btn-primary:hover i {
    color: #ffffff !important;
}
/* ========================================================================= */
/* DETAIL PRODUKTU - ZPRŮHLEDNĚNÍ OBALU A ZÁLOŽEK SHOPTETU                   */
/* ========================================================================= */

/* Zprůhlednění hlavního obalu a záložek pod popisem */
.p-detail-full-width,
.container-full-width,
.shp-tabs-wrapper,
.p-detail-tabs-wrapper,
.shp-tabs-row,
.tab-content,
.tab-pane,
.description-inner,
.basic-description {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Skrytí samotného tlačítka/názvu záložky "Popis", pokud ji tam nechceš vidět */
/* Pokud bys ji chtěl zachovat, tak tento blok smaž */
.shp-tabs-holder,
ul.p-detail-tabs {
    display: none !important;
}

/* Vynulování zbytečných paddingů od Shoptetu v oblasti popisu */
.basic-description,
.description-inner {
    padding: 0 !important;
}
/* Skrytí automatického nadpisu "Detailní popis produktu" */
.basic-description h4 {
    display: none !important;
}
/* Skrytí ikon pro tisk a dotaz (Zeptat se) v detailu produktu */
.social-buttons-wrapper, 
[data-testid="productDetailActionIcons"] {
    display: none !important;
}
/* ========================================================================= */
/* 6. WIDGET KOŠÍKU A IKONA V HLAVIČCE                                       */
/* ========================================================================= */

.cart-widget-product-price { display: none !important; }
.cart-widget-product-amount { display: none !important; }
.cart-widget .cart-widget-footer .price-total { display: none !important; }
.cart-free-shipping { display: none !important; }

[data-testid="headerCartCount"] {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #009bb4 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    position: absolute !important;
    margin: 0 !important;
}

[data-testid="headerCartCount"]::after {
    content: "✓" !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    line-height: 1 !important;
    display: block !important;
}

.header-cart:not(.full) [data-testid="headerCartCount"] {
    display: none !important;
}
/* ========================================================= */
/* ZAOBLENÉ ROHY PRO HLAVNÍ OBRÁZEK V DETAILU PRODUKTU       */
/* ========================================================= */

.p-image img,
.p-main-image {
    border-radius: 12px !important;
}
/* ========================================================= */
/* ZAOBLENÉ ROHY PRO OBRÁZKY PRODUKTŮ VE VÝPISU              */
/* ========================================================= */

/* Zaoblení samotného obrázku */
.product .image img {
    border-radius: 12px !important; /* Můžete změnit např. na 8px nebo 16px podle vkusu */
}

/* Zaoblení a oříznutí obalu (pojistka proti přetékání rohů při efektech) */
.product .image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ========================================================================= */
/* 7. KOŠÍK (1. A 2. KROK)                                                   */
/* ========================================================================= */
/* ========================================================================= */
/* ZPRŮHLEDNĚNÍ A ODSTRANĚNÍ RÁMEČKŮ V KOŠÍKU (1. KROK)                      */
/* ========================================================================= */
.cart-content.checkout-box-wrapper,
.cart-content.checkout-box-wrapper .box,
.cart-content.checkout-box-wrapper .box-bg-default,
.cart-content.checkout-box-wrapper .contact-box {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.cart-content.checkout-box-wrapper h2.h4 {
    background: transparent !important;
    color: #1a1a1a !important;
    padding-left: 0 !important;
    border: none !important;
}
/* 1. Úplné zprůhlednění a zrušení linek u položek v košíku */
.cart-table, 
.cart-table thead th, 
.cart-table tbody tr, 
.cart-table tbody td {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Zruší nepatrnou linku pod položkami */
}

/* 2. Úplné zprůhlednění u Rekapitulace a "Potřebujete pomoc" + Zrušení rámečků */
.cart-content .box,
.summary-wrapper .box,
.checkout-box-wrapper .box,
.checkout-box .box,
.box-bg-default,
.contact-box {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Zruší nepatrnou linku okolo boxů */
    box-shadow: none !important;
}

/* 3. Nadpisy v košíku bez bílého pozadí (např. "Potřebujete pomoc?", "Rekapitulace") */
.cart-content h2.h4,
.checkout-box-wrapper h2.h4 {
    background: transparent !important;
    padding-left: 0 !important;
    color: #1a1a1a !important;
}

/* 4. Fix pro obal ceny a celkové shrnutí */
.price-wrapper,
.cart-content.summary-wrapper {
    background: transparent !important;
    box-shadow: none !important;
}

/* 5. Tlačítko odstranit položku (křížek) */
.remove-item {
    background-color: transparent !important;
}

/* ========================================================================= */
/* ZPRŮHLEDNĚNÍ A ODSTRANĚNÍ RÁMEČKŮ V 2. KROKU KOŠÍKU (DOPRAVA, PLATBA)     */
/* ========================================================================= */

/* 1. Úplné zprůhlednění hlavních boxů pro dopravu a platbu a odstranění rámečků */
.co-box,
.co-delivery-method,
.co-payment-method,
.box-bg-default {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important; /* Zruší jemný rámeček okolo boxů */
}

/* 2. Zprůhlednění řádků jednotlivých metod (radio-wrapper) a zrušení linek */
.shipping-billing-table .radio-wrapper {
    background-color: transparent !important;
    border-bottom: none !important; /* Zruší linku pod každou volbou */
    transition: background-color 0.2s ease !important;
}

/* Zvýraznění aktivní (vybrané) metody - volitelně jemný podklad */
.shipping-billing-table .radio-wrapper.active {
    background-color: transparent !important; /* Odstraněno i slabé tyrkysové pozadí */
    border: none !important; /* Odstraněn rámeček okolo vybrané volby */
}

/* 3. Boční panel rekapitulace (2. a 3. krok) - úplné zprůhlednění a bez rámečků */
#summary-box,
.order-summary-inner,
.order-summary-item,
.recapitulation-shipping-billing,
.price-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Zruší linky v rekapitulaci */
    box-shadow: none !important;
}

/* 4. Box "Potřebujete pomoc?" a kontaktní boxy v objednávce */
.checkout-box .box,
.contact-box {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Zruší případné linky u kontaktu */
}

/* 5. Úprava textů a labelů, aby byly na gradientu čitelné */
.shipping-billing-name,
.payment-shipping-price,
.recapitulation-shipping-billing-info {
    color: #1a1a1a !important;
}

/* 6. Odstranění bílého podkladu pod fixní lištou s cenou na mobilu */
.order-summary-item.price {
    background: transparent !important;
    border: none !important;
}
.product-detail-wrap .form-control,
.shoptet-form-fix .form-control,
#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content select {
    background-color: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #d0d5d9 !important;
    color: #1a1a1a !important;
    backdrop-filter: blur(2px);
}

.phone-combined-input .country-flags {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-color: #d0d5d9 !important;
}

.consents,
.next-step--step-2,
.next-step--step-1 {
    background: transparent !important;
}

/* ========================================================================= */
/* ZPRŮHLEDNĚNÍ BLOKŮ VE FINÁLNÍM KROKU (OSOBNÍ ÚDAJE A ADRESA)              */
/* ========================================================================= */

/* 1. Zprůhlednění hlavních kontejnerů s údaji */
.co-contact-information,
.co-billing-address,
.co-delivery-address,
fieldset.box-bg-default {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important; /* Jemný okraj pro oddělení polí */
}

/* 2. Úprava polí formuláře pro lepší viditelnost na gradientu */
.product-detail-wrap .form-control,
.shoptet-form-fix .form-control,
#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content select {
    background-color: rgba(255, 255, 255, 0.6) !important; /* Poloprůhledná bílá uvnitř polí */
    border: 1px solid #d0d5d9 !important;
    color: #1a1a1a !important;
    backdrop-filter: blur(2px); /* Jemné rozostření pod poli pro čitelnost */
}

/* 3. Zprůhlednění bočního panelu rekapitulace v tomto kroku */
#checkoutSidebar .order-summary-inner,
#checkoutSidebar .box-bg-default,
#summary-box {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}

/* 4. Fix pro texty "Potřebujete pomoc?" a "Osobní údaje" */
.co-box h4, 
.order-summary h2.h4 {
    background: transparent !important;
    color: #1a1a1a !important;
    padding-left: 0 !important;
}

/* 5. Zarovnání ikony vlajky u telefonu, aby nesvítila bíle */
.phone-combined-input .country-flags {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-color: #d0d5d9 !important;
}

/* 6. Zprůhlednění patičky v rekapitulaci (souhlasy a tlačítko) */
.consents,
.next-step--step-2 {
    background: transparent !important;
}

.box-sm {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important; /* Volitelný jemný rámeček pro strukturu */
    box-shadow: none !important;
}

/* 3. Úprava nadpisů v košíku, aby neseděly na bílém podkladu */
.cart-content h2.h4 {
    background: transparent !important;
    padding-left: 0 !important;
    color: #1a1a1a !important;
}

/* 4. Odstranění stínu u fixního boxu s cenou (pokud se objeví) */
.price-wrapper {
    background: transparent !important;
    box-shadow: none !important;
}

/* 5. Zajištění, že rekapitulační sekce nemá bílé pozadí */
.cart-content.summary-wrapper {
    background: transparent !important;
}

/* 6. Úprava tlačítka "Odstranit" (křížek), aby na gradientu lépe vypadal */
.remove-item {
    background-color: transparent !important;
}
.cart-table th.p-quantity,
.cart-table th.p-price,
.cart-table th.p-total { display: none !important; }

.cart-table td.p-quantity,
.cart-table td.p-price { display: none !important; }

[data-testid="cellTotalPrice"] .p-label,
[data-testid="cellTotalPrice"] .price-final { display: none !important; }

.recapitulation-wrapper { display: none !important; }
.cart-shipping-info { display: none !important; }
.cart-summary { display: none !important; }
.summary-wrapper h4 { display: none !important; }
.summary-wrapper .price-wrapper { display: none !important; }

.order-delivery i, 
.order-payment i { display: none !important; }
[data-testid="billingMethodPrice"], 
[data-testid="recapItemPrice"] { display: none !important; }
[data-testid="recapItemAmount"] { display: none !important; }
.order-summary-item.helper { display: none !important; }
.order-summary-item.price { display: none !important; }
.not-possible-info { display: none !important; }

/* ========================================================================= */
/* 8. KOŠÍK (REKAPITULACE / BOČNÍ PANEL)                                     */
/* ========================================================================= */

#summary-box .cart-items {
    padding-bottom: 15px !important; 
    border-bottom: 1px solid #dcdcdc !important;
    margin-bottom: 15px !important;
    border: none !important;
}

#summary-box .cart-item {
    display: flex !important;
    align-items: flex-start !important;
    padding: 0 !important; 
    margin-bottom: 15px !important;
    border: none !important;
}

#summary-box .cart-item > div {
    border: none !important;
    padding: 0 !important;
}

#summary-box .cart-item-name {
    width: 100% !important;
}

#summary-box .cart-item-name a.main-link {
    font-weight: 700 !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
    color: #0097b2 !important;
}

#summary-box .cart-item-name .main-link-variant {
    color: #666666 !important;
    font-size: 13px !important;
    display: block !important;
    font-weight: normal !important;
    margin-top: 4px !important;
}

#shipping-billing-summary {
    padding-bottom: 15px !important;
    border-bottom: 1px solid #dcdcdc !important;
    margin-bottom: 15px !important;
}

#shipping-billing-summary .recapitulation-single {
    display: flex !important; 
    align-items: center !important;
    padding: 8px 0 !important; 
    border: none !important; 
    margin: 0 !important;
}

#shipping-billing-summary .recapitulation-shipping-billing-label,
#summary-box .recapitulation-single > span:not(.js-check-sidebar),
#summary-box .recapitulation-single [data-testid="recapItemPrice"] {
    display: none !important;
}

#shipping-billing-summary .recapitulation-shipping-billing-info {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#shipping-billing-summary span[data-testid="recapItemPrice"] {
    color: #0097b2 !important;
}

#summary-box .recapitulation-single,
#shipping-billing-summary.order-recapitulation {
    border: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
}

#summary-box .recapitulation-single strong {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    display: flex !important;
    align-items: center !important;
}

/* OBLAST TLAČÍTEK */
#checkoutSidebar .next-step::before,
#checkoutSidebar .next-step::after {
    display: none !important;
    content: none !important;
}

#checkoutSidebar .next-step {
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important; 
    width: 100% !important;
    margin-top: 25px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}

#checkoutSidebar .next-step-back {
    order: 1 !important; 
    float: none !important; 
    width: auto !important;
    display: inline-block !important;
    font-size: 14px !important;
    color: #777777 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    text-align: center !important;
}

#checkoutSidebar .next-step-back::before {
    content: "← " !important;
}

#checkoutSidebar .next-step-back:hover {
    color: #0097b2 !important; 
    text-decoration: underline !important;
}

#checkoutSidebar .next-step-forward {
    order: 2 !important; 
    float: none !important; 
    width: 100% !important; 
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
    position: relative !important;
    padding-right: 45px !important;
    padding-left: 45px !important;
}

#checkoutSidebar .next-step-forward::after {
    display: block !important;
    position: absolute !important;
    right: 45px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; 
    margin: 0 !important;
}

/* ========================================================================= */
/* 9. KLIENTSKÉ CENTRUM                                                      */
/* ========================================================================= */

.sidebar [href*="/klient/klient-platby/"],
.sidebar [href*="/klient/klient-doklady/"],
.sidebar [href*="/klient/klientske-proforma-faktury/"],
.sidebar [href*="/klient/klientske-dobropisy/"],
.sidebar [href*="/klient/dodaci-listy-klienta/"],
.sidebar [href*="/klient/danove-doklady-platba/"] {
    display: none !important;
}

.sidebar .client-center-box li:has([href*="/klient/klient-platby/"]),
.sidebar .client-center-box li:has([href*="/klient/klient-doklady/"]),
.sidebar .client-center-box li:has([href*="/klient/klientske-proforma-faktury/"]),
.sidebar .client-center-box li:has([href*="/klient/klientske-dobropisy/"]),
.sidebar .client-center-box li:has([href*="/klient/dodaci-listy-klienta/"]),
.sidebar .client-center-box li:has([href*="/klient/danove-doklady-platba/"]) {
    display: none !important;
}

.sidebar .client-center-box a {
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
}

.sidebar .client-center-box a:hover {
    color: #0097b2 !important;
    text-decoration: none !important;
    background-color: #f4fbfc !important;
}

.sidebar .client-center-box li.active a:hover {
    color: #0097b2 !important;
}
.sidebar [href*="/klient/klient-platby/"],
.sidebar [href*="/klient/klient-doklady/"],
.sidebar [href*="/klient/klientske-proforma-faktury/"],
.sidebar [href*="/klient/klientske-dobropisy/"],
.sidebar [href*="/klient/dodaci-listy-klienta/"],
.sidebar [href*="/klient/danove-doklady-platba/"] {
    display: none !important;
}

.sidebar .client-center-box li:has([href*="/klient/klient-platby/"]),
.sidebar .client-center-box li:has([href*="/klient/klient-doklady/"]),
.sidebar .client-center-box li:has([href*="/klient/klientske-proforma-faktury/"]),
.sidebar .client-center-box li:has([href*="/klient/klientske-dobropisy/"]),
.sidebar .client-center-box li:has([href*="/klient/dodaci-listy-klienta/"]),
.sidebar .client-center-box li:has([href*="/klient/danove-doklady-platba/"]) {
    display: none !important;
}

.sidebar .client-center-box a {
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
}

.sidebar .client-center-box a:hover {
    color: #0097b2 !important;
    text-decoration: none !important;
    background-color: #f4fbfc !important;
}

.sidebar .client-center-box li.active a:hover {
    color: #0097b2 !important;
}
/* 1. Skrytí prázdných závorek u "Můj účet" všude na webu */
html body #navigation .navigationActions a[href="/klient/"] span span {
    display: none !important;
}
/* --- ZPRŮHLEDNĚNÍ A ODSTRANĚNÍ RÁMEČKŮ BLOKŮ V KLIENTSKÉM CENTRU --- */

.customer-page .box,
.customer-page .box-bg-default,
.customer-page fieldset.box,
.customer-page .client-center-box,
.customer-page .co-box {
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Úprava nadpisů v profilu, aby seděly čistě na gradientu */
.customer-page h4, 
.customer-page .header-billing {
    background: transparent !important;
    border: none !important;
    padding-left: 0 !important;
}

/* ========================================================================= */
/* FIX PRO TELEFONNÍ POLE A ROLETKU S VLAJKAMI                               */
/* ========================================================================= */

/* 1. Všechna zadávací pole = poloprůhledné sklo */
.product-detail-wrap .form-control,
.shoptet-form-fix .form-control,
#content input.form-control,
#content select.form-control {
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid #d0d5d9 !important;
    color: #1a1a1a !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* 2. Zvýšení vrstvy pro telefon, aby roletka padala NAD E-mail a Heslo */
#content .form-group.phone-form-group {
    position: relative !important;
    z-index: 9999 !important;
}

/* 3. Tlačítko vlajky ZAVŘENÉ = skleněný efekt */
.phone-combined-input .country-flags {
    background-color: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    border: 1px solid #d0d5d9 !important;
    transition: all 0.2s ease !important;
}

/* 4. Tlačítko vlajky OTEVŘENÉ (při kliknutí) = PLNÁ NEPRŮHLEDNÁ BÍLÁ */
.phone-combined-input .country-flags:focus,
.phone-combined-input .country-flags:focus-within {
    background-color: #ffffff !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* 5. Vnitřek roletky (rozbalený seznam) = Plná bílá a nahoře bez rámečku, aby to lícovalo s tlačítkem */
.phone-combined-input .country-flags-inner {
    background-color: #ffffff !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #d0d5d9 !important;
    border-top: none !important; 
    box-shadow: 0 20px 30px rgba(0,0,0,0.15) !important;
}

/* 6. Oprava jednotlivých položek uvnitř seznamu (aby nesvítily zubatě) */
.phone-combined-input .country-flags .country-flag {
    background-color: transparent !important;
}
.phone-combined-input .country-flags .country-flag:hover {
    background-color: #f4fbfc !important; /* Jemný tyrkysový hover */
}
/* ========================================================================= */
/* 10. RESPONZIVITA (Mobily a tablety)                                       */
/* ========================================================================= */

/* ========================================================= */
/* STYLY PRO POČÍTAČE A TABLETY (nad 768px)                  */
/* ========================================================= */
@media (min-width: 768px) {
    /* OSTATNÍ ZACHOVANÉ PRVKY */
    .cart-table td.p-name { width: 100% !important; }
    
    .add-to-cart-button {
        width: 100% !important;
        font-size: 20px !important;
        padding: 18px 20px !important;
    }

    /* ========================================================= */
    /* BANNERY VÝHOD (Rozšířené pro text na jeden řádek)         */
    /* ========================================================= */

    .benefit-banners-full-width .benefitBanner {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important; 
        /* Mezera se plynule zmenšuje, aby širší bloky neuskakovaly */
        gap: clamp(10px, 3vw, 50px) !important; 
        border: none !important;
    }

    .benefit-banners-full-width .benefitBanner__item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        flex: 1 1 auto !important; 
        /* ZVĚTŠENO NA 200px: aby se text nezalamoval */
        max-width: 200px !important; 
        border: none !important;
        padding: 0 5px !important; /* Malý vnitřní prostor pro jistotu */
        margin: 0 !important;
    }

    .benefit-banners-full-width .benefitBanner__picture {
        margin: 0 0 15px 0 !important;
        display: flex !important;
        justify-content: center !important;
    }

    .benefit-banners-full-width .benefitBanner__picture img {
        width: 100% !important;
        max-width: 80px !important;
        height: auto !important;
    }

    .benefit-banners-full-width .benefitBanner__title {
        margin-bottom: 5px !important;
        /* Pojistka pro zobrazení na jeden řádek */
        white-space: nowrap !important; 
    }
}

/* ========================================================= */
/* STYLY POUZE PRO MOBILY (pod 768px)                        */
/* ========================================================= */
@media (max-width: 768px) {
    .benefit-banners-full-width .benefitBanner {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 10px !important;
        padding: 15px 10px !important;
    }

    .benefit-banners-full-width .benefitBanner__item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .benefit-banners-full-width .benefitBanner__picture {
        margin: 0 0 10px 0 !important;
    }

    .benefit-banners-full-width .benefitBanner__picture img {
        width: 50px !important;
        height: auto !important;
    }

    .benefit-banners-full-width .benefitBanner__title {
        font-size: 13px !important; /* Na mobilu mírně zmenšeno pro 2 sloupce */
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
        color: #1a1a1a !important;
        font-weight: 700 !important;
    }

    .benefit-banners-full-width .benefitBanner__data {
        font-size: 11px !important;
        line-height: 1.3 !important;
        color: #666666 !important;
    }
}

@media (max-width: 991px) {
    body {
        background-attachment: scroll !important;
    }
	.add-to-cart-button {
        width: 100% !important;
        font-size: 20px !important;
        padding: 18px 20px !important;
    }
    
    /* 1. AGRESIVNÍ FIXED HLAVIČKA A VYPNUTÍ SHOPTET SKRIPTU */
    #header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        transform: none !important; /* ZABRÁNÍ SHOPTETU SCHOVÁVAT HLAVIČKU */
        animation: none !important; /* Vypne případné poskakovací animace */
        transition: background-color 0.3s ease, box-shadow 0.3s ease !important; /* Povolíme jen změnu barvy z tvého JS */
    }
    /* ========================================== */
    /* 3. OPRAVA MOBILNÍHO MENU (Zrušení průhlednosti) */
    /* ========================================== */
    
    /* Plně neprůhledné bílé pozadí pro mobilní menu */
    #navigation,
    #navigation .navigation-in {
        background-color: #e0e0e0 !important;
        background: #e0e0e0 !important;
    }

    /* Zrušení "kartiček" u podkategorií na mobilu */
    #navigation .menu-level-2 {
        padding: 0 !important;
    }
    
    #navigation .menu-level-2 > li {
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        border-bottom: 1px solid #eeeeee !important; /* Jemná linka pod položkou */
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        box-shadow: none !important;
    }

    /* Skrytí velkých ikon u podkategorií na mobilu (aby menu nebylo obří) */
    #navigation .menu-level-2 > li .menu-image {
        display: none !important;
    }

    /* Zarovnání textů v mobilním submenu doleva */
    #navigation .menu-level-2 > li div {
        text-align: left !important;
    }

    #navigation .menu-level-2 > li div a {
        text-align: left !important;
        padding: 15px 20px 15px 30px !important; /* Odsazení zleva pro efekt podřazenosti */
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    /* 2. Kompenzace výšky hlavičky */
    .overall-wrapper {
        padding-top: 75px !important; 
    }
	html body #navigation,
    html body #navigation .navigation-in {
        background-color: #e0e0e0 !important;
        background: #e0e0e0 !important;
    }
	/* Hlavní odkazy a akční tlačítka (Můj účet, Odhlásit se) */
    html body #navigation .menu-level-1 > li > a,
    html body #navigation .navigationActions > li > a {
        color: #1a1a1a !important; /* Tmavá barva textu pro čitelnost */
        font-weight: 700 !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid #eeeeee !important; /* Jemná oddělovací linka */
        transition: color 0.3s ease, background-color 0.3s ease !important;
    }

    /* Hover efekt (při dotyku/podržení prstu) na všechny položky menu */
    html body #navigation .menu-level-1 > li > a:hover,
    html body #navigation .navigationActions > li > a:hover,
    html body #navigation .menu-level-2 > li div a:hover {
        color: #007E94 !important; /* Vaše firemní tyrkysová */
        background-color: #f4fbfc !important; /* Zpětná vazba jemným podkladem */
    }

    /* Skrytí animované modré linky z desktopového menu */
    html body #navigation .menu-level-1 > li > a::after {
        display: none !important;
    }
	/* Přidání bezpečné zóny vpravo pro položky s podmenu (třída .ext) */
    html body #navigation .menu-level-1 > li.ext > a {
        position: relative !important;
        padding-right: 50px !important; 
    }

    /* Pevné ukotvení šipky napravo a vycentrování na výšku */
    html body #navigation .menu-level-1 > li > a .submenu-arrow {
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   11. GLOBÁLNÍ ANIMACE
   ========================================================================== */

/* Klíčové snímky pro animaci postupného zjevení (Fade In) */
@keyframes fadeIn { 
    from { opacity: 0; }            /* Začátek: zcela průhledné */
    to { opacity: 1; }              /* Konec: plně viditelné */
}

/* Styling pro animační efekt reveal */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}