/* =====================================================
   BANNER - OPTIMALIZOVANÝ MOBILNÍ LOAD (BEZ CHYB V TEXTU)
   ===================================================== */
@media only screen and (max-width: 767px) {
    body.home #page_background {
        position: relative !important;
    }

    body.home #page_background::before {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 500px !important;
        background-image: url("https://i.postimg.cc/13gLXp4f/mew.webp") !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: contain !important;
        
        /* Hardwarová akcelerace pro rychlé vykreslení */
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        isolation: isolate !important;
        contain: paint layout !important;
    }
}

/* =====================================================
   POSTranní GRAFIKA S VYNUCENOU VIDITELNOSTÍ
   ===================================================== */

html, body {
    overflow-x: hidden;
}

#page {
    background: transparent !important;
    width: 100%;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative;
}

/* Levý banner (Gengar) */
body::before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 320px !important;
    height: 100vh !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background-image: url("https://i.postimg.cc/YSw0xNG7/gengar-01-(1).webp") !important;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Pravý banner (Pikachu) */
body::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 320px !important;
    height: 100vh !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background-image: url("https://i.postimg.cc/MHyqHN5y/pika-01-(1).webp") !important;
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Pojistka pro menší obrazovky */
@media (max-width: 1660px) {
    body::before,
    body::after {
        display: none !important;
    }
}
/* ==========================================
   DO KATEGORIE → OBRÁZEK + FIALOVÝ NEON (PRODLUŽENÝ A POSUNUTÝ DOLŮ)
   ========================================== */

@media only screen and (max-width: 767px) {
    #left-box .fixed-parent-node.visible a.active {
        font-size: 0 !important;
        color: transparent !important;

        /* 🖼️ OBRÁZEK */
        background-image: url("https://i.postimg.cc/tCvshTnS/744.webp") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        /* 🎨 BARVA POZADÍ */
        background-color: #6D28D9 !important;

        /* 📐 VELIKOST */
        width: 100% !important;
        height: 140px !important;

        /* 📍 POSUN DOLŮ */
        position: relative !important;
        top: 3px !important;

        display: block !important;
        text-indent: -9999px !important;

        /* 🟣 FIALOVÝ NEON KOLEM */
        border: 2px solid #8B5CF6 !important;
        border-radius: 12px !important;

        box-shadow:
            0 0 5px #8B5CF6,
            0 0 10px #8B5CF6,
            0 0 20px #7C3AED,
            0 0 35px rgba(124, 58, 237, 0.8) !important;

        box-sizing: border-box !important;
    }
}

/* =========================================================
   SOLD OUT – 10 REZERV PRO DOPISOVÁNÍ ID                   KDYZ SE MI POLOZKA VYPRODA
   ========================================================= */

body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
),
body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
) .productBody a,
body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
) .productBody a img {
    pointer-events: none !important;
    cursor: default !important;
}

body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
) {
    filter: grayscale(100%) !important;
    position: relative !important;
}

body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
) .buy_btn {
    display: none !important;
}

body.page-category .product:is(
    [data-id="1"],
    [data-id="235"],
    [data-id="504"],
    [data-id="319"],
    [data-id="252"],
    [data-id="23"],
    [data-id="512"],
    [data-id="343"],
    [data-id="379"],
    [data-id="310"],
    [data-id="41"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
)::after {
    content: "SOLD OUT" !important;
    position: absolute !important;
    top: 27% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-8deg) !important;
    filter: grayscale(0%) !important;
    z-index: 99999 !important;
    background: #d00000 !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    padding: 10px 22px !important;
    border: 3px solid #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,.8) !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

/* =========================================================
   SOLD OUT – LADĚNÍ VÝŠKY (TOP) PRO MOBILNÍ VERZI
   ========================================================= */

@media (max-width: 991px) {
    body.page-category .product:is(
        [data-id="1"],
        [data-id="235"],
        [data-id="504"],
        [data-id="319"],
        [data-id="252"],
        [data-id="23"],
        [data-id="508"],
        [data-id="510"],
        [data-id="512"],
        [data-id="343"],
        [data-id="379"],
        [data-id="310"],
        [data-id="41"]
    )::after {
        top: 32% !important;
    }
}

/* ==========================================================
🔥 SKRYTÍ K DISPOZICI POUZE 1 KUS / only 1 item left – VYBRANÁ ID PRODUKTŮ              KDYŽ BUDU CHTÍT ABY ŠTÍTEK ZMIZEL PROTOZE MI PRIBYDE DALŠÍ KUS NEBO PRAVE SE Z VICE KUSU UBERE. HLIDAT UBRANI KUSU
========================================================== */

.product:is(
    [data-id="390"],
    [data-id="345"],
    [data-id="354"],
    [data-id="353"],
    [data-id="355"],
    [data-id="372"],
    [data-id="63"],
    [data-id="370"],
    [data-id="64"],
    [data-id="319"],
    [data-id="387"],
    [data-id="393"],
    [data-id="394"],
    [data-id="388"],
    [data-id="293"],
    [data-id="342"],
    [data-id="343"],
    [data-id="361"],
    [data-id="362"],
    [data-id="391"],
    [data-id="77"],
    [data-id="395"],
    [data-id="247"],
    [data-id="325"],
    [data-id="71"],
    [data-id="352"],
    [data-id="389"],
    [data-id="334"],
    [data-id="333"],
    [data-id="28"],
    [data-id="384"],
    [data-id="385"],
    [data-id="386"],
    [data-id="252"],
    [data-id="261"],
    [data-id="262"],
    [data-id="38"],
    [data-id="292"],
    [data-id="356"],
    [data-id="357"],
    [data-id="503"],
    [data-id="280"],
    [data-id="504"],
    [data-id="235"],
    [data-id="358"],
    [data-id="23"],
    [data-id="506"],
    [data-id="47"],
    [data-id="58"],
    [data-id="510"],
    [data-id="REZERV_6"],
    [data-id="REZERV_7"],
    [data-id="REZERV_8"],
    [data-id="REZERV_9"],
    [data-id="REZERV_10"]
) :is(.stock_yes, .stock_no)::after {
    display: block !important;
    content: "🔥 zbývá pouze 1 kus / only 1 item left" !important;
    visibility: hidden !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
}

.product_wrapper,
.productBody,
.productFoot {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

body {
    color: #fff;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
    background: #cfdfff !important;
    color: #0077cc !important;
    border: 1px solid #0077cc !important;
    border-radius: 4px !important;
}

.home_slider_available,
.masterslider,
.master-slider,
.slider_container {
    width: 100% !important;
    max-width: 100% !important;
}

.img_box {
    position: relative;
    box-shadow:
        0 0 5px #ffffff,
        0 0 15px #ffffff,
        0 0 30px #ffffff,
        0 0 50px rgba(255,255,255,0.9);
}

.product,
.products_wrap .product {
    transition: none !important;
    transform: none !important;
}

.icons_menu_left_img {
    border-radius: 8px !important;
    box-shadow: 
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 40px rgba(255,255,255,.8) !important;
    transition: filter .3s ease;
}

.img_box:hover {
    border: none !important;
    outline: none !important;
    filter:
        brightness(1.1)
        drop-shadow(0 0 10px #39ff14)
        drop-shadow(0 0 20px #39ff14);
}

.icons_menu_left_img:hover {
    filter:
        drop-shadow(0 0 1px #39ff14)
        drop-shadow(0 0 2px #39ff14);
}

#left-box ul li a:hover {
    color: #fff !important;
    text-shadow:
        0 0 5px #39ff14,
        0 0 10px #39ff14,
        0 0 20px #39ff14;
    filter:
        drop-shadow(0 0 1px #39ff14)
        drop-shadow(0 0 2px #39ff14);
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.product:hover,
.productBody:hover,
.product_wrapper:hover,
.product_wrapper .product:hover,
.product_wrapper:hover .productBody {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}
}
#left-box ul li a {
    display: block;
    text-align: center;
    padding: 10px 0 !important;
}
.icons_menu_left_img {
    width: 80px !important;
    height: auto !important;
    max-width: 100% !important;
}
.title_left_eshop {
    display: none !important;
}
.leftmenu img {
    width: 100%;
    max-width: 220px;
    height: 70px;
    object-fit: contain;
    display: block;
    margin: 8px auto;
}
.leftmenu img {
    transition: all .25s ease;
}

.leftmenu img:hover {
    transform: scale(1.05);
}
.product {
    border-radius: 15px;
    overflow: hidden;
    transition: .3s;
}
.root-eshop-menu img,
.leftmenu img,
.leftmenu2 img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}
#left-box ul li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.root-eshop-menu li {
    border: none !important;
    background: transparent !important;
}
#left-box ul li a {
    background: transparent !important;
}
.icons_menu_left_img,
.icons_menu_left_img:hover {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}
.productTitle {
    margin-top: 40px !important;
}
#new_template_row,
#new_template_row a {
    color: #000 !important;
}
.top-bar img {
    transition: all .3s ease;

    filter:
        drop-shadow(0 0 5px #fff)
        drop-shadow(0 0 10px #fff)
        drop-shadow(0 0 20px #fff);
}

.top-bar img:hover {
    transform: scale(1.12);

    filter:
        drop-shadow(0 0 5px #fff)
        drop-shadow(0 0 10px #fff)
        drop-shadow(0 0 20px #fff)

        drop-shadow(0 0 5px #39ff14)
        drop-shadow(0 0 15px #39ff14)
        drop-shadow(0 0 30px #39ff14);
}
.top-bar img:hover {
    transform: scale(1.05);

    filter:
        drop-shadow(0 0 5px #fff)
        drop-shadow(0 0 10px #fff)

        drop-shadow(0 0 2px #39ff14)
        drop-shadow(0 0 5px #39ff14);
}
#new_template_row {
    display: none !important;
}
.myfooter,
.footer-boxes,
.footer-boxes .box {
    background: #000 !important;
}
.footer-boxes > div {
    background: #000 !important;
    border: none !important;
}
.myfooter *,
.footer-boxes *,
.footer-boxes h1,
.footer-boxes h2,
.footer-boxes h3,
.footer-boxes h4,
.footer-boxes p,
.footer-boxes a,
.footer-boxes span {
    color: #fff !important;
}
.footer-boxes > div {
    padding: 8px !important;
    min-height: 0 !important;
    height: auto !important;
}
.help-box{
    background:#1e1e1e;
    color:#fff;
    padding:20px;
    border-radius:10px;
    text-align:center;
    height:100%;
}

.help-box h3{
    margin-bottom:10px;
    color:#25D366;
}

.help-box p{
    margin-bottom:15px;
}

.help-btn{
    display:block;
    margin:10px auto;
    padding:12px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    color:#fff;
}
.footer-chat{
    text-align:center;
    color:#fff;
}

.chat-btn{
    display:inline-block;
    margin-top:10px;
    background:#6f42c1;
    color:#fff;
    padding:12px 20px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
}
a[href*="odstoupení"]{
    transform:translateY(-100px) !important;
}
.myfooter .contenttwo p:last-child a{
    display:inline-block !important;
    transform:translateX(-0px) !important;
}
.myfooter .contenttwo p:last-child a{
    font-size:0 !important;
}
.myfooter .contenttwo p:last-child a{
    font-size:0 !important;
}
.myfooter .contenttwo p:last-child a{
    font-size:0 !important;
}

/* =====================================================
   ZABITÍ NEONU A RÁMEČKU NA VŠECH SUB-ELEMENTECH (MOBIL)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Vypne neon (box-shadow) a border na všem okolo obrázku */
    .productBody .img_box,
    .productBody .img_box a,
    .productBody a.product-box-link,
    .productBody .img_box img,
    a.product-box-link img {
        border: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        outline: none !important;
    }

    /* Pokud ten neon dělá vrstva před/za obrázkem (::before / ::after) */
    .productBody .img_box::before,
    .productBody .img_box::after,
    a.product-box-link::before,
    a.product-box-link::after {
        display: none !important;
        content: none !important;
        box-shadow: none !important;
    }

}
/* =====================================================
   SILNÝ BÍLÝ NEON POUZE PRO OBRÁZEK (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Zrušíme případné svícení na vnějším boxu */
    .productBody .img_box,
    .productBody a.product-box-link {
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Silný neonový efekt přímo na fotku karty */
    .productBody .img_box img,
    a.product-box-link img {
        border: 2px solid #ffffff !important;
        
        /* Vrstvený zářivý neon (vnitřní i vnější jas) */
        box-shadow: 
            0 0 5px #ffffff,
            0 0 10px #ffffff,
            0 0 20px #ffffff,
            0 0 30px #ffffff,
            0 0 40px rgba(255, 255, 255, 0.8) !important;
            
        -webkit-box-shadow: 
            0 0 5px #ffffff,
            0 0 10px #ffffff,
            0 0 20px #ffffff,
            0 0 30px #ffffff,
            0 0 40px rgba(255, 255, 255, 0.8) !important;

        border-radius: 8px !important; /* Dělá rohy karty hezky oblé */
    }

}
/* =====================================================
   ZELENÝ KOŠÍK MÍSTO KŘÍŽKU U .STOCK_NO (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Přepíšeme křížek na zelený košík u všech zápisů Webarealu */
    .stock_no::before,
    body .stock_no::before,
    body #incenterpage .stock_no::before,
    body #incenterpage2 .stock_no::before {
        content: "\f07a" !important;             /* 🛒 FontAwesome ikona košíku */
        font-family: 'FontAwesome' !important;
        color: #28a745 !important;               /* 💚 Svítivě zelená barva */
        -webkit-text-fill-color: #28a745 !important; /* Zruší červenou barvu */
        -webkit-text-stroke-color: transparent !important;
        font-size: 14px !important;
        display: inline-block !important;
        margin-right: 5px !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

}
/* =====================================================
   NATVRDO POSUN POUZE PRO BOX "SUPER DEAL" (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Vynutíme posun přímo přes transformaci */
    .action-box.box_news,
    div.action-box.box_news,
    body #incenterpage .action-box.box_news {
        position: relative !important;
        
        /* 🛠️ TADY VYNAUCUJEME POSUN NAHORU A DOLŮ:
           - Chceš ho VÍC NAHORU? Zvětšuj záporné číslo (např. -50px, -80px, -100px)
           - Chceš ho DOLŮ? Zmenšuj záporné číslo nebo dej kladné (např. 20px, 50px) */
        transform: translateY(600px) !important;
    }

}
/* =====================================================
   NATVRDO POSUN PRO "AKČNÍ PRODUKTY / SPECIAL DEALS" (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Cílíme přesně na třídy z Inspektoru: .action-box.zbozi-akce.action-box-deals */
    .action-box.zbozi-akce.action-box-deals,
    .action-box.action-box-deals,
    div.action-box-deals {
        position: relative !important;
        
        /* 🛠️ LADĚNÍ POSUNU NAHORU A DOLŮ:
           - Záporné číslo (např. -200px) posouvá NAHORU
           - Kladné číslo (např. 50px) posouvá DOLŮ */
        transform: translateY(800px) !important;
    }

}
/* =====================================================
   NATVRDO POSUN PRO 3. BOX "EXclusive 1 BOX (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Cílíme přesně na 3. box (Bestsellers) */
    .action-box.action-box-bestsellers,
    .action-box.box_bestsellers,
    div.action-box-bestsellers {
        position: relative !important;
        
        /* 🛠️ LADĚNÍ POSUNU NAHORU A DOLŮ:
           - Záporné číslo (např. -200px, -300px) posouvá NAHORU
           - Kladné číslo (např. 50px) posouvá DOLŮ */
        transform: translateY(-550px) !important;
    }

}
/* =====================================================
   ZVĚTŠENÍ OBRÁZKU PRODUKTU NA STŘED (MOBIL DO 768px)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* 1. Zrušíme výškové limity boxu, ve kterém obrázek leží */
    .productBody .img_box,
    div.img_box {
        max-height: none !important;
        min-height: 0 !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }

    /* 2. Zvětšení samotného obrázku na střed se zachováním poměru stran */
    .productBody .img_box a.product-box-link,
    .productBody .img_box img {
        width: 80% !important;       /* 🛠️ Zvětšení obrázku (můžeš dát 85% nebo 90% pokud chceš ještě větší) */
        max-width: 100% !important;
        height: auto !important;      /* Zachová správný poměr stran (neproroztrhne se) */
        max-height: none !important;
        display: block !important;
        margin: 0 auto !important;    /* Vycentrování na střed */
        position: static !important;  /* Zruší případné špatné absolutní pozicování */
        transform: none !important;
    }

}
/* =====================================================
   CÍLENÝ RŮŽOVÝ ŠTÍTEK (1 KS) - POUZE PRO TENTO TAG
   ===================================================== */

/* 1. Zprůhlední pozadí POUZE u štítku "Zbývá pouze 1 ks" (poslední tag v řadě) */
.product-tags .product-tag:last-child,
.product-tags .product-tag:last-child * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Schová diamant POUZE u tohoto štítku */
.product-tags .product-tag:last-child::before,
.product-tags .product-tag:last-child i,
.product-tags .product-tag:last-child .tag-icon {
    display: none !important;
    content: "" !important;
}

/* 3. Přidá ikonu ohně POUZE před text tohoto štítku */
.product-tags .product-tag:last-child .tag-title::before {
    content: "🔥 " !important;
    font-size: 14px !important;
    display: inline-block !important;
}
/* =====================================================
   POSUN ŠTÍTKU – POUZE V MENU / KATALOGU
   ===================================================== */

/* Cílíme pouze na karty produktů v menu (.productBody / .product3) */
.productBody .product-tags .product-tag:last-child,
.product3 .product-tags .product-tag:last-child {
    position: relative !important;
    
    /* 🛠️ NASTAVENÍ POSUNU PRO MENU:
       1. číslo: DOLEVA (-) / DOPRAVA (+)
       2. číslo: NAHORU (-) / DOLŮ (+) 
    */
    transform: translate(0px, 400px) !important;
    
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
}
/* =====================================================
   ÚPLNÉ ODSTRANĚNÍ PRÁZDNÉHO SPACERU (empty.gif)
   ===================================================== */
@media screen and (max-width: 768px) {

    /* Skryje průhledný záslepkový obrázek pod kartou */
    .img_box img[src*="empty.gif"],
    .productBody .img_box img[src*="empty.gif"],
    .img_box img.empty,
    .img_box img:last-child {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
    }

}
/* =====================================================
   POSUN NÁZVU PRODUKTU (.productTitle) VEJŠ - MOBIL
   ===================================================== */
@media screen and (max-width: 768px) {

    .productBody .productTitle,
    div.productTitle {
        position: relative !important;
        
        /* 🛠️ POSUN NAHORU: 
           Čím větší záporné číslo (např. -30px, -50px), tím VÝŠ název skočí */
        transform: translateY(-80px) !important;
        
        z-index: 5 !important;
    }

}
/* =====================================================
   POSUN BLOKU S CENOU A TLAČÍTKEM (.productPriceBox) - MOBIL PRODUKTY
   ===================================================== */
@media screen and (max-width: 768px) {

    .productBody .productPriceBox,
    div.productPriceBox {
        position: relative !important;
        
        /* 🛠️ POSUN NAHORU / DOLŮ:
           Záporné číslo (-30px) posouvá VÝŠ.
           Kladné číslo (30px) posouvá NÍŽ. */
        transform: translateY(0px) !important;
        
        z-index: 5 !important;
    }

}

/* =====================================================
   ODSTRANĚNÍ TEXTU "IN STOCK" (CSS BEFORE ELEM.) IN STOCK SMAZANI
   ===================================================== */

/* Odstranění pseudo-elementu před cenou */
.productPriceBox:has(.stock_yes)::before,
.productBody .productPriceBox:has(.stock_yes)::before,
#incenterpage .productPriceBox:has(.stock_yes)::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* =====================================================
   ODSTRANĚNÍ ZELENÉ FAJFKY (CSS AFTER ELEM.) SMAZANI IKONKY
   ===================================================== */

.productPriceBox:has(.stock_yes)::after,
.productBody .productPriceBox:has(.stock_yes)::after,
#incenterpage .productPriceBox:has(.stock_yes)::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ==========================================
   MOBIL - LADĚNÍ FILTRU (TRANSFORM)
   ========================================== */

@media only screen and (max-width:767px){

    #centerpage #centerpage_params_filter_area{

        transform: translateY(300px) !important;   /* ← měň pouze toto */

    }

}
/* =====================================================
   ZAROVNÁNÍ CENY V DETAILU PRODUKTU DOLEVA (MOBIL)
   ===================================================== */
@media screen and (max-width: 767px) {

    /* Zrušíme flexbox/float na řádku a dáme čistý blok */
    #page table tr.total,
    .page-product-detail tr.total {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    /* Všechny podřazené prvky (buňky, div align="left", spany) srovnáme vlevo */
    #page tr.total td.prices,
    #page tr.total td.prices div,
    #page tr.total td.prices span,
    .page-product-detail td.prices * {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        float: left !important;
        clear: both !important; /* Dát cenu na nový řádek pod "Naše cena" */
        width: 100% !important;
    }

}
/* =====================================================
   POSUN TLACITKA A POČTU KUSŮ O KOUSEK NAHORU (MOBIL)
   ===================================================== */
@media screen and (max-width: 767px) {

    /* Cílíme přesně na div označený v Inspectoru */
    .page-product-detail .product-cart-info-value,
    tr.product-cart-info .product-cart-info-value,
    div.product-cart-info-value {
        margin-top: -56px !important; /* Posune blok nahoru */
        padding-top: 0 !important;
    }

}
/* =====================================================
   BEZPEČNÁ MEZERA VLEVO OD TLAČÍTKA KOUPIT (MOBIL)
   ===================================================== */
@media screen and (max-width: 767px) {

    /* Vytvoření mezer mezi počtem kusů a tlačítkem */
    .product-cart-info-value #buy_btn,
    #buy_btn.product-cart-btn,
    input#buy_btn {
        /* 🛠️ ODSAZENÍ ZLEVA (odstraní nalepení na počet kusů): */
        margin-left: 12px !important;

        /* Zajištění, že se tlačítko nezmenší ani nerozbije řádek */
        display: inline-block !important;
        vertical-align: middle !important;
    }

    /* Ujistíme se, že obal (spinner) vedle tlačítka drží mezeru */
    .product-cart-info-value .input-spinner-group {
        margin-right: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

}
/* =====================================================
   NATVRDO POSUN ČÍSELNÍKU A TLAČÍTKA DOPRAVA (MOBIL)
   ===================================================== */
@media screen and (max-width: 767px) {

    /* Posune celý číselník fyzicky doprava o 12px */
    .product-cart-info-value .input-spinner-group,
    div.input-spinner-group {
        position: relative !important;
        transform: translateX(10px) !important;
    }

}
/* =====================================================
   ZÁKAZ DOUBLE-TAP ZOOMU NA MOBILU
   ===================================================== */
html, body, a, button, input, div, span {
    touch-action: manipulation !important;
}
/* =====================================================
   SKRYTÍ AKČNÍHO SLIDERU POUZE V DETAILU PRODUKTU
   ===================================================== */

/* Skryje slider jen na stránce produktu, na hlavní zůstane! */
body.page-product-detail .action-box,
body.page-product-detail .in-action-box,
.page-product-detail #incenterpage .action-box {
    display: none !important;
}
/* =====================================================
   ŠTÍTKY V JEDNÉ ŘADĚ VEDLE SEBE (13px)
   ===================================================== */

/* 1. Obal štítků nastavíme na řádek (flex) */
.product-tags,
div.product-tags {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;               /* Mezera mezi jednotlivými štítky */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* 2. Jednotlivé štítky - zrušení pozicování pod sebe a nastavení fontu */
.product-tags .tag-title,
.product-tag .tag-title,
span.tag-title {
    position: static !important;        /* Vrátí je do normálního toku řádku */
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;          /* 🛠️ Velikost písma 13px */
    line-height: 1.2 !important;
    white-space: nowrap !important;      /* Zamezí zbytečnému zalomení textu */
    margin: 0 !important;
}

/* =====================================================
   ABSOLUTNĚ FIXNÍ POZICE ŠTÍTKŮ (STEJNÁ PRO VŠECHNY KARTY)
   ===================================================== */

/* 1. Obal karty musíme nastavit jako kotvu */
.product, 
.productContainer, 
.owl-item .product {
    position: relative !important;
}

/* 2. Zamkneme štítky na FIXNÍ MÍSTO (např. levý horní roh fotky) */
.product-tags,
div.product-tags {
    position: absolute !important;
    top: 95px !important;       /* 🛠️ Výška od horního okraje karty */
    left: 0px !important;      /* 🛠️ Posun od levého okraje karty */
    bottom: auto !important;
    right: auto !important;
    
    /* Uspořádání štítků do jedné úhledné řady */
    display: flex !important;
    flex-direction: row !important;
    gap: 5px !important;
    z-index: 99 !important;     /* Zabezpečí, že štítek bude VŽDY nad obrázkem */
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Vzhled a velikost samotného štítku */
.product-tags .tag-title,
.product-tag .tag-title,
span.tag-title {
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
/* =====================================================
   FIXNÍ ŠTÍTKY OD SPODNÍHO KRAJE FOTKY (MOBIL)
   ===================================================== */
@media screen and (max-width: 767px) {

    /* 1. Kotva POUZE pro produkty v mřížce */
    .products_wrap .productBox,
    .products_wrap .product-place,
    #incenterpage:not(.action-box) .products_wrap .productBox {
        position: relative !important;
    }

    /* 2. Zrušení izolace v patičce */
    .products_wrap .productFooter,
    .products_wrap .productFooterContent {
        position: static !important;
    }

    /* 3. Ukotvení štítku OD SPODU KARTY */
    .products_wrap .product-tags {
        position: absolute !important;
        
        /* 🛠️ ODSAZENÍ ODSPODU A ZLEVA: */
        bottom: 180px !important;    /* Výška od spodního okraje karty */
        left: 0px !important;      /* Posun od levého okraje */
        top: auto !important;
        right: auto !important;
        
        display: flex !important;
        flex-direction: row !important;
        gap: 5px !important;
        z-index: 99 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    /* 4. Text štítku v mřížce */
    .products_wrap .product-tags .tag-title {
        position: static !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        display: inline-block !important;
    }

}

/* ==========================================
   MOBIL - FIXNÍ ŠTÍTKY POUZE V AKČNÍM BOXU 3 poslední BOX ŠTÍTEK
   ========================================== */
@media only screen and (max-width: 767px) {

    /* 1. Nastavíme kartu produktu jako kotevní bod */
    .action-box.zbozi-akce .owl-item,
    .action-box.zbozi-akce .product3,
    .action-box.zbozi-akce .product {
        position: relative !important;
    }

    /* 2. Ukotvíme štítky na natvrdo vybrané místo karty */
    .action-box.zbozi-akce.intag_box.action-box-deals .product-tags {
        position: absolute !important;
        
        /* 🎛️ NULOVÝ BOD OD LEVÉHO HORNÍHO ROHU KARTY: */
        top: 79px !important;    /* Vzdálenost od horního okraje karty (zvětšuj pro posun dolů) */
        left: 0px !important;   /* Vzdálenost od levého okraje karty (zvětšuj pro posun doprava) */
        
        bottom: auto !important;
        right: auto !important;
        
        /* Zajištění, že se štítky skládají hezky vedle sebe a ne přetečením */
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        z-index: 99 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

}
/* =====================================================
   POUZE MOBIL (DO 767px) - TMAVÝ KOŠÍK + BEZ RÁMEČKŮ Košík
   ===================================================== */
@media screen and (max-width: 767px) {

    /* 1. KARTY DOPRAVY A PLATEB */
    #basket_shipping_list tr,
    #basket_payments_list tr,
    .shipping-and-payment tr,
    .shipping-and-payment td,
    #basket_shipping_list tr.checked-method,
    #basket_payments_list tr.checked-method,
    .shipping-and-payment tr.checked-method {
        background-color: #1a0933 !important;
        background: #1a0933 !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* 2. BRUTÁLNÍ ZÁSAH NA CELKOVOU CENU (přesná DOM cesta z inspektoru) */
    html body #incenterpage2 table.cart tr.total,
    html body #incenterpage2 table.cart tr.total td,
    html body #incenterpage2 table.cart.cart-items tbody tr.total,
    html body #incenterpage2 table.cart.cart-items tbody tr.total td,
    html body .page-e-basket tr.total,
    html body .page-e-basket tr.total td,
    html body .page-e-basket td.prices,
    html body .page-e-basket td.price-desc {
        background-color: #1a0933 !important;
        background: #1a0933 !important;
        border: none !important;
        box-shadow: none !important;
    }

}
/* ==========================================
   MOBIL - PRŮHLEDNÉ POZADÍ POD TLAČÍTKO S KOŠÍKEM
   ========================================== */

.page-e-basket #basket_form .cart:last-child,
.page-e-basket #basket_form .cart:last-child tbody,
.page-e-basket #basket_form .cart:last-child tr,
.page-e-basket #basket_form .cart:last-child td,
.page-e-basket #basket_form .buttons {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* =====================================================
   SKRYTÍ DRUHÉHO ŠTÍTKU (::after) POUZE V KOŠÍKU Košík
   ===================================================== */

/* Skryje vygenerovaný badge s fajfkou POUZE na stránce košíku */
.page-e-basket .stock-yes::after,
.page-e-basket .stock-no::after,
.page-e-basket .stock-unknown::after,
.page-e-basket [class*="stock-"]::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}

/* Zajištění, že původní prvotní text v košíku zůstane vidět bez barevného pozadí */
.page-e-basket .stock-yes,
.page-e-basket .stock-no,
.page-e-basket .stock-unknown,
.page-e-basket [class*="stock-"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
}
/* =====================================================
   PŘEBARVENÍ TLAČÍTKA PŘEPOČÍTAT (WRAPPER-RECALC-BTN) NA BÍLO Košík
   ===================================================== */

/* 1. Nastavení bílé barvy pro ikonu i tlačítko uvnitř */
.wrapper-recalc-btn,
.wrapper-recalc-btn *,
.wrapper-recalc-btn input,
#submit_recalc {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 2. Zrušení modrého/šedého pozadí ikony (zprůhlednění) */
.wrapper-recalc-btn,
.wrapper-recalc-btn input,
#submit_recalc {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* ==========================================
   ORDER SUMMARY - DOPLŇKOVÝ TEXT Košík
   ========================================== */

.page-e-finish #incenterpage2 > table.cart:not(.discount-cart-td)::before{

    content: var(--summary-order-text) "\A Order Summary";
    white-space: pre-line;

}
/* ==========================================
   VÁŠ KOŠÍK - DOPLŇKOVÝ TEXT Košík
   ========================================== */

.page-e-basket #incenterpage2 .cart.cart-items::before{

    content: var(--cart-contents-text) "\A Your Cart";
    white-space: pre-line;
    line-height: 1.4;

}
/* ==========================================
   MOBIL - POZADÍ IKONY HLEDÁNÍ LUPA BARVA LUPA
   ========================================== */

@media only screen and (max-width:767px){

#search .wrapper_search_submit{
    background:#241238 !important;
}

#search .search_submit{
    background:transparent !important;
}

}

/* =====================================================
   POSUNUTÍ POPISU DOLŮ (POUZE NA MOBILU)
   ===================================================== */

@media only screen and (max-width: 767px) {
    /* Odsazení celého bloku popisu pod tlačítkem koupit */
    .page-product-detail .description-wrapper .spc,
    .page-product-detail #description .spc,
    div.description-wrapper div.spc {
        margin-top: 110px !important; /* Vzdálenost od tlačítka/hlášky nad tím (uprav dle potřeby) */
        padding-top: 10px !important;
    }
}

/* =====================================================
   MĚŘÍTKO A PŘESNÝ POSUN PŘES MARGIN - POUZE MOBIL PARAMETRY METRIKO PARAMETRY
   ===================================================== */
@media only screen and (max-width: 767px) {

    #products_sorting_box,
    .products_sorting_line,
    #products_sorting_table {
        /* 1. MĚŘÍTKO (0.90 -> 0.95 -> 1.0 je plná velikost) */
        transform-origin: top center !important;
        transform: scale(0.93) !important; /* 👈 ZVĚTŠENO (zkus 0.95, 0.98 nebo 1.0) */

        /* 2. ZRUŠENÍ NESTABILNÍHO LEFT/TOP */
        top: auto !important;
        left: auto !important;

        /* -------------------------------------------------
           3. POSUN PŘES MARGIN (DRŽÍ NA VŠECH DISPLEJÍCH):
           ------------------------------------------------- */
        margin-top: -5px !important;     /* POSUN NAHORU (-) / DOLŮ (+) */
        margin-left: -19px !important;   /* POSUN DOLEVA (-) / DOPRAVA (+) */
        
        margin-bottom: -15px !important; /* Úprava spodní mezery pod blokem */
        margin-right: 0px !important;
    }

} /* 👈 DOPLNĚNA CHYBĚJÍCÍ UZAVÍRACÍ ZÁVORKA */

/* =====================================================
   VYNUCENÝ POSUN TLAČÍTKA "VYBERTE PARAMETRY" (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {

    #p-rolldown-button,
    .p-rolldown-button,
    div.p-rolldown-button {
        /* -------------------------------------------------
           LADĚNÍ POSUNU DO STRAN (Měň px podle potřeby):
           
           -15px = POSUN DOLEVA
            15px = POSUN DOPRAVA
           ------------------------------------------------- */
        transform: translateX(43px) !important; /* 👈 ZDE MĚŇ PIXELE */
    }

}
/* =====================================================
   SKRYTÍ DROBEČKOVÉ NAVIGACE (CESTU KATEGORIE) - MOBIL                                                 OPRAVAAAAAAAAAAAAAAAAAAAAAAA
   ===================================================== */
@media only screen and (max-width: 767px) {

    #wherei,
    div#wherei,
    #wherei p {
        display: none !important;
    }

}
/* =====================================================
   ZEMĚNA BARVY ROZEVÍRACÍHO MENU NA FIALOVOU (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {

    .mobile-menu-content,
    .mobile-menu-content ul,
    .mobile-menu-content ul.visible,
    .mobile-menu-content ul li,
    .mobile-menu-content ul li a {
        background-color: #5d35a8 !important;
        background: #5d35a8 !important;
    }

}
/* =====================================================
   BARVA PRO TLAČÍTKO/IKONU V MENU (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {

    #left-box .fixed-parent-node .direct-link-text::before,
    .fixed-parent-node .direct-link-text::before,
    span.direct-link-text::before {
        background-color: #4b1f8f !important;
        background: #4b1f8f !important;
        border-color: #3b1873 !important; /* Mírně tmavší okraj pro lepší detail */
    }

}

/* ==========================================
   MOBIL – VYSTŘEDĚNÍ OBRÁZKU + POPISEK POD BOX
   ========================================== */

@media only screen and (max-width:767px){

    /* Každý box */
    body.page-category .main_category .odkaz_banner{
        position: relative !important;
        padding-bottom: 55px !important;   /* místo pro text */
        overflow: visible !important;
    }

    /* Obrázek */
    body.page-category .main_category .odkaz_banner img.img_category{
        position: absolute !important;
        left: 50% !important;
        top: 10px !important;              /* výška obrázku */
        transform: translateX(-50%) !important;

        width: 120px !important;
        height: 120px !important;
        object-fit: contain !important;
    }

    /* Popisek pod boxem */
    body.page-category .main_category .odkaz_banner .title_ds{
        position: absolute !important;
        left: 50% !important;
        bottom: -52px !important;          /* posun textu pod box */

        transform: translateX(-50%) !important;

        width: 170px !important;
        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
        line-height: 1.25 !important;
        white-space: normal !important;

        z-index: 50 !important;
    }

}
/* ==========================================================
   POSUN POUZE SEZNAMU PODKATEGORIÍ (2. OBRÁZEK) DOLŮ
   ========================================================== */
@media only screen and (max-width: 767px) {

    /* Cílíme pouze na rozbalený seznam ul.visible uvnitř menu */
    #mobile-menu-content ul.visible,
    #left-box ul.visible,
    .responsive-menu-content ul.visible {
        margin-top: 400px !important; /* Posune pouze tyto šedé boxíky dolů */
        position: relative !important;
    }

}
/* ==========================================================
   ROZTAŽENÍ TLAČÍTKA/ODKAZU NA PLNOU ŠÍŘKU POD KATEGORIÍ
   ========================================================== */
@media only screen and (max-width: 767px) {

    /* Cílení na aktivní odkaz a tlačítko v hlavičce menu */
    #mobile-menu-content a.active,
    #left-box a.active,
    .responsive-menu-content a.active,
    #mobile-menu-content .fixed-parent-node a.active {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        
        /* Velikost a odsazení uvnitř tlačítka */
        padding: 12px 16px !important; 
        text-align: center !important; /* Zarovnání textu na střed */
        
        /* Volitelné: Odsazení tlačítka od okolí */
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

}
/* ==========================================================
   SKRYTÍ SEZNAMU PODKATEGORIÍ ROVNOU V MENU
   ========================================================== */
@media only screen and (max-width: 767px) {

    #mobile-menu-content ul.visible,
    #left-box ul.visible,
    .responsive-menu-content ul.visible {
        display: none !important;
    }

}
/* ==========================================================
   SKRYTÍ DRUHÉHO ŘÁDKU POUZE UVNITŘ POD-MENU
   ========================================================== */
@media only screen and (max-width: 767px) {

    /* Cílí na druhý řádek / odkaz pouze uvnitř rozbalené pod-sekce */
    #mobile-menu-content ul ul li.value-menu-item-2,
    #mobile-menu-content ul.sub-menu-directory li.value-menu-item-2,
    #mobile-menu-content .fixed-parent-node + ul li.value-menu-item-2,
    #mobile-menu-content ul ul li.direct-link:nth-of-type(2) {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: hidden !important;
    }

}
@media only screen and (max-width:767px){

.fixed-parent-node.visible > a.active{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 80px !important;   /* výška lišty */
    padding: 20px 15px !important; /* zvětší lištu dolů */
    margin-top: 15px !important;   /* posune níž */
    width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
}

}
@media only screen and (max-width:767px){

.fixed-parent-node.visible > a.active{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.fixed-parent-node.visible > a.active,
.fixed-parent-node.visible > a.active span{
    font-size: 35px !important;     /* zvětšení textu */
    font-weight: 1000 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    text-align: center !important;
    width: 100% !important;
}

}
/* ==========================================================
   MOBIL - ZAROVNÁNÍ STOCK YES + STOCK NO
   POUZE KATEGORIE
   ========================================================== */

@media only screen and (max-width:767px){

body.page-category #incenterpage .stock_no,
body.page-category #incenterpage .stock_yes,
body.page-category #incenterpage2 .stock_no,
body.page-category #incenterpage2 .stock_yes{

    position: relative !important;

    top: -130px !important;      /* nahoru / dolů */
    left: -80px !important;      /* doleva / doprava */

    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;

}

}
@media only screen and (max-width:767px){

body #incenterpage .stock_yes{
    transform:translate(-10px,20px) !important;
}

}
/* =====================================================
   POSUN CENY (.productPrice) POUZE V KATEGORIÍCH
   ===================================================== */

/* 2. MOBIL (do 767px) */
@media screen and (max-width: 767px) {
    body.page-category #incenterpage .productBody .productPrice,
    body.page-category #incenterpage2 .productBody .productPrice,
    body.page-category .productBody .productPrice {
        position: relative !important;
        /* translate(DOLEVA/DOPRAVA , NAHORU/DOLŮ) */
        transform: translate(-35px, 0px) !important;
    }
}
/* =====================================================
   POUZE MOBIL DO 767px A POUZE STRÁNKY KATEGORIÍ
   ===================================================== */
@media screen and (max-width: 767px) {

    /* 1. Roztáhnutí textu přes celou šířku pouze v kategorii */
    body.page-category #incenterpage::before {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 2. Zobrazení 2 boxů kategorií vedle sebe pouze v kategorii */
    body.page-category .main_category {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. Produkty v mřížce (2 vedle sebe) pouze v kategorii */
    body.page-category #incenterpage .product_wrapper,
    body.page-category #incenterpage .productBody {
        grid-column: span 6 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

}
/* ==========================================
   MOBIL - VYČIŠTĚNÝ POSUN KARUSELU (INDEX)
   ========================================== */
@media only screen and (max-width:767px){

    /* 1. Posun názvu v karuselu */
    body.page-index .product3Title {
        position: relative !important;
        transform: translateY(50px) !important; /* Kladné = DOLŮ | Záporné (-30px) = NAHORU */
        z-index: 5 !important;
    }

    /* 2. Posun bloku s cenou a tlačítkem v karuselu */
    body.page-index .product3PriceBox {
        position: relative !important;
        transform: translateY(120px) !important; /* Kladné = DOLŮ | Záporné (-30px) = NAHORU */
        z-index: 5 !important;
    }

}
/* =====================================================
   AGRESIVNÍ POSUN POUZE ŠTÍTKU SKLADU (KARUSEL MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {
    
    html body.page-index #incenterpage .owl-carousel div.stock_yes,
    html body.page-index #incenterpage .owl-carousel div.stock_no {
        /* Vypne vliv JavaScriptových transformací Webarealu */
        transform: none !important;
        -webkit-transform: none !important;
        
        display: block !important;
        position: relative !important;
        
        /* 🛠️ NATVRDO MARGINY (měň tato čísla):
           margin-top:  záporné (-20px) = NAHORU | kladné (20px) = DOLŮ
           margin-left: záporné (-15px) = DOLEVA | kladné (15px) = DOPRAVA */
        margin-top: 0px !important;
        margin-left: 0px !important;
        
        z-index: 99 !important;
    }

}
/* =====================================================
   ZAROVNÁNÍ POČTU KUSŮ V DETAILU PRODUKTU (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {
    /* Cílíme POUZE do tabulky detailu produktu, aby to nerozbíjelo karty v karuselu */
    .page-product-detail td.product-stock-value,
    .page-product-detail td.product-stock-value span.fleft {
        float: none !important;
        display: block !important;
        text-align: left !important;
        margin-left: 0 !important;
        padding-left: 10px !important;
    }

    .page-product-detail td.product-stock-value span {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* =====================================================
   MĚŘÍTKO A PŘESNÝ POSUN PŘES MARGIN - MOBIL PARAMETRY
   ===================================================== */
@media only screen and (max-width: 767px) {
    #products_sorting_box,
    .products_sorting_line,
    #products_sorting_table {
        transform-origin: top center !important;
        transform: scale(0.93) !important;
        top: auto !important;
        left: auto !important;
        margin-top: -5px !important;
        margin-left: -19px !important;
        margin-bottom: -15px !important;
        margin-right: 0px !important;
    }
}

/* =====================================================
   VYNUCENÝ POSUN TLAČÍTKA "VYBERTE PARAMETRY" (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {
    #p-rolldown-button,
    .p-rolldown-button,
    div.p-rolldown-button {
        transform: translateX(43px) !important;
    }
}

/* =====================================================
   SKRYTÍ DROBEČKOVÉ NAVIGACE - MOBIL
   ===================================================== */
@media only screen and (max-width: 767px) {
    #wherei,
    div#wherei,
    #wherei p {
        display: none !important;
    }
}

/* =====================================================
   ZEMĚNA BARVY ROZEVÍRACÍHO MENU NA FIALOVOU (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {
    .mobile-menu-content,
    .mobile-menu-content ul,
    .mobile-menu-content ul.visible,
    .mobile-menu-content ul li,
    .mobile-menu-content ul li a {
        background-color: #5d35a8 !important;
        background: #5d35a8 !important;
    }
}

/* =====================================================
   BARVA PRO TLAČÍTKO/IKONU V MENU (MOBIL)
   ===================================================== */
@media only screen and (max-width: 767px) {
    #left-box .fixed-parent-node .direct-link-text::before,
    .fixed-parent-node .direct-link-text::before,
    span.direct-link-text::before {
        background-color: #4b1f8f !important;
        background: #4b1f8f !important;
        border-color: #3b1873 !important;
    }
}

/* ==========================================================
   POSUN CENY PRODUKTU POUZE V MŘÍŽCE KATEGORIE (MOBIL)
   ========================================================== */
@media only screen and (max-width: 767px) {
    /* Odstraněn samostatný .productPrice, aby se nemrvil karusel */
    body.page-category #incenterpage .products_wrap.full .productBody .productPrice {
        position: relative !important;
        top: 30px !important;
        left: 110px !important;
        text-align: center !important;
    }
}

/* ==========================================
   MOBIL – VYSTŘEDĚNÍ OBRÁZKU + POPISEK POD BOX
   ========================================== */
@media only screen and (max-width:767px){
    body.page-category .main_category .odkaz_banner{
        position: relative !important;
        padding-bottom: 55px !important;
        overflow: visible !important;
    }

    body.page-category .main_category .odkaz_banner img.img_category{
        position: absolute !important;
        left: 50% !important;
        top: 10px !important;
        transform: translateX(-50%) !important;
        width: 120px !important;
        height: 120px !important;
        object-fit: contain !important;
    }

    body.page-category .main_category .odkaz_banner .title_ds{
        position: absolute !important;
        left: 50% !important;
        bottom: -52px !important;
        transform: translateX(-50%) !important;
        width: 170px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        z-index: 50 !important;
    }
}
@media only screen and (max-width:767px){

body.home .owl-carousel .product3PriceBox{

    transform:translateY(100px) !important;

}

}
@media only screen and (max-width:767px){

body.home .owl-carousel .stock_no{

    transform:translateY(20px) !important;

}

}
/* ==========================================================
   VRÁCENÍ A FIXACE STOCK_YES / STOCK_NO POD NADPIS V KATEGORIÍCH (MOBIL)
   ========================================================== */
@media only screen and (max-width: 767px) {
    body.page-category #incenterpage .stock_yes, 
    body.page-category #incenterpage .stock_no,
    body.page-category #incenterpage2 .stock_yes, 
    body.page-category #incenterpage2 .stock_no {
        position: relative !important;
        top: -130px !important;  /* Vrátí ho nahoru pod nadpis */
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        float: none !important;
        display: block !important;
        width: auto !important;
        text-align: left !important;
        margin: 0 !important;
    }
}
/* ==========================================================
   MOBIL - ZVĚTŠENÍ CENY EUR V COUSOVER CAROUSELU (POUZE HLAVNÍ STRÁNKA)
   ========================================================== */

@media only screen and (max-width:767px){

body.home .owl-carousel .product3Price .product_price_text{

    /* VELIKOST HLAVNÍ CENY EUR */
    font-size:22px !important;

}

}
/* ==========================================================
   MOBIL - ZVĚTŠENÍ CENY CZK V COUSOVER CAROUSELU (POUZE HLAVNÍ STRÁNKA)
   ========================================================== */

@media only screen and (max-width:767px){

body.home .owl-carousel .product3Price font{

    /* VELIKOST CENY V CZK */
    font-size:18px !important;

}

}





/* ==========================================================
   COUSERVER MOBIL – větší tlačítko u pravého kraje
   ========================================================== */

@media only screen and (max-width:767px){

body.home .owl-carousel .buy_btn{

    width:150px !important;      /* změň např. na 160px nebo 170px */
    min-width:150px !important;

    margin-left:auto !important;
    margin-right:0 !important;

}

}
@media only screen and (max-width:767px){

body.home .owl-carousel .input-spinner-group{

    width:45% !important;      /* změň třeba na 48% nebo 50% */
    min-width:160px !important;

}

body.home .owl-carousel .input-spinner-group input{

    width:100% !important;
    height:42px !important;    /* výška číselníku */
    font-size:18px !important; /* velikost čísla */

}

}
/* ==========================================================
   COUSERVER MOBIL – ZVĚTŠENÍ ČÍSELNÍKU
   ========================================================== */

@media only screen and (max-width:767px){

/* Šířka celého číselníku */
body.home .owl-carousel .input-spinner-group{

    width:90% !important;          /* např. 45%, 50%, 55% */
    min-width:160px !important;

}

/* Pole s číslem */
body.home .owl-carousel .input-spinner-group input{

    width:100% !important;
    height:42px !important;        /* výška číselníku */
    font-size:18px !important;     /* velikost čísla */

}

/* Tlačítka + / - */
body.home .owl-carousel .input-spinner-btn{

    width:104px !important;         /* šířka tlačítek */
    font-size:18px !important;     /* velikost symbolů */

}

}
/* ==========================================================
   COUSERVER MOBIL – POSUN ČÍSELNÍKU
   ========================================================== */

@media only screen and (max-width:767px){

/* Posun celého číselníku */
body.home .owl-carousel .input-spinner-group{

    transform:translateX( 5px) translateY(0px) !important;

}

}
/* ==========================================================
   COUSERVER MOBIL – POSUN NÁZVU PRODUKTU
   (neovlivní STOCK YES / STOCK NO)
   ========================================================== */

@media only screen and (max-width:767px){

body.home .owl-carousel .product3Title{

    transform:translateY(30px) !important;

    /* ↑ nahoru = -10px */
    /* ↓ dolů = 10px */

}

}
/* ==========================================================
   COUSERVER MOBIL – POSUN STOCK NO (PŘEDOBJEDNÁVKA)
   Pouze menu COUSERVER
   ========================================================== */

@media only screen and (max-width:767px){

body.home .owl-carousel div.stock_no{

    position:relative !important;

    transform:translateX(0px) translateY(30px) !important;

    /* ← doprava = translateX(10px) */
    /* ← doleva  = translateX(-10px) */

    /* ↓ dolů    = translateY(10px) */
    /* ↑ nahoru  = translateY(-10px) */

}

}
/* ==========================================================
   🔥 TEXT POD SKLADEM / PŘEDOBJEDNÁVKOU
   JEN MOBIL + KATEGORIE
   ========================================================== */

@media only screen and (max-width: 767px) {

    /* SKLADEM + PŘEDOBJEDNÁVKA */
    body.page-category .productBody .stock_no::after,
    body.page-category .productBody .stock_yes::after,
    body.page-category .stock_no::after,
    body.page-category .stock_yes::after {

        content:"🔥 K dispozici pouze 1 kus / Only 1 available" !important;

        display:block !important;

        font-family:"Poppins", sans-serif !important;
        font-size:13px !important;
        font-weight:500 !important;
        line-height:1.5 !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        /* ==================================================
           LADĚNÍ POZICE
           ================================================== */

        margin-top:6px !important;
        margin-left:-1.5px !important;

        transform:translateX(0px) !important;
    }

}
/* ==========================================================
   📱 MOBIL – POSUN TEXTU POD BOXY
   ========================================================== */

@media screen and (max-width: 767px) {

    body.page-category-53 .main_category::after {
        transform: translateY(50px) !important;
    }

}
/* ==========================================================
   📱 SKRYTÍ NÁPISU KARET A VRÁCENÍ TLAČÍTKA ZPĚT
   ========================================================== */
@media screen and (max-width: 767px) {
    span.direct-link-text {
        font-size: 0 !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Vracíme zpět viditelnost a vzhled pro tlačítko Zpět */
    span.direct-link-text::before {
        font-size: 14px !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        visibility: visible !important;
    }
}
/* ==========================================================
   📱 OPRAVA VELIKOSTI POZADÍ A POSUNUTÍ OBSAHU (POUZE MOBIL)
   ========================================================== */
@media screen and (max-width: 767px) {
    /* Zmenší výšku toho velkého pozadí s bannerem, aby nedělalo prázdné místo */
    body.home #page_background::before {
        height: 420px !important; /* Můžeš upravit, pokud bude potřeba víc/méně */
        background-size: cover !important;
    }
    
    /* Vynuluje zbytečný odstup nad obsahem */
    #aroundpage {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* ==========================================================
   📱 CELÝ OBRÁZEK BEZ OŘEZÁNÍ (POUZE MOBIL)
   ========================================================== */
@media screen and (max-width: 767px) {
    body.home #page_background::before {
        height: auto !important;
        aspect-ratio: 1888 / 1920 !important; /* Zachová původní poměr stran obrázku */
        background-size: contain !important; /* Zobrazí celý obrázek bez ořezu */
        background-repeat: no-repeat !important;
        background-position: center top !important;
    }
}
/* ==========================================================
   📱 PŘITAŽENÍ TEXTU POD NEZMENŠENÝ OBRÁZEK (POUZE MOBIL)
   ========================================================== */
@media screen and (max-width: 767px) {
    /* Přitáhneme textový box nahoru hned pod obrázek banneru */
    body.home div.page-banner-container::after {
        margin-top: -150px !important; /* Tímto záporným číslem ladíš výšku textu */
        position: relative !important;
        z-index: 5 !important;
    }
}
/* SKRYTÍ ŘÁDKU ČÍSLA PRODUKTU - MOBIL + DESKTOP */

html body tr[class~="product-number"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
/* ==========================================================
   SKRYTÍ PŮVODNÍHO TEXTU A NÁHRADA ZA © 2026 WAU CARDS (PC + MOBIL)
   ========================================================== */

/* 1. Úplně skryjeme jakýkoliv odkaz směřující na webareal nebo obsahující text systému */
.contenttwo-wrapper p:has(a[href*="webareal"]),
.contenttwo-wrapper a[href*="webareal"],
.contenttwo-wrapper p:has(span.hide),
.contenttwo-wrapper span.hide {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

/* 2. Zabezpečíme, že kontejner patičky bude fungovat správně a vycentruje se */
.contenttwo-wrapper {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* 3. Vložíme náš vlastní text © 2026 WAU CARDS pro desktop i mobil */
.contenttwo-wrapper::after {
    content: "© 2026 WAU CARDS" !important;
    display: block !important;
    text-align: center !important;
    color: #ffffff !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 10px auto !important;
    padding: 0 !important;
    width: 100% !important;
}
/* ==========================================
   ČÍSELNÍK MNOŽSTVÍ – POSUN
   ========================================== */

@media only screen and (max-width: 767px) {

    .input-spinner-group {
        transform: translateX(-15px) translateY( 30px) !important;
    }

}

/* ==========================================================
   📱 ROZTAŽENÍ DRUHÉHO RÁMEČKU (AKTIVNÍ VRSTVY) PŘES OBĚ POLOŽKY
   ========================================================== */
@media screen and (max-width: 767px) {
    
    /* Roztáhne ten modrý aktivní box přes celou šířku a posune ho */
    #left-box .fixed-parent-node.visible .active {
        width: 70% !important;
        left: 0 !important;
        right: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

}
.myheader {
    width: 100% !important;
    max-width: 100% !important;
}

.navigate_bar {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
@media screen and (min-width: 992px) {

    .home .cat-highlights-container {
        overflow: visible !important;
    }

    .home .cat-highlights-container .cat-highlights-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
        position: relative !important;

        /* TADY LADÍŠ OBA BOXY NAJEDNOU */
        left: 25px !important;

        z-index: 100 !important;
    }

}
/* 2 informační popisky */
.wau-info-box {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 15px 0 !important;
    padding: 18px 24px !important;

    background: #28123d !important;
    border: 1px solid #8b45c7 !important;
    border-radius: 12px !important;

    color: #ffffff !important;
    font-family: "Poppins", Arial, sans-serif !important;

    box-shadow: 0 0 18px rgba(150, 70, 255, 0.25) !important;
}

/* ikona */
.wau-info-icon {
    flex-shrink: 0 !important;
    width: 45px !important;
    height: 45px !important;
    margin-right: 16px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    background: rgba(255,255,255,.1) !important;
}

/* obsah */
.wau-info-content {
    flex: 1 !important;
}

/* nadpis */
.wau-info-title {
    display: block !important;
    margin-bottom: 5px !important;

    color: #d69aff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* text */
.wau-info-text {
    color: #eeeeee !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* druhý popisek */
.wau-info-graded {
    border-color: #c99b35 !important;
}

.wau-info-graded .wau-info-title {
    color: #ffd84d !important;
}

}
@media screen and (min-width: 768px) {
    html body tr.before_variants.product-stock {
        display: table-row !important;
    }
}
/* ===========================================
   POUZE DRUHÝ GDPR SOUHLAS
   =========================================== */

.gdpr-accept:nth-of-type(2){
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    position: relative;
}

.gdpr-accept:nth-of-type(2)::after{
    content:"I agree to the Terms and Conditions and acknowledge the Privacy Policy. *";
    position:absolute;
    left:27px; /* posun doprava kvůli checkboxu */
    top:0;
    width:calc(100% - 22px);
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    line-height:1.4;
}

/* ===========================================
   SCHOVAT IKONU "i" U PLATBY
   =========================================== */

.payment_description{
    display:none !important;
}
/* =========================================================
   SKRYTÍ POLE PRO POZNÁMKU V KOŠÍKU (POUZE MOBIL)
   ========================================================= */

@media screen and (max-width: 767px) {
    .page-e-basket tr.leave-note,
    .page-e-basket .note-inputs,
    #basket_form .cart tr.leave-note {
        display: none !important;
    }
}

/* =========================================================
   ÚPLNÉ ODSTRANĚNÍ OKRAJŮ A LINKY OKOLO POLÍČKA V MOBILU
   ========================================================= */

@media screen and (max-width: 767px) {
    .page-e-basket .cart tr:has(.break),
    .page-e-basket .cart tr:has(.break) td,
    .page-e-basket .cart tr td div.break,
    #basket_form .cart tr td[colspan] {
        background-color: #1a0933 !important;
        background: #1a0933 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        outline: none !important;
    }
}

/* =========================================================
   SKRYTÍ TEXTU V POLÍČKU V MOBILU
   ========================================================= */

@media screen and (max-width: 767px) {
    .page-e-basket .cart tr td:has(.break) {
        font-size: 0 !important;
        color: transparent !important;
        line-height: 0 !important;
        padding: 5px !important;
    }
}
/* =========================================================
   STEJNÝ FONT A VELIKOST PRO DOPLNĚNÝ TEXT (POUZE MOBIL)
   ========================================================= */

@media screen and (max-width: 767px) {
    #ajax-basket .buttons .go a::after,
    .ajax-basket .buttons .go a::after {
        content: " / Complete the order" !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
    }
}
/* =========================================================
   PŘEPSÁNÍ TEXTU POUZE U KONKRÉTNÍ ZÁSILKOVNY S POŠTOVNÝM DLE POBOČKY česko
   ========================================================= */

/* Cílíme pouze na řádek, kde je ID obsahující text s pobočkou */
label[for*="538648"] span.delivery-description2 {
    font-size: 0 !important;
}

label[for*="538648"] span.delivery-description2::after {
    content: "(CZ) Doručení zásilky na zvolené výdejní místo. Toto poštovné platí pouze pro zákazníky v České republice." !important;
    font-size: 13px !important;
    color: inherit !important;
    display: inline-block !important;
}
/* =========================================================
   PŘEPSÁNÍ TEXTU NA "Slovensko" V POSLEDNÍM OKNĚ
   ========================================================= */

/* Cílíme na prvek obsahující 78064 a jeho tag em */
label[for*="78064"] em {
    font-size: 0 !important;
}

label[for*="78064"] em::after {
    content: "(SK) Doručenie zásielky na zvolené výdajné miesto. Toto poštovné platí iba pre zákazníkov na Slovensku." !important;
    font-size: 13px !important;
    font-style: normal !important;
    color: inherit !important;
    display: inline-block !important;
}

/* =====================================================
   ZVETŠENÍ TLAČÍTKA (KŘÍŽKU) PRO ZAVŘENÍ FILTRU NA MOBILU
   ===================================================== */

@media only screen and (max-width: 767px) {
    /* Zvětšení rozměrů samotného tlačítka křížku */
    .page-category #incenterpage > #centerpage_params_filter_area button.p-close {
        width: 55px !important;    /* Šířka tlačítka (původně 40px) */
        height: 70px !important;   /* Výška tlačítka (původně 40px) */
        font-size: 20px !important;/* Větší ikona/křížek uvnitř */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* =========================================================
   FOOTER – POSUNUTÍ DOLŮ POD TEXT BANNERU
   POUZE MOBIL
   ========================================================= */

@media only screen and (max-width: 991px) {

    body.home .myfooter {
        margin-top: 300px !important;
    }

}
/* ===== MOBIL – ODSTRANĚNÍ BÍLÉHO PROSTORU ===== */
@media only screen and (max-width: 767px) {

    body,
    html {
        background: #000 !important;
    }

    #page,
    #masterpage,
    #aroundpage,
    #centerpage,
    #incenterpage {
        background-color: transparent !important;
    }

    .myfooter {
        background: #000 !important;
    }

}

/* =====================================================
   E-SHOP MAINTENANCE - UNLOCK PAGE (MOBILNÍ VERZE - FORMULÁŘ DOLE)
   ===================================================== */
@media screen and (max-width: 991px) {

    /* Základní barva a font pro mobil (bílá) */
    table.main_tab.unlock-page-inner-table,
    table.main_tab.unlock-page-inner-table td,
    table.main_tab.unlock-page-inner-table span,
    table.main_tab.unlock-page-inner-table p {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-family: "Poppins", sans-serif !important;
    }

    /* Roztáhnutí buňky a zarovnání */
    table.main_tab.unlock-page-inner-table td {
        font-size: 0 !important;
        text-align: center !important;
        font-weight: 400 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 1. ČESKÝ NADPIS + ANGLICKÝ NÁPIS (NAHOŘE) */
    table.main_tab.unlock-page-inner-table td::before {
        content: "PROBÍHÁ ÚDRŽBA E-SHOPU\A E-SHOP MAINTENANCE IN PROGRESS";
        white-space: pre-line !important;
        order: 1 !important;
        display: block !important;
        font-family: "Poppins", sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        margin: 0 auto 15px auto !important;
        text-align: center !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* 2. HLAVNÍ TEXT ÚDRŽBY (UPROSTŘED) */
    table.main_tab.unlock-page-inner-table td::after {
        content:
            "Vážení zákazníci,\A\A"
            "v současné době probíhá plánovaná odstávka našeho systému z důvodu technických úprav a vylepšení e-shopu.\A\A"
            "Během této doby nebude e-shop dostupný.\A\A"
            "Na úpravách intenzivně pracujeme a jakmile bude vše dokončeno, e-shop bude opět plně k dispozici.\A\A"
            "Děkujeme za vaši trpělivost a omlouváme se za případné komplikace.\A\A"
            "WAU CARDS\A\A"
            "────────────────────────────\A\A"
            "Dear Customers,\A\A"
            "We are currently carrying out scheduled maintenance and technical updates to improve our e-shop.\A\A"
            "During this time, the e-shop will be temporarily unavailable.\A\A"
            "We are working hard to complete the updates and will make the e-shop fully available again as soon as possible.\A\A"
            "Thank you for your patience and understanding. We apologize for any inconvenience caused.\A\A"
            "WAU CARDS";

        order: 2 !important;
        display: block !important;
        white-space: pre-line !important;
        font-family: "Poppins", sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* 3. FORMULÁŘ S POLÍČKEM NA HESLO (POSUNUTÝ ÚPLNĚ DOLE) */
    table.main_tab.unlock-page-inner-table td form {
        order: 3 !important;
        margin-top: 15px !important;
    }
}


/* ============================================
   KUSOVÉ KARTY / RAW CARDS
   POSUN POUZE TOHOTO NÁPISU - MOBIL
   ============================================ */

@media only screen and (max-width: 767px) {

    /* Pouze nápis třetího boxu */
    body.page-category .main_category > a.odkaz_banner:nth-child(3) h3.title_ds {

        /* Základní pozice */
        position: absolute !important;

        /* Horizontální pozice */
        left: 50% !important;

        /* Posun doleva / doprava + nahoru / dolů */
        transform: translate(-50%, 0px) !important;

        /* Šířka nápisu */
        width: 170px !important;

        /* Zarovnání */
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;

        /* Nad ostatními prvky */
        z-index: 50 !important;
    }

}

/* ==========================================================
   📱 POSUN KONKRÉTNÍHO BANNERU NA MOBILU
   ========================================================== */

@media only screen and (max-width: 767px) {
    /* Cílíme na druhý banner v pořadí nebo podle potřeby upravte index nth-child */
    body.page-category .main_category .odkaz_banner:nth-child(3) {
        position: relative !important;
        transform: translateY(50px) !important; /* Změňte hodnotu např. na -10px (nahoru) nebo 10px (dolů) */
        margin-top: 0px !important;            /* Případně upravte horní odsazení */
    }
}

/* ===== POSUN POPISKU – OHODNOCENÉ KARTY ===== */

@media only screen and (max-width: 767px) {
  .odkaz_banner:nth-child(2) .title_ds::after {
    transform: translate(0%, 33px) !important;
  }
}

/* POSUN TEXTU POD KATEGORIEMI – POUZE MOBIL */
@media only screen and (max-width: 767px) {
  body.page-category .main_category::after {
    transform: translateY(100px) !important;
  }
}

/* ========================================================== 
   📱 MOBILNÍ VERZE – POSUN CENY + TLAČÍTKA
   POUZE KATEGORIE OHODNOCENÉ / GRADED
   ========================================================== */ 
 
@media only screen and (max-width: 767px) { 
 
    /* ====================================================== 
       💰 CENA 
       ====================================================== */ 
 
    body:has(a[href*="Ohodnocene-graded"]) #incenterpage .productPriceBox .productPrice { 
        transform: translate(-40px, -30px) !important; 
        position: relative !important; 
        z-index: 10 !important; 
    } 
 
 
    /* ====================================================== 
       🛒 TLAČÍTKO / OBJEDNAT 
       ====================================================== */ 
 
    body:has(a[href*="Ohodnocene-graded"]) #incenterpage .productPriceBox form { 
        transform: translate(-2px, 0px) !important; 
        position: relative !important; 
        z-index: 10 !important; 
    } 
 
}

/* ==========================================================
   🟡 OHODNOCENÉ KARTY – ŽLUTÉ TLAČÍTKO
   ========================================================== */

body:has(a[href*="Ohodnocene-graded"]) 
.productPriceBox .buy_btn {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

/* při najetí myší */
body:has(a[href*="Ohodnocene-graded"]) 
.productPriceBox .buy_btn:hover {
    background: #d97706 !important;
    color: #ffffff !important;
    border-color: #d97706 !important;
}

/* =========================================================
   📱 OHODNOCENÉ / GRADED – MOBIL
   TLAČÍTKO +2 PX DOLEVA A +2 PX DOPRAVA
   ========================================================= */

@media only screen and (max-width: 767px) {

    body:has(a[href*="Ohodnocene-graded"]) .productPriceBox form .buy_btn {
        width: calc(100% +2px) !important;
        margin-left: -20px !important;
        margin-right: -10px !important;
        box-sizing: border-box !important;
    }

}

/* =========================================================
   📱 OHODNOCENÉ / GRADED – MOBIL
   ZMENŠENÍ ČÍSELNÍKU
   ========================================================= */

@media only screen and (max-width: 767px) {

    body:has(a[href*="Ohodnocene-graded"]) .productPriceBox .input-spinner-group {
        width: calc(40% - 4px) !important;
        transform: none !important;
    }

}

/* =========================================================
   📱 OHODNOCENÉ / GRADED – MOBIL
   POSUN CELÉHO TLAČÍTKA
   ========================================================= */

@media only screen and (max-width: 767px) {

    body:has(a[href*="Ohodnocene-graded"]) .productPriceBox form .buy_btn {
        transform: translateX(2px) !important;
    }

}

/* ========================================================= 
   📱 MOBIL – POSUN CENY NAHORU / DOLŮ 
   VŠECHNY KATEGORIE KROMĚ OHODNOCENÉ / GRADED 
   ========================================================= */ 
 
@media only screen and (max-width: 767px) { 
 
    body.page-category:not(:has(a[href*="Ohodnocene-graded"]))
    #incenterpage 
    .products_wrap.full 
    .productBody 
    .productPriceBox 
    .productPrice { 
 
        position: relative !important; 
        top: 50px !important; 
        bottom: auto !important; 
 
    } 
 
}

#backTop {
    display: none !important;
}

































































































































/* ==========================================================
   🟣 JEDNOTNÁ FIALOVÁ BARVA TLAČÍTKA (ODSTÍN #6D38D9)
   ========================================================== */

.cat-pr-chart-wrapper .chart-handle .handle-btn,
button.handle-btn {
    background-color: #6D38D9 !important;
    border: 1px solid #7C4CED !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    padding: 12px 24px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.cat-pr-chart-wrapper .chart-handle .handle-btn:hover,
button.handle-btn:hover {
    background-color: #5B2EC5 !important;
    border-color: #6D38D9 !important;
    box-shadow: none !important;
}
/* ==========================================================
   🙈 SKRYTÍ DUPLICITNÍHO NÁZVU KATEGORIE (.cat-pr-chart .cat-name)
   ========================================================== */

.cat-pr-chart .cat-name,
p.best-of-title span.cat-name {
    display: none !important;
}
/* ==========================================================
   ⚪ BÍLÝ NÁZEV SEKCE (.cat-pr-chart .best-of-title)
   ========================================================== */

.cat-pr-chart .best-of-title,
p.best-of-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ==========================================================
   🙈 SKRYTÍ ŠTITKU SKLADU V TOP PRODUKtech (.cat-pr-chart span.stock-y)
   ========================================================== */

.cat-pr-chart span.stock-y,
.cat-pr-chart .item-info span[class*="stock"] {
    display: none !important;
}

/* ==========================================================
   ✨ SILNĚJŠÍ BÍLÝ NEON OKOLO OBRÁZKŮ V TOP PRODUKTECH
   ========================================================== */

.cat-pr-chart li .image img,
.cat-pr-chart .item-img img {
    box-shadow: 
        0 0 10px rgba(255, 255, 255, 0.9), 
        0 0 20px rgba(255, 255, 255, 0.7), 
        0 0 35px rgba(255, 255, 255, 0.5),
        0 0 50px rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
}
/* =====================================================
   TEXT POD KATEGORIEMI (BEZ POŠTOVNÉHO)
===================================================== */

body.page-category-53 .main_category::after {

    content:
    "🛡️ Originální produkty: Všechny naše produkty jsou 100% originální.\A"
    "\A"
    "🤝 Naše zkušenosti: Prodáváme na více platformách, především na Cardmarketu, kde jsme už úspěšně vyřídili 114 objednávek s pozitivním hodnocením. Tyto zkušenosti s prodejem, komunikací se zákazníky a vyřizováním objednávek chceme nyní přenést i do našeho vlastního e-shopu.\A"
    "\A"
    "💰 Naše ceny: Ceny nastavujeme podle Cardmarketu a držíme je pod úrovni CM Low, pokud nám to trh dovolí. Na rozdíl od soukromého prodeje ale z každého prodeje odvádíme daně, což se může promítat do výsledné ceny.  I přesto se vždy snažíme, aby pro vás naše ceny byly co nejférovější a konkurenceschopné.\A"
    "\A"
    "\A"
    "🛡️ Authentic Products: All of our products are 100% authentic.\A"
    "\A"
    "🤝 Our Experience: We sell on multiple platforms, primarily on Cardmarket, where we have successfully completed 114 orders with positive feedback. We are now bringing our experience in sales, customer communication, and order fulfillment to our own online store.\A"
    "\A"
    "💰 Our Prices: We set our prices based on Cardmarket and aim to keep them below CM Low whenever the market allows. Unlike private sellers, however, we pay taxes on every sale, which can affect the final price. Even so, we always strive to keep our prices as fair and competitive as possible for you.";

    display: block !important;
    clear: both !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
    box-sizing: border-box !important;

    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;

    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.6 !important;

    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 10px 5% !important;

    white-space: pre-line !important;
}
/* =========================================================
   NEJPRODÁVANĚJŠÍ / BESTSELLER
   ========================================================= */

body.page-category .cat-pr-chart .best-of-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    white-space: nowrap !important;
}

/* Pohár + Bestseller */
body.page-category .cat-pr-chart .best-of-title::before {
    content: "🏆" !important;
    display: inline-block !important;
    font-size: 19.2px !important;
    line-height: 1 !important;
}

/* Anglický text */
body.page-category .cat-pr-chart .best-of-title::after {
    content: "/ Bestseller" !important;
    display: inline-block !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 19.2px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1 !important;
}
/* ===========================================
   ÚPLNÉ ODSTRANĚNÍ PODKLADU A RÁMEČKU DOKONČENÉ OBJEDNÁVKY
   =========================================== */
.page-e-send #page,
.page-e-send #incenterpage2,
.page-e-send table.cart,
.page-e-send table.cart tbody,
.page-e-send table.cart tr,
.page-e-send table.cart td,
.page-e-send .total {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Všechny texty uvnitř budou bílé */
.page-e-send table.cart td p,
.page-e-send table.cart td {
    color: #ffffff !important;
}
/* ===========================================
   PRŮHLEDNÝ KOŠÍK BEZ POZADÍ A RÁMEČKU (BÍLÝ TEXT)
   =========================================== */
.page-e-basket.basket-empty #basket_form,
.page-e-basket #basket_form,
#basket_form {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Všechny texty uvnitř budou čistě bílé */
.page-e-basket.basket-empty #basket_form *,
.page-e-basket #basket_form *,
#basket_form * {
    color: #ffffff !important;
}

/* =========================================================
   DALŠÍ TOP PRODUKTY + MORE TOP PRODUCTS S ROVNOU MEZEROU
   ========================================================= */

body.page-category .cat-pr-chart-wrapper .handle-btn {
    font-family: inherit !important;
    font-weight: 500 !important;
    font-size: 13px !important;

    /* Výška a padding pro sjednocení */
    height: auto !important;
    min-height: 46px !important;
    padding: 8px 16px !important;
    line-height: 1.2 !important;
}

/* Český text - mírné odskočení nahoru, aby to bylo vycentrované */
body.page-category .cat-pr-chart-wrapper .handle-btn {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Anglický text s přesnou mezerou odpovídající dolním tlačítkům */
body.page-category .cat-pr-chart-wrapper .handle-btn::after {
    content: "More Top Products" !important;
    display: block !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    
    /* 🛠️ Tady je mezera (odpovídá rozestupu řádků dole) */
    margin-top: 3px !important; 
}
/* POSUNUTÍ OBRÁZKU V POTVRZENÍ OBJEDNÁVKY NÍŽ */
.page-e-send table.cart img {
    margin-top: 50px !important;
}
/* ===========================================
   SKRYTÍ MOŽNOSTI PŘIPOJIT OBRÁZEK V KOŠÍKU
   =========================================== */
.cart-item-note,
tr:has(.cart-item-note),
td:has(.cart-item-note),
.net-inputs-1,
div:has(> input[type="file"]) {
    display: none !important;
}

/* =========================================================
   PŘESNÉ CÍLENÉ ZVĚTŠENÍ POUZE ZÁSILKOVNY
   ========================================================= */

/* Cílíme na poslední rádio tlačítko / label v košíku, což je Zásilkovna */
.shipping-and-payment tr:last-of-type td:first-child img,
.delivery-area tr:last-of-type td:first-child img,
input[id*="zasilkovna"] ~ img,
input[value*="zasilkovna"] ~ img {
    width: 30px !important;
    height: auto !important;
    max-width: none !important;
}
/* =========================================================
   ČERNÉ PÍSMO V SELECET2 VYHLEDÁVÁNÍ (ZEMĚ)
   ========================================================= */

.select2-container .select2-search--dropdown .select2-search__field,
span.select2-search--dropdown input.select2-search__field {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* =========================================================
   PŘESUN SHRNUTÍ OBJEDNÁVKY POD FORMULÁŘ (POD SEBE)
   ========================================================= */

@media screen and (min-width: 992px) {
    /* Zrušení dvousloupcového rozvržení na desktopu */
    .page-e-finish #incenterpage2 {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* Roztáhnutí formuláře na plnou šířku nebo střed */
    .page-e-finish #incenterpage2 > div,
    .page-e-finish #incenterpage2 #left-box,
    .page-e-finish #incenterpage2 #form-delivery-details {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: auto !important;
    }

    /* Shrnutí objednávky roztáhneme naležato dolů pod formulář */
    .page-e-finish #incenterpage2 > table.cart,
    .page-e-finish #incenterpage2 #right-box {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: auto !important;
        grid-row: auto !important;
        margin-top: 30px !important;
        clear: both !important;
    }
}

/* =====================================================
   ZAROVNÁNÍ TEXTU PŘEDOBJEDNÁVEK NAHORU A VLEVO
   ===================================================== */

/* Schování původního oříznutého textu */
.page-product-detail tr.stock-line-stock_no span.fleft,
.page-product-detail tr.stock-line-stock_no .stock-text {
    font-size: 0 !important; 
}

/* Vložení textu zarovnaného nahoru a doleva */
.page-product-detail tr.stock-line-stock_no span.fleft::after,
.page-product-detail tr.stock-line-stock_no .stock-text::after {
    content: "Předpokládané dodání: pravděpodobně koncem září / začátkem října. Jakmile nám bude předobjednávka doručena, budeme vás neprodleně informovat prostřednictvím e-mailu. Následně vám bude objednávka bez zbytečného odkladu odeslána na vámi uvedenou doručovací adresu.\A\A Estimated delivery: probably late September / early October. Once the pre-order arrives, we will notify you promptly by email. Your order will then be shipped without delay to the delivery address you provided." !important;
    display: block !important;
    position: relative !important;
    
    /* Vynulování posunů – pojede to čistě od levého okraje buňky */
    margin-left: 0 !important; 
    width: 100% !important;
    max-width: 100% !important;
    
    /* ZAROVNÁNÍ: Vynucení pozice nahoru a doleva */
    vertical-align: top !important;
    text-align: left !important;
    
    /* Odsazení od zeleného textu nad tím */
    margin-top: 10px !important;         
    padding-bottom: 20px !important;      
    
    /* Vzhled textu */
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;
    font-size: 14.4px !important;
    line-height: 1.4 !important;
    white-space: pre-line !important;
}

/* Pojistka pro celou buňku tabulky, aby se nedržela uprostřed */
.page-product-detail tr.stock-line-stock_no td {
    vertical-align: top !important;
}

/* =====================================================
   LADĚNÍ ROZMĚRŮ, POSUNU A TVARU HLAVNÍHO BANNERU
   ===================================================== */

.page-banner a.page-banner-link img.page-banner-image {
    /* 1. Tvar (obdélník bez zaoblených rohů) */
    border-radius: 0px !important;     
    
    /* 2. Rozměry (Šířka a Výška) */
    width: 100% !important;            /* Šířka banneru (můžeš zmenšit např. na 90%) */
    height: 800px !important;          /* VÝŠKA: Tady ladíš výšku banneru v pixelech (např. 250px, 400px) */
    
    /* 3. Ořez obrázku, aby se při změně výšky nedeformoval */
    object-fit: cover !important;      
    object-position: center center !important;
    
    /* 4. POSUN (Umístění) */
    position: relative !important;     /* Nutné pro posun */
    top: -300px !important;               /* POSUN VERTIKÁLNĚ: Kladné číslo = dolů | Záporné (např. -20px) = nahoru */
    left: 0px !important;              /* POSUN HORIZONTÁLNĚ: Kladné číslo = doprava | Záporné = doleva */
    
    /* 5. Zarovnání a čisté okraje */
    margin: 0 auto !important;         
    padding: 0 !important;
    display: block !important;
}

/* Pojistka proti přepsání šablonou Webareal */
body #aroundpage .page-banner img.page-banner-image,
body .page-banner-container img.page-banner-image {
    border-radius: 0px !important;
}

/* =========================================================
   POSUN TEXTU POD BANNEREM – POUZE DESKTOP
   ========================================================= */

@media only screen and (min-width: 992px) {

    body.home .page-banner-container::after {
        position: relative !important;
        top: -300px !important;
        margin-bottom: -120px !important;
        z-index: 10 !important;
    }

}

/* =========================================================
   UNLOCK SYSTEM (GLOBÁLNÍ PŘEPÍNAČE)
   ========================================================= */

table.unlock-page-table ~ .myfooter {
    display: none !important;
}

body:has(table.unlock-page-table) #topBar {
    display: none !important;
}

.unlock-page-table .unlock-page-inner td {
    color: #000 !important;
}


/* =====================================================
   E-SHOP MAINTENANCE - UNLOCK PAGE (POUZE DESKTOP - VŠE TUČNĚ)
   ===================================================== */

@media screen and (min-width: 992px) {

    /* Zacíleno výhradně na tabulku odemčení na desktopu - vše tučně */
    table.main_tab.unlock-page-inner-table,
    table.main_tab.unlock-page-inner-table td,
    table.main_tab.unlock-page-inner-table span,
    table.main_tab.unlock-page-inner-table p {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        font-family: "Poppins", sans-serif !important;
        font-weight: 700 !important;
    }

    /* Převedení buňky na flexbox, aby šlo měnit pořadí prvků */
    table.main_tab.unlock-page-inner-table td {
        font-size: 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Zrušení skrytí formuláře/inputu (aby bylo heslo vidět) */
    table.main_tab.unlock-page-inner-table td input,
    table.main_tab.unlock-page-inner-table td button {
        display: inline-block !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    /* 1. ČESKÝ NADPIS + ANGLICKÝ NÁPIS (NAHOŘE) */
    table.main_tab.unlock-page-inner-table td::before {
        content: "PROBÍHÁ ÚDRŽBA E-SHOPU\A E-SHOP MAINTENANCE IN PROGRESS";
        white-space: pre-line !important;
        order: 1 !important;
        display: block !important;
        font-family: "Poppins", sans-serif !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.75 !important;
        letter-spacing: 0.3px !important;
        margin: 0 auto 28px auto !important;
        text-align: center !important;
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    /* 2. ČESKÁ + ANGLICKÁ ČÁST (UPROSTŘED) */
    table.main_tab.unlock-page-inner-table td::after {
        content:
            "Vážení zákazníci,\A\A"
            "v současné době probíhá plánovaná odstávka našeho systému z důvodu technických úprav a vylepšení e-shopu.\A\A"
            "Během této doby nebude e-shop dostupný.\A\A"
            "Na úpravách intenzivně pracujeme a jakmile bude vše dokončeno, e-shop bude opět plně k dispozici.\A\A"
            "Děkujeme za vaši trpělivost a omlouváme se za případné komplikace.\A\A"
            "WAU CARDS\A\A"
            "────────────────────────────\A\A"
            "Dear Customers,\A\A"
            "We are currently carrying out scheduled maintenance and technical updates to improve our e-shop.\A\A"
            "During this time, the e-shop will be temporarily unavailable.\A\A"
            "We are working hard to complete the updates and will make the e-shop fully available again as soon as possible.\A\A"
            "Thank you for your patience and understanding. We apologize for any inconvenience caused.\A\A"
            "WAU CARDS";

        order: 2 !important;
        display: block !important;
        white-space: pre-line !important;
        font-family: "Poppins", sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.75 !important;
        max-width: 550px !important;
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    /* 3. FORMULÁŘ S POLÍČKEM NA HESLO (POSUNUTÝ ÚPLNĚ DOLE) */
    table.main_tab.unlock-page-inner-table td form {
        order: 3 !important;
        margin-top: 15px !important;
    }
}

/* ==========================================================
   WAU-CARDS – POSUN TEXTU V PATIČCE
   ========================================================== */

.footer-box .item-content span {
    position: relative !important;

    /* POSUN DO STRAN */
    left: -2px !important;

    /* POSUN NAHORU / DOLŮ */
    top: 8px !important;
}

/* ==========================================================
   WAU-CARDS – POSUN POUZE TEXTU, IKONA ZŮSTÁVÁ
   ========================================================== */

.footer-box.box-item .item-content p span {
    font-size: 0 !important;
}

.footer-box.box-item .item-content p span::after {
    content: "WAU-CARDS" !important;
    font-size: 14px !important;

    position: relative !important;
    left: 8px !important; /* doprava / doleva */
    top: -7px !important;  /* dolů / nahoru */
}

/* ==========================================================
   FOOTER – ZMENŠENÍ A POSUN POUZE LOGA WAU-CARDS
   ========================================================== */

@media screen and (max-width: 767px) {

    /* Pouze logo WAU-CARDS */
    .myfooter .footer-box.box-item .item-content p span img {
        width: 46px !important;
        height: auto !important;

        /* POSUN DO STRANY */
        transform: translateX(4px) !important;
    }

}

/* ==========================================================
   OHODNOCENÉ KARTY – TEXT (PRO MOBIL I DESKTOP)
   ========================================================== */

/* Skrytí původního textu na všech zařízeních */
.odkaz_banner:nth-child(2) .title_ds {
    font-size: 0 !important;
}

/* Zobrazení nového textu s přizpůsobením velikosti */
.odkaz_banner:nth-child(2) .title_ds::after {
    content: "Ohodnocené karty dostupné na dotaz / Graded cards Available on request" !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
}

/* Velikost textu pro mobily */
@media screen and (max-width: 767px) {
    .odkaz_banner:nth-child(2) .title_ds::after {
        font-size: 0.9rem !important;
    }
}

/* Velikost textu pro desktop (obrazovky širší než 768px) */
@media screen and (min-width: 768px) {
    .odkaz_banner:nth-child(2) .title_ds::after {
        font-size: 1.1rem !important;
    }
}

/* =========================================================    
   📦 DLOUHÝ TEXT V 3. PODKATEGORII (BEZ JAKÉHOKOLIV POZADÍ)    
   ========================================================= */    
    
body.page-category-53-9-2 #incenterpage::before,    
body.page-category #incenterpage:has([data-id="47"])::before {    
    content: "(NOVINKA) V TÉTO ČÁSTI (SEKCI) NÍŽE PRO VÁS NAJDETE VYBRANÉ OHODNOCENÉ KARTY, O KTERÉ JSME ZAZNAMENALI ZÁJEM A KTERÉ VÁM NYNÍ NABÍZÍME K OBJEDNÁNÍ (Cardmarket - low) 👇 \A\A Pokud hledáte jinou konkrétní ohodnocenou kartu, například PSA 10, kterou momentálně v našem e-shopu nevidíte, neváhejte se nám ozvat. Tato sekce slouží pro individuální objednávky jakýchkoli ohodnocených karet, jejich dostupnost však může být omezená.\A\A Předpokládaná doba dodání je přibližně 4-6 týdnů od data nákupu. \A\A Pokud máte zájem o konkrétní kartu, kterou hledáte, doporučujeme nás kontaktovat prostřednictvím Facebooku (WAU CARDS SHOP, Wau Cards) nebo Instagramu (@wau_cards). \A\A\A\A If you are looking for a specific graded card, such as a PSA 10, that you don't currently see in our store, feel free to contact us. This section is intended for custom orders of graded cards, although availability may be limited. \A\A The estimated delivery time is approximately 4-6 weeks from the date of purchase. \A\A If you are looking for a specific card, we recommend contacting us via Facebook (WAU CARDS SHOP, Wau Cards) or Instagram (@wau_cards)." !important;

    display: block !important;    
    white-space: pre-line !important;    
        
    /* Úplné odstranění pozadí a rámečku */    
    background: transparent !important;    
    border: none !important;    
        
    /* Vzhled textu */    
    color: #cccccc !important;    
    -webkit-text-fill-color: #cccccc !important;    
    font-size: 13px !important;    
    line-height: 1.7 !important;    
    text-align: center !important;    
        
    /* Odsazení */    
    padding: 10px 20px !important;    
    margin: 0 0 20px 0 !important;    
}

/* ==========================================================
   OHODNOCENÉ KARTY – TEXT (PRO MOBIL I DESKTOP)
   ========================================================== */

/* Skrytí původního textu na všech zařízeních */
.odkaz_banner:nth-child(2) .title_ds {
    font-size: 0 !important;
}

/* Zobrazení nového textu s přizpůsobením velikosti */
.odkaz_banner:nth-child(2) .title_ds::after {
    content: "Ohodnocené karty dostupné na dotaz / Graded cards Available on request" !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
}

/* Velikost textu pro mobily */
@media screen and (max-width: 767px) {
    .odkaz_banner:nth-child(2) .title_ds::after {
        font-size: 0.9rem !important;
    }
}

/* Velikost textu pro desktop (obrazovky širší než 768px) */
@media screen and (min-width: 768px) {
    .odkaz_banner:nth-child(2) .title_ds::after {
        font-size: 1.1rem !important;
    }
}
/* ==========================================================
   🎯 VELIKOST PÍSMA 14.4px A POSUN PRO 2. BANNER
   ========================================================== */

/* Nastavení pro desktop i celkově pro text v druhém banneru */
@media screen and (min-width: 768px) {
    .odkaz_banner:nth-child(2) .title_ds::after,
    .odkaz_banner:nth-child(2) h3 {
        font-size: 14.4px !important;
        
        /* Posun textu - upravte hodnoty podle potřeby */
        position: relative !important;
        top: 82px !important;    /* Změňte např. na -5px nebo 10px pro posun nahoru/dolů */
        left: 0px !important;   /* Změňte pro posun do strany */
    }

}

/* ==========================================================
   📦 PŘEPSÁNÍ "STOCK NO" NA "NA OBJEDNÁVKU" POUZE V KUSOVÝCH KARTÁCH
   ========================================================== */

/* Cílíme pouze na kategorie kusových karet (uprav ID kategorie dle potřeby, např. mimo kategorii 53 pro ohodnocené) */
body:not(.page-category-53) .stock-n,
body:not(.page-category-53) span[class*="stock"][data-stock="-1"],
body:not(.page-category-53) div[stock*="-1"] {
    font-size: 0 !important;
}

body:not(.page-category-53) .stock-n::after,
body:not(.page-category-53) span[class*="stock"][data-stock="-1"]::after,
body:not(.page-category-53) div[stock*="-1"]::after {
    content: "na objednání" !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #f59e0b !important;
    display: inline-block !important;
}
/* Pouze Kusové karty */
.page-category .stock_no {
    font-size: 0 !important;
}

.page-category .stock_no::after {
    content: "🛒 na objednávku";
    font-size: 14px !important;
}
/* POUZE KUSOVÉ KARTY */
body:has(a[href*="Ohodnocene-graded"]) .productPriceBox form {
    position: relative !important;
}

body:has(a[href*="Ohodnocene-graded"]) .productPriceBox form .buy_btn {
    font-size: 0 !important;
}

body:has(a[href*="Ohodnocene-graded"]) .productPriceBox form::after {
    content: "Objednat nyní / Order Now";
    position: absolute;
    left: 40%;
    top: 0;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    pointer-events: none;
}
/* =========================================================
   POUZE KUSOVÉ KARTY / RAW CARDS
   ZÁKAZ PROKLIKU NA DETAIL PRODUKTU
   TLAČÍTKO OBJEDNAT ZŮSTÁVÁ FUNKČNÍ
   ========================================================= */

body.page-category:has(a[href*="Ohodnocene-graded"]) 
#incenterpage .product a {
    pointer-events: none !important;
    cursor: default !important;
}
/* KUSOVÉ KARTY – SCHOVAT PŮVODNÍ STOCK TEXT */
body.page-category:has(a[href*="Ohodnocene-graded"])
#incenterpage .stock_no {
    display: none !important;
}

/* ============================================
   NADPIS BANNERU - VELIKOST A POSUN
   ============================================ */

.odkaz_banner h3.title_ids {
    /* Velikost písma */
    font-size: 14.4px !important;

    /* Posun textu dolů */
    position: relative !important;
    top: 10px !important;
}

/* ================================
   GRADED / OHODNOCENÉ – VĚTŠÍ TLAČÍTKO
   POUZE DESKTOP
   ================================ */

@media only screen and (min-width: 768px) {

  body:has(a[href*="Ohodnocene-graded"]) .productPriceBox .buy_btn {
    font-size: 18px !important;
    padding: 12px 25px !important;
    min-height: 45px !important;
    width: 160% !important;

    /* ORANŽOVÁ */
    background-color: #ff8c00 !important;
    color: #fff !important;

    /* VYCENTROVÁNÍ TEXTU */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
  }

}

/* POSUN TLAČÍTKA – GRADED / DESKTOP */
@media only screen and (min-width: 768px) {

  body:has(a[href*="Ohodnocene-graded"]) .productPriceBox input.buy_btn {
    position: relative !important;
    left: 15px !important;
    top: 0px !important;
  }

}

/* ==========================================
   GRADED / OHODNOCENÉ – SKRYTÍ PRE-ORDER
   ========================================== */

body:has(a[href*="Ohodnocene-graded"]) .page-e-basket .stock-no {
    display: none !important;
}

/* ==========================================
   SKRYTÍ STAVU SKLADU V KOŠÍKU I PŘI DOKONČENÍ OBJEDNÁVKY
   ========================================== */

/* 1. V košíku (.page-e-basket) */
.page-e-basket .stock-yes, 
.page-e-basket .stock-no, 
.page-e-basket .stock-unknown,
.page-e-basket div.stock-no,
.page-e-basket div.stock-yes {
    display: none !important;
}

/* 2. Při dokončení objednávky (.page-e-finish / shrnutí) */
.page-e-finish .stock-yes, 
.page-e-finish .stock-no, 
.page-e-finish .stock-unknown,
.page-e-finish div.stock-no,
.page-e-finish div.stock-yes,
#ajax-basket .stock-no,
#ajax-basket .stock-yes,
.cart .stock-no,
.cart .stock-yes {
    display: none !important;
}

/* ==========================================
   PŘEBETONOVÁNÍ CELKOVÉHO SOUHRNU NA TMAVĚ FIALOVOU
   ========================================== */
.page-e-finish #incenterpage2 > table.cart tbody tr.total:not(.voucher-resume-box),
.page-e-basket #incenterpage2 > table.cart tbody tr.total:not(.voucher-resume-box),
table.cart tbody tr.total {
    background: #22103d !important;
    background-color: #22103d !important;
    background-image: none !important;
    --secondary: #6D28D9 !important; /* Přepíšeme i samotnou proměnnou šablony */
}

/* Pojistka pro texty uvnitř řádku, aby byly bílé a dobře čitelné */
.page-e-finish table.cart tr.total td, 
.page-e-basket table.cart tr.total td,
table.cart tr.total td {
    color: #FFFFFF !important;
}

/* ==========================================
   ZAKÁZÁNÍ PROKLIKU NA DETAIL PRODUKTU V KOŠÍKU A FINISHI
   ========================================== */
.page-e-basket table.cart td.box_text a,
.page-e-finish table.cart td.box_text a,
table.cart td.box_text a {
    pointer-events: none !important;
    cursor: default !important;
    color: inherit !important; /* Zachová barvu textu, aby to nevypadalo jako rozbitý odkaz */
    text-decoration: none !important;
}

/* ==========================================
   PRŮHLEDNÉ POZADÍ U CENY PRODUKTU (TR.TOTAL)
   ========================================== */
.page-product-detail table.cart tbody tr.total,
table.cart tbody tr.total,
tr.total {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    --secondary: transparent !important;
}

@media screen and (min-width: 992px) {

    /* Kontejner – musí být referenční bod */
    .cat-highlights-container {
        position: relative !important;
    }

    .cat-highlights-container .cat-highlights-wrapper {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 280px !important;
    }

    /* ==================================================
       🟣 POKÉMON
       ================================================== */
    .cat-highlights-container
    .cat-highlights-wrapper
    .cat-highlights-box:nth-child(1) {

        position: absolute !important;

        width: 450px !important;
        height: 280px !important;

        min-width: 450px !important;
        max-width: 450px !important;
        min-height: 280px !important;
        max-height: 280px !important;

        left: 140px !important;
        top: -80px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;

        transform: none !important;
    }


    /* ==================================================
       🔵 NHL
       ================================================== */
    .cat-highlights-container
    .cat-highlights-wrapper
    .cat-highlights-box:nth-child(2) {

        position: absolute !important;

        width: 450px !important;
        height: 280px !important;

        min-width: 450px !important;
        max-width: 450px !important;
        min-height: 280px !important;
        max-height: 280px !important;

        left: 845px !important;
        top: -80px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;

        transform: none !important;
    }


    /* ==================================================
       🖼️ ODKAZ
       ================================================== */
    .cat-highlights-box .img-link {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        padding: 0 !important;
        margin: 0 !important;

        display: block !important;
        overflow: hidden !important;

        border-radius: 30px !important;
    }


    /* ==================================================
       🖼️ OBRÁZEK
       ================================================== */
    .cat-highlights-box .img-link img {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;
        max-height: none !important;

        padding: 0 !important;
        margin: 0 !important;

        display: block !important;

        object-fit: fill !important;

        border-radius: 30px !important;
    }
}

/* ==========================================================
   📦 KONTEJNER PRO MŘÍŽKU
   ========================================================== */

.cat-highlights-container {
    position: relative !important;
    width: 860px !important;
    height: 680px !important;
    margin: 0 auto !important;
    display: block !important;
    overflow: visible !important;
}

.cat-highlights-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}


/* ==========================================================
   🧱 ZÁKLADNÍ ROZMĚR PRO VŠECHNY BOXY (např. malé 140px)
   ========================================================== */

.cat-highlights-box {
    position: absolute !important;
    width: 140px !important;
    height: 140px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cat-highlights-box .img-link,
.cat-highlights-box a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.cat-highlights-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 15px !important;
}


/* ==========================================================
   🎯 PŘESNÁ POZICE PRO KAŽDÝ BOX ZVLÁŠŤ
   (Tady si můžeš poladit `left` a `top` pro každý box, 
    když by některý utíkal jinam)
   ========================================================== */

/* 1. řádek */
.cat-highlights-box:nth-child(1) { left: 0px !important; top: 0px !important; }
.cat-highlights-box:nth-child(2) { left: 180px !important; top: 0px !important; }
.cat-highlights-box:nth-child(3) { left: 360px !important; top: 0px !important; }
.cat-highlights-box:nth-child(4) { left: 540px !important; top: 0px !important; }
.cat-highlights-box:nth-child(5) { left: 720px !important; top: 0px !important; }

/* 2. řádek */
.cat-highlights-box:nth-child(6) { left: 0px !important; top: 180px !important; }
.cat-highlights-box:nth-child(7) { left: 180px !important; top: 180px !important; }
.cat-highlights-box:nth-child(8) { left: 360px !important; top: 180px !important; }
.cat-highlights-box:nth-child(9) { left: 540px !important; top: 180px !important; }
.cat-highlights-box:nth-child(10) { left: 720px !important; top: 180px !important; }

/* 3. řádek */
.cat-highlights-box:nth-child(11) { left: 0px !important; top: 360px !important; }
.cat-highlights-box:nth-child(12) { left: 180px !important; top: 360px !important; }
.cat-highlights-box:nth-child(13) { left: 360px !important; top: 360px !important; }
.cat-highlights-box:nth-child(14) { left: 540px !important; top: 360px !important; }
.cat-highlights-box:nth-child(15) { left: 720px !important; top: 360px !important; }

/* 4. řádek */
.cat-highlights-box:nth-child(16) { left: 0px !important; top: 540px !important; }
.cat-highlights-box:nth-child(17) { left: 180px !important; top: 540px !important; }
.cat-highlights-box:nth-child(18) { left: 360px !important; top: 540px !important; }
.cat-highlights-box:nth-child(19) { left: 540px !important; top: 540px !important; }
.cat-highlights-box:nth-child(20) { left: 720px !important; top: 540px !important; }


/* ==========================================================
   📦 PERFEKTNĚ ZAROVNANÁ MŘÍŽKA MALÝCH BOXŮ NA STŘEDU
   ========================================================== */

/* Kontejner vycentrovaný na středu stránky */
.cat-highlights-container {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

.cat-highlights-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px !important; /* Mezera mezi boxy */
    width: 100% !important;
    max-width: 860px !important;
}

/* Pevná velikost každého malého boxu (140x140 px) */
.cat-highlights-box {
    flex: 0 0 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
    
    position: relative !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

/* Vnitřní odkaz a obrázek přesně na rozměr boxu */
.cat-highlights-box .img-link,
.cat-highlights-box a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 20px !important;
}

.cat-highlights-box img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    display: block !important;
}



























































































































/* ==========================================
   DESKTOP - PRODUKTŮ POSUN STRANKY WEBU
   ========================================== */

@media screen and (min-width:769px){
    .products_wrap.full{
        margin-top:0px !important;
    }
}

/* ==========================================
   DESKTOP - VYCENTROVÁNÍ PRODUKTŮ V KATEGORII
   ========================================== */

@media screen and (min-width:769px){
    .page-category #incenterpage{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
    }

    .page-category .products_wrap.full{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
        gap:35px !important;
    }
}

/* ===========================================
   DESKTOP - LADĚNÍ OBRÁZKU PRODUKTU
   =========================================== */

@media screen and (min-width:769px){
    .productBody .img_box{
        transform:scale(1.2) !important;
        transform-origin:top center !important;
        position:relative !important;
        z-index:9999 !important;
    }
}

/* ===========================================
   DESKTOP - HOVER ZVĚTŠENÍ PRODUKTU
   =========================================== */

@media screen and (min-width:769px){
    .productBody{
        overflow:visible !important;
    }

    .productBody .img_box{
        transition:transform .25s ease;
    }

    .productBody:hover .img_box{
        transform:scale(1.58);
        z-index:9999;
        position:relative;
    }
}

.productTitleContent {
    margin-top: 80px; /* Kladná hodnota posune prvek NÍŽ */
}

/* 1. Nastavení výchozího stavu pro hladký pohyb */
.product .productBody, .product3 .productImagebox {
    transition: transform 0.3s ease-in-out !important; /* Doba animace: 0.3s */
}

/* 2. Nastavení stavu po najetí myší (hover) */
.product .productBody:hover, .product3 .productImagebox:hover {
    transform: scale(1.1) !important; /* Zvětšení o 10% (1.1 = 110%) */
    z-index: 10 !important; /* Posune zvětšenou kartu 'navrch', aby nepřekrývala vedlejší */
}

/* ZVĚTŠENÍ HLAVNÍHO NÁZVU KARTY */
html body .productTitle, 
html body .productTitleContent {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

/* ZVĚTŠENÍ POPISKU POD NÁZVEM (NAPŘ. PSA 9) */
html body .product p,
html body .productTitleContent p {
    font-size: 18px !important;
    font-weight: bold !important;
}

/*--------------------------------------------------
  OPRAVA OŘEZANÉHO HOVER EFEKTU V HORNÍ LIŠTĚ
--------------------------------------------------*/

/* 1. Povolíme přetékání efektů nad i pod horní lištu */
#topBar, 
.topBar-wrapper, 
.top-bar-content,
#topBar .topBar-wrapper {
    overflow: visible !important;
}

/* 2. Zvýšíme z-index ikonek, aby záře skákala nad ostatní prvky */
.top-bar-content a,
.top-bar-content img {
    position: relative !important;
    z-index: 9999 !important;
}

.product-tag .tag-title::before {
  content: "\f219" !important; /* FontAwesome kód pro diamant */
  font-family: FontAwesome !important;
  margin-right: 5px !important;
  display: inline-block !important;
}

/*--------------------------------------------------
 PRŮHLEDNOST PRO AKČNÍ / SLIDER BOXU A OPRAVA POZICE
--------------------------------------------------*/

/* 1. Průhledné pozadí POUZE pro akční produkty a carousel boxy */
.in-action-box .product3,
.in-action-box .productBody,
.in-action-box .product3In {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===========================================
   PREMIUM FIALOVÁ → ČERNÁ
   =========================================== */

#page_background{
    position:relative !important;

    background:linear-gradient(
        to bottom,

        #241238 0%,      /* hluboká prémiová fialová nahoře */
        #190c29 25%,     /* tmavá elegantní fialová */
        #100719 50%,     /* velmi tmavá fialová */
        #07030c 75%,     /* skoro černá */
        #000000 100%     /* čistá černá dole */
    ) !important;
}

#page_background::after{
    /* HVĚZDY JSOU NAD ČERNOU */
    content:"";
    position:fixed;

    top:60px;
    bottom:0;

    left:50%;
    transform:translateX(-50%);

    width:100%;
    max-width:1000px;

    pointer-events:none;
    z-index:10;

    /* tady pokračuje celý tvůj background s hvězdami */
}

/* =====================================================
   HLAVNÍ STRÁNKA – ZOBRAZIT POUZE 3 PRODUKTY
   WEBREAL STRUKTURA
   ===================================================== */

body.home .products_wrap.full .product:nth-child(n+7) {
    display: none !important;
}

/* =====================================================
   HLAVNÍ STRÁNKA – SCHOVAT VŠECHNY PRODUKTY
   ===================================================== */

body.home .products_wrap.full .product {
    display: none !important;
}

/* =====================================================
   POSUN CELÉHO BLOKU "NOVINKA" NAHORU
   ===================================================== */

.action-box.box_news {
    /* POSUNE CELÝ BLOK NAHORU */
    margin-top: -400px !important;
}

/* ===========================================
   NULOVÁNÍ BÍLÝCH PLOCH PŘI NAČÍTÁNÍ (WEBAREAL)
   =========================================== */

/* 1. Globální přebití bílého pozadí pro všechna okna a kontenery */
#incenterpage,
#aroundpage,
#page,
.action-box,
.in-action-box,
.owl-carousel,
.owl-stage-outer,
.owl-stage,
div[class*="box"],
div[class*="container"] {
  background-color: transparent !important;
  background-image: none;
}

/* 2. Zrušení bílé svítivosti u samotného načítacího stavu */
.el-loading,
.box_news.el-loading,
.zbozi-akce.el-loading,
.action-box-bestsellers.el-loading {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* 3. Pokud si Webareal generuje bílý pseudo-element (overlay) */
.action-box::before,
.action-box::after,
.el-loading::before,
.el-loading::after {
  background: transparent !important;
  display: none !important;
}

/* ================================================================== */
/* POSUN PRO "Zbývá pouze 1 kus" - POUZE HOMEPAGE + CAROUSEL (992px+) */
/* ================================================================== */

@media screen and (min-width: 992px) {
    /* Cílení výhradně na hlavní stranu a položky uvnitř carouselu */
    body#indexpage .owl-carousel .product-tags .tag-title,
    body#indexpage .owl-carousel .product-tag .tag-title,
    body#indexpage .owl-carousel span.tag-title,
    body#indexpage .owl-carousel span.product-tag:last-child,
    body.page-index .owl-item .tag-title,
    #incenterpage .owl-carousel .tag-title {

        /* Ukotvení v přirozeném toku */
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;

        /* Reset původních skoků */
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        /* ========================================================== */
        /* === TADY LADÍŠ POSUN NAHORU / DOLŮ A DO STRAN (DESKTOP) === */
        /* ========================================================== */

        /* POSUN NAHORU / DOLŮ (Vyšší číslo = dolů, nižší/záporné = nahoru) */
        margin-top: 95px !important;

        /* POSUN DOLEVA / DOPRAVA (Vyšší číslo = doprava) */
        margin-left: -15px !important;

        /* MEZERA POD ŠTÍTKEM */
        margin-bottom: 8px !important;
        margin-right: 0px !important;

        /* JEMNÉ DOLADĚNÍ PO PIXELECH */
        transform: translateY(0px) !important;
    }
}

/* ==========================================
   DESKTOP - LADĚNÍ IKONY U ŠTÍTKŮ
   ========================================== */

@media screen and (min-width:992px){
    .product-tag .tag-title::before{
        margin-right: -1px !important;   /* mezera mezi ikonou a textem */
        margin-left: 0px !important;    /* posun celé ikony */
    }
}

/* =====================================================
   DETAIL PRODUKTU: SPUŠTĚNÍ ŠTÍTKU DOLŮ POD CENU
   ===================================================== */

/* Vypneme absolutní pozici na detailu stránky */
.page-product-detail .product-tags {
    position: static !important;
    display: block !important;
    margin-top: 10px !important; /* Mezera od elementu nad ním (ceny/tlačítek) */
    clear: both !important;
}

/* Smažeme jakékoliv posuny ze samotného štítku */
.page-product-detail .product-tags .tag-title,
.page-product-detail span.tag-title {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 5px 0 0 0 !important;
    display: inline-block !important;
}

/* =====================================================
   DEFINITIVNÍ SCHOVÁNÍ TEXTU (::before) V PRODUKTECH
   ===================================================== */
@media screen and (min-width: 992px) {
    /* Přebití s nejvyšší možnou specificitou */
    html body #incenterpage .productPriceBox::before,
    html body .productPriceBox::before,
    html body .productPriceBox:has(.stock_no)::before,
    html body .productPriceBox:has(.stock_yes)::before {
        display: none !important;
        content: "" !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
    }
}

/* ==========================================
   DESKTOP - SKRÝT NADPIS KATEGORIE
   ========================================== */

@media screen and (min-width:992px){
    .page-category h1.title_page.def_color{
        display: none !important;
    }
}

/* =====================================================
   DEFINITIVNÍ SCHOVÁNÍ PSEUDO-PRVKŮ (::before i ::after)
   ===================================================== */
@media screen and (min-width: 992px) {
    html body #incenterpage .productPriceBox::before,
    html body #incenterpage .productPriceBox::after,
    html body .productPriceBox::before,
    html body .productPriceBox::after,
    html body .productPriceBox:has(.stock_no)::before,
    html body .productPriceBox:has(.stock_no)::after,
    html body .productPriceBox:has(.stock_yes)::before,
    html body .productPriceBox:has(.stock_yes)::after {
        display: none !important;
        content: "" !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
    }
}

/* =====================================================
   BÍLÝ TEXT V ČÍSELNÍKU (POČET KUSŮ V KOŠÍKU)
   ===================================================== */
/* Zbarvíme samotný text/číslo na bílo */
.input-spinner-group input,
.input-spinner-group input.count,
div.input-spinner-group input[type="number"],
div.input-spinner-group input[type="text"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* Pro Safari a Chrome override */
}

/* Pokud jsou v číselníku tlačítka + a -, zbarvíme i je na bílo */
.input-spinner-group button,
.input-spinner-group .btn {
    color: #ffffff !important;
}

/* =====================================================
   ZMENŠENÍ TEXTŮ V KARUSELU NA 12px (DESKTOP ONLY)
   ===================================================== */

@media (min-width: 992px) {
    /* 1. Skladem (YES) i Není skladem (NO) / Počet kusů / Kódy */
    .action-box .stock_no,
    .action-box .stock_yes,
    .action-box .in-stock-no,
    .action-box .in-stock-yes,
    .owl-carousel .stock_no,
    .owl-carousel .stock_yes,
    #incenterpage .action-box .stock_no,
    #incenterpage .action-box .stock_yes,
    body[class*="incenterpage"] .action-box [class*="stock_"] {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    /* 2. Všechny štítky (Pre-order, novinky, akce atd.) */
    .action-box .product-tags *,
    .action-box .product-tag *,
    .owl-carousel .product-tags *,
    .owl-carousel .product-tag *,
    #incenterpage .action-box [class*="product-tag"] * {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
}

/* =====================================================
   NASTAVENÍ V PRODUKTU POUZE 1KS A POSUN TRANSPL CENY V PRODUKTECH UVNITR PDO CENU
   ===================================================== */
/* Nastaví referenční bod pro ukotvení */
.page-product-detail .product-price {
    position: relative;
}

/* Posune štítek "Transparentní historie ceny" doprava */
.price-history-widget-link {
    margin-left: 15px !important;
}

/* Ukotví štítek pod cenu a posune ho doprava */
.page-product-detail .product-tag:last-child {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 15px;
    transform: translateX(15px);
}

/* =====================================================
   NEON KOLEM PRODUKTŮ JEMNEJŠÍ
   ===================================================== */
.action-box,
.product3 {
    border: none !important;
    outline: none !important;
    /* Měkká fialová záře do prostoru */
    box-shadow: 0 0 15px rgba(107, 33, 168, 0.6) !important;
}

/* =====================================================
   ČISTÁ ZÁŘE BEZ ZDVOJENÍ (DESKTOP)
   ===================================================== */

/* 1. Zrušíme všechny záře/rámečky z obalu, aby se nezdvojovaly */
.action-box,
.action-box-main,
.owl-item {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 2. Měkká fialová záře na samotnou kartu (Počítače / Tablety) */
.product3 {
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 15px rgba(107, 33, 168, 0.6) !important;
}

/* =====================================================
   SAMOSTATNÝ RÁMEČEK SE ZÁŘÍ (PROTÁHNUTÍ POUZE RÁMEČKU)
   ===================================================== */

/* 1. Karta samotná zůstane bez okrajů a záře */
.product3 {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
}

/* 2. Rámeček se září na PC */
.product3::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; /* Na PC lícuje přesně s kartou */
    box-shadow: 0 0 15px rgba(107, 33, 168, 0.6) !important;
    pointer-events: none !important; /* Zabezpečí, že lze na vše pod ním klikat */
    z-index: 1 !important;
}

/* 3. PROTÁHNUTÍ RÁMEČKU NÍŽ POUZE NA MOBILU */
@media only screen and (max-width: 767px) {
    .product3::after {
        /* Záporná hodnota protáhne spodní hranu rámečku dolů */
        bottom: -130px !important; /* Zvětšuj/zmenšuj číslo (např. -15px, -30px) podle potřeby */
        
        box-shadow: 0 0 10px rgba(107, 33, 168, 0.5) !important;
    }
}

/* =====================================================
   ZVĚTŠENÍ FIALOVÝCH RÁMEČKŮ (VÝŠKA A ŠÍŘKA) KATEGORIE NEJLEVNEJSI NEJDRAZSI APOD
   ===================================================== */

/* 1. HLAVNÍ OBAL TLAČÍTKA - Musí se zvětšit jako první! */
.sorting_item,
div.sorting_item,
#products_sorting_table .sorting_item {
    position: relative !important;
    display: inline-block !important; /* Nutné pro funkční výšku */
    height: 60px !important;            /* 👈 TADY ZVĚTŠUJEŠ VÝŠKU (např. 60px, 70px...) */
    min-height: 60px !important;
    min-width: 150px !important;        /* 👈 TADY ZVĚTŠUJEŠ ŠÍŘKU (např. 150px, 170px...) */
    width: auto !important;
    vertical-align: top !important;
}

/* 2. Vnitřní fialový rámeček a odkaz */
.sorting_item a,
div.sorting_item a {
    display: block !important;
    height: 100% !important;            /* Roztáhne fialové pozadí na celých 60px obalu */
    line-height: 1.2 !important;        /* 👈 ZRUŠENÍ ZAMČENÉ VÝŠKY ŘÁDKU Webarealu */
    padding-top: 10px !important;       /* Mezera pro horní (český) text */
    padding-bottom: 25px !important;    /* 👈 Vytvoří modré/fialové místo dole pro text */
    
    /* LADĚNÍ DOLEVA */
    text-align: left !important;        /* Zarovná český text doleva */
    padding-left: 10px !important;      /* Mezera od levého okraje */
    padding-right: 10px !important;     /* Mezera od pravého okraje */
    box-sizing: border-box !important;
}

/* 3. Anglický text usazený dole uvnitř fialového rámce */
.sorting_item::after,
div.sorting_item::after {
    position: absolute !important;
    bottom: 6px !important;             /* 👈 Odstup anglického textu od dolního okraje */
    
    /* LADĚNÍ DOLEVA */
    left: 10px !important;              /* Stejné odsazení zleva jako u hlavního textu */
    right: auto !important;
    width: auto !important;
    text-align: left !important;        /* Text doleva */
    
    font-size: 14px !important;         /* Velikost písma */
    font-family: inherit !important;     /* Stejný font šablony */
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* =====================================================
   PODNÁPISY (Opravené texty pro tvoje tlačítka)
   ===================================================== */

.sorting_item:nth-child(1)::after {
    content: "Price: Low to High" !important;
}
.sorting_item:nth-child(2)::after {
    content: "Price: Low to High" !important;
}
.sorting_item:nth-child(3)::after {
    content: "Price: High to Low" !important;
}

/* Tlačítko pro nejlevnější / price asc */
.sorting_item:has(a[href*="sort=price"])::after,
.sorting_item:has(a[href*="cheap"])::after {
    content: "Price: Low to High" !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 11px !important;
    color: #ffffff !important;
}

/* =====================================================
   CÍLENÍ NA 3. TLAČÍTKO KATEGORIE NEJNOVEJSI (Díky přesné cestě Webarealu)
   ===================================================== */

.page-category #products_sorting_box #products_sorting_table .sorting_item:last-child::after {
    content: "Newest" !important;           /* 👈 TEXT */
    font-family: "Poppins", sans-serif !important; /* 👈 FONT */
    font-size: 14px !important;                     /* 👈 VELIKOST PÍSMA */
    font-weight: 500 !important;                    /* 👈 TLOUŠŤKA (400, 500, 700) */
    color: #ffffff !important;                      /* 👈 BARVA */
    
    /* Pozice a zarovnání */
    position: absolute !important;
    bottom: 6px !important;
    left: 10px !important;
    text-align: left !important;
    right: auto !important;
    width: auto !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* =====================================================
   DOKONALÉ LÍCOVÁNÍ HORNÍHO A DOLNÍHO TEXTU
   ===================================================== */

/* 1. Horní text - natvrdo určíme přesný start od levého okraje */
.page-category #products_sorting_box #products_sorting_table .sorting_item a {
    padding-left: 12px !important;      /* 👈 Horní text začne přesně 12px od kraje */
    text-align: left !important;
}

/* 2. Spodní text - nastavíme přesně stejný start (12px) bez marginů */
.page-category #products_sorting_box #products_sorting_table .sorting_item::after,
.page-category #products_sorting_box #products_sorting_table .sorting_item:first-child::after,
.page-category #products_sorting_box #products_sorting_table .sorting_item:nth-child(2)::after,
.page-category #products_sorting_box #products_sorting_table .sorting_item:last-child::after {
    left: 0px !important;               /* 👈 Spodní text padne PřESNĚ pod ten horní */
    margin-left: 15px !important;           /* Vynuluje případný nechtěný posun */
    padding-left: 0 !important;
    text-align: left !important;
}

/* ==========================================
   DESKTOP - VYNUTIT 2 POLOŽKY A STRUKTURA PODKATEGORIÍ
   ========================================== */

@media screen and (min-width:992px){
    .action-box .owl-item{
        width:calc(100% / 2) !important;
    }

    .action-box .owl-stage{
        width:100% !important;
        display:flex !important;
        flex-wrap:nowrap !important;
    }

    .action-box .owl-item{
        flex:0 0 49.3% !important;
        max-width:49.3% !important;
        width:49.3% !important;
    }

    /* =====================================================
       STŘIKTNĚ POUZE PRO SUBKATEGORIE V HORNÍ ČÁSTI STRÁNKY
       ===================================================== */

    /* Obal pouze pro dlaždice kategorií */
    body.page-category #centerpage #incenterpage > div.main_category > a.odkaz_banner {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: visible !important;
        padding: 10px !important;
        padding-bottom: 55px !important;
        margin: 12px !important;
    }

    /* Obrázek v dlaždici */
    body.page-category #centerpage #incenterpage > div.main_category > a.odkaz_banner .img_category {
        display: block !important;
        margin: 0 auto !important;
        max-width: 120px !important;
        max-height: 120px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Název pod dlaždicí */
    body.page-category #centerpage #incenterpage > div.main_category > a.odkaz_banner .title_ds {
        position: absolute !important;
        left: 50% !important;
        bottom: -52px !important;
        transform: translateX(-50%) !important;
        width: 170px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        background: transparent !important;
        line-height: 1.25 !important;
        z-index: 50 !important;
    }

    /* ==========================================================
       SCHOVÁNÍ KONKRÉTNÍCH PRODUKTŮ V AKČNÍM CAROUSELU TU LADíš
       ========================================================== */

    .action-box .owl-item:has([data-id="255"]),
    .action-box .owl-item:has([data-id="254"]),
    .action-box .owl-item:has([data-id="284"]),
    .action-box .owl-item:has([data-id="278"]),
    .action-box .owl-item:has([data-id="45"]){ 
        display:none !important; 
    }

}

/* =====================================================
   PROPOJENÍ OBRÁZKU A TEXTU (TEXT SE POSUNUJE POD OBRÁZEK)
   ===================================================== */

/* 1. Karta jako Flexbox - skládá věci vertikálně pod sebe */
.action-box .product3,
.product3 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* 2. Obal obrázku - drží reálnou výšku obrázku */
.action-box .product3ImageBox,
.product3ImageBox {
    height: auto !important;
    max-height: none !important;
    flex-shrink: 0 !important;
    margin-bottom: 15px !important; /* Mezera mezi obrázkem a textem */
}

/* 3. Samotný obrázek - TADY LADÍŠ VELIKOST */
.action-box .product3ImageBox img,
.product3ImageBox img {
    /* -------------------------------------------------
       LADĚNÍ VELIKOSTI OBRÁZKU:
       Změň 260px na více/méně - text pod tím se SÁM posune!
       ------------------------------------------------- */
    max-height: 100px !important; 
    
    width: auto !important;
    max-width: 55% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* 4. Název a texty pod obrázkem - přirozeně navazují pod obrázkem */
.action-box .product3Title,
.product3Title {
    position: static !important;
    margin-top: 0 !important;
    clear: both !important;
}

/* =====================================================
   OBNOVENÍ VIDITELNOSTI TLAČÍTEK KOUPIT / OBJEDNAT
   ===================================================== */

/* 1. Vynutit zobrazení celého nákupního boxu a tlačítka */
.productBasket,
.product_buy_box,
.btn-buy,
.btn-add-to-cart,
.product3 .productBasket,
.product3 button,
.product3 input[type="submit"],
.product3 .btn,
a.btn-buy,
button.btn-buy,
input.btn-buy {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* 2. Zajištění, že kontejner s cenou neschová tlačítko uvnitř */
.productPriceBox {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* =====================================================
   SCHOVÁNÍ ŠTÍTKU "ZBÝVÁ POUZE 1 KUS" (VŠUDE KROMĚ DETAILU PRODUKTU)
   ===================================================== */

/* 1. Schováme ho na výpisech kategorií, hlavní straně i karuselu (PC + Mobil) */
.product-tags .product-tag:last-child,
.productFooterContent .product-tags .product-tag:last-child,
.product3 .product-tags .product-tag:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. ZACHOVÁNÍ ŠTÍTKU NA DETAILU PRODUKTU (po rozkliknutí) */
body.page-product-detail .product-tags .product-tag:last-child,
body.page-product-detail .product-tags div.product-tag:last-child {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
}

/* ==========================================================
   SCHOVÁNÍ KONKRÉTNÍCH PRODUKTŮ V CAROUSELU (DESKTOP I MOBIL)
   ========================================================== */

/* 1. Pro všechna rozlišení včetně mobilu */
.action-box .owl-item:has([data-id="255"]),
.action-box .owl-item:has([data-id="254"]),
.action-box .owl-item:has([data-id="284"]),
.action-box .owl-item:has([data-id="278"]),
.action-box .owl-item:has([data-id="45"]),
.owl-carousel .owl-item:has([data-id="255"]),
.owl-carousel .owl-item:has([data-id="254"]),
.owl-carousel .owl-item:has([data-id="284"]),
.owl-carousel .owl-item:has([data-id="278"]),
.owl-carousel .owl-item:has([data-id="45"]) { 
    display: none !important; 
}

/* 2. Pojistka přímo v mobilním media query */
@media only screen and (max-width: 767px) {
    .owl-item:has([data-id="255"]),
    .owl-item:has([data-id="254"]),
    .owl-item:has([data-id="284"]),
    .owl-item:has([data-id="278"]),
    .owl-item:has([data-id="45"]) { 
        display: none !important; 
    }
}
/* ==========================================================
   STEJNÁ VÝŠKA ... RÁMECKU OKOLO MENU ... VŠECH POLOŽEK V CAROUSELU (OWLS-STAGE / OWLS-ITEM)
   ========================================================== */
@media screen and (min-width: 768px) {

    /* 1. Nastaví container carouselu na stretch flex */
    .owl-carousel .owl-stage {
        display: flex !important;
    }

    /* 2. Donutí každý slider box mít 100% výšku řádku */
    .owl-carousel .owl-item {
        display: flex !important;
        flex: 1 0 auto !important;
        height: auto !important;
    }

    /* 3. Vnitřní produktový obal se roztáhne na celou výšku parentu */
    .owl-carousel .owl-item > div,
    .owl-carousel .owl-item .productBox {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

}

/* ================================================================== */
/* CHYTRÝ POSUN ŠTÍTKU – POUZE V KATEGORIÍCH (NE HOMEPAGE)    STOCK YES A STOCK NO SKLADEM A PREDOBJEDNÁVKA!! V PRODUKTECH         */
/* ================================================================== */

@media screen and (min-width:992px){

    body.page-category #incenterpage .action-box .stock_no,
    body.page-category #incenterpage .action-box .stock_yes,
    body.page-category #incenterpage .stock_no,
    body.page-category #incenterpage .stock_yes,
    body.page-category #incenterpage2 .action-box .stock_no,
    body.page-category #incenterpage2 .action-box .stock_yes,
    body.page-category #incenterpage2 .stock_no,
    body.page-category #incenterpage2 .stock_yes,
    body.page-category div.stock_yes,
    body.page-category div.stock_no{

        display:inline-block !important;
        width:auto !important;
        position:relative !important;

        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;

        margin-top: 0px !important;
        margin-bottom:65px !important;
        margin-left:-15px !important;
        margin-right:auto !important;

        transform:translateY(0px) !important;

    }

}

/* ================================================================== */
/* POSUN MENU COUSVVOUER STOCK YES A STOCK NO STOCK YES A STOCK NO SKLADEM A PREDOBJEDNÁVKA!! V HLAVNÍM MENU */
/* ================================================================== */

@media (min-width:992px){

    body.home #incenterpage .in-stock-no,
    body.home #incenterpage .stock_no{
        position:relative !important;
        transform:translateY(-100px) !important;
    }

}

@media (min-width:992px){

    body.home #incenterpage .in-stock-yes,
    body.home #incenterpage .stock_yes{
        position:relative !important;
        transform:translateY(-152px) !important;
    }

}
/* =====================================================
   ZAROVNÁNÍ CZK ČÁSTKY (font) NA PRAVÝ OKRAJ POD EUR
   ===================================================== */

/* 1. Nastaví EUR i CZK vnitřní bloky pro zarovnání doprava */
.productPrice span.product_price_text,
.productPrice font,
div.productPrice font[size="1"] {
    display: block !important;
    text-align: right !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* 2. Zarovnání celého bloku ceny doprava */
.productPrice {
    text-align: right !important;
}
/* =====================================================
   NASTAVENÍ VELIKOSTI PÍSMA CEN (DESKTOP I MOBIL)
   ===================================================== */

/* 1. DESKTOP (od 768px výše) */
@media screen and (min-width: 768px) {

    /* Hlavní cena (EUR - span.product_price_text) */
    .productPrice span.product_price_text {
        font-size: 22px !important; /* Uprav podle potřeby */
        font-weight: bold !important;
        line-height: 1.2 !important;
    }

    /* Přepočet ceny v závorce (CZK - font) */
    .productPrice font,
    .productPrice font[size="1"] {
        font-size: 18px !important; /* Uprav podle potřeby */
        line-height: 1.2 !important;
    }
}

/* 2. MOBIL (do 767px) */
@media screen and (max-width: 767px) {

    /* Hlavní cena (EUR - span.product_price_text) */
    .productPrice span.product_price_text {
        font-size: 22px !important; /* Uprav podle potřeby */
        font-weight: bold !important;
        line-height: 1.2 !important;
    }

    /* Přepočet ceny v závorce (CZK - font) */
    .productPrice font,
    .productPrice font[size="1"] {
        font-size: 18px !important; /* Uprav podle potřeby */
        line-height: 1.2 !important;
    }
}

/* ==========================================
   POPIS POUZE NA HLAVNÍ STRÁNCE POKÉMON KARET
========================================== */

body.page-category.page-category-53 #incenterpage {
    position: relative !important;
    padding-bottom: 0 !important;
}

/* ZRUŠÍ ČERVENÝ PRUH */
body.page-category.page-category-53 #incenterpage::after {
    display: none !important;
    content: none !important;
}

/* POPIS */
body.page-category.page-category-53 #incenterpage::before {

    content: "Objevte širokou nabídku hodnocených Pokémon karet od společností PSA a CGC. Zaměřujeme se především na graded karty pro sběratele i investory. .\A\A Discover a wide selection of graded Pokémon cards from PSA and CGC. We primarily focus on graded cards for collectors and investors.";

    display: block !important;

    white-space: pre-line !important;

    margin: 0 0 30px 0 !important;

    /* OPRAVA BARVY TEXTU */
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    text-align: center !important;
    padding: 0 20px !important;

}

/* ==========================================================
   DETAIL PRODUKTU MOBIL – ZRUŠENÍ FIALOVÉHO PRUHU CENY
   ========================================================== */

@media only screen and (max-width:767px){

html body #incenterpage2 table.cart tr.total{

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

}

}
/* ==========================================================
   DETAIL PRODUKTU MOBIL – PRŮHLEDNÉ BUŇKY ŘÁDKU TOTAL
   ========================================================== */

@media only screen and (max-width:767px){

html body #incenterpage2 table.cart tr.total td{

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

}

}
/* ==========================================================
   ZMENŠENÍ A VYCENTROVÁNÍ ČÍSELNÍKU POUZE NA DETAILU PRODUKTU
   ========================================================== */
@media only screen and (max-width: 767px) {
    .page-product-detail div.input-spinner-group {
        max-width: 80px !important;
        min-width: unset !important;
        width: 65px !important;
    }
    
    .page-product-detail .product-cart-info-value .input-spinner-group input,
    .page-product-detail input#kusy {
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        font-size: 14px !important;
    }
}
/* ==========================================================
   PRŮHLEDNÉ POZADÍ POUZE PRO MOBILNÍ (HAMBURGER) MENU
   ========================================================== */
@media only screen and (max-width: 768px) {
    /* Zrušíme modré pozadí na samotném kontejneru menu / draweru */
    .mobile-menu-content,
    #mobile-menu-content,
    .responsive-menu-button + div,
    div.mobile-menu-content {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
}
/* ==========================================================
   SLEDĚNÍ BARVY - SVĚTLE FIALOVÉ POZADÍ MENU
   ========================================================== */
@media only screen and (max-width: 767px) {
    .mobile-menu-content,
    #mobile-menu-content,
    .mobile-menu-content ul,
    #mobile-menu-content ul {
        background-color: #4b1f8f !important; /* Barva odpovídající hornímu proužku */
        background-image: none !important;
    }
}
/* ==========================================================
   ODSTRANĚNÍ POUZE SPODNÍHO POUŠTĚNÉHO PROSTORU POD MENU
   ========================================================== */
@media only screen and (max-width: 767px) {
    .mobile-menu-content ul,
    #mobile-menu-content ul {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ==========================================================
   PŘEJMENOVÁNÍ POUZE BOXU "NEJPRODÁVANĚJŠÍ" (S PNG IKLONOU)                                                   BOOOOOOOOOOOOOOOOOOOOOOOOOOXYyy§ooooooooooooooooooooooooooooooooooooooo
   ========================================================== */

/* 1. Skryje původní text bez narušení layoutu */
.action-box.action-box-bestsellers p.action-box-title {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* Mezera mezi PNG ikonou a textem */
}

/* 2. Vloží PNG obrázek PŘED text */
.action-box.action-box-bestsellers p.action-box-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 96px !important;  /* Šířka obrázku (uprav dle potřeby) */
    height: 200px !important; /* Výška obrázku (uprav dle potřeby) */
    background-image: url("") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 3. Vloží nový text za PNG ikonu */
.action-box.action-box-bestsellers p.action-box-title::after {
    content: "🚀 TOP 12: Okamžitě k odeslání / TOP 12: Ready to Ship" !important;
    font-size: 1.4rem !important; /* Velikost písma */
    line-height: normal !important;
    color: #ffffff !important;   /* Barva textu */
}
/* ==========================================================
   PŘEJMENOVÁNÍ POUZE BOXU NOVINKA (BOX_NEWS)
   ========================================================== */

/* Skryje původní text */
.action-box.box_news p.action-box-title{

    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;

    display:flex !important;
    align-items:center !important;
    gap:8px !important;

}

/* PNG vlevo */
.action-box.box_news p.action-box-title::before{

    content:"" !important;
    display:inline-block !important;

    width:96px !important;
    height:200px !important;

    background:url("https://i.postimg.cc/mkSyV5Kp/cina-asie.png") center/contain no-repeat !important;

}

/* Nový text */
.action-box.box_news p.action-box-title::after{

    content:"Asijské promo karty / Asian promo cards" !important;

    font-size:1.4rem !important;
    line-height:1.2 !important;
    color:#fff !important;

}
 
/* ==========================================================
   KATEGORIE PRODUKTŮ (DESKTOP) – POSUN CENY
   ========================================================== */

@media only screen and (min-width:768px){

    .page-category .productPrice{

        transform: translateX(-30px) !important;

    }

}
/* ==========================================================
   KATEGORIE (DESKTOP) – TLAČÍTKO KOUPIT
   Posun + šířka
   ========================================================== */

@media only screen and (min-width:768px){

.page-category .buy_btn{

    /* ŠÍŘKA TLAČÍTKA */
    width:600px !important;
    min-width:140px !important;

    /* POSUN DO STRAN */
    transform:translateX(0px) !important;

    /* POSUN NAHORU / DOLŮ */
    margin-top:0px !important;

}

}   
/* ==========================================================
   KATEGORIE (DESKTOP) – POSUN BLOKU PRODUKTŮ DOLŮ
   ========================================================== */

@media only screen and (min-width:768px){

.page-category .product_wraper.container{

    margin-top:60px !important;   /* změň podle potřeby */

}

}
/* ==========================================================
   DETAIL PRODUKTU – TRANSPARENTNÍ HISTORIE CEN (14 px)
   ========================================================== */

.price-history-widget-link{

    font-size:14px !important;
    line-height:14px !important;

}
/* ==========================================================
   SKRÝT ORIGINÁLNÍ ŠTÍTKY WEBAREALU
   PONECHAT "ZBÝVÁ POUZE 1 KUS"
   ========================================================== */

.product-tags{
    display:none !important;
}
 /* ==========================================================
   KATEGORIE – MENŠÍ NÁZEV PRODUKTU
   ========================================================== */

.productTitle .product-box-link{

    font-size:14px !important;
    line-height:1.2 !important;

}  

/* ==========================================================
   KATEGORIE PRODUKTŮ – TLAČÍTKO KOUPIT (POUZE DESKTOP)
   ========================================================== */

@media only screen and (min-width: 992px){

    .product3 .buy_btn{

        /* ŠÍŘKA */
        width: 250px !important;

        /* POSUNY */
        transform: translateX(0px) translateY(0px) !important;

        /* VÝŠKA */
        height: 42px !important;
        line-height: 42px !important;

        /* PRO LADĚNÍ */
        min-width: 250px !important;
        max-width: 120px !important;
    }

}
/* =====================================================
   COUSOUVER – NASTAVENÍ CEN (DESKTOP)
   ===================================================== */

@media screen and (min-width: 768px) {

    /* Hlavní cena (EUR) */
    .home .product3Price span.product_price_text {
        font-size: 22px !important;   /* uprav dle potřeby */
        font-weight: bold !important;
        line-height: 1.2 !important;
    }

    /* Cena v CZK */
    .home .product3Price font,
    .home .product3Price font[size="1"] {
        font-size: 18px !important;   /* uprav dle potřeby */
        line-height: 1.2 !important;
    }

    /* Posun celé ceny */
    .home .product3Price {
        transform: translateX(-8px) translateY(0) !important;
    }

}
.fixed-parent-node.visible > .active{
    font-size:0 !important;
}

/* ==========================================================
VYCENTROVÁNÍ ČÍSLA V POČÍTADLE MNOŽSTVÍ
========================================================== */

.input-spinner-group{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.input-spinner-group input{
    width:100% !important;
    height:100% !important;

    text-align:center !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    line-height:1 !important;
    font-family:"Poppins", sans-serif !important;
}

/* ==========================================================
   SKRYTÍ VŠECH ŠTÍTKŮ (NOVINKA, TOP) VČETNĚ KARUSELŮ
   ========================================================== */
div.icons_width_hack,
div[class*="icons_width_hack"],
div[class*="icu_"] {
    display: none !important;
}
/* ==========================================================
   SKRYTÍ JEN ŠTÍTKŮ "NOVINKA/TOP", ALE ZANECHÁNÍ SKLADOVOSTI
   ========================================================== */

/* Schováme výchozí statusové boxy, ale vynecháme ten s počtem kusů */
.product-status-box > *:not(.product-tags),
.product-status-box .product-tags:not(:has(.tag-title)) {
    display: none !important;
}

/* Cíleně schováme pouze štítky jako "novinka" podle jejich vnitřního obsahu nebo pozice, 
   ale zachováme ten spodní štítek "zbývá pouze 1 kus" */
.product-tags .tag-title {
    display: none !important;
}

/* ZÁCHRANNÁ BRZDA: Vrátíme zpět viditelnost pro text "zbývá pouze" / skladovost */
.product-status-box,
.product-stock-info,
span.tag-title {
    display: block !important;
}
/* ==========================================================
KOŠÍK (AJAX) – POSUN INFO BLOKU (MOBIL)
========================================================== */

@media only screen and (max-width: 767px){

#ajax-basket .product_info{

    /* Posun doleva (-), doprava (+) */
    transform: translateX(20px) !important;

}

}
/* ==========================================================
KOŠÍK (AJAX) – SKRÝT STAV SKLADEM / PŘEDOBJEDNÁVKY
========================================================== */

#ajax-basket .product_info .stock-no,
#ajax-basket .product_info .stock_no,
#ajax-basket .product_info .stock-yes,
#ajax-basket .product_info .stock_yes{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    height:0 !important;
}
/* ==========================================================
   💵 CM LOW – LADĚNÍ POZICE
   ========================================================== */

/* ---------- PŘEDOBJEDNÁVKA / STOCK NO ---------- */

.productBody .stock_no{
    position:relative !important;
}

.productBody .stock_no > *{
    display:block !important;
}

.productBody .stock_no::after{

    content:"🔥K dispozici pouze 1 kus / Only 1 available" !important;
    display:block !important;
    width:100% !important;

    /* LADĚNÍ DO STRAN */
    transform:translateX(11px) translateY(0px) !important;

    /* ← doleva: -10px */
    /* → doprava: 10px */
    /* ↑ nahoru: -10px */
    /* ↓ dolů: 10px */

    margin-top:6px !important;

    font-family:"Poppins",sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    color:#fff !important;
}


/* ---------- SKLADEM / STOCK YES ---------- */

.stock_yes::after{

    content:"🔥 K dispozici pouze 1 kus / Only 1 available" !important;
    display:block !important;

    /* LADĚNÍ DO STRAN */
    transform:translateX(-1px) translateY(0px) !important;

    /* ← doleva: -10px */
    /* → doprava: 10px */

    margin-top:4px !important;

    font-family:"Poppins",sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    color:#fff !important;
}
content:"🔥     K dispozici pouze 1 kus / Only 1 available" !important;
/* ==========================================================
   🔥 CM LOW – POSUN DOLEVA
   JEN DESKTOP + KATEGORIE
   ========================================================== */

@media only screen and (min-width: 768px) {

    body.page-category .productBody .stock_yes::after,
    body.page-category .stock_yes::after {

        margin-left: -20px !important;
        transform: translateX(-3px) !important;

    }

}

/* ==========================================================
   SCHOVAT VŠECHNY CAROUSELY – CELÝ WEB                                                                              schoooooooooooooooooooooooooooooooooooooooooooooooooovani
   ========================================================== */

.owl-carousel {
    display: none !important;
}
/* ==========================================================
   SCHOVAT CELÉ 2 PROMO BLOKY
   ========================================================== */

.action-box.box_news {
    display: none !important;
}

.action-box.boxzbozi {
    display: none !important;
}
/* ==========================================================
   SKRYTÍ NADPISU AKČNÍCH PRODUKTŮ / SEKCE
   ========================================================== */
p.action-box-title, 
.action-box-title {
    display: none !important;
}
/* ==========================================================
   🔍 SKRÝT LUPU – JEN MOBIL                                                                                                     SCHOVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVANIIIIIIIIIIIIIIII
========================================================== */

@media only screen and (max-width: 767px) {

    body .myheader #search #searchForm .wrapper_search_submit {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

}
/* ==========================================================
   🔍 SCHOVAT VYHLEDÁVÁNÍ + LUPU – CELÝ WEB
========================================================== */

html body #search {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* ==========================================================
   SKRYTÍ – TOP 12 / OKAMŽITĚ K ODESLÁNÍ
========================================================== */

.action-box.action-box-bestsellers {
    display: none !important;
}
/* ==========================================================
   ŠEDÝ TEXT POD BANNEREM – JEN HLAVNÍ STRÁNKA
   ========================================================== */

body.home .page-banner-container::after {

    -
    white-space:pre-wrap !important;

    /* =========================
       VZHLED TEXTU
       ========================= */

    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;

    text-align: center !important;

    /* =========================
       ŠÍŘKA TEXTU
       ========================= */

    width: 90% !important;
    max-width: 850px !important;

    /* =========================
       POZICE
       ========================= */

    margin: 18px auto 0 auto !important;

    /* ← posun doleva / doprava */
    transform: translateX(0px) !important;

    /* ← mezera pod textem */
    margin-bottom: 20px !important;

    /* =========================
       LADĚNÍ
       ========================= */

    padding: 0 !important;
}

/* ==========================================================
   ŠEDÝ TEXT POD BANNEREM – JEN HLAVNÍ STRÁNKA
========================================================== */

body.home .page-banner-container::after {

content: "🚧 Dočasná verze e-shopu! Toto je dočasná verze našeho e-shopu, na které právě pracujeme a postupně ji vylepšujeme. Plná verze e-shopu by měla být spuštěna do konce roku.\A\A 🛒 Objednávat můžete již nyní. Veškeré objednávky fungují standardně, i když je e-shop zatím v této dočasné podobě.\A\A 🎴 Jak nakupovat? Stačí v menu otevřít kategorii Pokémon a vybrat si z naší nabídky. Momentálně se zaměřujeme především na hodnocené (tzv. „graded“) Pokémon karty, které budou zpočátku tvořit základ našeho e-shopu. Naším cílem je vybudovat širokou a pečlivě vybranou nabídku těchto karet a postupně ji rozšiřovat. Děkujeme za pochopení a těšíme se na vás! 💜\A\A\A\A\A 🚧 Temporary Version of Our Online Store! This is a temporary version of our online store, which we are currently working on and continuously improving. The full version of our online store is expected to launch by the end of the year.\A\A 🛒 You can already place orders. All orders are processed normally, even though the store is currently in this temporary version.\A\A 🎴 How to Shop? Simply open the Pokémon category in the menu and browse our selection. We’re currently focusing primarily on graded Pokémon cards, which will be the foundation of our store in the beginning. Our goal is to build a wide and carefully selected range of graded cards and gradually expand our selection. Thank you for your understanding and support. We look forward to seeing you! 💜";    display: block !important;    white-space: pre-wrap !important;

}

/* =========================================================
   POSUN TEXTU V KATEGORII
   POUZE DESKTOP
   ========================================================= */

@media screen and (min-width: 992px) {

    /* Hlavní grid kategorie */
    body.page-category-53 #incenterpage {
        row-gap: 0 !important;
    }

    /* Informační text */
    body.page-category-53 .main_category::after {
        margin-top: 100px !important;
        margin-bottom: 20px !important;
    }
}
/* =========================================================
   ↔ POSUN OBOU KATEGORIÍ ZÁROVEŇ
   POUZE KATEGORIE + DESKTOP
   ========================================================= */

@media screen and (min-width: 992px) {

    /* 🔧 POSUN OBOU RÁMEČKŮ DOLEVA / DOPRAVA */
    body.page-category .main_category > .odkaz_banner {
        transform: translateX( 60px) !important;
    }

}
/* =========================================================
   📝 HORNÍ TEXT KATEGORIE
   Všechny řádky zarovnat pod sebe doleva
   Pouze DESKTOP + Kategorie 53
   ========================================================= */

@media screen and (min-width: 992px) {

    /* 📍 CELÝ TEXTOVÝ BLOK */
    body.page-category.page-category-53 #incenterpage::before {

        /* 🔴 ZRUŠÍ CENTROVÁNÍ */
        text-align: left !important;

        /* ↔ TEXT ZAČNE OD LEVÉHO OKRAJE */
        padding-left: 60px !important;
        padding-right: 20px !important;

        /* 📦 ŠÍŘKA */
        width: 100% !important;
        box-sizing: border-box !important;
}

/* ==========================================
   SKRYTÍ ČÍSLA PRODUKTU
   MOBIL + DESKTOP
   ========================================== */

html body #incenterpage table.cart tr.before_variants.product-number {
    display: none !important;
}

/* Záložní varianta podle obsahu řádku */
html body #incenterpage table.cart tr:has(td.t-number-text) {
    display: none !important;
}
/* ==========================================
   KOŠÍK – CELKOVÁ ČÁSTKA
   EUR + CZK
   ========================================== */

/* EUR */
html body.page-e-basket #incenterpage2
.cart.cart-items tbody tr.total td
#fullprice .price_small {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* CZK */
html body.page-e-basket #incenterpage2
.cart.cart-items tbody tr.total td
#fullprice .price_small font[size="1"] {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

}
/* ==========================================
   🚫 SKRYTÍ NÁPISU "Vytvořeno systémem webareal"
   ========================================== */
.contenttwo-wrapper p:has(a[href*="webareal"]),
.contenttwo-wrapper a[href*="webareal"] {
    display: none !important;
  
} 
 /* ==========================================================
   © 2026 WAU CARDS MÍSTO "Vytvořeno systémem..."
   ========================================================== */

/* 1. Úplně skryjeme původní text s odkazem na Webareal */
.contenttwo-wrapper p:has(a[href*="webareal"]),
.contenttwo-wrapper a[href*="webareal"] {
    display: none !important;
}

/* 2. Zobrazíme místo něj náš vlastní text */
.contenttwo-wrapper::after {
    content: "© 2026 WAU CARDS" !important;
    display: block !important;
    text-align: center !important;
    color: #fff !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================
   SKRYTÍ ODKAZU "Odstoupení od kupní smlouvy" (PC + MOBIL)
   ========================================================== */
.contenttwo-wrapper p:has(a[href*="withdrawal"]),
.contenttwo-wrapper a[href*="withdrawal"],
.contenttwo-wrapper p:has(a[href*="withdrawal"]) *,
.contenttwo-wrapper a[href*="withdrawal"] * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}
  
}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


/* ===========================================
   ZÁKLAD – TRVALÝ BÍLÝ NEON (ZESÍLENÝ)
   =========================================== */

.action-box .product3ImageBox img {
    border: 1px solid #ffffff !important;
    border-radius: 6px !important;

    /* SILNĚJŠÍ BÍLÝ NEON */
    box-shadow:
        0 0 6px #ffffff,
        0 0 16px #ffffff,
        0 0 32px rgba(255, 255, 255, 0.90),
        0 0 50px rgba(255, 255, 255, 0.50) !important;

    /* PLYNULÝ PŘECHOD */
    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;
}


/* ===========================================
   HOVER – INTENZIVNÍ NEON (#39FF14)
   =========================================== */

.action-box .product3ImageBox img:hover {

    /* RÁMEČEK */
    border: 2px solid #39ff14 !important;

    /* NEON EFEKT NALADĚNÝ NA #39FF14 */
    box-shadow:
        0 0 6px #99FF99,
        0 0 12px #99FF99,
        0 0 22px #99FF99,
        0 0 35px #99FF99,
        0 0 50px rgba(57, 255, 20, 0.65) !important;
}

/* ===========================================
   PŘÍPRAVA PROTI OŘEZU V CAROUSELU
   =========================================== */
.action-box .owl-stage-outer,
.action-box .owl-stage,
.action-box .owl-item {
    overflow: visible !important;
}

/* 1. ZAJIŠTĚNÍ, ŽE HOVER NEBUDE OŘEZANÝ CAROUSELEM */
.action-box .owl-stage-outer,
.action-box .owl-stage,
.action-box .owl-item {
    overflow: visible !important;
}

/* ===========================================
   1. VYPNUTÍ OŘEZÁVÁNÍ (aby obrázek mohl z rámečku ven)
   =========================================== */
.action-box .owl-stage-outer,
.action-box .owl-stage,
.action-box .owl-item,
.action-box .product3,
.action-box .product3ImageBox {
    overflow: visible !important;
}

/* ===========================================
   2. HOVER EFEKT ČISTĚ PRO OBRÁZEK KARTY
   =========================================== */
.action-box .product3ImageBox img {
    position: relative !important;
    z-index: 1 !important;
}

.action-box .product3ImageBox img:hover {
    /* Výrazné zvětšení karty + vyskočení nahoru z rámečku */
    transform: scale(1.15) translateY(-10px) !important;
    
    /* Vytáhne kartu nad všechny ostatní prvky na stránce */
    z-index: 9999 !important;
}
/* ===========================================
   MAXIMÁLNÍ NEON BEZ ZMĚNY BARVY
   =========================================== */

.action-box .product3ImageBox img:hover {
    /* Původní záře extrémně zesílená do dálky */
    box-shadow:
        0 0 10px #99FF99,
        0 0 25px #99FF99,
        0 0 50px #99FF99,
        0 0 80px #99FF99,
        0 0 100px rgba(37, 255, 0, 0.8) !important;

    /* Vyskočení karty */
    transform: scale(1.15) translateY(-10px) !important;
    z-index: 9999 !important;
}
/* ===========================================
   TMAVÉ POZADÍ PRO NAVIGAČNÍ TLAČÍTKA CAROUSELU
   =========================================== */
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    /* Tmavě fialovo-černé pozadí */
    background-color: #120926 !important;
    
    /* Světlá šipka/ikona uvnitř */
    color: #ffffff !important;
    
    /* Změna rámečku na jemně fialový (nebo můžeš dát transparent) */
    border: 2px solid #3b167f !important;
}

/* HOVER EFEKT - Mírné rozsvícení při najetí myší */
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #241147 !important;
    border-color: #00ff00 !important; /* Zelený akcent při hoveru */
}
/* ===========================================
   STYL PRO STRÁNKOVÁNÍ (PAGINATION)
   =========================================== */

/* 1. Neaktivní tlačítka stránek (odkazy) */
.pagination a {
    background-color: #120926 !important; /* Tmavé vesmírné pozadí */
    color: #ffffff !important;           /* Bílý text čísel */
    border: 1px solid #3b167f !important; /* Fialový rámeček */
    transition: all 0.2s ease !important;
}

/* 2. Aktivní právě vybraná stránka (span.act) */
.pagination span.act,
.pagination .act {
    background-color: #3b167f !important; /* Výraznější fialová pro aktivní číslo */
    color: #ffffff !important;
    border: 1px solid #00ff00 !important; /* Zelený rámeček pro aktivní stránku */
    font-weight: bold !important;
}

/* 3. Hover efekt při najetí myší na číslo stránky */
.pagination a:hover {
    background-color: #241147 !important; /* Lehce světlejší fialová */
    border-color: #00ff00 !important;     /* Zelené rozsvícení okraje */
    color: #00ff00 !important;            /* Zelený text čásla */

}
/* ===========================================
   ÚPRAVA POUZE RÁMEČKU (ZÁKLADNÍ STAV)
   =========================================== */
.cat-highlights-container .cat-highlights-wrapper .cat-highlights-box,
.cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(1),
.cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(2),
.cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(3) {
    border: 1px solid #9b4dff !important;
}
/* ===========================================
   ZTMENÍ HORNÍ LIŠTY (.navigate_bar)
   =========================================== */
.navigate_bar,
div.navigate_bar,
html body .navigate_bar {
    background-color: #241238 !important;
    background-image: none !important; /* Pojistka proti případnému systémovému přechodu/proužku */
}
/* ===========================================
   SKRÝT TLAČÍTKA + A - U MNOŽSTVÍ ČÍSELNÍK
   =========================================== */
.spin-inc,
.spin-dec,
.input-spinner-group button {
    display: none !important;
}
/* ===========================================
   ZABLOKOVÁNÍ PŘEPISOVÁNÍ A SKRYTÍ + / - ČÍSELNÍK
   =========================================== */

/* 1. Skryjeme tlačítka + a - */
.input-spinner-group .spin-inc,
.input-spinner-group .spin-dec {
    display: none !important;
}

/* 2. Zablokujeme možnost kliknout a přepsat číslo 1 */
.input-spinner-group input {
    pointer-events: none !important; /* Zruší veškeré klikání a zaměření textu */
    user-select: none !important;    /* Zaznamenání textu myší */
    background: transparent !important; /* Volitelné: průhledné pozadí */
    border: none !important;         /* Volitelné: schová případný rámeček inputu */
}

/* ===========================================
   SKRYTÍ TEXTU "ks" U POČTU KUSŮ
   =========================================== */

span.count {
    display: none !important;
}

/* ===========================================
   RŮŽOVÝ ŠTÍTEK – PŘICHYCENÍ PŘÍMO POD EURA
   =========================================== */

/* 1. Nastavíme buňku s cenou jako záchytný bod pro štítek */
.product-detail table.cart tr.total td,
.product-detail .price-value {
    position: relative !important;
}

/* 2. Štítek přivázaný přesně pod eura */
.product-tags span.product-tag:last-child {
    position: absolute !important;
    right: 0 !important;                     /* Zarovná se k pravému okraji pod eura */
    top: 100% !important;                    /* Skočí přesně POD spodní hranu EUR */
    margin-top: 6px !important;              /* Mezera mezi eury a štítkem */

    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

/* 3. Skrytí původního diamantu */
.product-tags span.product-tag:last-child .tag-icon,
.product-tags span.product-tag:last-child i {
    display: none !important;
}

/* 4. Zrušení duplicity ikony */
.product-tags span.product-tag:last-child::before {
    content: none !important;
    display: none !important;
}

/* 5. JEDNA IKONA OHNĚ - TĚSNĚ U TEXTU */
.product-tags span.product-tag:last-child .tag-title::before {
    content: "🔥" !important;
    font-family: inherit !important;
    font-size: 16px !important;              /* Velikost ohně */
    margin-right: 2px !important;            /* Oheň těsně u textu */
    display: inline-block !important;
}

/* 6. Text štítku + Přepínač tučnosti */
.product-tags span.product-tag:last-child .tag-title,
.product-tags span.product-tag:last-child {
    font-size: 14px !important;              /* Velikost textu */
    color: #ffffff !important;               /* Barva textu */
    
    /* PŘEPÍNAČ TUČNOSTI:
       - Tučné: bold
       - Netučné: normal */
    font-weight: bold !important;
}
/* ===========================================
   ODSTRANĚNÍ RÁMEČKU A POZADÍ ZE STAVU SKLADU
   =========================================== */

/* Cílíme na kontejner stavu skladu v košíku i v detailu */
#ajax-basket .stock-no,
div.stock-no {
    /* Odstraní barevné pozadí a udělá ho průhledným */
    background: transparent !important;
    background-color: transparent !important;

    /* Zruší svítivý/světlý rámeček okolo */
    border: none !important;
    
    /* Vynuluje stín rámečku, pokud tam nějaký zůstal */
    box-shadow: none !important;
}
/* =====================================================
   POSUN TEXTU NÁZVŮ (.product3Title) - POUZE DESKTOP
   ===================================================== */
@media screen and (min-width: 992px) {

    .action-box .product3Title,
    .product3InStock .product3Title,
    #page .action-box .product3Title {
        position: relative !important;
        
        /* 🛠️ HLAVNÍ MÍSTO PRO LADĚNÍ POSUNU DOLŮ: */
        margin-top: 70px !important;       /* Zvětšuj px (např. 40px, 50px...) pro posun níž */
        
        /* Udrží stabilní mezeru před cenou pod textem */
        margin-bottom: 20px !important;
    }
/* =====================================================
   LADĚNÍ POSUNU JEDNOTLIVÝCH BOXŮ DOLŮ (DESKTOP ONLY)
   ===================================================== */
@media screen and (min-width: 992px) {

    /* CÍLENÍ NA KOLEKCI KARET / KARUSEL */
    .action-box .owl-stage-outer,
    .action-box .owl-carousel {
        /* 🛠️ ROZŠÍŘENÍ PROSTORU: Pustí boxy níž bez toho, aby se ořízly */
        padding-top: 10px !important;        
    }

    /* LADĚNÍ SAMOTNÉHO BOXU KARTY */
    .action-box .product3InStock,
    .action-box .product3,
    .action-box .product {
        position: relative !important;

        /* 🛠️ MOŽNOST A: Posun pomocí MARGIN (odtiskne boxy od vršku) */
        margin-top: 25px !important;         /* Zvětšuj px (např. 35px, 50px) pro posun DOLŮ */

        /* 🛠️ MOŽNOST B: Posun pomocí TRANSFORM (pokud margin zlobí v JS skriptu) */
        /* transform: translateY(25px) !important; */
}
  
}

/* =====================================================
   DIRECT FIX: VYCENTROVÁNÍ INPUTU NA STŘED (DESKTOP) 
   ===================================================== */
@media screen and (min-width: 992px) {

    /* Vynutíme inline flex přímo na políčku s počtem */
    .input-spinner-group,
    div.input-spinner-group {
        display: inline-flex !important;
        vertical-align: middle !important;
        float: none !important;
        position: relative !important;
        top: auto !important;
        
        /* 🛠️ HLAVNÍ POSUN NA DOKONALÝ STŘED: */
        margin-top: 6px !important;       /* Měň px (např. 4px, 8px, 10px), dokud nesedne přesně na střed tlačítka */
        margin-right: 30px !important;    /* Mezera mezi políčkem a tlačítkem Koupit */
    }

    /* Srovnáme i samotné tlačítko Koupit do stejné roviny */
    .product-detail-cart .btn,
    .product-detail-cart button,
    a.btn-cart {
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
}

}





























































































































































































































































































.myfooter .contenttwo p:last-child a:after {
  content: "Odstoupení od smlouvy";
  font-size: 14px;
}

@media (min-width: 769px) {
  .category-menu-order-1 a,
  .category-menu-order-2 a,
  .category-menu-order-3 a,
  .category-menu-order-4 a,
  .category-menu-order-5 a,
  .category-menu-order-6 a {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
  }
  
}

.stock-no,
.stock_no,
div.stock-no,
div.stock_no {
  background: #9fdcff !important;
  color: #000000 !important;
  background-image: none !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  font-size: 12px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  border: 1px solid #7ecdf7 !important;
  border-radius: 4px !important;
  padding: 3px 5px !important;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 28px !important;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
  position: relative !important;
}

.detail-box-product .image img {
  box-shadow:
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #fff,
    0 0 80px rgba(255,255,255,.8) !important;
}

#wherei,
#wherei a,
#wherei span,
#wherei div {
  background: #6b0000 !important;
  color: #ffffff !important;
  border: none !important;
}

.watchdog_opener,
.watchdog_opener a,
#open_watch_dog,
#open_watch_dog:after {
  color: #ffffff !important;
}

.article-content,
.article-content * {
  color: #000000 !important;
}

table.comments td,
table.comments th,
table.comments label,
table.comments span,
table.comments p {
  color: #ffffff !important;
}

.myfooter .contenttwo p:last-child a {
  position: relative;
}

.myfooter .contenttwo p:last-child a::after {
  left: 50% !important;
  transform: translateX(-50%);
}

.sorting_item,
.sorting_item a,
.sorting_label {
  color: #000000 !important;
}

#wherei,
#wherei a,
#wherei span {
  background: #531327 !important;
  color: #ffffff !important;
}

#topBar,
#header {
  background: #4b2e83 !important;
}

.product,
.productBody,
.product_wrapper .product {
    overflow: visible !important;
}

.productPriceBox {
    position: relative !important;
}

.productPriceBox:has(.stock_yes) {
    position: relative !important;
}

.product-stock-text::after {
    content: " / In stock:";
}

td.stock-label::after {
    content: " / Availability:";
}

td.product-number-text::after {
    content: " / Product Number:";
}

.close-box::after {
    content: " / Continue shopping";
}

.go a::after {
    content: " / Complete the order";
}

.go a,
.close-box {
    font-size: 17px !important;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
    border: none !important;
}

.productPriceBox:has(.stock_no)::before {
    font-weight: 500 !important;
    font-family: inherit !important;
    font-size: .8rem !important;
}

.stock_no {
    position: relative !important;
}

.stock_no::after {
    content: "\f07a" !important;
    font-family: FontAwesome !important;
    color: #34d22f !important;
    font-size: 11px !important;
    margin-left: -14px !important;
    margin-right: 4px !important;
}

.notification:after {
    content: "The item has been added to your cart.";
}

.close-box:after {
    display: none !important;
    content: none !important;
}

#ajax-basket .buttons .back a.close-box {
    display: none !important;
}

.stock_yes {
    background: #650C28 !important;
    color: #fff !important;
}

.description {
    display: block !important;
}

.myheader {
    background: none !important;
    background-color: transparent !important;
    height: auto !important;
}

#basket_content_tag,
#basket_content_tag a,
.quantity_tag,
.quantity_tag a,
.quantity_taglink {
    color: #000 !important;
}

#basket_content_tag,
#basket_content_tag *,
#basket_content_tag a,
#quantity_tag,
#quantity_tag a {
    color: #fff !important;
}

#basket_content_tag #quantity_tag,
#basket_content_tag #quantity_tag *,
#basket_content_tag a {
    color: #000 !important;
}

.cat-highlights-container .cat-highlights-box {
    width: 200px !important;
    height: 200px !important;
    flex: 0 0 200px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 35px !important;
}

.cat-highlights-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 200px) !important;
    justify-content: center !important;
    gap: 8px !important;
    row-gap: 50px !important;
}

.cat-highlights-box {
    width: 120px !important;
    height: 120px !important;
    border: 1px solid #39ff14;
    box-shadow:
        0 0 10px rgba(255,215,0,.6),
        0 0 25px rgba(255,215,0,.4);
    transition: all .3s ease;
    position: relative;
    overflow: visible !important;
    background: transparent !important;
}

.cat-highlights-box a,
.cat-highlights-box div {
    background: transparent !important;
}

.cat-highlights-box:hover {
    border-color: #7dff7d !important;
    box-shadow:
        0 0 20px #7dff7d,
        0 0 40px #7dff7d,
        0 0 80px #7dff7d !important;
}

span.highlighted-cat-name,
span.highlighted-cat-link {
    display: none !important;
}

.cat-highlights-container {
    margin-top: clamp(20px, 4vw, 50px) !important;
    margin-bottom: clamp(20px, 4vw, 50px) !important;
}

.ms-slide-bgcont img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}

#topBar {
    border-top: 1px solid #d4af37 !important;
    border-bottom: 1px solid #d4af37 !important;
}

.header_slider {
    margin-top: 0 !important;
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .8;
    background-image:
        radial-gradient(#ffd700 0.8px, transparent 1px),
        radial-gradient(#fff4b0 1.2px, transparent 1.6px),
        radial-gradient(#ffdf5a 1.5px, transparent 2px);
    background-size:
        120px 120px,
        180px 180px,
        260px 260px;
    background-position:
        0 0,
        40px 60px,
        90px 30px;
}

.productPrice,
.productPrice *,
.product_price_text,
.product_price_text *,
.productTitle,
.productTitle *,
.productBody,
.productBody *,
.stock_yes,
.stock_no,
.stock_yes *,
.stock_no * {
    color: #fff !important;
}

#wherei {
    display: none !important;
}

#detail_src_magnifying_scrimg {
    margin-top: 8vh !important;
}

h1.title.page_def_color,
.page_def_color,
#incenterpage h1,
#incenterpage .title {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255,255,255,.5);
}

#incenterpage p {
    color: #ffffff !important;
}

#page,
#page * {
    color: #fff !important;
}
#topBar *,
#header *,
#basket_icon *,
#quantity_tag *{
    color:#fff !important;
}
#basket_icon a:before{
    color:#fff !important;
    filter: brightness(0) invert(1);
}
#quantity_tag,
#quantity_tag *,
#quantity_tag:before,
#quantity_tag:after{
    color:#fff !important;
}
#basket_icon,
#basket_icon *,
#basket_icon:before,
#basket_icon:after{
    color:#000 !important;
}
#basket_icon:before{
    color:#000 !important;
}
.product_price_text{
    font-size:22px !important;
}

.productPrice font{
    font-size:15px !important;
}
.stock_no,
.stock_yes {
    white-space: nowrap !important;
    display: inline-block !important;
}
.stock_no,
.stock_yes {
    width: max-content !important;
    min-width: fit-content !important;
}
.productPriceBox:has(.stock_no)::before,
.productPriceBox:has(.stock_yes)::before {
    white-space: nowrap !important;
    display: inline-block !important;
}

.product:hover,
.productBody:hover,
.productPriceBox:hover,
.product_wrapper:hover {
    transform: none !important;
}

.product,
.productBody,
.productPriceBox {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
}

.stock_no,
.stock_yes {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
}

.productPriceBox {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative !important;
}

.stock_no,
.stock_yes {
    display: block !important;
    position: static !important;
    margin: 0 0 6px 0 !important;
    width: auto !important;
}

.stock_no {
    margin-bottom: 10px !important;
}

.withdrawal-form-wrapper {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.withdrawal-form label {
    background: #222 !important;
    color: #fff !important;
}

.withdrawal-form .form-control {
    background: #f8fafd !important;
    color: #000 !important;
}

.withdrawal-form input,
.withdrawal-form input[type="text"],
.withdrawal-form input[type="email"],
.withdrawal-form input[type="number"],
.withdrawal-form textarea {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

input,
input[type="text"],
input[type="email"],
textarea {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.cart tbody tr td.box_text .stock-no:before,
.ajax-basket .product_info .stock-no:before {
    content: "" !important;
}

#centerpage .stock_yes,
#centerpage2 .stock_yes {
    background: transparent !important;
    color: #34D22F !important;
    border-radius: 0 !important;
    padding: 8px 20px !important;
    display: inline-block !important;
}

.productPriceBox:has(.stock_yes)::before {
    content: "in stock" !important;
    position: absolute !important;
    left: 80%;
    transform: translateX(2%);
    display: block !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #fff !important;
    line-height: 66px !important;
    z-index: 10;
    width: 120px !important;
    height: 34px !important;
    left: -10px !important;
    top: 40px !important;
}

#centerpage .stock_yes:before,
#centerpage2 .stock_yes:before {
    content: "\f00c" !important;
    font-family: "FontAwesome" !important;
    color: #34D22F !important;
    margin-right: .2rem !important;
}

body #incenterpage .stock_yes,
body #incenterpage2 .stock_yes {
    position: relative !important;
    top: 60px !important;
}

body #incenterpage .stock_yes::before,
body #incenterpage2 .stock_yes::before {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 4px !important;
    margin-bottom: 0 !important;
}

.productPriceBox:has(.stock_yes)::after {
    content: "\f00c" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: #34D22F !important;
    font-size: 11px !important;
    position: absolute !important;
    left: 12px !important;
    top: 68px !important;
    display: block !important;
    line-height: 1 !important;
    -webkit-text-fill-color: #34D22F !important;
    -webkit-text-stroke-width: 0 !important;
}

.stock_yes,
.stock_yes::before,
.stock_yes::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#centerpage .stock_yes,
#centerpage2 .stock_yes {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
}

body #centerpage .stock_yes,
body #centerpage2 .stock_yes {
    color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 0 !important;
    display: inline-block !important;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
    background: none !important;
    background-color: transparent !important;
}

/* zruší text v before */
.stock_no::before {
    content: "\f07a" !important;
    font-family: "FontAwesome" !important;
    color: #34D22F !important;
    font-size: 11px !important;
    font-weight: normal !important;
    display: inline-block !important;
    margin-right: 4px !important;
    line-height: 1 !important;
    -webkit-text-fill-color: #34D22F !important;
    text-shadow: none !important;
}

/* after úplně vypni */
.stock_no::after {
    content: "" !important;
    display: none !important;
}

#incenterpage .stock_no,
#incenterpage2 .stock_no {
    position: relative;
    top: 60px !important; /* stejné jako stock_yes */
    left: -10px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 18px !important;
}

#incenterpage .stock_no::before,
#incenterpage2 .stock_no::before {
    margin-right: 4px !important;
    vertical-align: middle !important;
}

.productPriceBox:has(.stock_no)::before {
    content: "pre-order" !important;
    position: absolute !important;
    left: 6% !important;
    top: 61px !important; /* tímhle posouváš nahoru/dolů */
    transform: translateX(2%) !important;
    display: block !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0077cc !important;
    z-index: 10 !important;
}

.cat-highlights-box {
    background: transparent !important;
    border: 2px solid #7b5cff !important;
    border-radius: 18px !important;
    box-shadow: 0 0 18px rgba(123,92,255,.45) !important;
    position: relative !important;
    z-index: 2 !important;
    width: 170px !important; /* šířka */
    height: 170px !important; /* výška */
}

#basket_shipping_list tr {
    background: #22103d !important;
}

.page-e-basket .shipping-and-payment,
.page-e-basket .shipping-and-payment label,
.page-e-basket .shipping-and-payment span,
.page-e-basket .shipping-and-payment td {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#basket_shipping_list tr,
#basket_shipping_list td,
#basket_payments_list tr,
#basket_payments_list td {
    background: #22103d !important;
    color: #fff !important;
}

#basket_payments_list input + label,
#basket_payments_list .payment,
#basket_payments_list .payment label {
    background: #22103d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 20px !important;
}

#basket_form .cart,
#basket_form .cart tbody,
#basket_form .cart tr,
#basket_form .cart td {
    background: #22103d !important;
}

#btn_continue_shopping {
    background: #4030dc !important;
    border-color: #4030dc !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#centerpage .stock_no,
#centerpage2 .stock_no {
    background: transparent !important;
    color: #34D22F !important;
    border-radius: 0 !important;
    padding: 8px 20px !important;
    display: inline-block !important;
}

#centerpage .stock_no:before,
#centerpage2 .stock_no:before {
    content: "\f07a" !important;
    font-family: "FontAwesome" !important;
    color: #34D22F !important;
    margin-right: .2rem !important;
}

body #incenterpage .stock_no,
body #incenterpage2 .stock_no {
    position: relative !important;
    top: 60px !important;
}

.productPriceBox:has(.stock_no)::before {
    content: "pre-order" !important;
    position: absolute !important;
    display: block !important;
    width: 120px !important;
    height: 34px !important;
    left: -1% !important;
    top: 40px !important;
    transform: translateX(2px) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0077cc !important;
    line-height: 66px !important;
}

body #incenterpage .stock_no::before,
body #incenterpage2 .stock_no::before {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 4px !important;
    margin-bottom: 0 !important;
}

.productPriceBox:has(.stock_no)::after {
    content: "\f07a" !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 11px !important;
    color: #34D22F !important;
    -webkit-text-fill-color: #34D22F !important;
    -webkit-text-stroke-width: 0 !important;
    position: absolute !important;
    left: 12px !important;
    top: 68px !important;
    display: block !important;
    line-height: 1 !important;
}

.stock_no,
.stock_no::before,
.stock_no::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#centerpage .stock_no,
#centerpage2 .stock_no {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.stock_yes {
    background-color: transparent !important;
    background-image: none !important;
}

body #centerpage .stock_no,
body #centerpage2 .stock_no {
    color: #0077cc !important;
    padding: 4px 12px !important;
    border-radius: 0 !important;
    display: inline-block !important;
}

.cat-highlights-wrapper .cat-highlights-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* =====================================================
   PRODUKTY - 3 BOXY V ŘADĚ
   Zachová velikost boxů a zobrazí pouze 3 vedle sebe
   ===================================================== */

.products_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 25px !important;
}

.product {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    flex: 0 0 260px !important;
}

/* ===========================================
   PRODUKTOVÉ BOXY - VELIKOST A VYROVNÁNÍ
   =========================================== */

/* Vycentrování všech boxů */
.products_wrap{

    display:flex !important;
    flex-wrap:wrap !important;

    justify-content:center !important;
    align-items:flex-start !important;

    gap:30px !important;

}

/* Velikost jednoho boxu */
.product{

    width:300px !important;      /* šířka boxu */
    min-width:300px !important;
    max-width:300px !important;

    min-height:650px !important; /* výška boxu */

    margin:0 !important;

}

/* Obrázek produktu */
.product .img_box{

    height:360px !important;     /* výška obrázku */

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

}
/* ===========================================
   PRODUKTY - POSUN DOLŮ
   =========================================== */

.products_wrap{

    margin-top:-100px !important;   /* změň podle potřeby */

}
.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box > a{

    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 auto !important;

}

/* ==========================================
   SKRÝT HORNÍ LIŠTU KATEGORIÍ
   ========================================== */

#dropMenuWrapper{
    display:none !important;
}
/* ==========================================
   NASTAVENÍ BOXŮ
   ========================================== */

.home .cat-highlights-container .cat-highlights-wrapper{

    margin-top:60px !important;      /* dolů (- = nahoru) */
    margin-left:150px !important;      /* doprava (- = doleva) */

    gap:-100px !important;             /* mezera mezi boxy */

}

.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box{

    width:150px !important;          /* šířka boxu */
    height:150px !important;         /* výška boxu */

    transform:translate(0px,0px);    /* X = doleva/doprava, Y = nahoru/dolů */
}
/* ==========================================
ŠÍŘKA DETAILU GENGARA A PIKACHA   ========================================== */
body::before,
body::after{
    width:30vw !important;
}

}
/* ===========================================
   TOP BAR - MENŠÍ VÝŠKA
   =========================================== */

#topBar,
.top-bar,
.topbar{
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    line-height:40px !important;
}
/* ===========================================
   SKRÝT HORNÍ LIŠTU / PRUH POD MENU
   =========================================== */

#dropMenu{
    display:none !important;
}
/* ===========================================
   SPODNÍ LIŠTA POD MENU - NEON
   =========================================== */

#dropMenu{
    border-bottom:2px solid #b14cff !important;
    box-shadow:0 0 10px #b14cff !important;
}
/* ===========================================
   TOP BAR - SKRÝT HORNÍ A SPODNÍ LINKU
   =========================================== */

#topBar{
    border-top:none !important;
    border-bottom:none !important;
}
/* ===========================================
   SKRÝT TEXT U KOŠÍKU
   =========================================== */

:root{
    --full-shopping-basket-text: "";
    --empty-basket-text: "";
}
/* ===========================================
   POSUNOUT BOXY BLÍŽ K SOBĚ
   =========================================== */

.cat-highlights-box{

    transform:translateX(-50px);

}
/* ===========================================
   KATEGORIE - BOXY VEDLE SEBE
   =========================================== */

.cat-highlights-wrapper{

    display:inline-flex !important;
    gap:0 !important;

}

.cat-highlights-container{

    text-align:center !important;

}
/* ===========================================
   KATEGORIE
   =========================================== */

.cat-highlights-wrapper{
    display:grid !important;
    grid-template-columns:repeat(2,170px) !important;
    justify-content:center !important;
    column-gap:-10px !important;
}

.cat-highlights-box{
    width:180px !important;
    height:180px !important;
}
/* ===========================================
   TOP BAR - ZOBRAZENÍ
   =========================================== */

#topBar,
.top-bar,
.topbar{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
}
/* ===========================================
   TOP BAR - JEDEN ŘÁDEK
   =========================================== */

#topBar .top-bar-content{
    flex-wrap:nowrap !important;
}

/* ===========================================
   TOP BAR - PŮVODNÍ ROZLOŽENÍ
   =========================================== */

#topBar .topBar-wrapper{

    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:nowrap !important;

}
/* ===========================================
   SCHOVAT PŘIHLÁŠENÍ A REGISTRACI
   =========================================== */

#topBar .top-bar-login{
    display:none !important;
}
/* ===========================================
   TOP BAR - VYPNOUT BÍLÝ NEON
   =========================================== */

#topBar,
#topBar *,
.top-bar,
.top-bar *{

    text-shadow:none !important;
    box-shadow:none !important;
    filter:none !important;

}
#topBar svg{
    transition:.3s ease !important;
}

#topBar a:hover svg{
    filter:
        drop-shadow(0 0 5px #39ff14)
        drop-shadow(0 0 12px #39ff14) !important;
}
.custom-info-bar {
    position: fixed;      /* nebo absolute */
    top: 120px;           /* změňte podle potřeby */
    left: 20px;           /* nebo right: 20px */

    padding: 10px 18px;
    background: #4030dc;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
    z-index: 9999;

    cursor: pointer;
    transition: .2s;
}

.custom-info-bar:hover {
 background: #2b1eb5;
/* ===========================================
   SCHOVAT PÍSMO U KOŠÍKU
   =========================================== */
}
span.basket_empty,
span.basket_empty::before {
    display: none !important;
}

#aroundpage{
    max-width:1000px !important;
    margin:0 auto !important;
}
/* ===========================================
   PRODUKTY - VŽDY 3 V ŘADĚ NA VELKÝCH OBRAZOVKÁCH
   =========================================== */

@media (min-width: 1400px){

    .product{

        flex:0 0 33.333% !important;
        max-width:33.333% !important;
        min-width:33.333% !important;

        margin:0 !important;
        padding:10px !important;

        box-sizing:border-box;

    }

}
/* ===========================================
   TŘETÍ IKONA (CARDMARKET)
   =========================================== */

#topBar .top-bar-content p a:nth-child(3) img{

    position:relative;
    top:9px !important;

}
/* ===========================================
   FB + IG + CARDMARKET
   ZELENÝ NEON PŘI NAJETÍ MYŠÍ
   =========================================== */

#topBar .top-bar-content a img{

    transition:all .25s ease;

}

#topBar .top-bar-content a:hover img{

    filter:
        drop-shadow(0 0 5px #39ff14)
        drop-shadow(0 0 10px #39ff14)
        drop-shadow(0 0 20px #39ff14)
        drop-shadow(0 0 35px #39ff14) !important;

    transform:scale(1.08);

}

/* ===========================================
   HIGHLIGHT BOXY - POSUN BEZ CESTOVÁNÍ
   =========================================== */

.home .cat-highlights-container{

    display:flex;
    justify-content:center;

}

.home .cat-highlights-container .cat-highlights-wrapper{

    margin-left:-350px !important;   /* doprava */

}
/* ===========================================
   HIGHLIGHT BOXY - VELIKOST
   =========================================== */

.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box{

    width:150px !important;
    height:150px !important;
    flex:0 0 170px !important;

}
/* ===========================================
   HIGHLIGHT BOX 1
   =========================================== */

.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(1){

    margin-left:-95px !important;
    margin-top:0px !important;

}

/* ===========================================
   HIGHLIGHT BOX 2
   =========================================== */

.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(2){

    margin-left:-95px !important;
    margin-top:0 !important;

}
/* ===========================================
   ODSTRANĚNÍ PRÁZDNÉHO MÍSTA NAD PATIČKOU
   =========================================== */

#aroundpage{

    height:auto !important;
    min-height:100vh !important;
}
/* ===========================================
   KATEGORIE - VĚTŠÍ IKONA V BOXU
   =========================================== */

html body.page-category .main_category .odkaz_banner img{

    max-width:120px !important;
    max-height:120px !important;

    width:auto !important;
    height:auto !important;

    flex:0 0 120px !important;

    margin:auto !important;

}
/* ===========================================
   KATEGORIE - SLOUPCOVÉ ZAROVNÁNÍ
   =========================================== */

html body.page-category .main_category .odkaz_banner{

    flex-direction:column !important;

}
/* ===========================================
   HIGHLIGHT BOXY - ZMENŠENÍ OBRÁZKU
   =========================================== */

.home .cat-highlights-box img{

    transition:.35s ease !important;

}

.home .cat-highlights-box:hover img{

    transform:scale(.75);

}
/* ===========================================
   ZELENÝ NEON PŘI HOVERU
   =========================================== */

.page-category .odkaz_banner{

    transition:.3s ease;

}

.page-category .odkaz_banner:hover{

    border:1px solid #39ff14 !important;

    box-shadow:
        0 0 8px #39ff14,
        0 0 18px #39ff14,
        0 0 35px rgba(57,255,20,.9);

    transform:scale(1.03);

}
/* ===========================================
   KATEGORIE - ČTVERCOVÉ BOXY
   =========================================== */

.page-category .main_category .odkaz_banner{

    /* ===== ROZMĚRY BOXU ===== */

    width:150px !important;          /* ŠÍŘKA */
    height:150px !important;         /* VÝŠKA */

    min-width:150px !important;
    min-height:150px !important;

    max-width:150px !important;
    max-height:150px !important;

    /* ===== ZAROVNÁNÍ ===== */

    display:flex !important;
    flex-direction:column !important;

    justify-content:center !important;
    align-items:center !important;

    /* ===== ODSAZENÍ ===== */

    margin:12px !important;          /* Mezera mezi boxy */
    padding:10px !important;         /* Vnitřní odsazení */

    /* ===== VZHLED ===== */

    background:rgba(35,15,60,.15) !important;

    border:2px solid #9d4dff !important;
    border-radius:28px !important;

    box-shadow:
        0 0 6px #a855ff,
        0 0 12px #a855ff,
        0 0 24px rgba(168,85,255,.45);

    overflow:hidden;

    transition:.3s ease;
}

/* ===========================================
   HOVER - ZMENŠENÍ LOGA V BOXU
   =========================================== */

.page-category .odkaz_banner img{

    transition:transform .35s ease;

}

.page-category .odkaz_banner:hover img{

    transform:scale(.75);   /* ← Velikost loga při hoveru */

}

/* ===========================================
   POSUN OBSAHU DETAILU PRODUKTU
   =========================================== */

.page-product-detail #incenterpage2{

    margin-top:150px !important;    /* ← sem dej 20px, 50px, -30px... */
}
/* ===========================================
   POLE MNOŽSTVÍ - BÍLÉ ČÍSLO
   =========================================== */

.page-product-detail .quantity-input{

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-align:center;

}
/* ===========================================
   TEXT TLAČÍTKA KOUPIT
   =========================================== */

.page-product-detail .buy-button,
.page-product-detail .buy-button *,
.page-product-detail input[type="submit"],
.page-product-detail button{

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

}
/* ===========================================
   BÍLÝ TEXT TLAČÍTEK
   =========================================== */

.buy-button,
.buy-button *,
.btn,
.btn *,
button,
button *,
input[type="submit"]{

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

}
/* ===========================================
   SKRÝT FIALOVÝ TEXT V NOTIFIKACI
   =========================================== */

#ajax-basket .notification::after{

    content:none !important;
    display:none !important;

}
#ajax-basket .notification::before{

    content:none !important;
    display:none !important;

}
/* ===========================================
   HORNÍ LIŠTA (TOP BAR)
   =========================================== */

#topBar{

    background:#4c1d95 !important;
    background-image:none !important;

}
#ajax-basket .notification{

    color:transparent !important;

}
/* Schová celý blok Doporučujeme přikoupit */
#ajax-basket .similar{
    display:none !important;
}
/* Schová červený křížek u Předobjednávky */
#ajax-basket .product_info .stock-no::before,
.cart tbody tr td.box_text .stock-no::before{

    content:none !important;
    display:none !important;

}
/* Lišta "Zboží bylo přidáno do košíku" */
#ajax-basket .notification{

    background:#4c1d95 !important;
    border:none !important;

}
/* ===========================================
   POZADÍ OKNA PO PŘIDÁNÍ DO KOŠÍKU
   =========================================== */

#ajax-basket{

    background:#5d35a8 !important;

}
/* ===========================================
   BÍLÝ TEXT V CELÉM POPUP KOŠÍKU
   =========================================== */

#ajax-basket,
#ajax-basket *{

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

}
/* ===========================================
   SKRÝT SPECIFIKACI PRODUKTU V POPUP KOŠÍKU
   =========================================== */

#ajax-basket .product_info .description{

    display:none !important;

}
/* ===========================================
   SILNÝ BÍLÝ NEON KOLEM OBRÁZKU
   =========================================== */

#ajax-basket .product_picture img{

    border:2px solid #ffffff !important;
    border-radius:20px !important;

    box-shadow:
        0 0 10px #ffffff,
        0 0 20px #ffffff,
        0 0 40px rgba(255,255,255,.9),
        0 0 70px rgba(255,255,255,.6);
  
}
/* ===========================================
   SKRÝT IKONKY PODMENU
   =========================================== */

.article-submenu .article-submenu-item::before{

    display:none !important;
    content:none !important;

}
/* ===========================================
   SKRÝT PODMENU ČLÁNKŮ
   =========================================== */

#incenterpage .article-submenu,
#incenterpage2 .article-submenu{

    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;

}
/* ===========================================
   AJAX KOŠÍK - VYSTŘEDIT BLOK TEXTU
   =========================================== */

#ajax-basket{

    display:flex;
    align-items:center;

}

#ajax-basket .product_info{

    align-self:center !important;

}
/* Posun doprava */
#ajax-basket .product_info{

    transform: translateX(45px);

}
/* ===========================================
   SKRÝT TEXT HLÁŠKY KOŠÍKU
   =========================================== */

#ajax-basket .notification{

    font-size:0 !important;
    color:transparent !important;

}

/* ===========================================
   HLAVNÍ STRÁNKA - VLASTNÍ INFORMAČNÍ LIŠTA
   =========================================== */

.home-custom-bar {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #4c1d95;
    box-shadow: 0 0 25px rgba(168,85,247,.35);
}

.home-custom-bar img {
    display: block;
    width: 100%;
    height: auto;
}
/* ===========================================
   MOBIL - BÍLÉ PÍSMO NA CELÉM WEBU
   =========================================== */

@media only screen and (max-width: 768px){

    body,
    body p,
    body span,
    body div,
    body a,
    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6,
    body li,
    body td,
    body th,
    body label,
    body strong,
    body small{

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

    }

}
/* ===========================================
   MOBIL - MODRÝ TEXT PŘEDOBJEDNÁVKA
   =========================================== */

@media only screen and (max-width: 768px){

    body #incenterpage .stock_no,
    body #incenterpage .stock-no{

        color:#9fdcff !important;
        -webkit-text-fill-color:#9fdcff !important;

    }

}
/* ===========================================
   MOBIL - MODRÁ PŘEDOBJEDNÁVKA (KOŠÍK ZŮSTANE ZELENÝ)
   =========================================== */

@media only screen and (max-width:768px){

    /* Text */
    body #incenterpage .stock_no,
    body #incenterpage2 .stock_no{
        color:#0077cc !important;
        -webkit-text-fill-color:#0077cc !important;
    }

    /* Ikona košíku zůstane zelená */
    body #incenterpage .stock_no::before,
    body #incenterpage2 .stock_no::before{
        color:#34d22f !important;
        -webkit-text-fill-color:#34d22f !important;
    }

}
/* ===========================================
   MOBIL - PŘEDOBJEDNÁVKA BEZ RÁMEČKU A POZADÍ
   =========================================== */

@media only screen and (max-width:768px){

    body #incenterpage .stock_no,
    body #incenterpage2 .stock_no{
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

}
/* ===========================================
   MOBIL - POSUN PŘEDOBJEDNÁVKY (KOŠÍK + TEXT)
   =========================================== */

@media only screen and (max-width:768px){

    .stock_no,
    .stock-no{

        position: relative !important;

        left: 0px;   /* doprava = 20px | doleva = -20px */
        top: 0px;    /* dolů = 10px | nahoru = -10px */

    }

}
/* ===========================================
   MOBIL - POSUN PŘEDOBJEDNÁVKY
   =========================================== */

@media only screen and (max-width:768px){

    .product .stock_no,
    .product .stock-no{

        order:1 !important;

        transform: translateX(13px) translateY(25px) !important;

    }

}
/* ===========================================
   MOBIL - PRE-ORDER MODŘE
   =========================================== */

@media only screen and (max-width:768px){

    .product .productPriceBox::before{

        color: #0077cc !important;
        -webkit-text-fill-color: #0077cc !important;

        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        text-transform: none !important;

    }
}
/* ===========================================
   MOBIL - IN STOCK
   =========================================== */

@media only screen and (max-width:768px){

    .productPriceBox:has(.stock_yes)::before{

        content:"in stock";

        position:absolute;
        left:25px;
        top:40px;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-family:"Poppins",sans-serif !important;
        font-size:13px !important;
        font-weight:500 !important;

        display:block;

    }

}
/* ===========================================
   MOBIL - SAMOSTATNÁ FAJFKA
   =========================================== */

@media only screen and (max-width:768px){

    .productPriceBox:has(.stock_yes)::after{

        content:"\f00c";
        font-family:"FontAwesome" !important;
        font-style:normal !important;
        font-weight:normal !important;

        color:#34D22F !important;
        -webkit-text-fill-color:#34D22F !important;

        font-size:11px !important;
        line-height:1;

        display:block !important;

        position:relative !important;
        transform:translate(8px,44px);

    }
  
} 
/* ===========================================
   MOBIL - CATEGORY BOXY
   =========================================== */

@media only screen and (max-width:768px){

    .home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box{

        /* VELIKOST */
        width:80px !important;
        height:80px !important;

        flex:0 0 120px !important;
        max-width:80px !important;
        min-width:80px !important;

        /* POSUN */
        transform:translate(150px,150px) !important;

    }

}
/* ===========================================
   MOBIL - SKRÝT NADPISY CATEGORY BOXŮ
   =========================================== */

@media only screen and (max-width:768px){

    .home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box > p{

        display:none !important;

    }

}
/* =========================================== */
/* ODSTRANĚNÍ CELÉHO RÁMEČKU KARTIČKY PRODUKTU V MOBILNÍ VERZI */
/* =========================================== */

@media only screen and (max-width:767px){

    .product,
    .productBody,
    .product_wrapper{
        border:none !important;
        box-shadow:none !important;
        outline:none !important;
        background:transparent !important;
    }

}
/* =========================================== */
/* ZAROVNÁNÍ PRODUKTŮ NA STŘED V MOBILNÍ VERZI */
/* =========================================== */

@media only screen and (max-width:767px){

    .product_wraper.container{
        display:flex !important;
        justify-content:center !important;
        align-items:flex-start !important;
        flex-wrap:wrap !important;
    }

}
/* =========================================== */
/* ZÁŘÍCÍ FIALOVÁ ČÁRA MEZI PRODUKTY */
/* =========================================== */

@media only screen and (max-width:767px){

    .product{
        border:none !important;
        box-shadow:none !important;
        border-bottom:2px solid #a855f7 !important;
        box-shadow:0 2px 10px rgba(168,85,247,.45) !important;
        padding-bottom:20px !important;
        margin-bottom:20px !important;
    }

}
/* =========================================== */
/* FIALOVÁ ODDĚLOVACÍ ČÁRA MEZI PRODUKTY - LADĚNÍ */
/* =========================================== */

@media only screen and (max-width:767px){

    .product{

        border:none !important;
        border-bottom:2px solid #a855f7 !important;

        box-shadow:0 2px 10px rgba(168,85,247,.45) !important;

        /* ODSAZENÍ OBSAHU OD ČÁRY */
        padding-bottom:30px !important;

        /* MEZERA POD ČÁROU */
        margin-bottom:100px !important;

    }

  }
/* =========================================== */
/* HORNÍ ODSAZENÍ ODDĚLOVACÍ ČÁRY PRODUKTŮ */
/* =========================================== */

@media only screen and (max-width:767px){

    .product{

        border:none !important;
        border-bottom:2px solid #a855f7 !important;
        box-shadow:0 2px 10px rgba(168,85,247,.45) !important;

        /* HORNÍ ODSAZENÍ */
        padding-top:80px !important;

        /* MEZERA NAD PRODUKTEM */
        margin-top:20px !important;

        /* DOLNÍ ODSAZENÍ */
        padding-bottom:20px !important;
        margin-bottom:20px !important;

    }

}
/* =========================================== */
/* BÍLÝ NEON KOLEM OBRÁZKU PRODUKTU */
/* =========================================== */

.detail-box-product .image img,
.product-detail-container .col-1 .image img{

    border-radius:40px !important;

    box-shadow:
        0 0 10px #ffffff,
        0 0 20px #ffffff,
        0 0 35px #ffffff,
        0 0 55px rgba(255,255,255,.95) !important;

}

/* =========================================== */
/* FIALOVÁ ODDĚLOVACÍ ČÁRA POD PRODUKTY - DESKTOP */
/* =========================================== */

@media only screen and (min-width:768px){

    .product{
        border-bottom:2px solid #a855f7 !important;
        padding-bottom:30px !important;
        margin-bottom:30px !important;
    }

}
/* ===========================================
   FIALOVÝ RÁMEČEK KATEGORIÍ
   =========================================== */

.page-category .odkaz_banner{

    border:2px solid #9d4dff !important;
    border-radius:28px !important;
  }
  
}


/* ===========================================
   DESKTOP - FIALOVÁ ČÁRA POD PRODUKTEM
=========================================== */

@media only screen and (min-width:768px){

html body #page .product{

    border-bottom:2px solid #a855f7 !important;
    box-shadow:0 2px 10px rgba(168,85,247,.45) !important;

    padding-bottom:30px !important;
    margin-bottom:100px !important;
}
  
}
/* =========================================== */
/* POSUN LOGA - STABILNÍ NA VŠECH MOBILECH */
/* =========================================== */

@media only screen and (max-width:767px){

    #site_logo{

        transform:translate(-10px,10px) !important;

    }

}
/* =========================================== */
/* POSUN CELÉHO BLOKU LUPY - MOBIL */
/* =========================================== */

@media only screen and (max-width:767px){

    html body #page .myheader #search{

        position:relative !important;

        left:-30px !important;   /* ← doleva / doprava */
        top:10px !important;     /* ↑ nahoru / dolů */

    }

}
/* =========================================== */
/* MOBIL - BÍLÁ LUPA */
/* =========================================== */

@media only screen and (max-width:767px){

    .wrapper_search_submit{

        color:#fff !important;

    }

    .wrapper_search_submit::before{

        color:#fff !important;
        filter:brightness(0) invert(1);

    }

}
/* =========================================== */
/* MOBIL - BÍLÝ KOŠÍK + POSUN */
/* =========================================== */

@media only screen and (max-width:767px){

    html body #ebar #quantity_tag::before{

        filter:brightness(0) invert(1) !important;

        position:relative;
        left:-20px;   /* DOPRAVA / DOLEVA */
        top:10px;    /* NAHORU / DOLŮ */

    }

}
/* =========================================== */
/* MOBIL - POSUN ČÍSELNÍKU KOŠÍKU */
/* =========================================== */

@media only screen and (max-width:767px){

    #basket_content_tag #quantity_tag .quantity_count{

        transform:translate(-15px, 10px) !important;

    }

}
/* =========================================== */
/* MOBIL - FIALOVÉ VYHLEDÁVÁNÍ */
/* =========================================== */

@media only screen and (max-width:767px){

    .wrapper_search_submit{

        background:#5d35a8 !important;
        border:1px solid #5d35a8 !important;
        box-shadow:none !important;
        outline:none !important;

    }
  
}
/* ===========================================
   MOBIL - ÚPRAVA BANNERU
   =========================================== */

@media only screen and (max-width:768px){

    .page-banner-container{
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        min-height: 120px !important;
        margin-bottom: 20px !important;
    }

    .page-banner{
        position: relative !important;
        transform: none !important;
        margin: 0 auto !important;
    }

}
@media only screen and (max-width:768px){

    .page-banner{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;

        margin:20px auto 20px auto !important;
        transform:none !important;
        left:0 !important;
    }

    .page-banner-image{
        width:50% !important;
        height:auto !important;
    }

}
@media only screen and (max-width:768px){

    .page-banner{
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

}

/* MOBIL - HAMBURGER BOX */
@media only screen and (max-width:767px){

    .responsive-menu-button.eshop-menu-button{

        background:#5d35a8 !important;   /* barva boxu */
        border:2px solid #9d4dff !important; /* rámeček */
        border-radius:18px !important;   /* zaoblení */

        color:#ffffff !important;        /* barva ikonky */
        box-shadow:0 0 15px rgba(157,77,255,.6) !important;

        padding:10px 12px !important;

    }

    .responsive-menu-button.eshop-menu-button i,
    .responsive-menu-button.eshop-menu-button::before{

        color:#ffffff !important;

    }

}
@media only screen and (max-width:767px){

    .responsive-menu-button.eshop-menu-button{

        position: relative !important;
        top: 8px !important; /* změň podle potřeby */

}

}
/* ===========================================
   MOBIL - FIALOVÉ POZADÍ MENU
   =========================================== */

@media only screen and (max-width:767px){

    .mobile-menu-content{

        background:#5d35a8 !important;

    }

}
/* ===========================================
   MOBIL - SKRÝT 1. A 2. CATEGORY BOX
   =========================================== */

@media only screen and (max-width:768px){

    .home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(1),
    .home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box:nth-child(2){

        display:none !important;

    }

}
/* ===========================================
   MOBIL - SKRÝT BANNER NAD PRODUKTY
   =========================================== */

@media only screen and (max-width:768px){

    .home .products_wrap::before{

        display:none !important;
        content:none !important;

    }

}
/* ===========================================
   MOBIL - TMAVĚ FIALOVÉ VYHLEDÁVACÍ POLE
   =========================================== */

@media only screen and (max-width:767px){

    html body #page .myheader #search #searchForm #q{

        background:#2a0d52 !important;
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;

        border:1px solid #5d35a8 !important;

    }

    html body #page .myheader #search #searchForm #q::placeholder{

        color:#d9c8ff !important;
        opacity:1;

    }

}
/* ===========================================
   MOBIL - MAXI VYHLEDÁVACÍ POLE
   =========================================== */

@media only screen and (max-width:767px){

    html body #page .myheader #search #searchForm #q{

        width:480px !important;
        min-width:480px !important;
        max-width:480px !important;

        padding:10px 50px 10px 15px !important;

        position:relative !important;
        left:-125px !important;

        background:#2a0d52 !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:16px !important;

    }

}
/* ===========================================
   MOBIL - SKLAD BEZ ZELENÉHO POZADÍ
   =========================================== */

@media only screen and (max-width:767px){

    #incenterpage .stock_yes,
    #incenterpage2 .stock_yes,
    #incenterpage .stock_yes::before,
    #incenterpage2 .stock_yes::before{

        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        border-radius:0 !important;

    }

}
/* ===========================================
   MOBIL - DETAIL OBRÁZKU BEZ OŘEZU
   =========================================== */

@media only screen and (max-width:767px){

    .detail-box-product .image,
    .product-detail-container .col-1,
    .product-detail-container .image{

        width:auto !important;
        height:auto !important;
        overflow:visible !important;

    }

    #detail_src_magnifying_small{

        width:100% !important;
        max-width:250px !important;
        height:auto !important;
        object-fit:contain !important;
}

}
/* ===========================================
   SCHOVAT PAGE BANNER
   =========================================== */

@media only screen and (max-width:767px){

body.home .page-banner{

    display:none !important;
}

}
/* ===========================================
   MOBIL - SCHOVAT PLOVOUCÍ KOŠÍK
   =========================================== */

@media only screen and (max-width:767px){

body.fixedBasket #page .myheader #ebar,
body.fixedBasket #page .myheader #ebar #basket_icon,
body.fixedBasket #page .myheader #ebar #basket_content_tag,
body.fixedBasket #page .myheader #ebar #quantity_tag,
body.fixedBasket #page .myheader #ebar #quantity_tag::before,
body.fixedBasket #page .myheader #ebar #quantity_tag::after{

    display:none !important;
    content:none !important;

}

}
/* ===========================================
   MOBIL - ÚPLNÉ VYPNUTÍ BOČNÍCH OBRÁZKŮ
   =========================================== */

@media only screen and (max-width:767px){

body::before,
body::after{

    content:none !important;
    display:none !important;
    background:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;

}

}
/* ===========================================
   DESKTOP - SCHOVAT PLOVOUCÍ KOŠÍK
   =========================================== */

@media only screen and (min-width:768px){

body.fixedBasket #page .myheader #ebar{

    display:none !important;

}

}
/* ===========================================
   PRODUKT - ZRUŠIT ZAOBLENÍ ROHŮ KARTY/PRODUKTU A OŘEZ + POPISY ANGLICKÉ
   =========================================== */

.page-product-detail .image,
.page-product-detail .image img,
#productGallery .item img{

    border-radius:0 !important;
    overflow:visible !important;

}

 @media only screen and (max-width: 767px) {
    td.stock-label::after {
        content: " / Availability:";
    }
}
@media only screen and (max-width: 767px) {
    td.product-number-text::after {
        content: " / Product Number:";
    }
  
}
/* ===== BARVA POČTU KUSŮ ===== */

@media only screen and (max-width:767px){

    td.product-stock-value span{
        color:#51b351 !important;
        -webkit-text-fill-color:#51b351 !important;
    }

}
/* ===== PRŮHLEDNÉ POZADÍ ČÍSELNÍKU ===== */

.input-spinner-group{
    background: transparent !important;
    border: 2px solid #fff !important;
    
}

.input-spinner-group input{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.input-spinner-btn{
    background: transparent !important;
    border: none !important;
 
    }

}
/* ===== DOKONČIT OBJEDNÁVKU: / COMPLETE THE ORDER ===== */

#ajax-basket .buttons .go a::after{
    content:" / Complete the order";
}
/* ===== SKRÝT TLAČÍTKO "ZPĚT DO OBCHODU" ===== */

#ajax-basket .buttons .back{
    display:none !important;
}
/* ===========================================
   POSUN PRODUKTŮ
   =========================================== */

@media only screen and (max-width:767px){

body.home .product_wraper.container{

    /* POSUN NAHORU */
    margin-top:-620px !important;

    /* DOLADĚNÍ SPODKU */
    margin-bottom:-400px !important;

}

}
/* ===== ZDARMA / FREE (POUZE PRVNÍ 3 PLATBY) ===== */

#basket_payments_list tr:nth-of-type(1) td:last-child::after,
#basket_payments_list tr:nth-of-type(2) td:last-child::after,
#basket_payments_list tr:nth-of-type(3) td:last-child::after{
    content:" / FREE";
    position:relative;
    top:-3px; /* ZMĚŇ: -2px nahoru | 2px dolů */
}

#basket_payments_list tr:nth-of-type(1) td:last-child,
#basket_payments_list tr:nth-of-type(2) td:last-child,
#basket_payments_list tr:nth-of-type(3) td:last-child{
    white-space:nowrap;
    text-align:center;
}
/* ===== SKRÝT TLAČÍTKO "POKRAČOVAT V NÁKUPU" ===== */

li.bookmark.continue_shopping{
    display:none !important;
}
/* ===== SKRÝT ZPÁTKY DO E-SHOPU ===== */

.bookmark.continue_shopping{
    display:none !important;
}
/* ===== SKRÝT BOX PŘIHLÁŠENÍ ===== */

.form-box:first-of-type{
    display:none !important;
}
/* ===== FIALOVÉ POZADÍ FORMULÁŘE ===== */

#boxNorm{
    background:#22103d !important;
    border:1px solid #4b2aa5 !important;
    border-radius:20px !important;
}
/* ===== SKRÝT NADPIS "POKRAČOVAT BEZ PŘIHLÁŠENÍ" ===== */

#boxNorm::before{
    content:none !important;
    display:none !important;
}
/* ===== FIRMA / JMÉNO A PŘÍJMENÍ ===== */

label[for="firma"]{
    font-size:0 !important;
}

label[for="firma"]::after{
    content:"Jméno a příjmení / Firma / Full Name / Company  ";
    font-size:12px;
    color:#fff;
    -webkit-text-fill-color:#fff !important;
}
#boxNorm label[for="ico"]{
    font-size:0 !important;
}

#boxNorm label[for="ico"]::after{
    content:"IČO / Company ID";
    font-size:12px;
    color:#fff;
}
/* ===== FIALOVÝ HORNÍ PRUH ===== */

#left-box .fixed-parent-node.visible,
html .fixed-parent-node.visible,
html .fixed-parent-node.visible > .direct-link-text{
    background:#4b1f8f !important; /* změň na svůj odstín */
    border:none !important;
}
/* ===== SVĚTLE FIALOVÉ INPUTY CENY ===== */

#centerpage_params_filter_area input.price,
#centerpage_label_min_price input,
#centerpage_label_max_price input{
    background:#8b5cf6 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border:1px solid #b794f6 !important;
    border-radius:100px !important;
    box-shadow:none !important;
}
.product{
    box-shadow:0 0 12px rgba(157,77,255,.35) !important;
}
/* ===== TOP BAR - VLASTNÍ POZICE LOG ===== */

.top-bar-login{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}
/* ===========================================
   IKONY FB + IG + CM
   =========================================== */
#topBar .top-bar-content img{

    position:relative;
    left:465px;
    top:5px;
    margin-right:10px;
}

/* ===========================================
   MOBIL - FIALOVÝ PANEL FILTRŮ
   =========================================== */

@media only screen and (max-width:767px){

    .page-category #incenterpage > #centerpage_params_filter_area{

        background:#2b124d !important;
        border:none !important;
        box-shadow:5px 5px 20px rgba(0,0,0,.4) !important;
      
    }
  
}
/* ===========================================
   MOBIL - SKRÝT NADPIS KATEGORIE
   =========================================== */

@media only screen and (max-width:767px){

    #incenterpage h1{

        display:none !important;

    }

}
/* ===========================================
   KOŠÍK - PRE-ORDER / IN STOCK
   =========================================== */

#ajax-basket .stock-no,
#ajax-basket .stock_no{

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

}

#ajax-basket .stock-no::after,
#ajax-basket .stock_no::after{

    content:" / pre-order";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-weight:500 !important;

}
/* ===========================================
   KOŠÍK - SKRÝT NÁPIS "CENA:"
   =========================================== */

#ajax-basket .price-text{

    display:none !important;

}
/* ===========================================
   KOŠÍK - POČET KUSŮ / NUMBER OF PIECES
   =========================================== */

#ajax-basket .quantity-text::after{

    content:" / Number of pieces";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:"Poppins",sans-serif !important;
    font-size:inherit !important;
    font-weight:inherit !important;

}
/* ===========================================
   KOŠÍK - POČET KUSŮ NA NOVÝ ŘÁDEK
   =========================================== */

#ajax-basket .quantity-count{

    display:block !important;
    margin-top:5px !important;

}
/* ===========================================
   KOŠÍK - SKLADEM / IN-STOCK
   =========================================== */

#ajax-basket .stock-yes,
#ajax-basket .stock_yes{

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

}

#ajax-basket .stock-yes::after,
#ajax-basket .stock_yes::after{

    content:" / in-stock";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

}
/* ===========================================
   KOŠÍK - PŘEDOBJEDNÁVKA / PRE-ORDER
   =========================================== */

#basket_form .stock-no::after,
#basket_form .stock_no::after{

    content:" / pre-order";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:"Poppins",sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;

}
/* ===========================================
   KOŠÍK - SKLADEM / IN STOCK
   =========================================== */

#basket_form .stock-yes::after,
#basket_form .stock_yes::after{

    content:" / in stock";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:"Poppins",sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;

}

/* ===========================================
   KOŠÍK - SKRÝT NADPIS "VÁŠ KOŠÍK"
   =========================================== */

#basket_form::before{

    content:none !important;
    display:none !important;

}
/* ===========================================
   KOŠÍK - CELKEM / TOTAL
   =========================================== */

#basket_form .price-desc.left::after{

    content:" TOTAL";

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:"Poppins",sans-serif !important;
    font-size:inherit !important;
    font-weight:inherit !important;

}
/* ===========================================
   DOKONČENO / COMPLETED
   =========================================== */

.steps-order.header-slider3 .header-slider-heading::after{

    content:" / Completed";

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

}
/* ===========================================
   ZPŮSOB DORUČENÍ / SHIPPING METHOD
   =========================================== */

.page-e-basket .shipping-and-payment .td-delivery-area::before{

    content:"Způsob doručení / Shipping Method" !important;

}

/* ===========================================
   ZDARMA / FREE
   =========================================== */

.page-e-basket td.free-price-text::before{

    content:"ZDARMA / FREE" !important;

}
/* ===========================================
   ZPŮSOB PLATBY / PAYMENT METHOD
   =========================================== */

.page-e-basket .shipping-and-payment .td-payments-area::before{

    content:"Způsob platby / Payment Method" !important;

}
/* Skryje neaktivní platební metody */
#basket_payments_list tr.disabled-payments{
    display:none !important;
}
#cena_dodani_puvodni.free-price-text::after{
    content:" / FREE";
    color:#fff !important;
    font-weight:600;
}
/* ===========================================
   ČERNÝ TEXT VE VÝBĚRU ZEMĚ
   =========================================== */

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
}
/* ===========================================
   SKRÝT ŘÁDEK IČO / COMPANY ID
   =========================================== */

p.col-h-1:has(#faktura_ico),
p.col-h-1:has(input[name="faktura_ico"]){
    display:none !important;
}
/* ===========================================
   SKRÝT DIČ / VAT ID
   =========================================== */

input[name="faktura_dic"]{
    display:none !important;
}

label[for*="faktura_dic"]{
    display:none !important;
}

#empty_error_faktura_dic{
    display:none !important;
}

input[name="faktura_dic"] + label{
    display:none !important;
}
/* ===========================================
   SKRÝT PRÁZDNÉ ŘÁDKY VE FORMULÁŘI
   =========================================== */

.spc p.col-h-1{
    display:none !important;
}
/* ===========================================
   SKRÝT CELÝ ŘÁDEK REGISTRACE
   =========================================== */

p:has(input[name="zaregistrovat"]){
    display:none !important;
}
/* ===========================================
   TLAČÍTKO ZPĚT NA KOŠÍK – MODRÁ #4030DC
   =========================================== */

.page-e-finish #back_to_cart_icon{
    background:#4030DC !important;
    border-color:#4030DC !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

.page-e-finish #back_to_cart_icon:hover{
    background:#4030DC !important;
    border-color:#4030DC !important;
}

/* ===========================================
   KROKY KOŠÍKU - ANGLICKÉ NÁZVY
   =========================================== */

.steps-order.header-slider1 .header-slider-heading::after{
    content:" / Cart";
    color:#fff !important;
}

.steps-order.header-slider2 .header-slider-heading::after{
    content:" / Shipping Information";
    color:#fff !important;
}

.steps-order.header-slider3 .header-slider-heading::after{
    content:" / Completed";
    color:#fff !important;
}
/* ===========================================
   TEXT POD TLAČÍTKEM ODESLÁNÍ
   Přidání anglického překladu
   =========================================== */

.with_payment_requirement::after{
    content:" / Order with obligation to pay";
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
/* ===========================================
   POZADÍ OTEVŘENÉHO VÝBĚRU ZEMĚ
   =========================================== */

.select2-dropdown{
    background:#2A124C !important;
    border:1px solid #4030DC !important;
}

.select2-results{
    background:#2A124C !important;
}

.select2-results__options{
    background:#2A124C !important;
}

.select2-results__option{
    background:#2A124C !important;
    color:#fff !important;
}

.select2-results__option--highlighted{
    background:#4030DC !important;
    color:#fff !important;
}

/* ===========================================
   BÍLÝ TEXT V POČÍTADLE MNOŽSTVÍ
   =========================================== */

.prKs.quantity-input,
.prKs.quantity-input:focus{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-align:center;
}

}
/* ===== SKLADEM / IN STOCK ===== */

.price-value.def_color .fleft{
    color:#34d22f !important;
    -webkit-text-fill-color:#34d22f !important;
    font-weight:600;
}
/* ===== SKRÝT ZELENÝ ŠTÍTEK "SKLADEM" U PRODUKTŮ ===== */

.product-status-box .stock_yes{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}
/* ===== DETAIL PRODUKTU – SKRÝT ŠTÍTEK PŘEDOBJEDNÁVKA / PRE-ORDER ===== */

.detail-box-product .stock_no{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}
/* ===== ODSTOUPENÍ OD SMLOUVY – Tmavý vzhled ===== */

.withdrawal-form-wrapper{
    background:#241040 !important;
    border:1px solid #4030DC !important;
    color:#fff !important;
    box-shadow:none !important;
}

.withdrawal-form-wrapper,
.withdrawal-form-wrapper label,
.withdrawal-form-wrapper p,
.withdrawal-form-wrapper span,
.withdrawal-form-wrapper h1,
.withdrawal-form-wrapper h2,
.withdrawal-form-wrapper h3,
.withdrawal-form-wrapper h4,
.withdrawal-form-wrapper h5,
.withdrawal-form-wrapper h6{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

.withdrawal-form-wrapper input,
.withdrawal-form-wrapper textarea,
.withdrawal-form-wrapper select{
    background:#fff !important;
    color:#000 !important;
    border:1px solid #4030DC !important;
}
/* ===== KONTAKT – ČERNÝ TEXT V INPUTECH ===== */

#form_user input,
#form_user textarea{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
}

#form_user input::placeholder,
#form_user textarea::placeholder{
    color:#666 !important;
    -webkit-text-fill-color:#666 !important;
}
/* ===== ODSTOUPENÍ OD SMLOUVY – ČERNÝ TEXT V INPUTECH ===== */

.withdrawal-form-wrapper input,
.withdrawal-form-wrapper textarea,
.withdrawal-form-wrapper select{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
}

.withdrawal-form-wrapper input::placeholder,
.withdrawal-form-wrapper textarea::placeholder{
    color:#666 !important;
    -webkit-text-fill-color:#666 !important;
}
/* ===== FOOTER – SKRÝT ŠIPKU JEN U "Shipping and payment" ===== */

.myfooter .footer-box .item-content ul li.item-6::before{
    content:"" !important;
    color:transparent !important;
    font-size:0 !important;
    width:.6rem;
    display:inline-block;
}
/* ===== STŘED WEBU ===== */

#centerpage{
    position:relative;
    isolation:isolate;
    overflow:hidden;
}
/* =====================================================
   SKRYTÍ PŮVODNÍHO TEXTU "SKLADEM:"
===================================================== */

td.product-stock-text{
    visibility:hidden;
}

td.product-stock-text::after{
    visibility:visible;
}
/* =====================================================
   BARVA STAVU SKLADU (DESKTOP + MOBIL)
   Změní text "Předobjednávka / pre-order" na zelenou.
===================================================== */

.price-value.def_color.product-stock-value .fleft{
    color:#34d22f !important;
    -webkit-text-fill-color:#34d22f !important;
    font-weight:600;
}
/* =====================================================
   STAV SKLADU / STOCK STATUS
   Nahrazení původního textu vlastním překladem
===================================================== */

td.product-stock-text{
    visibility:hidden;
    position:relative;
    min-height:40px;
}

td.product-stock-text::after{
    visibility:visible;
    content:"Stav skladu: / Stock Status:";
    position:absolute;
    left:13px;
    top:12px;
    transform:none;
    color:#fff;
    white-space:nowrap;
}

/* =====================================================
   MOBIL - STAV SKLADU
   Na mobilu se anglický text zalomí na druhý řádek.
===================================================== */

@media only screen and (max-width:767px){

    td.product-stock-text{
        min-height:55px;
    }

    td.product-stock-text::after{
        content:"Stav skladu: /\AStock Status:";
        white-space:pre;
        line-height:1.3;
        top:8px;
        left:14px !important;
    }

}
/* =====================================================
   GALAXY v6
   ČÁST 1
===================================================== */

#page_background{
    position:relative;
}

#page_background::after{

    content:"";

    position: fixed;

top: 60px;          /* výška top baru */
bottom: 0;

left: 50%;
transform: translateX(-50%);

width: 100%;
max-width: 1000px;

pointer-events: none;
z-index: 10;

    pointer-events:none;

    z-index:10;

    opacity:.72;

    background:

    /* ===== MIKRO HVĚZDY ===== */

    radial-gradient(circle,#fff .30px,transparent .7px) 1% 3%/55px 55px,
    radial-gradient(circle,#fff .30px,transparent .7px) 4% 17%/60px 60px,
    radial-gradient(circle,#fff .35px,transparent .8px) 8% 28%/70px 70px,
    radial-gradient(circle,#fff .35px,transparent .8px) 12% 41%/75px 75px,
    radial-gradient(circle,#fff .40px,transparent .9px) 17% 56%/82px 82px,
    radial-gradient(circle,#dff5ff .45px,transparent 1px) 22% 73%/88px 88px,
    radial-gradient(circle,#fff .35px,transparent .8px) 27% 89%/74px 74px,
    radial-gradient(circle,#fff .35px,transparent .8px) 31% 8%/78px 78px,
    radial-gradient(circle,#fff .45px,transparent 1px) 36% 24%/86px 86px,
    radial-gradient(circle,#d9eeff .55px,transparent 1.2px) 40% 39%/96px 96px,

    radial-gradient(circle,#fff .35px,transparent .8px) 45% 52%/72px 72px,
    radial-gradient(circle,#fff .40px,transparent .9px) 49% 67%/80px 80px,
    radial-gradient(circle,#fff .45px,transparent 1px) 54% 82%/94px 94px,
    radial-gradient(circle,#d8f4ff .55px,transparent 1.2px) 59% 13%/92px 92px,
    radial-gradient(circle,#fff .35px,transparent .8px) 63% 27%/70px 70px,
    radial-gradient(circle,#fff .35px,transparent .8px) 68% 42%/74px 74px,
    radial-gradient(circle,#fff .45px,transparent 1px) 72% 58%/88px 88px,
    radial-gradient(circle,#d6eeff .55px,transparent 1.2px) 77% 73%/96px 96px,
    radial-gradient(circle,#fff .40px,transparent .9px) 82% 86%/80px 80px,
    radial-gradient(circle,#fff .35px,transparent .8px) 87% 19%/70px 70px,

    radial-gradient(circle,#fff .35px,transparent .8px) 91% 36%/74px 74px,
    radial-gradient(circle,#fff .45px,transparent 1px) 95% 54%/90px 90px,
    radial-gradient(circle,#fff .35px,transparent .8px) 98% 77%/78px 78px,

    /* ===== MALÉ HVĚZDY ===== */

    radial-gradient(circle,#ffffff .7px,transparent 1.5px) 9% 61%/160px 160px,
    radial-gradient(circle,#d8f4ff .8px,transparent 1.6px) 21% 31%/180px 180px,
    radial-gradient(circle,#ffffff .8px,transparent 1.6px) 34% 78%/170px 170px,
    radial-gradient(circle,#cce9ff .9px,transparent 1.8px) 49% 22%/185px 185px,
    radial-gradient(circle,#ffffff .8px,transparent 1.6px) 63% 64%/175px 175px,
    radial-gradient(circle,#d8f3ff .9px,transparent 1.8px) 79% 41%/190px 190px,
    radial-gradient(circle,#ffffff .8px,transparent 1.6px) 94% 14%/180px 180px,

    /* ===== VĚTŠÍ HVĚZDY ===== */

    radial-gradient(circle,#ffffff 1.4px,transparent 3px) 14% 48%/310px 310px,
    radial-gradient(circle,#c7e6ff 1.6px,transparent 3px) 42% 17%/340px 340px,
    radial-gradient(circle,#ffffff 1.5px,transparent 3px) 73% 82%/330px 330px,
    radial-gradient(circle,#bddcff 1.7px,transparent 3px) 89% 37%/360px 360px,

    /* ===== ZAČÁTEK MLHOVINY ===== */

    radial-gradient(circle at 18% 24%,
    rgba(125,95,255,.06),
    transparent 34%),

    radial-gradient(circle at 74% 69%,
    rgba(70,170,255,.05),
    transparent 36%);
   radial-gradient(circle at 48% 44%,
    rgba(170,120,255,.05),
    transparent 42%),

    radial-gradient(circle at 88% 16%,
    rgba(120,190,255,.04),
    transparent 28%),
    }
    /* ===== DALŠÍ HUSTÉ HVĚZDY ===== */

    radial-gradient(circle,#fff .35px,transparent .8px) 2% 11%/66px 66px,
    radial-gradient(circle,#fff .40px,transparent .9px) 6% 27%/72px 72px,
    radial-gradient(circle,#dff5ff .50px,transparent 1px) 10% 44%/84px 84px,
    radial-gradient(circle,#fff .35px,transparent .8px) 15% 62%/68px 68px,
    radial-gradient(circle,#fff .40px,transparent .9px) 20% 81%/78px 78px,

    radial-gradient(circle,#fff .35px,transparent .8px) 26% 18%/70px 70px,
    radial-gradient(circle,#d8f2ff .55px,transparent 1.2px) 30% 34%/92px 92px,
    radial-gradient(circle,#fff .35px,transparent .8px) 35% 53%/74px 74px,
    radial-gradient(circle,#fff .45px,transparent 1px) 39% 71%/86px 86px,
    radial-gradient(circle,#fff .35px,transparent .8px) 44% 88%/68px 68px,

    radial-gradient(circle,#fff .35px,transparent .8px) 50% 9%/70px 70px,
    radial-gradient(circle,#cfecff .60px,transparent 1.3px) 55% 25%/98px 98px,
    radial-gradient(circle,#fff .35px,transparent .8px) 60% 43%/72px 72px,
    radial-gradient(circle,#fff .40px,transparent .9px) 65% 59%/80px 80px,
    radial-gradient(circle,#fff .35px,transparent .8px) 70% 76%/70px 70px,

    radial-gradient(circle,#fff .40px,transparent .9px) 75% 8%/82px 82px,
    radial-gradient(circle,#bfe5ff .65px,transparent 1.4px) 80% 29%/105px 105px,
    radial-gradient(circle,#fff .35px,transparent .8px) 84% 46%/72px 72px,
    radial-gradient(circle,#fff .40px,transparent .9px) 89% 64%/84px 84px,
    radial-gradient(circle,#fff .35px,transparent .8px) 94% 82%/70px 70px,

    /* ===== BAREVNÉ HVĚZDY ===== */

    radial-gradient(circle,#d8eaff .9px,transparent 2px) 18% 19%/210px 210px,
    radial-gradient(circle,#bfd8ff 1px,transparent 2px) 41% 83%/240px 240px,
    radial-gradient(circle,#dcbdff 1px,transparent 2px) 67% 12%/220px 220px,
    radial-gradient(circle,#ffffff 1.2px,transparent 2.5px) 83% 58%/280px 280px,
}
    /* ===== VELKÉ ZÁŘÍCÍ BODY ===== */

    radial-gradient(circle,#ffffff 2px,transparent 4px) 11% 37%/430px 430px,
    radial-gradient(circle,#cfe9ff 2.2px,transparent 4px) 57% 66%/470px 470px,
    radial-gradient(circle,#ffffff 2px,transparent 4px) 91% 27%/450px 450px,

    /* ===== HLUBŠÍ MLHOVINA ===== */

    radial-gradient(circle at 28% 78%,
    rgba(150,100,255,.07),
    transparent 40%),

    radial-gradient(circle at 62% 22%,
    rgba(90,180,255,.06),
    transparent 38%),

    radial-gradient(circle at 82% 82%,
    rgba(180,120,255,.05),
    transparent 44%);
     radial-gradient(circle at 12% 52%,
    rgba(70,130,255,.04),
    transparent 34%),

    radial-gradient(circle at 42% 12%,
    rgba(180,90,255,.05),
    transparent 38%),

    radial-gradient(circle at 58% 88%,
    rgba(120,180,255,.05),
    transparent 42%),

    radial-gradient(circle at 96% 48%,
    rgba(170,120,255,.04),
    transparent 30%),

    /* ===== EXTRA MIKRO HVĚZDY ===== */

    radial-gradient(circle,#fff .25px,transparent .6px) 2% 2%/48px 48px,
    radial-gradient(circle,#fff .25px,transparent .6px) 6% 12%/52px 52px,
    radial-gradient(circle,#fff .30px,transparent .7px) 11% 23%/58px 58px,
    radial-gradient(circle,#fff .30px,transparent .7px) 18% 35%/60px 60px,
    radial-gradient(circle,#fff .35px,transparent .8px) 24% 47%/66px 66px,
    radial-gradient(circle,#fff .30px,transparent .7px) 31% 58%/60px 60px,
    radial-gradient(circle,#fff .25px,transparent .6px) 38% 71%/54px 54px,
    radial-gradient(circle,#fff .35px,transparent .8px) 45% 83%/68px 68px,
    radial-gradient(circle,#fff .30px,transparent .7px) 53% 15%/62px 62px,
    radial-gradient(circle,#fff .25px,transparent .6px) 61% 28%/52px 52px,
    radial-gradient(circle,#fff .35px,transparent .8px) 69% 41%/66px 66px,
    radial-gradient(circle,#fff .30px,transparent .7px) 77% 56%/60px 60px,
    radial-gradient(circle,#fff .25px,transparent .6px) 84% 69%/50px 50px,
    radial-gradient(circle,#fff .35px,transparent .8px) 91% 82%/66px 66px,
    radial-gradient(circle,#fff .30px,transparent .7px) 98% 96%/60px 60px,

    /* ===== SUPERNOVY ===== */

    radial-gradient(circle,#ffffff 2.8px,transparent 6px) 24% 24%/600px 600px,
    radial-gradient(circle,#dff4ff 3px,transparent 6px) 66% 52%/620px 620px,
    radial-gradient(circle,#ffffff 2.5px,transparent 5px) 88% 74%/560px 560px,

    /* ===== MLÉČNÁ DRÁHA ===== */

    radial-gradient(ellipse at 50% 50%,
    rgba(255,255,255,.015),
    rgba(180,210,255,.025) 18%,
    rgba(120,150,255,.035) 28%,
    rgba(90,90,180,.02) 40%,
    transparent 70%)

    ;

    background-repeat:no-repeat;

    filter:
    brightness(1.08)
    saturate(1.05);

    animation:
    galaxyTwinkle 5s ease-in-out infinite;

}
@keyframes galaxyTwinkle{

0%{opacity:.35;}
8%{opacity:.70;}
18%{opacity:.40;}
28%{opacity:.80;}
40%{opacity:.45;}
55%{opacity:.75;}
70%{opacity:.38;}
84%{opacity:.82;}
100%{opacity:.35;}

}
/* =====================================================
   CELÝ OBSAH NAD HVĚZDAMI
===================================================== */

#masterpage{
    position:relative;
    z-index:100;
}

}
/* =====================================================
   OPRAVA VRSTEV - MOBIL
   Cíl:
   ✔ Charizard bude nahoře
   ✔ Hvězdy budou pod Charizardem
   ✔ Hvězdy nebudou přes obrázek
===================================================== */

@media only screen and (max-width:767px){

    /* Hlavní kontejner vytvoří vlastní vrstvu */
    #page_background{
        position:relative;
    }

    /* -------------------------------------------------
       CHARIZARD
       Tento obrázek bude vždy nad hvězdami
    ------------------------------------------------- */

    body.home #page_background::before{
        position:relative;
        z-index:20;
  }

    /* -------------------------------------------------
       HVĚZDY
       Budou pod Charizardem
    ------------------------------------------------- */

    #page_background::after{
        position:fixed;
        inset:0;
        z-index:10 !important;
        pointer-events:none;
    }

}
body.home #page_background::before{
    position:relative;
    z-index:20;
    isolation:isolate;
}
/* ===========================================
   OPRAVA VYKRESLOVÁNÍ BANNERŮ A PRODUKTŮ
   =========================================== */

@media only screen and (max-width:767px){

    #masterpage,
    #aroundpage,
    #centerpage,
    #incenterpage,
    .products_wrap{

        position:relative !important;
        overflow:visible !important;

    }

    #masterpage::before,
    #masterpage::after{

        z-index:10 !important;
        pointer-events:none !important;

    }

    #aroundpage,
    #centerpage,
    #incenterpage,
    .products_wrap{

        z-index:20 !important;

    }

}
/* ===========================================
   MOBIL - NEPROSVÍTAT HVĚZDY ZA MENU
   =========================================== */

@media only screen and (max-width:767px){

    .navigate_bar{

        background:#4c1d95 !important;
        background-image:none !important;

        position:relative !important;
        z-index:9999 !important;

    }

}
/* ===========================================
   MOBIL - POZADÍ ZA LUPOU
   =========================================== */

@media only screen and (max-width:767px){

    .wrapper_search_submit{

        background:#4c1d95 !important;
        border:none !important;
        box-shadow:none !important;

    }

    #search .search_submit{

        background:transparent !important;
        border:none !important;

    }

}
/* ===========================================
   POSUN PRVNÍHO FOOTER BOXU NÍŽ
   =========================================== */

@media only screen and (max-width:767px){

.footer-box.box-article{

    margin-top:250px !important; /* ZMĚŇ */

}

}
  /* ===========================================
   ZRUŠENÍ HORNÍHO OKRAJE BLOKŮ
   =========================================== */

.product,
.productBody,
.footer-boxes,
.footer-box{

    border-top:none !important;

}
/* ===========================================
   MEZERA POD TLAČÍTKEM "VYBERTE PARAMETRY"
   =========================================== */

.p-rolldown-toggle{

    margin-bottom:55px !important;   /* ZMĚŇ: 20px, 40px, 60px */

}
/* ===========================================
   FILTR - POSUN NÍŽ POD HORNÍ LIŠTU
   =========================================== */

@media only screen and (max-width:767px){

.page-category #incenterpage > #centerpage_params_filter_area{

    top:90px !important;      /* ZMĚŇ: 60–90px */
    transform:none !important;
    height:calc(100vh - 90px) !important;

}

}
/* ===========================================
   ŘAZENÍ PRODUKTŮ - FIALOVÉ POZADÍ
   =========================================== */

#products_sorting_line{

    background:#5b2cc8 !important;
    border-radius:12px !important;

}
/* ===========================================
   ŘAZENÍ PRODUKTŮ - AKTIVNÍ POLOŽKA
   =========================================== */

#products_sorting_line .sorting_item:hover,
#products_sorting_line .sorting_item:active,
#products_sorting_line .sorting_item.active{

    background:#3b167f !important; /* TMAVĚ FIALOVÁ */
    color:#fff !important;

}
/* ===========================================
   TLAČÍTKO "VYBERTE PARAMETRY" BARVA
   =========================================== */

#specifyParameters{

    background:#6d38d9 !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 0 12px rgba(120,80,255,.35) !important;

}
/* ===========================================
   TEXT V POLÍCH - ČERNÝ PŘI PSANÍ
   =========================================== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea{

    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
}
/*--------------------------------------------------
  FORCENÍ IKON NA MOBILU CEZ ABSOLUTNÍ POZICIONOVÁNÍ
--------------------------------------------------*/

@media screen and (max-width: 768px) {
    /* Uvolníme obaly */
    #topBar, 
    .topBar-wrapper, 
    .top-bar-content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 50px !important;
        position: relative !important;
    }

    /* Vynutíme zobrazení odkazů s ikonami */
    .top-bar-content a,
    #topBar a {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 999999 !important;
    }

    /* Zviditelníme samotné obrázky a dáme jim jasnou velikost */
    .top-bar-content img,
    #topBar img {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
#page_background{
    position:relative !important;

    /* ČERNÁ JE DOLE */
    background-color:#000 !important;
}

#page_background::after{

    /* HVĚZDY JSOU NAD ČERNOU */
    content:"";
    position:fixed;

    top:60px;
    bottom:0;

    left:50%;
    transform:translateX(-50%);

    width:100%;
    max-width:1000px;

    pointer-events:none;
    z-index:10;

    /* tady pokračuje celý tvůj background s hvězdami */
}
  
}