#footer, #main {
    background-color: transparent;
}
.pr-list-description {
  display: none;
}
/* --- KOMPLETNÍ DESIGN PRODUKTOVÝCH KARET --- */

/* 1. Hlavní kontejner karty */
.product-wrap {
    background: rgba(20, 20, 20, 0.8) !important; /* Tmavé poloprůhledné pozadí */
    backdrop-filter: blur(10px); /* Rozmazání pozadí pod kartou (efekt skla) */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Velmi jemná bílá linka */
    border-radius: 15px !important; /* Zaoblené rohy */
    padding: 25px !important;
    margin-bottom: 30px !important;
    transition: all 0.3s ease-in-out; /* Animace pro hover efekt */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Hluboký stín */
    overflow: hidden;
}

/* 2. Hover efekt - když na kartu najedete myší */
.product-wrap:hover {
    transform: translateY(-5px); /* Karta se lehce nadzvedne */
    border-color: #f9ce1f !important; /* Okraj se změní na žlutou */
    box-shadow: 0 15px 40px rgba(249, 206, 31, 0.2); /* Žlutá záře */
}

/* 3. Název produktu */
.pr-list-product-name {
    color: #f9ce1f !important; /* Detektivní žlutá */
    font-family: var(--template-headings-font) !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px !important;
}

/* 4. Krátký popis */
.pr-list-shortDescription {
    color: #e0e0e0 !important; /* Světle šedá pro dobrou čitelnost */
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* 5. Cena - dominantní a jasná */
.pr-list-main-price {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 900 !important;
    display: block;
    margin: 15px 0 !important;
}

/* 6. Tlačítko "Do košíku" */
.add-to-cart-button, .pr-list-cart {
    background-color: #f9ce1f !important; /* Žlutá barva */
    color: #000000 !important; /* Černý text */
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 12px 25px !important;
    transition: background 0.2s;
}

.add-to-cart-button:hover {
    background-color: #ffffff !important; /* Při hoveru zbělá */
}

/* 7. Úprava obrázku/videa */
.pr-list-image {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

/* 8. Skrytí zbytečných prvků pro čistý design */
.pr-list-description, 
.pr-list-parameter,
.header-product {
    display: none !important;
}

/* Zarovnání obsahu na střed u mobilů */
@media (max-width: 600px) {
    .product-wrap {
        text-align: center;
        padding: 15px !important;
    }
}
/* Tento kód stačí mít v Shoptetu vložený jednou v Hlavičce */
.game-info-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0;
}

.game-badge {
    background: rgba(249, 206, 31, 0.1);
    border: 1px solid #f9ce1f;
    color: #f9ce1f;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
}

.custom-card-description {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.4;
    margin-bottom: 20px;
    font-style: italic;
    border-left: 2px solid #f9ce1f;
    padding-left: 15px;
}
/* Společný styl pro obě tlačítka */
.show-more-btn, .hide-more-btn {
    background: transparent !important;
    border: 1px solid #f9ce1f !important;
    color: #f9ce1f !important;
    padding: 10px 20px !important;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    transition: all 0.3s ease;
    margin: 15px 0;
}

.show-more-btn:hover, .hide-more-btn:hover {
    background: #f9ce1f !important;
    color: #000 !important;
}

/* LOGIKA ZOBRAZOVÁNÍ */

/* 1. Výchozí stav: Zavřít je schované */
.hide-more-btn { display: none !important; }
.show-more-btn { display: block !important; }

/* 2. Stav po rozbalení (is-expanded) */
.product-wrap.is-expanded .show-more-btn { display: none !important; }
.product-wrap.is-expanded .hide-more-btn { display: block !important; }

/* Zobrazení popisu v bílé barvě po rozbalení */
.product-wrap.is-expanded .pr-list-description,
.product-wrap.is-expanded .pr-list-description p,
.product-wrap.is-expanded .pr-list-description h2,
.product-wrap.is-expanded .pr-list-description h3,
.product-wrap.is-expanded .pr-list-description li {
    color: #ffffff !important; /* Nastaví čistě bílou pro všechen text */
    display: block !important;
    animation: fadeIn 0.4s ease forwards;
}

/* Ostatní vlastnosti zůstávají stejné */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* --- ZAROVNÁNÍ ČÍSELNÍKU VEDLE TLAČÍTKA --- */

/* 1. Nastavení kontejneru pro zobrazení v jedné řadě */
.pr-list-cart-wrap li {
    display: flex !important;
    flex-direction: row !important; /* Prvky vedle sebe */
    align-items: center !important; /* Vycentrování na střed */
    flex-wrap: nowrap !important;
}

/* 2. Stylování prodlouženého číselníku */
.pr-list-pcs-wrap.product-pcs-wrap {
    display: grid !important;
    grid-template-columns: 1fr 40px !important; /* Prostor pro číslo a šipky */
    width: 120px !important; /* Prodloužená šířka */
    height: 50px !important; /* Výška sjednocená s tlačítkem */
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    margin-right: 15px !important; /* Mezera mezi číselníkem a tlačítkem */
    overflow: hidden !important;
    float: none !important;
}

/* 3. Oprava šipek (Nahoru / Dolů) */
.product-pcs-add::before, .product-pcs-remove::before {
    display: none !important; /* Skrytí původních ikon */
}

.product-pcs-add::after {
    content: "▲" !important; /* Šipka nahoru */
    color: #f9ce1f !important;
    font-size: 0.8rem !important;
}

.product-pcs-remove::after {
    content: "▼" !important; /* Šipka dolů */
    color: #f9ce1f !important;
    font-size: 0.8rem !important;
}

/* 4. Úprava a prodloužení tlačítka DO KOŠÍKU */
.add-to-cart-button.pr-list-cart {
    height: 50px !important;
    padding: 0 40px !important; /* Širší tlačítko */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    flex-grow: 0 !important; /* Tlačítko se nebude zbytečně natahovat */
    width: auto !important;
}

/* 5. Vzhled číselného pole */
input.pr-list-pcs.product-pcs-input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
}

/* Skrytí systémových šipek */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* Změna barvy textu "Cena:" na žlutou u produktů */
.pr-list-horizontal-price .offset-right-columns,
.pr-list-horizontal-price .offset-right-columns strong {
    color: #f9ce1f !important; /* Použita tvá primární žlutá barva z nastavení */
}
/* Zprůhlednění širokého pruhu kolem uvítacího textu */
.welcome-wrap {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important; /* Odstraní zbytečné mezery nad a pod */
}

/* Nastavení uvítacího textu do stylu produktové karty */
.welcome {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Stejná průhlednost jako u produktů */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Jemná bílá linka */
    border-radius: 8px !important; /* Zaoblené rohy */
    padding: 30px 40px !important; /* Větší vnitřní okraj pro hezčí čtení textu */
    max-width: 960px !important; /* Omezení šířky, aby lícovala s produkty */
    margin: 0 auto 40px auto !important; /* Vycentrování na střed obrazovky */
}

/* Zajištění bílé barvy a hezkého formátování textu uvnitř */
.welcome h1, .welcome p {
    color: #ffffff !important;
    text-align: center; /* Volitelné: vycentruje text, u detektivek to vypadá dobře */
}

.footer-wrap {
    background-color: transparent;
}
/* ========================================= */
/* VYLEPŠENÝ TEMNÝ REŽIM PRO KOŠÍK            */
/* ========================================= */

/* 1. Zvýšení kontrastu pozadí */
#cart, .cart-summary, #order-steps {
    /* Změna z 0.5 na 0.7 pro tmavší a čitelnější podklad */
    background-color: rgba(0, 0, 0, 0.75) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
}

/* 2. Fix textů v tabulce - Vynucení čistě bílé a zvětšení */
#cart table td, #cart table th, .cart-summary td, .cart-summary th,
.cart-price-info em {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important; /* Lehce viditelnější linky */
    font-size: 1.05rem !important; /* Mírné zvětšení písma */
}

/* Specificky název produktu */
.single-merchandise-text-info a.main-link {
    color: #ffffff !important;
    font-size: 1.2rem !important; /* Větší a čitelnější */
    font-weight: 600 !important;
}

/* 3. Žluté akcenty pro důležité informace */
/* Hlavička tabulky */
#cart table th {
    color: #f9ce1f !important; 
    background-color: rgba(0, 0, 0, 0.8) !important;
    text-transform: uppercase; /* Udělá text nadpisů velkými písmeny pro lepší strukturu */
}

/* Cena celkem */
.cart-main-price, .cart-order-final-price {
    color: #f9ce1f !important;
    font-weight: bold !important;
}
.cart-order-final-price {
    font-size: 2rem !important; /* Ještě větší celková cena */
}

/* "Doprava zdarma" box */
.cart-tip {
    background-color: rgba(249, 206, 31, 0.1) !important; /* Lehký žlutý nádech */
    border: 1px solid #f9ce1f !important;
    color: #f9ce1f !important;
}
.cart-tip strong { color: #f9ce1f !important; }

/* 4. Tlačítko pro odstranění produktu (křížek) */
.b-delete {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}
.b-delete:hover {
    background-color: #d00000 !important; /* Po najetí zčervená */
    border-color: #d00000 !important;
}

/* 5. Vstupní políčko pro kusy (množství) */
#cart input.pcs {
    background-color: rgba(255, 255, 255, 0.9) !important; /* Záměrně bílé políčko pro kontrast */
    color: #000000 !important; /* Černý text v bílém poli */
    border: 2px solid #f9ce1f !important; /* Žlutý rámeček */
    font-weight: bold;
}

/* 6. Fix "Nedostupné" (Shoptet to dává jako tmavě červenou, na černé to není vidět) */
#cart td[data-testid="cartItemPrice"] strong[style*="color: #d00000"],
#cart td strong[style*="color: #d00000"] {
    color: #ff6b6b !important; /* Světlejší červená, mnohem lépe čitelná na tmavém */
}

/* 7. Odkazy pod košíkem */
.continue-shopping a {
    color: #ffffff !important;
    text-decoration: underline !important;
}
/* ========================================= */
/* KROK 2 - DOPRAVA, PLATBA A REKAPITULACE   */
/* ========================================= */

/* 1. Hlavní boxy v kroku 2 (Doprava, Platba, Kontakt, Rekapitulace) */
.checkout-single-box, .checkout-single-box .f-border-in {
    background-color: rgba(0, 0, 0, 0.75) !important;
    border-radius: 8px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Nadpisy boxů (legend) - Zvolte způsob dopravy, Rekapitulace... */
.checkout-single-box legend {
    color: #f9ce1f !important; /* Žlutá pro výraznost */
    background-color: transparent !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    padding: 0 10px !important; /* Místo kolem textu */
}

/* 2. Jednotlivé řádky pro výběr dopravy a platby */
.shipping-billing-table td, 
.shipping-billing-table tr {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Názvy dopravy/platby (Hotově, Převodem...) */
.shipping-billing-name, .payment-shipping-price {
    color: #ffffff !important;
    font-size: 1.1rem !important;
}

/* ZDARMA text u dopravy/platby */
.payment-shipping-price.for-free .red {
    color: #f9ce1f !important; /* Zelená nebo červená se sem nehodí, dáme žlutou */
    font-weight: bold !important;
}

/* Zvýraznění aktivní (zakliknuté) volby */
.shipping-billing-table tr.active td,
.shipping-billing-table tr.active {
    background-color: rgba(249, 206, 31, 0.1) !important; /* Jemné žluté podbarvení místo bílého pruhu */
    border-color: #f9ce1f !important; /* Žlutý rámeček */
}

/* 3. Pravý sloupec - Rekapitulace */
#checkout-recapitulation {
    background-color: transparent !important;
}
/* Texty v rekapitulaci */
#checkout-recapitulation a, 
#checkout-recapitulation span, 
#checkout-recapitulation strong,
#summary-merchandise strong {
    color: #ffffff !important;
}

/* Spodní součtové pruhy (Celkem za produkt, Cena) */
#summary-merchandise, #summary-cart {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Tmavé pruhy místo bílých */
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Finální cena dole v rekapitulaci */
.reca-final-right .price-wrapper span {
    color: #f9ce1f !important;
    font-size: 1.8rem !important;
    font-weight: bold !important;
}

/* 4. Pravý sloupec - Kontakt (Jára Cimrman) */
#checkout-contact {
    color: #ffffff !important;
}
#checkout-contact strong, 
.checkout-tel {
    color: #ffffff !important;
}
/* ========================================= */
/* ROZBALOVACÍ TEXT NA CELOU ŠÍŘKU KARTY     */
/* ========================================= */

/* Výchozí skrytí dlouhého popisu a jeho stylizace */
.pr-list-description {
    display: none;
    width: 100% !important; 
    margin-top: 30px !important; /* SNÍŽENO ZPĚT NA 30px - menší mezera nad oddělovací linkou */
    padding-top: 25px !important; /* LEHCE SNÍŽENO - prostor mezi linkou a nadpisem */
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; 
    clear: both;
}

/* Zobrazení dlouhého textu, když karta dostane třídu is-expanded */
.product-wrap.is-expanded .pr-list-description {
    display: block !important;
}

/* Skrytí tabulky s parametry v levém sloupci (Překážela a je zbytečná, když máš texty) */
.product-wrap .pr-list-parameter {
    display: none !important;
}

/* Formátování textu uvnitř dlouhého popisu (Bílá barva a žluté nadpisy) */
.pr-list-description p, 
.pr-list-description li {
    color: #dddddd !important;
    font-size: 1.1rem;
    line-height: 1.6;
}

.pr-list-description h2, 
.pr-list-description h3 {
    color: #f9ce1f !important; /* Žluté nadpisy */
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    font-size: 1.4rem;
}

/* Tlačítko pro ZAVŘENÍ spisu pod textem */
.pr-list-description .hide-more-btn {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 15px;
    background-color: transparent;
    border: 1px solid #f9ce1f;
    color: #f9ce1f;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pr-list-description .hide-more-btn:hover {
    background-color: rgba(249, 206, 31, 0.1);
}
/* Přesun doplňkových bannerů nad produkty pomocí Flexboxu */
#content-in {
    display: flex !important;
    flex-direction: column !important; /* Seřadí prvky pod sebe */
}

/* ========================================= */
/* 1. EFEKTY PRO PRODUKTY (ZŮSTÁVÁ)          */
/* ========================================= */
.pr-list-image video,
.pr-list-image img {
    border-radius: 8px !important;
    box-shadow: 0 0 20px rgba(255, 204, 0, 0.2) !important;
    border: 1px solid rgba(255, 204, 0, 0.4) !important;
    transition: box-shadow 0.3s ease !important;
}

.product-wrap:hover .pr-list-image video,
.product-wrap:hover .pr-list-image img {
    box-shadow: 0 0 30px rgba(255, 204, 0, 0.4) !important;
}

.pr-list-image .zoom-small-image {
    overflow: visible !important;
    padding: 10px !important;
}

/* ========================================= */
/* 2. STRUKTURA STRÁNKY (ZŮSTÁVÁ)            */
/* ========================================= */
#header { padding-bottom: 0 !important; }

#content-in {
    display: flex !important;
    flex-direction: column !important;
}

.additional-banners {
    order: -1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important; /* Vycentrování banneru na střed */
}

/* Odstranění zbytků Shoptet stylů v banneru */
.additional-banners ul, 
.additional-banners li {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    list-style: none !important;
}

/* ========================================= */
/* 3. FINÁLNÍ VIDEOBANNER (HEROB)            */
/* ========================================= */
.herob-main {
    position: relative !important;
    width: 100% !important;
    max-width: 960px !important; /* Šířka jako produkty */
    height: 300px !important; /* ZVÝŠENO PRO 3. ŘÁDEK */
    margin: -50px auto 30px auto !important; /* Posun nahoru a mezera pod ním */
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    box-shadow: 0 0 30px rgba(249, 206, 31, 0.25) !important;
    background: #000 !important;
    display: flex !important;
    z-index: 10 !important;
}

.herob-video-wrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

.herob-video-file {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0.6 !important;
}

.herob-overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    pointer-events: none !important;
}

.herob-tag {
    display: block !important;
    color: #ffffff !important;
    font-size: 1rem !important; /* MÍRNĚ ZMENŠENO */
    font-weight: bold !important;
    letter-spacing: 6px !important;
    margin-bottom: 5px !important;
    text-shadow: 0 0 10px #000, 0 0 20px #000 !important;
}

.herob-title {
    display: block !important;
    color: #f9ce1f !important;
    font-size: 3.2rem !important;
    font-weight: 900 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    text-shadow: 2px 2px 15px rgba(0,0,0,1), 0 0 25px rgba(0,0,0,0.8) !important;
}

/* DOPLNĚNÝ STYL PRO TŘETÍ ŘÁDEK */
.herob-sub {
    display: block !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 10px #000, 0 0 5px #000 !important;
}

/* Responzivita pro mobil */
@media (max-width: 600px) {
    .herob-main {
        height: 200px !important; /* ZVÝŠENO PRO MOBIL */
        margin: -20px auto 20px auto !important;
    }
    .herob-title { font-size: 1.7rem !important; }
    .herob-tag { font-size: 0.7rem !important; letter-spacing: 3px !important; }
    .herob-sub { font-size: 0.9rem !important; margin-top: 8px !important; }
}
.welcome h1, .welcome p {
    display: none;
}
/* ========================================= */
/* 4. RECENZE HRÁČŮ (TESTIMONIALS)           */
/* ========================================= */

.reviews-section {
    width: 100%;
    max-width: 1100px;
    margin: 40px auto !important;
    padding: 20px;
    text-align: center;
}

.reviews-heading {
    font-family: "Exo 2", sans-serif;
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.reviews-container {
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
}

.review-card {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-top: 4px solid #f9ce1f !important; /* Žlutá linka nahoře místo červené */
    border-radius: 8px;
    padding: 30px 25px;
    flex: 1;
    min-width: 300px;
    max-width: 350px;
    box-shadow: 0 0 20px rgba(249, 206, 31, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 30px rgba(249, 206, 31, 0.2);
}

.review-stars {
    color: #f9ce1f;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.review-text {
    color: #dddddd;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.review-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
}

.review-author {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1rem;
    display: block;
}

.review-status {
    color: #4caf50; /* Zelená pro ověření */
    font-size: 0.85rem;
    margin-top: 5px;
    display: block;
}

/* ========================================= */
/* UPRAVENÁ MOBILNÍ VERZE PRO ŠIRŠÍ KARTY    */
/* ========================================= */

@media (max-width: 600px) {
    .reviews-section {
        padding: 20px 10px !important; /* Minimalizujeme okraje kolem celé sekce */
        margin: 20px auto !important;
    }

    .reviews-heading {
        font-size: 1.6rem;
        margin-bottom: 25px;
    }

    .reviews-container {
        gap: 15px; /* Menší mezery mezi kartami nad sebou */
    }

    .review-card {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px 15px !important; /* Mírně menší vnitřní padding karty */
        box-sizing: border-box !important;
    }
    
    .review-text {
        font-size: 1rem; /* Trošku zmenšíme písmo, aby se textu vešlo víc */
        margin-bottom: 15px;
    }
}
/* ========================================= */
/* 5. ÚPRAVA PŘIHLAŠOVACÍ STRÁNKY - CENTROVÁNÍ */
/* ========================================= */

/* Odstranění plovoucích prvků a centrování hlavního obalu */
.in-login #content-in {
    float: none !important;
    display: block !important;
    width: 100% !important;
}

.in-login #content {
    max-width: 900px !important; 
    margin: 60px auto !important;
    float: none !important;
}

/* Zrušení Shoptet mřížky (gridu), aby formulář nebyl jen v levém sloupci */
.in-login .higher-block-grid {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.in-login .higher-block-grid li {
    float: none !important;
    width: 100% !important; /* Nyní zabere celou šířku vycentrovaného #content */
    padding: 0 !important;
}

.in-login h1 {
    font-family: "Exo 2", sans-serif;
    color: #f9ce1f !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 2px 2px 10px #000;
}

/* Hlavní karta formuláře */
.in-login fieldset.f-border {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-top: 4px solid #f9ce1f !important;
    border-radius: 12px;
    padding: 60px 40px !important;
    box-shadow: 0 0 50px rgba(249, 206, 31, 0.2) !important;
    margin: 0 auto !important;
}

/* Šířka samotných polí a tlačítka uvnitř karty */
.in-login .query-input,
.in-login .b-send,
.in-login .login-sys-buttons {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.in-login fieldset legend, 
.in-login .f-border-in > label {
    display: none !important;
}

.in-login .query-input {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    height: 55px !important;
    padding: 0 20px !important;
    font-size: 1.1rem !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease;
}

.in-login .query-input:focus {
    border-color: #f9ce1f !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.in-login .b-send {
    background: #f9ce1f !important;
    color: #000000 !important;
    height: 60px !important;
    border-radius: 4px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 1.2rem !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

.in-login .b-send:hover {
    background-color: #ffffff !important;
    transform: scale(1.03);
}

.in-login .login-sys-buttons {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 15px;
    text-align: center;
    margin-top: 25px;
}

.in-login .login-sys-buttons a {
    color: #f9ce1f !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}

/* Mobilní úprava */
@media (max-width: 600px) {
    .in-login #content {
        max-width: 100% !important;
        padding: 10px !important;
        margin: 20px auto !important;
    }
    .in-login fieldset.f-border {
        padding: 30px 20px !important;
    }
}
/* ========================================= */
/* 6. ÚPRAVA KOŠÍKU (ORDERING PROCESS)       */
/* ========================================= */

/* Úprava horního krokovníku (1. 2. 3. 4.) */
#order-steps {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    margin-bottom: 30px !important;
    padding: 10px !important;
}

.order-step-single {
    color: #888888 !important;
    font-weight: bold !important;
}

.order-step-single.active {
    color: #f9ce1f !important; /* Žlutá pro aktivní krok */
}

.order-step-single a {
    color: #bbbbbb !important;
}

/* Hlavní kontejner košíku - uděláme z něj kartu */
#cart-wrapper {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) !important;
}

/* Hlavička tabulky */
#cart table thead th {
    background: transparent !important;
    color: #f9ce1f !important;
    text-transform: uppercase;
    border-bottom: 2px solid #f9ce1f !important;
    padding: 15px 10px !important;
}

/* Položky v košíku */
.single-merchandise {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.single-merchandise-text-info a.main-link {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 1.1rem !important;
}

.single-merchandise td {
    color: #dddddd !important;
    padding: 20px 10px !important;
}

/* Sumář (Cena celkem) */
#summary {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

.cart-main-price, .cart-order-final-price {
    color: #f9ce1f !important;
    font-size: 1.5rem !important;
}

/* Tlačítko POKRAČOVAT (Hlavní akce) */
#continue-order-button, .complete-shopping .button {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 18px 40px !important;
    border-radius: 4px !important;
    font-size: 1.2rem !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(249, 206, 31, 0.3) !important;
}

#continue-order-button:hover {
    background-color: #ffffff !important;
    transform: translateY(-2px);
}

/* Tlačítko ZPĚT DO OBCHODU */
.continue-shopping a.back-href {
    color: #f9ce1f !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
}

.continue-shopping a.back-href:hover {
    border-bottom-color: #f9ce1f;
}

/* Box "Doprava zdarma" */
.cart-tip.to-free-shipping {
    background: rgba(76, 175, 80, 0.1) !important;
    border: 1px solid #4caf50 !important;
    color: #4caf50 !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Úprava vstupů pro množství */
input.pcs {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* Mobilní optimalizace pro košík */
@media (max-width: 600px) {
    #cart-wrapper {
        padding: 15px !important;
    }
    .order-step-single {
        font-size: 0.8rem !important;
    }
    #continue-order-button {
        width: 100% !important;
        text-align: center !important;
    }
}
/* ========================================= */
/* 7. ÚPRAVA PRÁZDNÉHO KOŠÍKU                */
/* ========================================= */

/* Hlavní nadpis prázdného košíku */
.cart-empty h1 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 10px #000;
}

/* Text "Ale nemusí to tak být" */
.cart-empty .empty-cart-msg, 
.cart-empty .strong-title {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    display: block;
    margin-bottom: 30px !important;
}

/* Nadpisy v sekcích (Naše nabídka, Zkuste vyhledávání) */
.cart-empty h4 {
    color: #f9ce1f !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

/* Odkazy na kategorie v prázdném košíku */
.empty-cart-links-single {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 0 !important;
}

.empty-cart-links-link {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.empty-cart-links-link:hover {
    color: #f9ce1f !important;
}

/* Kontaktní box pro pomoc */
#empty-cart-contact-box fieldset.f-border {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

#empty-cart-contact-box legend {
    color: #f9ce1f !important;
    background: transparent !important;
    font-weight: bold !important;
}

#empty-cart-contact-box .ccr-single,
#empty-cart-contact-box .checkout-tel {
    color: #ffffff !important;
}

/* Vyhledávací pole v košíku */
#cart-search .query-input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 4px 0 0 4px !important;
}

#cart-search .b-search {
    background: #f9ce1f !important;
    color: #000000 !important;
    border: none !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* Šipky u odkazů */
.icon-arrow-right-before::before {
    color: #f9ce1f !important;
}
/* ========================================= */
/* 8. ÚPRAVA ZAPOMENUTÉHO HESLA             */
/* ========================================= */

/* Schováme boční panel, který na této stránce jen překáží */
.in-zapomenute-heslo #column-l {
    display: none !important;
}

/* Roztáhneme obsah na střed */
.in-zapomenute-heslo #content-in {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.in-zapomenute-heslo #content {
    max-width: 900px !important; 
    margin: 40px auto !important;
}

/* Stylizace nadpisu */
.in-zapomenute-heslo h1 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 2px 2px 10px #000;
}

/* Reset Shoptet sloupců uvnitř formuláře */
.in-zapomenute-heslo .left-50 {
    width: 100% !important;
    float: none !important;
}

/* Hlavní karta formuláře */
.in-zapomenute-heslo fieldset.f-border {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-top: 4px solid #f9ce1f !important;
    border-radius: 12px;
    padding: 60px 40px !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) !important;
}

/* Texty uvnitř karty */
.in-zapomenute-heslo .f-border-in p {
    color: #ffffff !important;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 30px auto !important;
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Skrytí legendy "Váš e-mail" */
.in-zapomenute-heslo fieldset legend {
    display: none !important;
}

/* Vstupní pole a tlačítko na střed */
.in-zapomenute-heslo .query-input,
.in-zapomenute-heslo .b-send {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Stylizace vstupního pole */
.in-zapomenute-heslo .query-input {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    height: 55px !important;
    padding: 0 20px !important;
    font-size: 1.1rem !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

/* Tlačítko ODESLAT */
.in-zapomenute-heslo .b-send {
    background: #f9ce1f !important;
    color: #000000 !important;
    height: 60px !important;
    width: 100% !important;
    border-radius: 4px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 1.2rem !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

.in-zapomenute-heslo .b-send:hover {
    background-color: #ffffff !important;
    transform: translateY(-2px);
}

/* Oprava drobečkové navigace */
.in-zapomenute-heslo .bread-navigation,
.in-zapomenute-heslo .bread-navigation a,
.in-zapomenute-heslo .bread-navigation span {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Mobilní verze */
@media (max-width: 600px) {
    .in-zapomenute-heslo #content {
        padding: 10px !important;
    }
    .in-zapomenute-heslo h1 {
        font-size: 1.8rem;
    }
    .in-zapomenute-heslo fieldset.f-border {
        padding: 30px 20px !important;
    }
}
/* ========================================= */
/* 10. EXTRÉMNÍ NOTIFIKACE (BĚŽÍCÍ LASER)    */
/* ========================================= */

div.message.success-message.fixed-message {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 15px !important;
    
    /* Pozicování */
    top: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 350px !important;
    
    /* Text a styl */
    font-family: "Exo 2", sans-serif !important;
    color: #ffffff !important;
    padding: 25px 40px !important;
    text-align: center !important;
    z-index: 99999 !important;
    position: fixed !important;
    overflow: hidden !important;

    /* EXTRÉMNÍ VNĚJŠÍ ZÁŘE - pulzuje díky animaci níže */
    box-shadow: 0 0 40px rgba(249, 206, 31, 0.4), 0 0 80px rgba(249, 206, 31, 0.2) !important;
    animation: slideDownNotify 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, 
                pulseAura 2s ease-in-out infinite !important;
}

/* BĚŽÍCÍ SVĚTLO (LASER) - Širší a jasnější */
div.message.success-message.fixed-message::before {
    content: '' !important;
    position: absolute !important;
    top: -150% !important; /* Větší přesah pro pokrytí rohů */
    left: -150% !important;
    width: 400% !important;
    height: 400% !important;
    
    /* Širší světelný paprsek v gradientu */
    background: conic-gradient(
        from 0deg, 
        transparent 60%, 
        #f9ce1f 85%, 
        #ffffff 95%, 
        #f9ce1f 100%
    ) !important;
    
    animation: rotateGlow 1.5s linear infinite !important; /* Zrychleno na 1.5s */
    z-index: -2 !important;
}

/* VNITŘNÍ MASKA - Tloušťka linky nastavena na 4px (výraznější) */
div.message.success-message.fixed-message::after {
    content: '' !important;
    position: absolute !important;
    inset: 4px !important; 
    background-color: #0a0a0a !important;
    border-radius: 12px !important;
    z-index: -1 !important;
}

/* Styl textu a odkazu */
div.message.success-message.fixed-message span {
    position: relative !important;
    z-index: 10 !important;
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
}

div.message.success-message.fixed-message a {
    color: #f9ce1f !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    margin-left: 8px !important;
    text-shadow: 0 0 15px rgba(249, 206, 31, 0.8) !important;
}

/* ANIMACE */

/* Rotace laseru */
@keyframes rotateGlow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Pulzování vnější záře pro "wow" efekt */
@keyframes pulseAura {
    0%, 100% { box-shadow: 0 0 30px rgba(249, 206, 31, 0.4), 0 0 60px rgba(249, 206, 31, 0.2); }
    50% { box-shadow: 0 0 60px rgba(249, 206, 31, 0.7), 0 0 100px rgba(249, 206, 31, 0.4); }
}

/* Sjezd shora */
@keyframes slideDownNotify {
    from { transform: translate(-50%, -150%); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
}

/* Skrytí křížku */
div.message.success-message.fixed-message .close { display: none !important; }
/* ========================================= */
/* 11. ÚPRAVA TEXTOVÝCH STRÁNEK (ČITELNOST)  */
/* ========================================= */

/* Zacílení na hlavní obsahovou část u informačních stránek */
.type-page #content-in {
    max-width: 1000px !important;
    margin: 40px auto !important;
    float: none !important;
}

/* Vytvoření čitelného panelu pro text */
.type-page article {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-top: 4px solid #f9ce1f !important;
    border-radius: 12px;
    padding: 50px 60px !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) !important;
}

/* Stylizace hlavního nadpisu stránky */
.type-page h1 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.8rem;
    margin-bottom: 30px !important;
    text-align: center;
    text-shadow: 2px 2px 10px #000;
}

/* Stylizace textu, odstavců a seznamů */
.type-page article div, 
.type-page article p, 
.type-page article li,
.type-page article blockquote {
    color: #eeeeee !important;
    line-height: 1.7 !important;
    font-size: 1.05rem !important;
}

/* Nadpisy nižších úrovní v textu */
.type-page article h2, 
.type-page article h3 {
    color: #f9ce1f !important;
    margin-top: 30px !important;
    font-weight: bold !important;
}

/* Odkazy v textu */
.type-page article a {
    color: #f9ce1f !important;
    text-decoration: underline !important;
}
.type-page article a:hover {
    color: #ffffff !important;
}

/* Úprava citací (blockquote) - často v nich bývají vzory Shoptetu */
.type-page article blockquote {
    background: rgba(255, 255, 255, 0.05) !important;
    border-left: 4px solid #f9ce1f !important;
    padding: 20px 30px !important;
    margin: 20px 0 !important;
    font-style: italic;
}

/* Drobné doladění drobečkové navigace nad textem */
.type-page .bread-navigation,
.type-page .bread-navigation a,
.type-page .bread-navigation span {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Mobilní optimalizace */
@media (max-width: 600px) {
    .type-page article {
        padding: 30px 20px !important;
    }
    .type-page h1 {
        font-size: 1.8rem;
    }
}
/* ========================================= */
/* 12. ÚPRAVA STRÁNKY KATEGORIE              */
/* ========================================= */

/* Hlavní nadpis kategorie (Naše případy) */
.type-category h1 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 10px #000;
}

/* Drobečková navigace pod menu */
.type-category .bread-navigation,
.type-category .bread-navigation a,
.type-category .bread-navigation span {
    color: rgba(255, 255, 255, 0.6) !important;
    text-align: center;
    margin-bottom: 10px;
}

/* Lišta s řazením produktů (Řadit dle:) */
#category-tabs {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 8px;
    padding: 10px 20px !important;
    margin-bottom: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-tabs-topic {
    color: #ffffff !important;
    font-weight: bold;
    margin-right: 15px !important;
    text-transform: uppercase;
    font-size: 0.9rem;
}

/* Tlačítka/odkazy pro řazení */
#category-tabs .tab-single button,
#category-tabs .tab-single a {
    background: transparent !important;
    color: #bbbbbb !important;
    border: none !important;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.95rem;
    padding: 5px 15px !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

#category-tabs .tab-single button:hover,
#category-tabs .tab-single.active button {
    color: #f9ce1f !important;
}

/* Úprava textu "Vítejte v našem obchodě" pokud se zobrazuje */
.type-category .welcome h1 {
    display: none !important; /* Skryje duplicitní nadpis */
}

/* Odsazení spodní části (recenzí) od produktů */
.type-category .welcome-wrap {
    margin-top: 60px !important;
    border-top: 1px solid rgba(249, 206, 31, 0.2);
    padding-top: 40px;
}

/* Mobilní optimalizace pro kategorii */
@media (max-width: 600px) {
    .type-category h1 {
        font-size: 1.8rem;
    }
    #category-tabs {
        padding: 5px !important;
        flex-direction: column;
    }
    .category-tabs-topic {
        margin-right: 0 !important;
        margin-bottom: 5px;
    }
}
/* ========================================= */
/* 13. ODSTRANĚNÍ NAVIGACE A ŘAZENÍ           */
/* ========================================= */

/* Úplné skrytí drobečkové navigace (Home > Kategorie) */
#navigation, 
.bread-navigation {
    display: none !important;
}

/* Úplné skrytí lišty s řazením produktů */
#category-tabs, 
.category-orders {
    display: none !important;
}

/* Volitelné: Zvětšení mezery pod hlavním nadpisem, když zmizelo řazení */
.type-category h1 {
    margin-bottom: 50px !important;
}
/* ========================================= */
/* 14. ANIMACE ZVÝRAZNĚNÍ PŘÍPADU            */
/* ========================================= */

@keyframes highlightPulse {
    0% { 
        box-shadow: 0 0 20px rgba(255, 204, 0, 0.2); 
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 60px rgba(255, 204, 0, 0.8); 
        border-color: rgba(255, 204, 0, 1) !important;
        transform: scale(1.02); /* Mírné zvětšení pro efekt */
    }
    100% { 
        box-shadow: 0 0 20px rgba(255, 204, 0, 0.2); 
        transform: scale(1);
    }
}

.highlight-case {
    animation: highlightPulse 2s ease-out !important;
    z-index: 100;
}
.herob-main {
    /* ... tvoje stávající styly ... */
    text-decoration: none !important; /* Zruší podtržení textu */
    cursor: pointer !important;       /* Vynutí ruku při najetí */
}

/* Pojistka pro barvy nadpisů uvnitř odkazu */
.herob-main:hover .herob-title, 
.herob-main:hover .herob-tag, 
.herob-main:hover .herob-sub {
    text-decoration: none !important;
}
/* ========================================= */
/* 15. MINIBANNER PRO BALÍČEK TRIO            */
/* ========================================= */

.bundle-promo-mini {
    margin-top: 20px !important;
    padding: 15px !important;
    background: rgba(249, 206, 31, 0.05) !important;
    border: 1px dashed rgba(249, 206, 31, 0.6) !important;
    border-radius: 8px !important;
    text-align: center !important;
    clear: both !important;
}

.bundle-promo-text {
    display: block !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

.bundle-promo-text strong {
    color: #f9ce1f !important;
}

.bundle-promo-btn {
    display: inline-block !important;
    background: #f9ce1f !important;
    color: #000000 !important;
    padding: 8px 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-family: "Exo 2", sans-serif !important;
}

.bundle-promo-btn:hover {
    background: #ffffff !important;
    transform: scale(1.05) !important;
}
/* ========================================= */
/* 16. ÚPRAVA POKLADNY - PLATBA A DOPRAVA     */
/* ========================================= */

/* Hlavní kontejnery (Karty) */
.in-krok-1 .checkout-single-box {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) !important;
}

/* Nadpisy sekcí (Legendy) */
.in-krok-1 fieldset legend {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    background: transparent !important;
    padding: 0 10px !important;
}

/* Tabulka s výběrem dopravy a platby */
.shipping-billing-table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Mezery mezi řádky */
    width: 100% !important;
}

.shipping-billing-table tr.radio-wrapper {
    background: rgba(255, 255, 255, 0.03) !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}

/* Styl pro buňky v řádku */
.shipping-billing-table td {
    padding: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

/* Zvýraznění aktivního (vybraného) řádku */
.shipping-billing-table tr.active,
.shipping-billing-table tr:has(input:checked) {
    background: rgba(249, 206, 31, 0.1) !important;
    border-color: #f9ce1f !important;
}

.shipping-billing-table tr:has(input:checked) td {
    border-top: 1px solid #f9ce1f !important;
    border-bottom: 1px solid #f9ce1f !important;
}

/* Názvy metod a ceny */
.shipping-billing-name {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

.payment-shipping-price {
    font-weight: 900 !important;
    color: #f9ce1f !important;
}

/* Odkaz pro výběr pobočky (Balíkovna, Zásilkovna...) */
.pickup-point-choose, .choose-pickup-point a {
    color: #f9ce1f !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    display: inline-block !important;
    margin-top: 5px !important;
}

/* Pravý sloupec (Rekapitulace) */
#order-right .checkout-single-box {
    border-color: rgba(249, 206, 31, 0.5) !important;
}

.recapitulation-single {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 0 !important;
}

.recapitulation-single a {
    color: #ffffff !important;
}

/* Finální cena v rekapitulaci */
#summary-cart {
    border-top: 2px solid #f9ce1f !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
}

.reca-big-text, .price-wrapper {
    color: #f9ce1f !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
}

/* Tlačítka dole */
.buttons-order {
    margin-top: 30px !important;
}

.in-krok-1 .js-orderFormSubmit {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 18px 45px !important;
    border-radius: 4px !important;
    border: none !important;
    font-size: 1.2rem !important;
    box-shadow: 0 4px 15px rgba(249, 206, 31, 0.3) !important;
}

.in-krok-1 .back-href {
    color: #888 !important;
    line-height: 50px !important;
}

/* Úprava radio buttonů (vizuálně) */
input[type="radio"] {
    accent-color: #f9ce1f !important;
}

/* Oprava neaktivních kombinací */
.inactive-information {
    color: #ff4444 !important;
    font-style: italic !important;
    font-size: 0.8rem !important;
}
/* ========================================= */
/* 17. GRAFICKÁ ÚPRAVA FORMULÁŘE (OFICIÁLNÍ) */
/* ========================================= */

/* Hlavní kontejnery sekcí */
.in-krok-2 .checkout-single-box {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-top: 3px solid #f9ce1f !important;
    border-radius: 8px !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
}

/* Nadpisy sekcí (Osobní údaje atd.) */
.in-krok-2 fieldset legend {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0 15px !important;
    background: transparent !important;
}

/* Úprava tabulkového rozvržení */
.in-krok-2 .f-border-in table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.in-krok-2 td {
    padding: 12px 5px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Popisky polí (Levý sloupec) */
.in-krok-2 .tari {
    color: #bbbbbb !important;
    font-weight: 600 !important;
    width: 180px !important;
    font-size: 0.95rem !important;
}

/* Vstupní pole (Inputy, Selecty) */
.in-krok-2 input[type="text"], 
.in-krok-2 input[type="tel"], 
.in-krok-2 input[type="email"], 
.in-krok-2 input[type="password"], 
.in-krok-2 select, 
.in-krok-2 textarea {
    width: 100% !important;
    max-width: 400px !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
}

/* Efekt při kliknutí do pole */
.in-krok-2 input:focus, 
.in-krok-2 select:focus, 
.in-krok-2 textarea:focus {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border-color: #f9ce1f !important;
    box-shadow: 0 0 15px rgba(249, 206, 31, 0.2) !important;
    outline: none !important;
}

/* Checkboxy (Souhlasy a volby) */
.in-krok-2 .checkbox-holder, 
.in-krok-2 .order-information-single-line {
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin: 10px 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.in-krok-2 input[type="checkbox"] {
    accent-color: #f9ce1f !important;
    transform: scale(1.2);
    margin-right: 12px !important;
}

.in-krok-2 label {
    color: #eeeeee !important;
    cursor: pointer !important;
}

/* Povinná pole (hvězdička) */
.required-asterisk {
    color: #f9ce1f !important;
}

/* Finální tlačítko OBJEDNAT */
#submit-order {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 22px 30px !important;
    border-radius: 4px !important;
    border: none !important;
    font-size: 1.5rem !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 25px rgba(249, 206, 31, 0.3) !important;
    margin-top: 20px !important;
}

#submit-order:hover {
    background-color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 35px rgba(255, 255, 255, 0.2) !important;
}

/* Responzivita: Na mobilu pod sebe */
@media (max-width: 600px) {
    .in-krok-2 .tari {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding-bottom: 5px !important;
    }
    .in-krok-2 input[type="text"], 
    .in-krok-2 input[type="tel"], 
    .in-krok-2 input[type="email"] {
        max-width: 100% !important;
    }
    .in-krok-2 .checkout-single-box {
        padding: 20px 15px !important;
    }
}
/* ========================================= */
/* 18. OPRAVA SOUHLASU S OP A GDPR            */
/* ========================================= */

/* Hlavní obal souhlasu - přidáme mu čitelné pozadí */
.order-confirmations-box {
    background-color: rgba(0, 0, 0, 0.6) !important; /* Poloprůhledné černé pozadí */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
}

/* Samotný text souhlasu */
.order-confirmations-box label,
.order-confirmations-box .whole-width {
    color: #ffffff !important; /* Čistě bílý text */
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
}

/* Odkazy na Obchodní podmínky a GDPR */
.order-confirmations-box a {
    color: #f9ce1f !important; /* Naše detektivní žlutá */
    text-decoration: underline !important;
    font-weight: bold !important;
}

.order-confirmations-box a:hover {
    color: #ffffff !important; /* Při najetí zbělá */
    text-decoration: none !important;
}

/* Zarovnání s tlačítkem Objednat */
.order-confirmations-box {
    text-align: left !important;
    max-width: 100% !important;
}

/* Odstranění stínu, pokud by dělal neplechu */
.order-confirmations-box label::before, 
.order-confirmations-box label::after {
    text-shadow: none !important;
}
/* ========================================= */
/* 19. OPRAVA TEXTU PŘI REGISTRACI (KROK 2)  */
/* ========================================= */

/* Text, který se objeví pod "Chci se registrovat" */
#set-registration-info, 
#set-registration-info em {
    color: #f9ce1f !important; /* Žlutá pro důležitou informaci */
    font-size: 0.9rem !important;
    display: block !important;
    margin-top: 5px !important;
    font-style: normal !important;
}

/* Celkové vylepšení sekce "Zůstaňme v kontaktu" */
#checkout-set-registration {
    padding: 10px 0 !important;
}

/* ========================================= */
/* 20. FINÁLNÍ POLADĚNÍ FORMULÁŘŮ A SOUHLASŮ */
/* ========================================= */

/* Placeholder text (šedý text uvnitř polí, než začnete psát) */
.in-krok-2 input::placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Zvýraznění aktivního pole při psaní - silnější záře */
.in-krok-2 input:focus {
    border-color: #f9ce1f !important;
    background-color: rgba(249, 206, 31, 0.08) !important;
    box-shadow: 0 0 15px rgba(249, 206, 31, 0.4) !important;
}

/* Úprava bloku souhlasu s OP a GDPR pro lepší vzhled */
.order-confirmations-box {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-left: 5px solid #f9ce1f !important; /* Detektivní žlutý pruh */
    padding: 25px !important;
    border-radius: 4px !important;
}

/* Stylizace odkazu na nápovědu (ten otazník v kroužku) */
.ordering-additional-info {
    color: #f9ce1f !important;
    border-color: #f9ce1f !important;
}

/* Tlačítko Zpět (nenápadnější, ale čitelné) */
.in-krok-2 .back-href {
    color: #aaaaaa !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.in-krok-2 .back-href:hover {
    color: #f9ce1f !important;
}

/* Úprava textu "Nakupuji na firmu" - aby nesvítil tolik jako jméno */
.company-shopping label {
    font-size: 0.9rem !important;
    opacity: 0.8;
}
/* ========================================= */
/* 21. OPRAVA ČITELNOSTI SOUHLASŮ (GDPR & OP)*/
/* ========================================= */

/* Hlavní blok souhlasů dole */
.order-confirmations-box, 
.consents.order-confirmations-box {
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    border-radius: 6px !important;
}

/* Oprava barvy textu souhlasu - nyní čistě bílá */
.order-confirmations-box label,
.order-confirmations-box .whole-width,
.order-confirmations-box span {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* Zvýraznění odkazů na dokumenty (oficiální žlutá) */
.order-confirmations-box a {
    color: #f9ce1f !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

/* ========================================= */
/* 22. OPRAVA POLÍČKA ZEMĚ (SELECT BOX)      */
/* ========================================= */

/* Zajištění, aby se text země (Česká republika) neosekával */
.in-krok-2 select, 
.in-krok-2 select.s-200, 
#billCountryId {
    width: 100% !important;
    max-width: 400px !important; /* Sjednocení s ostatními poli */
    height: auto !important;
    min-height: 45px !important;
    padding: 10px 35px 10px 15px !important; /* Více místa pro šipku vpravo */
    line-height: 1.4 !important;
    appearance: menulist !important; /* Vynutí standardní vzhled prohlížeče pro čitelnost */
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Oprava vnitřní barvy možností v selectu (bílá na tmavém) */
.in-krok-2 select option {
    background-color: #222 !important;
    color: #ffffff !important;
}

/* ========================================= */
/* 23. OPRAVA TEXTU REGISTRACE                */
/* ========================================= */

/* Zviditelnění textu "Přihlašovací údaje vám zašleme..." */
#set-registration-info, 
#set-registration-info em {
    color: #f9ce1f !important;
    font-style: normal !important;
    font-size: 0.85rem !important;
    display: block !important;
    margin-top: 8px !important;
    padding-left: 28px; /* Zarovnání pod text checkboxu */
}

/* ========================================= */
/* 24. SJEDNOCENÍ ŠÍŘKY FORMULÁŘE             */
/* ========================================= */

/* Sjednocení levého sloupce s popisky, aby vše lícovalo */
@media (min-width: 600px) {
    .in-krok-2 .tari {
        width: 200px !important;
        min-width: 200px !important;
        text-align: right !important;
        padding-right: 20px !important;
    }
}
/* ========================================= */
/* 25. FINÁLNÍ ÚPRAVA STRÁNKY „DĚKUJEME“     */
/* ========================================= */

/* 1. Hlavní kontejner rekapitulace */
.in-dekujeme .checkout-single-box {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-top: 5px solid #f9ce1f !important;
    border-radius: 12px !important;
    padding: 35px !important;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.9) !important;
    max-width: 750px !important;
    margin: 40px auto !important;
}

/* 2. Zviditelnění textů Doprava a Platba */
.in-dekujeme .last-order-summary-single-item {
    color: #ffffff !important; /* Barva pro texty "Doprava:" a "Platba:" */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 15px 0 !important;
    font-size: 1rem !important;
}

.in-dekujeme .last-order-summary-single-item strong {
    color: #f9ce1f !important; /* Samotné hodnoty (např. Osobní odběr) budou žluté */
    margin-left: 5px;
}

/* 3. Oprava čísla objednávky nahoře */
.in-dekujeme .last-order-summary-single:first-child {
    background: rgba(249, 206, 31, 0.1) !important;
    border: 1px dashed #f9ce1f !important;
    color: #ffffff !important;
    padding: 20px !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.in-dekujeme .last-order-summary-single:first-child strong {
    color: #f9ce1f !important;
    font-size: 1.6rem !important;
    display: block;
    margin-top: 10px;
}

/* 4. Finální cena - odstranění bílého pruhu a nový styl */
.in-dekujeme #reca-prices {
    background: none !important;
    border-top: 2px solid #f9ce1f !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
}

.in-dekujeme .last-order-summary-single {
    background: none !important;
    color: #ffffff !important;
}

.in-dekujeme #reca-prices strong {
    font-size: 1.5rem !important;
    font-family: "Exo 2", sans-serif;
}

.in-dekujeme #reca-prices .red {
    color: #f9ce1f !important;
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    text-shadow: 0 0 20px rgba(249, 206, 31, 0.4);
}

/* 5. Vylepšená tlačítka v patičce (Moje nákupy atd.) */
#order-step3-links {
    margin: 50px auto !important;
    max-width: 900px;
}

#order-step3-links li a {
    display: block !important;
    background-color: #000000 !important;
    color: #f9ce1f !important;
    border: 1px solid #f9ce1f !important;
    padding: 15px 10px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    letter-spacing: 1px;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

#order-step3-links li a:hover {
    background-color: #f9ce1f !important;
    color: #000000 !important;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(249, 206, 31, 0.4) !important;
}

/* 6. Celkové doladění textů */
.in-dekujeme h1 {
    font-size: 3rem !important;
    margin-top: 40px !important;
}

.additional-information {
    color: #888 !important;
    text-align: center !important;
    display: block;
    margin-top: 20px;
}
/* 1. Zvýraznění hlavního nadpisu (Objednávka odeslána) */
.in-dekujeme h1 {
    color: #f9ce1f !important;
    text-shadow: 2px 2px 10px #000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* 2. Zvýraznění množství zakoupeného produktu (1x) */
.in-dekujeme .reca-product-name a {
    color: #f9ce1f !important;
    font-weight: 900 !important;
}
/* ========================================= */
/* 26. ÚPRAVA KLIENTSKÉHO CENTRA (DATABÁZE)  */
/* ========================================= */

/* Hlavní nadpis stránky */
.in-klient h1 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.5rem;
    text-shadow: 2px 2px 10px #000;
    margin-bottom: 30px !important;
}

/* LEVÝ PANEL (Navigace) */
#column-l-in {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 8px;
    padding: 20px !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.5) !important;
}

/* Jméno přihlášeného (Agenta) */
.list-customer-section-header > li:first-child a {
    color: #f9ce1f !important;
    font-size: 1.2rem;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(249, 206, 31, 0.3);
    padding-bottom: 10px;
    display: block;
}

/* Položky menu vlevo */
.list-customer-section-navigation li {
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.list-customer-section-navigation li a strong {
    color: #ffffff !important;
    font-weight: normal !important;
    transition: all 0.3s ease;
}

.list-customer-section-navigation li a:hover strong {
    color: #f9ce1f !important;
    padding-left: 5px;
}

/* HLAVNÍ OBSAHOVÁ ČÁST (Pravý panel) */
.in-klient main#content-in article {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-radius: 8px;
    padding: 30px !important;
    box-shadow: 0 0 40px rgba(0,0,0,0.5) !important;
}

/* TABULKA OBJEDNÁVEK */
.table-customer-section {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
}

/* Hlavička tabulky */
.table-customer-section thead th {
    background-color: rgba(249, 206, 31, 0.1) !important;
    color: #f9ce1f !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    padding: 15px !important;
    border-bottom: 2px solid #f9ce1f !important;
}

/* Řádky tabulky */
.table-customer-section tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: background 0.3s ease;
}

.table-customer-section tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

.table-customer-section td {
    padding: 15px !important;
    color: #ffffff !important;
    vertical-align: middle !important;
}

/* Odkaz na kód objednávky */
.order-code a strong {
    color: #f9ce1f !important;
    text-decoration: underline;
}

/* Nadpis "Poslední objednávka" */
.header-level-3 {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Mobilní úprava */
@media (max-width: 600px) {
    #column-l { margin-bottom: 20px !important; }
    .table-customer-section thead { display: none; } /* Na mobilu tabulku zjednodušíme */
    .in-klient main#content-in article { padding: 15px !important; }
}
/* ========================================= */
/* 27. ÚPRAVA DETAILU OBJEDNÁVKY (SPIS)      */
/* ========================================= */

/* Hlavní kontejnery - boxy se zaoblenými rohy */
.in-objednavky fieldset.f-border {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-top: 3px solid #f9ce1f !important;
    border-radius: 8px !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* Nadpisy sekcí (Legendy) */
.in-objednavky fieldset legend {
    color: #f9ce1f !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    padding: 0 15px !important;
}

/* Texty v seznamech (Datum, Stav nákupu atd.) */
.in-objednavky dl.list-definitions dt {
    color: #bbbbbb !important; /* Popisky (šedé) */
    font-weight: normal !important;
}

.in-objednavky dl.list-definitions dd {
    color: #ffffff !important; /* Hodnoty (bílé) */
    font-weight: bold !important;
}

.in-objednavky dl.list-definitions dd strong {
    color: #f9ce1f !important; /* Stav "Nevyřízená" bude svítit žlutě */
}

/* Tabulka produktů v detailu */
.in-objednavky table#cart {
    background: transparent !important;
    border: none !important;
}

.in-objednavky table#cart thead th {
    background-color: rgba(249, 206, 31, 0.1) !important;
    color: #f9ce1f !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 12px !important;
    border-bottom: 2px solid #f9ce1f !important;
}

.in-objednavky table#cart tbody td {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 15px 12px !important;
}

/* Odkazy na produkty v tabulce */
.in-objednavky table#cart a {
    color: #f9ce1f !important;
    text-decoration: underline;
}

/* Adresy (Fakturační a Doručovací) */
.in-objednavky .header-level-4 {
    color: #f9ce1f !important;
    text-transform: uppercase;
    font-size: 1rem !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(249, 206, 31, 0.2);
    display: inline-block;
}

.in-objednavky .vat td {
    color: #ffffff !important;
    line-height: 1.6;
}

/* Poznámka od zákazníka */
.in-objednavky td[colspan="2"] p {
    background: rgba(255, 255, 255, 0.05);
    padding: 15px;
    border-radius: 4px;
    color: #ffffff !important;
    border-left: 3px solid #f9ce1f;
}

/* Tlačítko „Znovu nakoupit“ */
.in-objednavky .button-old-templates.b-send {
    background-color: #f9ce1f !important;
    color: #000000 !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.in-objednavky .button-old-templates.b-send:hover {
    background-color: #ffffff !important;
    transform: scale(1.05);
}

/* Celková cena v rekapitulaci */
.in-objednavky .row-summary dd {
    color: #f9ce1f !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
}
/* ========================================= */
/* 30. VYLEPŠENÝ DESIGN VÝHOD A REKAPITULACE */
/* ========================================= */

/* Oprava čitelnosti textů dopravy/platby v rekapitulaci (DĚKUJEME) */
.in-dekujeme .last-order-summary-single-item {
    color: #ffffff !important;
}
.in-objednavky .row-summary dt, 
.in-objednavky .row-summary dd {
    color: #f9ce1f !important;
}

/* --- SEKCE VÝHOD --- */
.vyhody-sekce-wrapper {
    max-width: 900px;
    margin: 60px auto;
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.3);
    border-top: 4px solid #f9ce1f !important;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.7);
    overflow: hidden;
}

.vyhoda-polozka {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.vyhoda-polozka:hover {
    background-color: rgba(249, 206, 31, 0.03);
}

.vyhoda-header {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    gap: 20px;
    cursor: pointer;
}

.vyhoda-ikona i {
    font-size: 28px;
    color: #f9ce1f !important;
    display: block !important; /* Zajištění viditelnosti */
    min-width: 35px;
}

.vyhoda-nadpis {
    font-family: "Exo 2", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0 !important;
    flex-grow: 1;
}

.vyhoda-sipka {
    color: #f9ce1f;
    transition: transform 0.4s ease;
}

.vyhoda-text {
    padding: 0 40px 30px 85px;
    color: #bbbbbb !important;
    line-height: 1.7;
    font-family: "Source Sans 3", sans-serif;
}

.vyhoda-polozka.is-open .vyhoda-nadpis {
    color: #f9ce1f !important;
}

.vyhoda-polozka.is-open .vyhoda-sipka {
    transform: rotate(180deg);
}

/* --- STYLOVÁNÍ TLAČÍTEK DOLE (DĚKUJEME) --- */
#order-step3-links li a {
    background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important;
    border: 1px solid #f9ce1f !important;
    color: #f9ce1f !important;
    padding: 15px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

#order-step3-links li a:hover {
    background: #f9ce1f !important;
    color: #000000 !important;
    box-shadow: 0 0 20px rgba(249, 206, 31, 0.4) !important;
}
/* Zajištění viditelnosti ikonek */
.vyhoda-ikona i {
    display: inline-block !important;
    font-style: normal;
    color: #f9ce1f !important;
}

/* Plynulá animace výšky */
.vyhoda-obsah {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.vyhoda-polozka.is-open .vyhoda-nadpis {
    color: #f9ce1f !important;
}
/* Vynucení Font Awesome pro ikonky */
.vyhoda-ikona i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    color: #f9ce1f !important;
    font-style: normal !important;
}

/* Oprava animace a schování obsahu */
.vyhoda-obsah {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out !important;
}

.vyhoda-polozka.is-open .vyhoda-nadpis {
    color: #f9ce1f !important;
}

.vyhody-sekce-wrapper {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
}
/* --- ODLEPENÍ OD OBSAHU A POZICE --- */
.welcome-banners {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 50px !important;
}

.vyhody-sekce-final {
    //max-width: 900px;
    margin: 40px auto;
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid rgba(249, 206, 31, 0.3);
    border-top: 4px solid #f9ce1f;
    border-radius: 8px;
}

/* --- IKONKY --- */
.vyhoda-ikona {
    min-width: 40px;
    text-align: center;
}

.vyhoda-ikona i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    color: #f9ce1f !important;
    font-size: 24px !important;
    font-style: normal;
}

.vyhoda-nadpis {
    font-family: "Exo 2", sans-serif !important;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    flex-grow: 1;
}

/* --- FUNKČNOST --- */
.vyhoda-header {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    cursor: pointer;
    gap: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.vyhoda-obsah {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background: rgba(255, 255, 255, 0.02);
}

.vyhoda-polozka.is-open .vyhoda-obsah {
    max-height: 200px; /* Výška otevřeného bloku */
}

.vyhoda-polozka.is-open .vyhoda-nadpis {
    color: #f9ce1f !important;
}

.vyhoda-polozka.is-open .vyhoda-sipka {
    transform: rotate(180deg);
    color: #f9ce1f;
}

.vyhoda-text {
    padding: 20px 25px 25px 85px;
    color: #bbbbbb;
    line-height: 1.6;
}
/* ========================================= */
/* 31. ÚPLNÉ ODDĚLENÍ BLOKŮ (CIHLY MEZI NIMI)*/
/* ========================================= */

/* 1. Zprůhlednění společného kontejneru */
.welcome-wrap, 
.welcome.clearfix.row,
.welcome .list-inline.valign-bottom-inline {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important; /* Vynutíme zobrazení pod sebou */
    width: 100% !important;
}

/* 2. Styl pro První blok (Recenze) */
.welcome-descr {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-top: 4px solid #f9ce1f !important;
    border-radius: 8px !important;
    padding: 40px !important;
    margin-bottom: 50px !important; /* TADY vzniká ta mezera se zdí */
    box-shadow: 0 20px 50px rgba(0,0,0,0.7) !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* 3. Styl pro Druhý blok (Výhody) */
.welcome-banners {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-top: 4px solid #f9ce1f !important;
    border-radius: 8px !important;
    padding: 20px 40px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.7) !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* 4. Vyčištění vnitřku výhod, aby tam nebyly dvojité okraje */
.vyhody-sekce-wrapper, 
.vyhody-sekce-final {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Zarovnání nadpisu "Vítejte..." na střed pro lepší symetrii */
.welcome-descr h1 {
    text-align: center !important;
    color: #f9ce1f !important;
    margin-bottom: 30px !important;
}

/* Mobilní doladění */
@media (max-width: 600px) {
    .welcome-descr, .welcome-banners {
        padding: 25px 20px !important;
    }
    .welcome-descr {
        margin-bottom: 30px !important;
    }
}
/* ========================================= */
/* 32. LIKVIDACE BÍLÉ LIŠTY V ZÁHLAVÍ        */
/* ========================================= */

/* Zprůhlednění pozadí hlavičky na všech stránkách */
#header, 
.header-background,
.header-background::before,
.header-background::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Odstranění bílého pruhu i v mobilním zobrazení a při skrolování */
.header-in-wrap,
#header-inner {
    background: transparent !important;
}

/* Pokud Shoptet přidává stín pod navigaci (často vypadá jako šedá/bílá linka) */
#menu {
    box-shadow: none !important;
    border: none !important;
}

/* Zajištění, aby horní navigace (pokud ji používáte) nebyla bílá */
.top-nav-bar {
    background: rgba(0, 0, 0, 0.5) !important; /* Poloprůhledná černá místo bílé */
    border-bottom: 1px solid rgba(249, 206, 31, 0.2) !important;
}
/* ========================================= */
/* 33. PROFESIONÁLNÍ DETEKTIVNÍ ODZNAČKY    */
/* ========================================= */

.game-info-badges {
    display: flex;
    gap: 12px;
    margin: 20px 0 !important;
    flex-wrap: wrap;
}

.game-badge {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.game-badge:hover {
    border-color: #f9ce1f !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 206, 31, 0.2);
}

/* Styl pro ikonky uvnitř odznáčků */
.game-badge i {
    color: #f9ce1f !important;
    font-size: 1.2rem;
    text-shadow: 0 0 10px rgba(249, 206, 31, 0.5);
}

/* Barevné rozlišení textu "Obtížnost" vs. hodnota */
.game-badge span.label {
    color: #888;
    font-weight: 400;
    margin-right: 4px;
}
/* ========================================= */
/* 34. RECENZE NA MOBILU - DVA SLOUPCE       */
/* ========================================= */

@media (max-width: 600px) {
    /* Nastavení kontejneru na mřížku o dvou sloupcích */
    .reviews-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Dva sloupce */
        gap: 10px !important; /* Menší mezera, aby zbyl prostor na text */
        padding: 0 !important;
    }

    /* Úprava samotné karty recenze pro těsný prostor */
    .review-card {
        padding: 12px !important;
        margin: 0 !important;
        border-radius: 6px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between; /* Zarovná hvězdy nahoru a podpis dolů */
    }

    /* Zmenšení textu, aby se do úzkého sloupce vešel */
    .review-text {
        font-size: 0.8rem !important; /* Menší písmo */
        line-height: 1.3 !important;
        margin: 8px 0 !important;
    }

    /* Zmenšení hvězdiček */
    .review-stars {
        font-size: 0.75rem !important;
        margin-bottom: 5px !important;
    }

    /* Úprava podpisu (autora) */
    .review-footer {
        font-size: 0.7rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 5px !important;
        margin-top: auto;
    }

    .review-author {
        display: block !important; /* Jméno na samostatný řádek */
    }

    .review-status {
        display: none; /* Skryjeme "Ověřený detektiv" na mobilu pro úsporu místa */
    }
}
/* ========================================= */
/* 35. ROZŠÍŘENÍ SLOŽKY RECENZÍ NA MOBILU     */
/* ========================================= */

@media (max-width: 600px) {
    /* 1. Rozšíření samotného černého boxu (parent) */
    .welcome-descr {
        width: 100% !important;
        max-width: 98% !important; /* Využije maximum místa */
        padding: 20px 10px !important; /* Drastické zmenšení vnitřního polstrování */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 2. Zajištění, aby mřížka recenzí využila celou šířku boxu */
    .reviews-container {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important; /* Minimální mezera mezi recenzemi */
        width: 100% !important;
    }

    /* 3. Úprava karet recenzí, aby nebyly spláclé */
    .review-card {
        padding: 10px 8px !important;
        min-height: 180px; /* Aby měly karty aspoň nějakou výšku a vypadaly vyrovnaně */
    }

    /* 4. Nadpis "Co o nás říkají" - zmenšíme, aby nezabíral půl obrazovky */
    .welcome-descr h1, 
    .reviews-heading {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }

    /* 5. Zmenšení textu recenze na minimum únosnosti pro 2 sloupce */
    .review-text {
        font-size: 0.75rem !important;
        line-height: 1.2 !important;
    }

    /* 6. Pokud Shoptet vynucuje postranní okraje stránky, potlačíme je */
    #main-in-in, .welcome-wrap {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* ========================================= */
/* 36. MAXIMÁLNÍ ROZŠÍŘENÍ KONTEJNERU NA MOBILU */
/* ========================================= */

@media (max-width: 600px) {
    /* 1. Odstranění okrajů z hlavních Shoptet kontejnerů v uvítací sekci */
    .welcome-wrap, 
    .welcome-wrap .columns, 
    .welcome-wrap .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Roztažení samotného seznamu na 100% šířky displeje */
    .welcome .list-inline.valign-bottom-inline {
        width: 100% !important;
        margin: 20px 0 !important;
        gap: 20px !important; /* Mezera mezi oběma bloky */
    }

    /* 3. Vynucení plné šířky pro obě "složky" */
    .welcome-descr, 
    .welcome-banners {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        /* Zmenšíme vnější zaoblení, aby na krajích nezůstávaly bílé kousky zdi */
        border-radius: 0 !important; 
        /* Vnitřní prostor pro text, aby nebyl nalepený na skle */
        padding: 25px 15px !important; 
        border-left: none !important;
        border-right: none !important;
    }

    /* 4. Úprava mřížky recenzí uvnitř (2 sloupce) */
    .reviews-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    /* 5. Zmenšení textu, aby se do roztaženého okna vešlo víc obsahu */
    .review-text {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }

    /* 6. Oprava šířky pro sekci výhod, aby lícovala */
    .vyhody-sekce-wrapper {
        width: 100% !important;
        margin: 0 !important;
    }
}
/* ========================================= */
/* 37. DARK DESIGNER POLICE BORDER (SOFT)  */
/* ========================================= */

/* Cílíme na video vložené skriptem */
.zoom-small-image video, 
.pr-list-image video {
    border: 2px solid transparent !important;
    
    /* Tmavší, hlubší a tlumený barevný přechod rámečku */
    background-image: 
        linear-gradient(#1a1a1a, #1a1a1a), 
        linear-gradient(90deg, #003ca0, #b40000) !important;
    
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 12px !important;
    
    /* Tmavší, méně jasná rozptýlená záře */
    box-shadow: 
        -15px 0 35px -10px rgba(0, 60, 160, 0.2), 
         15px 0 35px -10px rgba(180, 0, 0, 0.2) !important;
    
    /* Spuštění ztlumeného ambientního poblikávání */
    animation: darkAmbientPolice 4s infinite ease-in-out !important;
    transition: opacity 0.6s ease-in-out;
}

/* Definice ztlumeného pulzování a kmitání záře */
@keyframes darkAmbientPolice {
    0%, 100% {
        /* Tlumenější základní jas */
        filter: brightness(0.9) contrast(0.95);
        box-shadow: -15px 0 35px -10px rgba(0, 60, 160, 0.2), 15px 0 35px -10px rgba(180, 0, 0, 0.2);
    }
    45% {
        /* Tlumenější nadechnutí jasu a záře */
        filter: brightness(1.02) contrast(1.0);
        box-shadow: -20px 0 45px -8px rgba(0, 60, 160, 0.35), 20px 0 45px -8px rgba(180, 0, 0, 0.35);
    }
    50% {
        /* Tlumenější a jemnější kmitnutí */
        filter: brightness(1.08);
    }
    55% {
        /* Tlumenější nadechnutí jasu a záře */
        filter: brightness(1.02) contrast(1.0);
        box-shadow: -20px 0 45px -8px rgba(0, 60, 160, 0.35), 20px 0 45px -8px rgba(180, 0, 0, 0.35);
    }
}

/* Ztlumený hover efekt - méně agresivní jas */
.zoom-small-image video:hover {
    animation-play-state: paused !important;
    filter: brightness(1.05) !important;
    box-shadow: -25px 0 55px -12px rgba(0, 60, 160, 0.4), 25px 0 55px -12px rgba(180, 0, 0, 0.4) !important;
}
/* ========================================= */
/* STYLOVÁNÍ DETAILU ČLÁNKU (BLOGU)          */
/* ========================================= */

/* 1. Hlavní kontejner článku */
.news-item-detail {
    background: rgba(25, 25, 25, 0.9);
    padding: 40px;
    border-radius: 4px;
    border-left: 4px solid #f9ce1f; /* Efekt hřbetu složky */
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
    margin-bottom: 50px;
}

/* 2. Nadpis článku (Headline) */
.news-item-detail h1[itemprop="headline"] {
    font-family: 'Exo 2', sans-serif;
    color: #f9ce1f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

/* 3. Datum vydání (vzhled razítka/psacího stroje) */
.news-item-detail time {
    display: inline-block;
    font-family: 'Courier New', Courier, monospace;
    background: rgba(249, 206, 31, 0.1);
    color: #f9ce1f;
    padding: 5px 15px;
    border: 1px dashed #f9ce1f;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-bottom: 40px;
}

/* 4. Textový obsah článku */
.news-item-detail .text {
    color: #e0e0e0;
    font-size: 1.1rem;
    line-height: 1.8;
}

/* Styl pro odstavce */
.news-item-detail .text p {
    margin-bottom: 25px;
}

/* Podnadpisy v textu (H2) */
.news-item-detail .text h2 {
    font-family: 'Exo 2', sans-serif;
    color: #f9ce1f;
    font-size: 1.6rem;
    margin-top: 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(249, 206, 31, 0.3);
    padding-bottom: 10px;
}

/* Zvýrazněný text (tučné písmo) */
.news-item-detail .text strong {
    color: #f9ce1f;
    font-weight: 700;
}

/* Odkazy v textu */
.news-item-detail .text a {
    color: #f9ce1f;
    text-decoration: none;
    border-bottom: 1px solid #f9ce1f;
    transition: all 0.2s ease;
}

.news-item-detail .text a:hover {
    background: #f9ce1f;
    color: #000 !important;
}

/* 5. Breadcrumbs (Drobečková navigace) */
.bread-navigation {
    padding: 15px 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bread-navigation a, 
.bread-navigation span {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bread-navigation a:hover {
    color: #f9ce1f !important;
}

/* 6. Úprava obrázků v textu */
.news-item-detail .text img {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin: 30px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Odstranění marginu u vnořeného H1 v .textu (pokud tam je) */
.news-item-detail .text h1 {
    display: none; /* Skryje duplicitní nadpis v textu, pokud se generuje */
}
/* ============================================================ */
/* 1. GLOBÁLNÍ ÚKLID (Skrytí datumů a systémových prvků všude)  */
/* ============================================================ */
.news-item time, 
.news-item-detail time, 
.cat-paging, 
.info-paging,


/* ============================================================ */
/* 3. BLOG STRÁNKA - VÝPIS ČLÁNKŮ (Rubrika Blog)               */
/* ============================================================ */

/* Oprava viditelnosti na mobilu pro hlavní výpis */
.type-posts-listing #content, 
.type-posts-listing .news-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hlavní nadpis "BLOG" na stránce */
#content h1 {
    font-family: 'Exo 2', sans-serif !important;
    color: #f9ce1f !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem !important;
    margin-bottom: 40px !important;
    position: relative;
}

/* Mřížka karet na PC */
.news-wrapper {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 30px !important;
}

/* Karta článku */
.news-item {
    background: rgba(15, 15, 15, 0.95) !important;
    border: 1px solid rgba(249, 206, 31, 0.15) !important;
    border-radius: 12px !important;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden;
}

.news-item:hover {
    transform: translateY(-8px);
    border-color: #f9ce1f !important;
}

/* Obrázek v kartě */
.news-item .image {
    width: 100% !important;
    height: 200px !important;
    margin: 0 !important;
}
.news-item .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Textová část karty */
.news-item .text {
    padding: 25px !important;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Nadpis v kartě + klikatelnost celé karty */
.news-item .title {
    font-family: 'Exo 2', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #f9ce1f !important;
    text-transform: uppercase;
    margin-bottom: 12px !important;
    text-decoration: none !important;
}

.news-item .title::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10;
}

/* Krátký popis v kartě */
.news-item .description {
    color: #cccccc !important;
    font-family: "Source Sans 3", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin-bottom: 60px !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 6.2em; 
}

/* Vyčištění textu v popisku (převod nadpisů na běžný text) */
.news-item .description * {
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Tlačítko "ČÍST DÁLE" v kartě */
.news-item .text::after {
    content: "ČÍST DÁLE ➔";
    position: absolute;
    bottom: 25px;
    left: 25px;
    background: #f9ce1f;
    color: #000 !important;
    padding: 8px 18px;
    border-radius: 4px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    z-index: 5;
}

.news-item:hover .text::after {
    background: #ffffff;
}

/* Úprava blogu na mobilu (pod sebou) */
@media only screen and (max-width: 600px) {
    .news-wrapper { grid-template-columns: 1fr !important; }
    #content h1 { font-size: 2.2rem !important; }
    .news-item { margin-bottom: 20px !important; }
}
/* Styl pro karty recenzí */
.reviews-section {
    margin-top: 50px;
}
.reviews-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.review-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 25px;
    border-radius: 10px;
    border: 1px solid rgba(249, 206, 31, 0.1);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}
.review-card:hover {
    transform: translateY(-5px);
    border-color: rgba(249, 206, 31, 0.4);
}
.review-stars {
    color: #f9ce1f;
    font-size: 1.2rem;
    margin-bottom: 15px;
}
.review-text {
    font-style: italic;
    color: #e0e0e0;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}
.review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
}
.review-author {
    font-weight: bold;
    color: #f9ce1f;
}
.review-status {
    color: #888;
}

/* ============================================================ */
/* FLEX-LAYOUT ZÁHLAVÍ (MOBIL) - S responzivním středem loga    */
/* ============================================================ */

@media only screen and (max-width: 600px) {
    /* 1. HLAVNÍ LIŠTA */
    .header-in-wrap {
        position: relative !important; /* Nutné pro ukotvení loga */
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 70px !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    /* Zabití Shoptet clearfixů, které to předtím rozbily */
    .header-in-wrap::before, .header-in-wrap::after,
    .header-in-wrap > li > ul::before, .header-in-wrap > li > ul::after { 
        display: none !important; 
    }

    /* 2. ZÓNA UPROSTŘED (Logo - 100% responzivní absolutní střed) */
    .header-in-wrap > li.large-4 {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important; /* Přesný geometrický střed */
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        z-index: 10 !important;
    }
    
    #logo {
        display: block !important;
        margin: 0 !important;
    }
    
    #logo img {
        max-height: 55px !important; /* ZVĚTŠENÉ LOGO (původně 45px) */
        width: auto !important;
    }

    /* 3. ZÓNA KRAJŮ (Kontejner pro Hamburger, Účet a Košík) */
    .header-in-wrap > li.large-8 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .header-in-wrap > li.large-8 > ul {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hamburger menu (Vlevo) */
    .menu-wrap {
        order: 1 !important;
        margin: 0 auto 0 0 !important; /* "auto" napravo odtlačí zbytek na druhou stranu */
        float: none !important;
    }

    /* Účet (Vpravo) */
    .header-label-wrap:not(.header-cart-wrap) {
        order: 2 !important;
        margin: 0 5px 0 0 !important; /* ZMENŠENÁ MEZERA MEZI IKONAMI (původně 15px) */
        float: none !important;
    }

    /* Košík (Úplně vpravo) */
    .header-cart-wrap {
        order: 3 !important;
        margin: 0 !important;
        float: none !important;
    }

    /* 4. DESIGN IKONEK */
    .menu-helper, 
    .header-label, 
    .place-cart-here .header-label {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Čáry v hamburgeru */
    .menu-helper-line {
        background-color: #ffffff !important;
        height: 2px !important;
        width: 24px !important;
        margin: 4px 0 !important;
        display: block !important;
    }

    /* Kolečko košíku */
    .header-cart-pieces {
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        background: #f9ce1f !important;
        color: #000 !important;
        font-size: 11px !important;
        font-weight: bold !important;
        width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        text-align: center !important;
        border-radius: 50% !important;
        display: block !important;
    }

    /* 5. ÚKLID PRVKŮ */
    .header-product, .search-wrap, .header-product-price {
        display: none !important;
    }
}

/* ============================================================ */
/* EXTRA STYLOVÉ MOBILNÍ MENU S IKONAMI (NOIR STYLE)          */
/* ============================================================ */

@media only screen and (max-width: 600px) {
    /* 1. HLAVNÍ KONTEJNER MENU */
    #menu-helper-box {
        background: rgba(10, 10, 10, 0.98) !important;
        border: 1px solid rgba(249, 206, 31, 0.2) !important;
        border-radius: 0 0 20px 20px !important;
        padding: 20px 0 !important;
        box-shadow: 0 25px 50px rgba(0,0,0,1) !important;
        margin-top: 15px !important;
    }

    /* 2. SPOLEČNÝ STYL PRO POLOŽKY A IKONY */
    #menu-helper-box li a {
        color: #ffffff !important;
        font-family: 'Exo 2', sans-serif !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 14px !important;
        padding: 20px 25px !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        letter-spacing: 1px;
    }

    /* Příprava pro Font Awesome ikonky */
    #menu-helper-box li a::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        margin-right: 18px;
        color: #f9ce1f;
        font-size: 18px;
        width: 25px;
        text-align: center;
        transition: transform 0.3s ease;
    }

    /* 3. KONKRÉTNÍ IKONY PRO VAŠE POLOŽKY */
    
    /* Výhodné balíčky */
    .menu-item-709 a::before { content: "\f5b0"; } /* fa-box-open */
    
    /* Obchodní podmínky */
    .menu-item-39 a::before { content: "\f573"; } /* fa-file-contract */
    
    /* Kontakty */
    .menu-item-29 a::before { content: "\f095"; } /* fa-phone */
    
    /* Blog (pokud je v menu) */
    #menu-helper-box a[href*="/blog/"]::before { content: "\f1ea"; } /* fa-newspaper */

    /* Obecná ikona pro ostatní položky (pokud nějaké přidáte) */
    #menu-helper-box li a::before { content: "\f0da"; } /* fa-caret-right */

    /* 4. HOVER / AKTIVNÍ STAV (Efekt vytažení šuplíku) */
    #menu-helper-box li a:active, 
    #menu-helper-box li a:focus {
        background: rgba(249, 206, 31, 0.08) !important;
        color: #f9ce1f !important;
        padding-left: 35px !important; /* Text se s ikonkou vysune */
        border-left: 4px solid #f9ce1f;
    }

    #menu-helper-box li a:active::before {
        transform: scale(1.2);
    }

    /* Odstranění linky u poslední položky */
    #menu-helper-box li:last-child a {
        border-bottom: none !important;
    }

    /* 5. DESIGN TLAČÍTKA ZAVŘÍT (Křížek) */
    .menu-helper.opened .menu-helper-line {
        background-color: #f9ce1f !important;
        height: 3px !important;
    }
}
#header { position: relative !important; z-index: 9999 !important; }
    .mobile-orbit-banner { display: none; }

    @media only screen and (max-width: 600px) {
        .mobile-orbit-banner {
            display: block;
            position: relative;
            z-index: 1 !important;
            width: 100vw;
            height: 35vh; 
            margin-left: calc(-50vw + 50%);
            margin-top: -110px; 
            margin-bottom: 35px;
            overflow: hidden;
            background: #000;
            border-bottom: 2px solid rgba(249, 206, 31, 0.4);
            box-shadow: 0 10px 30px rgba(0,0,0,0.8);
        }

        .mobile-orbit-banner::after {
            content: "";
            position: absolute;
            bottom: 0; left: 0; width: 100%; height: 40%;
            background: linear-gradient(to bottom, transparent, rgba(15, 15, 15, 1));
            z-index: 2;
            pointer-events: none;
        }

        .orbit-video {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover;
            filter: brightness(0.4);
        }

        .orbit-overlay {
            position: relative;
            z-index: 5;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0 20px;
            padding-top: 90px; 
        }

        .orbit-tag { 
		color: #f9ce1f; 
		font-family: 'Exo 2', sans-serif; 
		font-weight: 800; 
		font-size: 10px; 
		margin-bottom: 5px; 
		text-transform: uppercase;
	}
        .orbit-title { 
		color: #ffffff !important; 
		font-family: 'Exo 2', sans-serif !important; 
		font-weight: 900 !important; 
		font-size: 1.7rem !important; 
		line-height: 1.1 !important; 
		margin-bottom: 15px !important; 
		text-transform: uppercase;
	}
        .orbit-btn {
		background: #f9ce1f; 
		color: #000 !important; 
		padding: 12px 25px; 
		border-radius: 4px; 
		font-family: 'Exo 2', sans-serif; 
		font-weight: 800; text-decoration: none !important; 
		font-size: 13px; 
		text-transform: uppercase;
	}
    }

/* --- FINÁLNÍ OPRAVA SJEDNOCENÍ ŠÍŘKY --- */

/* 1. Odstraníme odsazení mřížky Shoptetu pro celou uvítací sekci */
.welcome-wrap .row, 
.welcome-wrap .columns,
.welcome-wrap .welcome {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Toto srovná šířku bloků přesně s produktovými kartami */
.welcome-descr, 
.welcome-banners {
    /* Pokud jsou recenze STÁLE užší než produkty, změň 960px na 1180px */
    max-width: 1242px !important; 
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 30px 40px !important; /* Vnitřní prostor pro text, aby nebyl nalepený na kraji */
    box-sizing: border-box !important;
}

/* 3. Resetujeme seznam, aby nebránil roztažení na celou šířku */
.welcome .list-inline.valign-bottom-inline {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Pojistka pro menší monitory, aby boxy nebyly širší než obrazovka */
@media (max-width: 1024px) {
    .welcome-descr, 
    .welcome-banners {
        max-width: 95% !important;
        padding: 20px !important;
    }
}
/* ============================================================
   DETEKTIVNÍ IKONY - POUZE PRO DESKTOP (PC)
   ============================================================ */

@media (min-width: 992px) {
    /* 1. Resetování původních Shoptet ikon */
    .header-label::before, 
    .menu-helper-line {
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
    }

    /* 2. Ikona Přihlášení (Agent / Detektiv) */
    .icon-login-before::before {
        content: "\f21b" !important; /* fa-user-secret */
        font-size: 22px;
    }

    /* 3. Ikona Košíku (Kufřík na důkazy) */
    .icon-cart-before::before {
        content: "\f0b1" !important; /* fa-briefcase */
        font-size: 20px;
    }

    /* 4. Ikona Menu (Stoh dokumentů) */
    #menu-helper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #menu-helper .menu-helper-line {
        display: none !important; /* Skryje původní čárky na PC */
    }

    #menu-helper::before {
        content: "\f842" !important; /* fa-bars-staggered */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #f9ce1f;
        font-size: 22px;
    }

    /* 5. Stylování kroužků a záře (Noir efekt) */
    .header-label, .menu-helper {
        background: rgba(10, 10, 10, 0.85) !important;
        border: 1px solid rgba(249, 206, 31, 0.3) !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.8), inset 0 0 5px rgba(249, 206, 31, 0.1) !important;
        border-radius: 50% !important;
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    }

    .header-label:hover, .menu-helper:hover {
        border-color: #f9ce1f !important;
        box-shadow: 0 0 20px rgba(249, 206, 31, 0.4) !important;
        transform: translateY(-2px);
    }

    /* 6. Úprava čísla v košíku (Pečeť) */
    .header-cart-pieces {
        background: #f9ce1f !important;
        color: #000 !important;
        border: 2px solid #1a1a1a !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
    }
}

/* ============================================================
   ZTMAVENÍ POZADÍ PRO SOUHLASY V KOŠÍKU (NOIR STYL)
   ============================================================ */

/* Box s obchodními podmínkami a souhlasy */
.order-confirmations-box {
    background: rgba(10, 10, 10, 0.9) !important; /* Temné, téměř neprůhledné pozadí */
    padding: 20px !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important; /* Zlatavý "noir" okraj */
    border-radius: 4px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6) !important;
}

/* Samotný text souhlasu */
.order-confirmations-box label {
    color: #ffffff !important; /* Čistě bílá pro maximální kontrast */
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-family: "Source Sans 3", sans-serif !important;
}

/* Odkazy na obchodní podmínky a ochranu údajů */
.order-confirmations-box a {
    color: #f9ce1f !important; /* Tvoje žlutá barva z loga */
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
}

/* Efekt při najetí na odkaz - jemná záře */
.order-confirmations-box a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(249, 206, 31, 0.8) !important;
}

/* Úprava checkboxu, aby v tom tmavém boxu "nesvítil" */
.order-confirmations-box input[type="checkbox"] {
    accent-color: #f9ce1f; /* Moderní prohlížeče obarví checkbox do žluta */
}

/* ============================================================
   DETEKTIVNÍ CHECKBOXY S PRŮHLEDNÝM POZADÍM
   ============================================================ */

/* 1. Stylování kontejnerů (řádků) pod checkboxy */
.order-information-single-line, 
.company-shopping,
#checkout-set-registration,
.information-bubble-wrap.checkbox-holder {
    background: rgba(0, 0, 0, 0.5) !important; /* Lehké průhledné pozadí ve výchozím stavu */
    padding: 12px 18px !important;
    border: 1px solid rgba(249, 206, 31, 0.15) !important; /* Velmi decentní rám */
    border-radius: 6px;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(2px); /* Jemné rozmazání cihel pod textem pro lepší čitelnost */
}

/* Hover efekt pro celý řádek */
.order-information-single-line:hover, 
.company-shopping:hover,
#checkout-set-registration:hover {
    background: rgba(0, 0, 0, 0.8) !important;
    border-color: rgba(249, 206, 31, 0.5) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* 2. Samotný čtvereček checkboxu */
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px !important;
    height: 20px !important;
    background: rgba(20, 20, 20, 0.8) !important; /* Tmavé vnitřní pozadí checkboxu */
    border: 2px solid rgba(249, 206, 31, 0.6) !important; /* Viditelný žlutý okraj */
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 12px !important;
    transition: all 0.2s ease;
}

/* Stav po zaškrtnutí - vyplní se barvou a přidá fajfku */
input[type="checkbox"]:checked {
    background: #f9ce1f !important; /* Žlutá výplň */
    border-color: #f9ce1f !important;
}

/* Vykreslení fajfky pomocí pseudo-elementu */
input[type="checkbox"]:checked::after {
    content: "\f00c"; /* Font Awesome fajfka */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 3. Úprava textu u checkboxu */
.order-information-single-line label,
.company-shopping label,
#checkout-set-registration label,
.checkbox-holder label {
    color: #ffffff !important;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}


/* ============================================================
   AGRESIVNÍ NOIR FIX PRO KLIENTSKOU SEKCI (MOJE OBJEDNÁVKY)
   ============================================================ */

/* 1. Odstranění bílých pozadí z hlavních kontejnerů */
.page-customer-section #content,
.page-customer-section #content-in,
.page-customer-section main,
.page-customer-section article {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* 2. Fix tabulky - potlačení Shoptet "proužků" */
.table-customer-section {
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid #f9ce1f66 !important;
    color: #ffffff !important;
    width: 100% !important;
}

/* Vynucení tmavého pozadí pro VŠECHNY řádky a buňky */
.table-customer-section tr, 
.table-customer-section td, 
.table-customer-section th {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(249, 206, 31, 0.2) !important;
}

/* Hlavička tabulky - Detektivní žlutá */
.table-customer-section thead th {
    background-color: rgba(249, 206, 31, 0.15) !important;
    color: #f9ce1f !important;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #f9ce1f !important;
}

/* Odkazy v tabulce (Kódy objednávek) */
.table-customer-section a, 
.table-customer-section strong {
    color: #f9ce1f !important;
    text-decoration: none;
}

.table-customer-section a:hover {
    text-decoration: underline;
    text-shadow: 0 0 5px #f9ce1f;
}

/* 3. FIX čitelnosti textu pod tabulkou (Stránkování) */
.pagination-wrapper {
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 15px !important;
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(249, 206, 31, 0.2);
    border-top: none;
    color: #ffffff !important;
}

.pagination-total, .pagination-total strong {
    color: #ffffff !important;
}

/* 4. Boční menu (Jakub Kubelbeck / Profil) */
#column-l-in {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    padding: 15px !important;
}

.list-customer-section-navigation li a {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    display: block;
    padding: 5px 0;
}

.list-customer-section-navigation li.menu-item-active a {
    color: #f9ce1f !important;
    font-weight: bold;
}

/* 5. Nadpis stránky */
h1#h1-system-18 {
    color: #f9ce1f !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

/* Odstranění jakýchkoliv stínů, které Shoptet hází do bíla */
* {
    box-shadow: none !important;
}

/* ============================================================
   STYLIZACE NASTAVENÍ ÚČTU (OSOBNÍ SPIS AGENTA)
   ============================================================ */

/* 1. Odstranění bílého pozadí z formulářů */
#registration-page, 
#reg-form, 
#registration-page fieldset {
    background: transparent !important;
    border: none !important;
}

/* 2. Stylování boxů (Fieldsety jako složky) */
#registration-page fieldset.f-border {
    background: rgba(10, 10, 10, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

/* Legendy (nadpisy sekcí) */
#registration-page fieldset legend {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
    background: #1a1a1a;
    padding: 5px 15px !important;
    border: 1px solid rgba(249, 206, 31, 0.3);
}

/* 3. Úprava vstupních polí (Inputy) */
#registration-page input[type="text"], 
#registration-page input[type="password"], 
#registration-page input[type="email"], 
#registration-page input[type="tel"], 
#registration-page select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    border-radius: 2px;
    transition: all 0.3s ease;
    height: auto !important;
}

/* Focus stav - políčko se při psaní "rozsvítí" žlutě */
#registration-page input:focus, 
#registration-page select:focus {
    border-color: #f9ce1f !important;
    background: rgba(249, 206, 31, 0.05) !important;
    outline: none;
    box-shadow: 0 0 10px rgba(249, 206, 31, 0.2) !important;
}

/* 4. Popisky polí (Labels) */
#registration-page label {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 400 !important;
}
#registration-page .required-asterisk {
    color: #f9ce1f !important;
}

/* 5. Tlačítko ULOŽIT (Akce) */
#registration-page .b-send.button {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    padding: 15px 40px !important;
    border: none !important;
    border-radius: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

#registration-page .b-send.button:hover {
    background: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(249, 206, 31, 0.4);
}

/* 6. Oprava tabulkového rozvržení Shoptetu */
#registration-page table td {
    background: transparent !important;
    border: none !important;
    padding: 10px 5px !important;
}

/* Speciální úprava pro prefix telefonu */
.phone-combined-input .country-flag {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}
/* ============================================================
   OPRAVA ČITELNOSTI TEXTŮ V BOXECH (DORUČOVACÍ ADRESY ATD.)
   ============================================================ */

/* Vynucení bílé barvy pro běžné odstavce a texty uvnitř boxů */
.page-customer-section fieldset p,
.page-customer-section fieldset div,
.page-customer-section .f-border-in {
    color: #ffffff !important;
}

/* Stylizace odkazů uvnitř boxů (např. "Přidat novou adresu") */
.page-customer-section fieldset a:not(.button) {
    color: #f9ce1f !important; /* Tvoje žlutá */
    text-decoration: underline !important;
    font-weight: bold !important;
    transition: all 0.3s ease;
}

.page-customer-section fieldset a:not(.button):hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px #f9ce1f;
}

/* Oprava barvy pro pomocné texty (např. pod registračním checkboxem) */
#set-registration-info em {
    color: rgba(255, 255, 255, 0.7) !important;
    font-style: italic;
}

/* Pokud by tam byly nějaké prázdné tabulky nebo specifické Shoptet hlášky */
.page-customer-section .f-border-in .no-data {
    color: #ffffff !important;
    padding: 10px 0;
}
/* ============================================================
   STYLIZACE DORUČOVACÍCH ÚDAJŮ (ADRESÁŘ PODEZŘELÝCH)
   ============================================================ */

/* 1. Hlavní nadpis stránky */
h1#h1-system-25 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* 2. Stylování boxu s adresou (Fieldset) */
.in-dorucovaci-udaje fieldset.f-border {
    background: rgba(10, 10, 10, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    padding: 25px !important;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
}

/* Štítek na složce (Legend) */
.in-dorucovaci-udaje fieldset legend {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    background: #1a1a1a;
    padding: 5px 15px !important;
    border: 1px solid rgba(249, 206, 31, 0.3);
    font-weight: 800;
}

/* 3. Vstupní pole a selecty */
.in-dorucovaci-udaje input[type="text"], 
.in-dorucovaci-udaje select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 10px 12px !important;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Aktivní pole při psaní */
.in-dorucovaci-udaje input[type="text"]:focus, 
.in-dorucovaci-udaje select:focus {
    border-color: #f9ce1f !important;
    background: rgba(249, 206, 31, 0.05) !important;
    box-shadow: 0 0 10px rgba(249, 206, 31, 0.2) !important;
}

/* 4. Popisky (Labels) */
.in-dorucovaci-udaje label {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
}

/* 5. Tlačítko ODESLAT */
.in-dorucovaci-udaje .b-send.button {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    padding: 12px 35px !important;
    border: none !important;
    border-radius: 0;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    height: auto !important;
}

.in-dorucovaci-udaje .b-send.button:hover {
    background: #ffffff !important;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(249, 206, 31, 0.5);
}

/* Odstranění zbytků bílé barvy z tabulek Shoptetu */
.in-dorucovaci-udaje table td {
    background: transparent !important;
}
/* ============================================================
   FIX OŘEZU TEXTU V POLÍČKU ZEMĚ (SELECT)
   ============================================================ */

/* Cílíme na všechna výběrová pole v klientské sekci a registraci */
#registration-page select, 
.in-dorucovaci-udaje select,
#billCountryId,
#deliveryCountryId {
    height: 46px !important; /* Vynucení dostatečné výšky */
    line-height: 46px !important; /* Vertikální vycentrování textu */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 35px !important; /* Prostor pro šipku vpravo */
    padding-left: 15px !important;
    width: 100% !important; /* Aby políčko využilo celou šířku kontejneru */
    max-width: 400px; /* Ale nebylo zase zbytečně obří na monitoru */
    overflow: visible !important; /* Zabrání ořezu hranatých závorek nebo diakritiky */
}

/* Úprava šipky u políčka (aby v tom tmavém stylu lépe vynikla) */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23f9ce1f' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important;
}

/* Oprava pro Safari/iOS, kde selecty rády zlobí */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
/* ============================================================
   STYLIZACE DAŇOVÝCH DOKLADŮ A PRÁZDNÝCH STAVŮ
   ============================================================ */

/* 1. Hlavní nadpis stránky */
h1#h1-system-43 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* 2. Text "Ještě pro vás nebyl vytvořen žádný dokument" */
main#content-in h4 {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.5) !important;
    padding: 20px !important;
    border-left: 4px solid #f9ce1f !important; /* Žlutá "policejní" páska na boku */
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    backdrop-filter: blur(5px);
}

/* 3. Univerzální styl pro tabulku dokladů (až se objeví) */
.table-customer-section {
    background: rgba(10, 10, 10, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
}

.table-customer-section th {
    background-color: rgba(249, 206, 31, 0.1) !important;
    color: #f9ce1f !important;
    border-bottom: 2px solid #f9ce1f !important;
}

.table-customer-section td {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Odkazy na stažení PDF/přehled v tabulce */
.table-customer-section a {
    color: #f9ce1f !important;
    text-decoration: underline !important;
}

/* 4. Fix pro boční menu - aby i zde sedělo */
.page-customer-section #column-l-in {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
}
/* ============================================================
   POKROČILÁ STYLIZACE TABULKY DOKLADŮ (SEZNAM SPISŮ)
   ============================================================ */

/* 1. Celkový kontejner tabulky */
.table-customer-section {
    background: rgba(10, 10, 10, 0.85) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7) !important;
    border-radius: 4px;
    overflow: hidden;
}

/* 2. Hlavička tabulky - vypadá jako záhlaví spisu */
.table-customer-section thead th {
    background-color: rgba(249, 206, 31, 0.2) !important;
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif !important;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 18px 15px !important;
    border-bottom: 2px solid #f9ce1f !important;
    text-align: left;
}

/* 3. Řádky tabulky */
.table-customer-section tbody tr {
    transition: all 0.3s ease;
    background: transparent !important;
}

/* Hover efekt - posvícení na řádek */
.table-customer-section tbody tr:hover {
    background: rgba(249, 206, 31, 0.1) !important;
    box-shadow: inset 5px 0 0 #f9ce1f; /* Žlutý proužek na začátku řádku */
}

/* Buňky tabulky */
.table-customer-section tbody td {
    padding: 15px !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(249, 206, 31, 0.15) !important;
    font-size: 15px;
    vertical-align: middle;
}

/* 4. Stylování odkazu s kódem (číslo faktury) */
.table-customer-section td.order-code a, 
.table-customer-section td strong {
    color: #f9ce1f !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(249, 206, 31, 0.5);
}

.table-customer-section td.order-code a:hover {
    color: #ffffff !important;
    border-bottom-style: solid;
    text-shadow: 0 0 10px rgba(249, 206, 31, 0.6);
}

/* 5. Fix pro stránkování pod tabulkou */
.pagination-wrapper {
    background: rgba(10, 10, 10, 0.9) !important;
    border: 1px solid rgba(249, 206, 31, 0.4) !important;
    border-top: none !important;
    padding: 15px 20px !important;
    color: #ffffff !important;
}

.pagination-total {
    font-family: 'Source Sans 3', sans-serif;
    opacity: 0.8;
}

/* Tlačítko stránkování */
.pagination strong.current {
    background: #f9ce1f !important;
    color: #000 !important;
    padding: 4px 10px;
    border-radius: 2px;
}


/* ============================================================
   STYLIZACE TEXTU NAD PRODUKTY (BRIEFING)
   ============================================================ */

/* 1. Hlavní nadpis kategorie */
.page-category h1 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 25px !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
}

/* 2. Box s popisem kategorie (Briefing k případům) */
main#content-in > p:first-of-type {
    background: rgba(10, 10, 10, 0.85) !important; /* Temné pozadí */
    padding: 25px 30px !important;
    border-left: 5px solid #f9ce1f !important; /* Žlutá detektivní linka */
    border-top: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-right: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-bottom: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-radius: 0 4px 4px 0;
    color: #ffffff !important; /* Čistě bílý text */
    line-height: 1.7 !important;
    font-size: 16px !important;
    margin-bottom: 40px !important;
    backdrop-filter: blur(10px); /* Efekt kouřového skla */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Zvýraznění tučného textu v popisu */
main#content-in > p:first-of-type strong {
    color: #f9ce1f !important;
    font-weight: 700;
}

/* 3. Úprava lišty řazení (Řadit dle:) */
#category-tabs {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 8px 15px !important;
    border-radius: 4px;
    margin-bottom: 30px !important;
}

.category-tabs-topic {
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.category-tabs button {
    color: #f9ce1f !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* 4. Drobné doladění drobečkové navigace (Breadcrumbs) */
.bread-navigation {
    margin-bottom: 20px !important;
}

/* ============================================================
   CHIRURGICKÝ FIX PATIČKY - 4 SLOŽKY (SROVNÁNÍ A ČITELNOST)
   ============================================================ */

/* 1. Hlavní kontejner patičky */
#footer {
    background: rgba(10, 10, 10, 0.92) !important;
    border-top: 1px solid rgba(249, 206, 31, 0.4) !important;
    padding: 60px 0 30px 0 !important;
    backdrop-filter: blur(10px);
}

/* 2. Stabilizace mřížky - aby texty nepřetékaly */
#footer .large-block-grid-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Zajistí stejnou výšku lišt */
    margin: 0 -10px !important;
}

#footer .large-block-grid-4 > li {
    width: 25% !important;
    float: none !important;
    display: flex !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

/* 3. Jednotný vzhled složek (boxů) */
#footer .footer-row-element > div,
#footer .newsletter-sekce {
    background: rgba(15, 15, 15, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-top: 4px solid #f9ce1f !important; /* Žlutý hřbet */
    border-radius: 4px;
    padding: 25px !important;
    width: 100% !important;
    min-height: 480px !important; /* Sjednocená výška pro desktop */
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

/* 4. Nadpisy v patičce - jednotné a zmenšené */
#footer h3.topic, 
#footer .newsletter-sekce h3 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(249, 206, 31, 0.2);
    text-align: center;
    width: 100%;
}

/* 5. Seznamy pod sebou (Blog a Informace) */
#footer .no-bullet, 
#footer section.box {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

#footer .panel-element, 
#footer .no-bullet li {
    display: block !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    border: none !important;
}

#footer a {
    color: #ffffff !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

#footer a:hover {
    color: #f9ce1f !important;
}

/* 6. Instagram - mřížka 3x2 */
#instagramWidget .instagram-widget {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
}

.instagram-follow-btn {
    margin-top: auto !important;
    padding-top: 15px;
    text-align: center;
}

/* 7. Newsletter - Policejní protokol (Políčka pod sebou) */
.newsletter-flex {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 15px;
}

#newsletter-email {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    padding: 10px !important;
    width: 100% !important;
    height: 42px !important;
    border-radius: 4px;
}

#newsletter-submit {
    background: #f9ce1f !important;
    color: black !important;
    font-weight: 900;
    border: none;
    padding: 12px !important;
    width: 100% !important;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
}

/* 8. Spodní copyright lišta */
.copyright {
    background: rgba(0,0,0,0.7) !important;
    padding: 25px 0 !important;
    margin: 40px 0 0 0 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    width: 100% !important;
    position: static !important;
}

/* 9. Mobilní verze - složky pod sebou */
@media (max-width: 991px) {
    #footer .large-block-grid-4 { display: block !important; }
    #footer .large-block-grid-4 > li { width: 100% !important; }
    #footer .footer-row-element > div,
    #footer .newsletter-sekce {
        min-height: auto !important;
        margin-bottom: 15px;
    }
}

/* ============================================================
   KONEČNÁ OPRAVA PATIČKY - SJEDNOCENÍ 4 SLOUPCŮ
   ============================================================ */

/* 1. Reset kontejneru patičky */
#footer {
    background: rgba(10, 10, 10, 0.95) !important;
    border-top: 2px solid #f9ce1f !important;
    padding: 60px 0 20px 0 !important;
}

/* 2. Srovnání mřížky na flexbox (vynutí stejnou výšku) */
#footer .large-block-grid-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -10px !important;
}

#footer .large-block-grid-4 > li {
    width: 25% !important;
    display: flex !important; /* Důležité pro srovnání výšky boxů */
    padding: 10px !important;
    float: none !important;
}

/* 3. Sjednocení vzhledu všech boxů (Složek) */
#footer .footer-row-element > div, 
#footer .newsletter-sekce,
#footer .box-odd, 
#footer .box-even {
    background: rgba(20, 20, 20, 0.8) !important;
    border: 1px solid rgba(249, 206, 31, 0.3) !important;
    border-top: 4px solid #f9ce1f !important; /* Žlutý hřbet složky */
    border-radius: 4px !important;
    padding: 25px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* 4. Nadpisy v patičce */
#footer h3.topic, 
#footer .newsletter-sekce h3 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
    text-align: center;
    border-bottom: 1px solid rgba(249, 206, 31, 0.2);
    padding-bottom: 10px;
}

/* 5. Oprava vnitřních seznamů a textů */
#footer ul.no-bullet, 
#footer .newsletter-sekce p {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

#footer a {
    color: #ffffff !important;
    transition: color 0.2s ease;
}

#footer a:hover {
    color: #f9ce1f !important;
}

/* 6. Fix Newsletteru (4. sloupec) */
.newsletter-sekce {
    margin: 0 !important; /* Odstraní Shoptet odsazení banneru */
}

.newsletter-flex {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

#newsletter-email {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

#newsletter-submit {
    background: #f9ce1f !important;
    color: #000 !important;
    font-weight: 900 !important;
    border: none !important;
    padding: 10px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border-radius: 4px !important;
}

.gdpr-souhlas {
    margin-top: 15px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

/* 7. Mobilní verze - složky pod sebou */
@media (max-width: 991px) {
    #footer .large-block-grid-4 {
        display: block !important;
    }
    #footer .large-block-grid-4 > li {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}

/* ============================================================
   ZÁPATÍ - KOMPLETNÍ PŘEPSÁNÍ (FINÁLNÍ VERZE)
   Přepisuje sekce #36 a #37 - nechej tohle jako poslední v CSS
   ============================================================ */

/* 1. HLAVNÍ KONTEJNER */
#footer {
    background: rgba(8, 8, 8, 0.95) !important;
    border-top: 2px solid #f9ce1f !important;
    padding: 60px 0 0 0 !important;
    margin-top: 60px !important;
    position: relative;
}

#footer * { box-sizing: border-box !important; }

#footer .footer-wrap { background: transparent !important; padding: 0 !important; }

#footer .row {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* 2. MŘÍŽKA - 4 SLOUPCE STEJNÉ VÝŠKY (CSS GRID) */
#footer .large-block-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    list-style: none !important;
}

#footer .large-block-grid-4 > li {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
    display: block !important;
}

/* 3. JEDNOTNÝ VZHLED VŠECH BOXŮ */
#footer .footer-row-element > div,
#footer .newsletter-sekce {
    background: rgba(20, 20, 20, 0.7) !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    border-top: 3px solid #f9ce1f !important;
    border-radius: 6px !important;
    padding: 25px 20px !important;
    height: 100% !important;
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
    margin: 0 !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

#footer .footer-row-element > div:hover,
#footer .newsletter-sekce:hover {
    border-color: rgba(249, 206, 31, 0.5) !important;
    box-shadow: 0 8px 30px rgba(249, 206, 31, 0.15) !important;
}

/* 4. RESET VNITŘNÍCH SHOPTET KONTEJNERŮ */
#footer .box,
#footer section.box,
#footer #articles,
#footer #instagramWidget {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    display: block !important;
}

/* 5. NADPISY V BOXECH */
#footer h3.topic,
#footer .newsletter-sekce h3 {
    color: #f9ce1f !important;
    font-family: 'Exo 2', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid rgba(249, 206, 31, 0.25) !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    background: none !important;
}

#footer h3.topic a {
    color: inherit !important;
    text-decoration: none !important;
}

/* 6. SEZNAMY - VŠECHNY POLOŽKY POD SEBOU (FIX ROZBITÉHO LAYOUTU) */
#footer ul,
#footer ul.no-bullet {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    columns: 1 !important;
}

#footer li,
#footer .panel-element {
    display: block !important;
    list-style: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

#footer article {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

#footer article h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    display: block !important;
}

/* 7. ODKAZY */
#footer a {
    color: #ffffff !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: color 0.25s ease, padding-left 0.25s ease !important;
    display: inline-block !important;
}

#footer a:hover {
    color: #f9ce1f !important;
    padding-left: 4px !important;
}

/* 8. INSTAGRAM - MŘÍŽKA 3x2 */
#footer .instagram-widget,
#footer .instagram-widget.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#footer .instagram-widget a {
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 3px !important;
    border: 1px solid rgba(249, 206, 31, 0.15) !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
}

#footer .instagram-widget a:hover {
    transform: scale(1.05) !important;
    border-color: #f9ce1f !important;
    padding-left: 0 !important;
}

#footer .instagram-widget img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

#footer .instagram-follow-btn {
    grid-column: 1 / -1 !important;
    margin-top: 10px !important;
    text-align: center !important;
}

#footer .instagram-follow-btn span {
    display: inline-block !important;
}

#footer .instagram-follow-btn a {
    display: inline-block !important;
    background: rgba(249, 206, 31, 0.1) !important;
    color: #f9ce1f !important;
    padding: 8px 18px !important;
    border: 1px solid #f9ce1f !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

#footer .instagram-follow-btn a:hover {
    background: #f9ce1f !important;
    color: #000 !important;
    padding-left: 18px !important;
    transform: scale(1.05);
}

/* 9. NEWSLETTER */
#footer .newsletter-sekce {
    text-align: left !important;
}

#footer .newsletter-kontejner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

#footer .newsletter-sekce p {
    color: #cccccc !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 0 18px 0 !important;
    text-align: center !important;
}

#footer .newsletter-flex {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

#footer #newsletter-email {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    padding: 11px 14px !important;
    height: 42px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-family: inherit !important;
    transition: all 0.3s ease !important;
}

#footer #newsletter-email:focus {
    border-color: #f9ce1f !important;
    background: rgba(249, 206, 31, 0.05) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(249, 206, 31, 0.15) !important;
}

#footer #newsletter-email::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

#footer #newsletter-submit {
    background: #f9ce1f !important;
    color: #000000 !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

#footer #newsletter-submit:hover {
    background: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(249, 206, 31, 0.3) !important;
}

/* GDPR souhlas */
#footer .gdpr-souhlas {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

#footer .gdpr-souhlas input[type="checkbox"] {
    margin: 2px 0 0 0 !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    accent-color: #f9ce1f !important;
}

#footer .gdpr-souhlas label {
    color: #aaaaaa !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

#footer .gdpr-souhlas a {
    color: #f9ce1f !important;
    font-size: 11.5px !important;
    text-decoration: underline !important;
    padding: 0 !important;
}

#footer .gdpr-souhlas a:hover {
    color: #ffffff !important;
    padding-left: 0 !important;
}

#footer #newsletter-odpoved {
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}

#footer .odpoved-skryta { display: none !important; }

#footer .odpoved-viditelna {
    display: block !important;
    background: rgba(76, 175, 80, 0.15) !important;
    border: 1px solid #4caf50 !important;
    color: #4caf50 !important;
}

/* 10. COPYRIGHT */
#footer .copyright {
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 18px 25px !important;
    margin: 50px 0 0 0 !important;
    border-top: 1px solid rgba(249, 206, 31, 0.15) !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
}

#footer .copyright .copy {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12.5px !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

#footer .copyright a.js-cookies-settings {
    color: #f9ce1f !important;
    margin-left: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(249, 206, 31, 0.3);
    padding: 0 !important;
}

#footer .copyright a.js-cookies-settings:hover {
    color: #ffffff !important;
    border-bottom-color: #ffffff;
    padding: 0 !important;
}

#footer .copyright .sign {
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

#footer .copyright #signature a {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 11px !important;
    padding-left: 0 !important;
}

#footer .copyright #signature a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
    padding-left: 0 !important;
}

/* 11. RESPONZIVITA */

/* Tablet 992-991px → 2 sloupce */
@media (max-width: 991px) {
    #footer .large-block-grid-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    #footer .footer-row-element > div,
    #footer .newsletter-sekce {
        min-height: 400px !important;
    }
}

/* Mobil → 1 sloupec */
@media (max-width: 600px) {
    #footer {
        padding: 40px 0 0 0 !important;
        margin-top: 30px !important;
    }
    
    #footer .large-block-grid-4 {
        grid-template-columns: 1fr !important;
        padding: 0 15px !important;
        gap: 12px !important;
    }
    
    #footer .footer-row-element > div,
    #footer .newsletter-sekce {
        min-height: auto !important;
        padding: 22px 18px !important;
    }
    
    #footer h3.topic,
    #footer .newsletter-sekce h3 {
        font-size: 15px !important;
    }
    
    #footer .copyright {
        flex-direction: column !important;
        text-align: center !important;
        padding: 15px !important;
    }
    
    #footer .copyright .copy {
        text-align: center !important;
    }
    
    /* Hide-for-small už není potřeba schovávat */
    #footer .hide-for-small {
        display: block !important;
    }
}

/* ============================================================
   FOOTER FIX v3 - HOTFIX (NEJVYŠŠÍ PRIORITA)
   Vlož na úplný konec souboru style.css
   ============================================================ */

/* 1. SKRYTÍ PRÁZDNÉHO 5. BANNERU (klíčový fix) */
#footer ul.large-block-grid-4 > li.custom-footer__banner9041,
#footer ul.large-block-grid-4 > li.banner:empty {
    display: none !important;
}

/* 2. RESET RODIČOVSKÝCH KONTEJNERŮ */
#footer .footer-wrap {
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
}

#footer .row {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#footer .columns {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* 3. VYNUCENÍ 4-SLOUPCOVÉHO GRIDU */
#footer ul.large-block-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    list-style: none !important;
}

/* 4. RESET LI POLOŽEK */
#footer ul.large-block-grid-4 > li {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
    list-style: none !important;
    flex: none !important;
    grid-column: auto !important;
    order: 0 !important;
}

/* 5. INSTAGRAM SLEDOVAT BUTTON - vynutit pod obrázky */
#footer .instagram-widget,
#footer .instagram-widget.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
}

#footer .instagram-follow-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 12px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

#footer .instagram-follow-btn span {
    display: block !important;
    width: 100% !important;
}

/* 6. RESPONZIVITA */
@media (max-width: 991px) {
    #footer ul.large-block-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    #footer ul.large-block-grid-4 {
        grid-template-columns: 1fr !important;
        padding: 0 15px !important;
    }
}

/* ============================================================
   FOOTER FIX v4 - VYPNUTÍ FOUNDATION CLEARFIX PSEUDO-ELEMENTŮ
   ============================================================ */

/* Foundation/Shoptet přidává ::before a ::after jako clearfix.
   V CSS Gridu se počítají jako grid items a rozbíjejí layout. */
#footer ul.large-block-grid-4::before,
#footer ul.large-block-grid-4::after,
#footer .row::before,
#footer .row::after,
#footer .footer-wrap::before,
#footer .footer-wrap::after,
#footer .columns::before,
#footer .columns::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* ============================================================
   FOOTER FIX v5 - TEXT, IG TLAČÍTKO, VÝŠKA BOXŮ
   ============================================================ */

/* 1. ZVĚTŠENÍ A ZVÝRAZNĚNÍ TEXTŮ */
#footer a {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

#footer article h4,
#footer .panel-element {
    margin: 0 0 14px 0 !important;
}

#footer article h4 a,
#footer .panel-element a {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

/* Zvýraznění nadpisů sekcí */
#footer h3.topic,
#footer .newsletter-sekce h3 {
    font-size: 17px !important;
    letter-spacing: 2px !important;
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
}

/* 2. INSTAGRAM TLAČÍTKO - kompaktní a vycentrované */
#footer .instagram-follow-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    display: block !important;
}

#footer .instagram-follow-btn span {
    display: inline-block !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

#footer .instagram-follow-btn a {
    display: inline-block !important;
    width: auto !important;
    background: rgba(249, 206, 31, 0.1) !important;
    color: #f9ce1f !important;
    padding: 10px 22px !important;
    border: 1px solid #f9ce1f !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    transition: all 0.3s ease !important;
}

#footer .instagram-follow-btn a:hover {
    background: #f9ce1f !important;
    color: #000 !important;
    padding-left: 22px !important;
    transform: scale(1.05) !important;
}

/* 3. ZMENŠENÍ ZBYTEČNÉ VÝŠKY BOXŮ */
#footer .footer-row-element > div,
#footer .newsletter-sekce {
    min-height: auto !important;
    padding: 25px 22px !important;
}

@media (max-width: 991px) {
    #footer .footer-row-element > div,
    #footer .newsletter-sekce {
        min-height: auto !important;
    }
}

/* ============================================================
   FOOTER FIX v6 - INSTAGRAM PROPORCE
   ============================================================ */

/* 1. VĚTŠÍ FOTKY - mřížka 3x2 bez zbytečných mezer */
#footer .instagram-widget,
#footer .instagram-widget.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#footer .instagram-widget a:not(.instagram-follow-btn a) {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    border: 1px solid rgba(249, 206, 31, 0.2) !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

#footer .instagram-widget a:not(.instagram-follow-btn a):hover {
    transform: scale(1.04) !important;
    border-color: #f9ce1f !important;
    padding-left: 0 !important;
    z-index: 2 !important;
}

#footer .instagram-widget img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 2. MENŠÍ KOMPAKTNÍ TLAČÍTKO */
#footer .instagram-follow-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    display: block !important;
}

#footer .instagram-follow-btn span,
#footer .instagram-follow-btn span a {
    background: transparent !important;
    border: none !important;
    aspect-ratio: auto !important;
}

#footer .instagram-follow-btn span {
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
}

#footer .instagram-follow-btn a {
    display: inline-block !important;
    width: auto !important;
    aspect-ratio: auto !important;
    background: transparent !important;
    color: #f9ce1f !important;
    padding: 7px 16px !important;
    border: 1px solid rgba(249, 206, 31, 0.6) !important;
    border-radius: 3px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
    overflow: visible !important;
}

#footer .instagram-follow-btn a:hover {
    background: #f9ce1f !important;
    color: #000 !important;
    border-color: #f9ce1f !important;
    padding-left: 16px !important;
    transform: scale(1.05) !important;
}

/* ============================================================
   FOOTER FIX v7 - SHOPTET LOGO → FOXTRION LOGO
   ============================================================ */

/* Skrýt původní Shoptet logo (img uvnitř odkazu) */
#footer .copyright #signature a.image img {
    display: none !important;
}

/* Foxtrion logo přes background-image na odkazu */
#footer .copyright #signature a.image {
    display: inline-block !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url('https://foxtrion.cz/logo.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

#footer .copyright #signature a.image:hover {
    opacity: 0.8 !important;
    transform: scale(1.1) !important;
}