/* Markstore ms.css – build 2026-10-20 10:54 – NEUPRAVOVAT, zdroj je WEB_NEXT/src/css/ */

/* ==== 01-kosik.css ==== */
/* Košík – dříve inline <style> #1 v editoru (Záhlaví) */
  @media (max-width: 768px) {
.container.navigation-wrapper .site-name {
    flex: 0 1 150px;
}}




@media (min-width: 1440px) {
    body.in-krok-1 .cart-inner {
        background-image: linear-gradient(to top, #ffffff 0%, #f4f4f4 100%);
        }
        
            body.in-krok-2 .cart-inner {
        background-image: linear-gradient(to top, #ffffff 0%, #f4f4f4 100%);
        }

li.step.step-2.active {
    background: #f4f4f3;
    border-radius: 10px 10px 0 0;
    padding: 20px 0px;
}

li.step.step-3.active {
    background: #f4f4f3;
    border-radius: 10px 10px 0 0;
    padding: 20px 0px;
}

ol.cart-header li.completed a:before {
    background: #53ab2b;
    color: white;
    border-color: #53ab2b;
}

  /*  li.step.step-2, li.step.step-3, li.step.step-1 {
        padding: 20px 0;
        background-image: linear-gradient(to top, #e0e0de 0%, #f4f4f3 100%);
    }*/
    
    ol.cart-header li a:hover {
    background-color: unset;
    color: #ff5b01;
}

ol.cart-header li a:before, ol.cart-header li strong:before {
    background-color: #000000;
    border-color: #cfcfcf;
    color: white;
    font-weight: 500;
}

div#summary-box {
    background: white;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 20px;
    margin-top: 20px;
}

.checkout-box {
    display:none;
}

.shipping-billing-table .radio-wrapper {
    border-color: transparent transparent #cfcfcf;
    margin-bottom: 9px;
    border: 1px solid #d1d1d1;
    background: white;
    padding-left: 20px;
    padding-right: 20px;
}

b.shipping-billing-name {
    font-weight: 500;
    color: #000000;
}


}

/* ==== 02-R1.css ==== */
/* R1.css – dříve MarkstoreINDI/css/R1.css */
/* -----------------------------------------------------
 KOŠÍK - kosik.css
----------------------------------------------------- */

@media (min-width: 1440px) {
body.in-kosik, .in-krok-1, .in-krok-2 {
    background: black;
}

.custom-cart-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 35px;
    margin-bottom: 20px;
    border-radius: 20px;
    font-family: inherit;
    flex-wrap: wrap;
}

/* Vlevo */
.custom-cart-topbar .cct-left {
    font-size: 42px;
    font-weight: 700;
    color: #000;
    flex: 1 1 150px;
}

/* Vpravo */
.custom-cart-topbar .cct-right {
    display: flex;
    align-items: center;
    gap: 25px;
    flex: 1 1 300px;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: right;
    background: #fff2e9;
    padding: 15px;
}

.custom-cart-topbar .cct-title {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.custom-cart-topbar .cct-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-cart-topbar .cct-item a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

/* Ikony */
.custom-cart-topbar .cct-icon {
    min-width: 22px;
    min-height: 22px;
}

/* Mobilní responsivita */
@media (max-width: 768px) {
    .custom-cart-topbar {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 20px;
    }

    .custom-cart-topbar .cct-right {
        justify-content: center;
    }
}

ol.cart-header li a span:after, ol.cart-header li strong span:after {
    border-top-color: #ffffff;
    border: unset;
}

.cart-inner {
    background-image: linear-gradient(to top, #e2efcf 0%, #f4f4f4 100%);
    padding: 30px;
}

ol.cart-header {
    margin-bottom: 0;
}

li.step.step-1.active {
    background: #f4f4f3;
    border-radius: 10px 10px 0 0;
    padding: 20px 0px;
}

li.step.step-1.active span {
    font-weight: 700;
}

ol.cart-header li.active strong:before {
    background: #ff5b01;
    border-color: #ff5b01;
    color: white;
    font-weight: 700;
}

/* Číslo kroku + text NA JEDNOM ŘÁDKU pro všechny kroky */
.cart-header .step > strong,
.cart-header .step > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;              /* mezera mezi číslem a textem */
    flex-direction: row !important; /* jistota, že nejede column */
}

/* Kruh s číslem – ať se chová jako inline prvek vedle textu */
.cart-header .step > strong::before,
.cart-header .step > a::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: static !important;  /* zruší případné absolute */
    margin: 0 8px 0 0;            /* mezera vpravo od kruhu */
}

/* Text kroku – ať se nechová jako blok pod kruhem */
.cart-header .step span {
    display: inline;
    white-space: nowrap; /* pokud chceš, aby se to nelámalo na dva řádky */
}

ol.cart-header li.active a, ol.cart-header li.active strong, ol.cart-header li.completed a, ol.cart-header li.completed strong {
    background-color: unset;
}

.cart-table-header {
    color: #000000;
    font-weight: 600;
}

li.step.step-2, li.step.step-3, li.step.step-1 {
    padding: 20px 0;
}



}
/* -----------------------------------------------------
 Main_CSS_1482025_header.css
----------------------------------------------------- */

/* === 1) Úpravy rozměrů, parametry, tlačítko do košíku === */
@media (min-width: 1240px) {
    .container {
        width: 1468px;
    }
}

.ytb-video {
    margin-top: 40px;
}

/* Parametry */
h2.h2-parametry {
    color: #ff5c00;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 40px;
    padding-left: 10px;
}

.extended-description .detail-parameters tr {
    border-bottom: 1px dotted;
}

.one-column-body table.detail-parameters tbody tr th {
    min-width: 205px;
    padding: 13px;
}

table.detail-parameters tbody tr td {
    padding-left: 20px;
    padding-top: 7px;
}

/* Extra produkty po vložení do košíku */
.advanced-order .products-wrapper.product-slider-holder.has-navigation {
    width: 100%;
}

/* Tlačítko do košíku */
button.btn.btn-cart.add-to-cart-button {
    color: white;
    text-transform: uppercase;
}

/* === 2) Skrytí flagu + styl link-wrapper/link-container === */
span.flag.flag-60-dni-na-vymenu-velikosti {
    display: none;
}
.link-wrapper {
    margin-bottom: 19px;
    display: flex;
    justify-content: center;
    background: #ff5a2b;
    border-radius: 7px 7px 0 0;
}
.link-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff5a2c;
    color: #fff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 700;
    max-width: 300px;
    height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
    transition: background-color .3s ease;
}
.link-container:hover {
    color: #fff;
    text-decoration: underline;
}
.link-container img {
    max-height: 24px;
    margin-right: 8px;
}
@media (max-width: 320px) {
    .link-container {
        font-size: 14px;
        padding: 0 5px;
    }
    .link-container img {
        max-height: 20px;
        margin-right: 5px;
    }
}

/* === 3) Styl pro ikonu 360° === */
.image360--icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-image: url('https://example.com/path-to-your-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9999;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.image360--icon.hidden {
    opacity: 0;
}

/* === 4) Styl pro price-tooltip === */
.price-tooltip {
    position: absolute;
    background: rgba(0,0,0,0.9);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    max-width: 250px;
    display: none;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.price-tooltip button {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 5px;
    border-radius: 3px;
}
.price-tooltip button:hover {
    background: #0056b3;
}

/* === 5) Font Montserrat + další úpravy === */
/*body,
h1, h2, h3, h4, h5, h6,
p, a, span, strong, em, input, textarea, select, button,
.menu, .footer, .product-name, .price, .btn, .category-box, .product,
.cart, .label, .form-control {
    font-family: 'Montserrat', sans-serif !important;
}*/

#navigation .navigation-in ul li > a > b {
    font-size: 14px !important;
}

/* body.desktop.id-1 #content-wrapper,
body.mobile.id-1 #content-wrapper {
    display: none;
}*/

body.type-category .product-appendix {
    display: block;
    margin-top: 4px; 
}

.products-block > div .p .name {
    height: auto;
}

body.type-category span.product-appendix {
    font-size: 14px;
}

/* -----------------------------------------------------
markstore_disco_styles_head_v12.css
----------------------------------------------------- */

  /*HEADER*/
.top-navigation-bar {
    background-color: #000000;
    border-color: #000000;
    border-bottom: 2px solid #2c2c2c;
}

ul.top-navigation-bar-menu a {
    color: white;
}

.top-navigation-bar-menu li a:hover {
    color: #ff4800;
    padding-left: 20px;
    text-decoration: underline;
}

.top-navigation-bar .container {
    align-items: center;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 45px;
}

.top-navigation-bar ul.top-navigation-bar-menu a {
    font-size: 16px;
    font-weight: 500;
    color: #a8a8a8;
}

.top-navigation-bar a {
    color: #ffffff;
    font-weight: 600;
}

.languagesMenu .languagesMenu__list__link {
color:black !important;
}



a.top-nav-button.top-nav-button-login.primary.login.toggle-window {
    background: #000000;
    height: 47px;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 700;
    color: white;
}

a.top-nav-button.top-nav-button-login.primary.login.toggle-window::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/login_ico.png);
    background-size: 20px 20px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.top-navigation-menu-trigger {
    margin-right: -105px;
    padding: 4px 20px;
    background: #ff5c00;
    border-radius: 40px;
    border: 1px solid white;
}

.user-action-login.popup-widget.login-widget {
    top: 55px;
}
    
 .popup-widget {
        margin-left: 179px;
}

    #header .navigation-buttons a[data-target=cart] i {
        left: 20px;
        top: 12px;
        background: #f00;
        color: white;
    }
    
.login-wrapper .password-helper a {
    color: black !important;
}

.top-navigation-menu {
height: 32px !important;
}

/*měny-uprava*/
button#topNavigationDropdown {
    background: #000000;
    padding: 9px 21px 9px;
    padding-right: 2.5em;
    color: white;
}

.languagesMenu {
    background: #d34b00;
    padding: 7px 13px 6px;
    padding-right: 0.5em;
    color: white;
}

ul.languagesMenu__list.languagesMenu__list--language {
    color: black;
}

.top-navigation-bar .dropdown .caret:before {
    right: 1.5em;
}


#header .search-input {
    background-color: var(--color-header-background);
    color: var(--_color-header-text);
    border: 1px solid;
    text-align: center;
    padding-left: 10px;
}

    .search-input-icon {
        font-size: 20px;
        padding-left: 20px;
    }


#header {
    background-color: #000000;
}

.header-bottom {
    background-color: #000000;
    border-color: #000000;
}

.navigation-in {
        background-color: #f7f7f7;
}

#header .site-name a img {
        max-height: 80px;
}




/*-----MAIN MENU–––––*/
@media (min-width: 768px) {
    .navigation-in>ul>li>a {
        padding-top: 20px;
        padding-bottom: 13px;
    }

    .navigation-in>ul>li>a:hover {
        color: #ffffff;
        text-decoration: unset !important;
        background: linear-gradient(90deg, #ff3300 0.01%, #ffae0f 100%);
    }

    .menu-helper>span {
        border-color: #cfcfcf;
        color: #ffffff;
        padding: 25px 30px;
        border-radius: 0px;
        text-transform: lowercase;
        font-size: 18px;
        background: linear-gradient(90deg, #ff3300 0.01%, #ffae0f 100%);
    }
}

#navigation .navigation-in ul li>a>b {
    text-transform: uppercase;
    font-size: 16px;
}
    
    
  #navigation .navigation-in ul li>a>b {
        border-width: 0;
        text-decoration: unset !important;
    }
    
@media (min-width: 768px) {
.navigation-in .menu-item-706 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/quad-black.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.navigation-in .menu-item-712 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/motocross_black.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.navigation-in .menu-item-2466 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/motocross_helmet.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.navigation-in .menu-item-1653 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/parts.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.navigation-in .menu-item-1875 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/pneu.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

.navigation-in .menu-item-727 b::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/oil.png);
    background-size: 30px 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

}

/*menu 3rd-level*/

#navigation .menu-level-2>li a:hover {
    color: #ff5b01;
}


/*košík v headeru*/


#header .navigation-buttons a[data-target=cart]:before {
        font-size: 29px;
        margin-right: 15px;
        color: #ff5b01;
    }
    
a#continue-order-button {
    color: white;
}

a#continue-order-button {
    color: white;
    width: 90%;
}

a#continue-order-button:hover {
    background: #6bb300;
    border-color: #6bb300;
}
    
/*carousel - fullwide*/
    .desktop .banners-row {
        clear: both;
        margin-top: 0;
    }

.row.banners-row {
    margin: 0;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive {
margin: auto;
}

.wide-carousel {
    background: black;
}




/*SEARCH pole uprava*/
@media (min-width: 768px) {
.searchWhisperer.active {
    border-top: 3px solid #ff5b01;
    border-radius: 0px 0px 20px 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

h3.searchWhisperer__additionalResults__heading.searchWhisperer__additionalResults__heading--category {
    font-weight: 700;
    font-size: 19px;
    border-bottom: 2px solid #ff5b01;
    padding-bottom: 7px;
}

h3.searchWhisperer__additionalResults__heading.searchWhisperer__additionalResults__heading--article{

    font-weight: 700;
    font-size: 19px;
    border-bottom: 2px solid #ff5b01;
    padding-bottom: 7px; 
}

h3.searchWhisperer__products__heading {
    text-align: center;
    padding-bottom: 20px;
    font-size: 25px;
}

.searchWhisperer__buttonWrapper {
    justify-content: right;
}

button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button {
    background: white;
    border-color: black;
    border: 2px solid;
    margin-top: 50px;
}

button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button:hover {

    background: #ff5b01;
    border-color: black;
    border: 2px solid;
    border-radius: 40px;
    margin-top: 50px;
    color: #ffffff
    ;
}

a.searchWhisperer__additionalResults__link:hover {

    color: #ff5b01;
}

li.searchWhisperer__products__listItem:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid #e5e5e5;
    transition: transform .3s;
    transform: scale(1.05);
}

a.searchWhisperer__product {
    padding: 20px;
}

}



/*------PRODUKTOVY VYPIS--------*/

/*---HOMEPAGE----*/
.homepage-group-title.homepage-products-heading-27.h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 28px !important;
    color: #000 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    font-weight: 700;
}

.products-wrapper.product-slider-holder.has-navigation {
    padding-top: 10px;
    padding-bottom: 10px;
}


.products-block>div:hover {
    box-shadow: unset;
    z-index: 1;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}

.product {
    padding: 20px !important;
}

p.p-desc {
    display: none;
}

@media (min-width: 768px) {
.surcharge-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
select.surcharge-parameter {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #ffd9c4;
    padding-left: 20px;
    width: 100%;
}

.p-variants-block {
    background: #fffaf8;
    padding: 20px;
    padding-top: 39px;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 41px;
    border: 6px solid white;
}

span.surcharge-label {
    font-weight: 600;
    padding-bottom: 0px !important;
}}

span.row-header-label {
    font-weight: 600;
}

table.detail-parameters span.availability-label {
    font-size: 23px;
}

table.detail-parameters tbody tr th:after {
    border-top: unset;
}

.p-to-cart-block {
    padding: 30px;
    box-shadow: rgb(255 255 255 / 40%) 0px 0px 0px 2px, rgb(190 190 190 / 65%) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    border: 7px solid white;
    border-radius: 10px;
}

.p-detail-inner .p-to-cart-block .add-to-cart-button {

        color: white;
        text-transform: uppercase;
        font-size: 19px;
    

}

.p-to-cart-block strong.price-final {
    padding-top: 13px;
}

.p-to-cart-block span.price-standard {
    color: red;
    font-size: 20px;
}

.p-to-cart-block span.price-save {
    background: red;
    padding: 4px 14px;
    border-radius: 20px;
    color: white;
    font-weight: 600;
}

span.calculated-price {
    font-weight: 700;
}

.p-to-cart-block .p-final-price-wrapper .price-additional {
    color: #535353;
    font-weight: 400;
}

.p-detail-inner .p-to-cart-block .add-to-cart-button:before {
    content: "\e921" !important;
    display: inline-block;
    font-family: shoptet;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 21px;
}

.p-to-cart-block {
    align-items: flex-end;
    display: flex;
    gap: 10px 20px;
    padding: 10px;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

div#HcCalculater {
    border: 1px solid #ffffff;
    text-align: center;
    padding: 11px;
    margin-top: 0px;
    width: 100%;
    margin-left: auto;
    background-color: #ffffff;
}


div#HcCalculater a {
    color: red;
    font-weight: 600;
}

.p-to-cart-block .p-final-price-wrapper {
    width: 100%;
}

div#HcCalculater::before {
    display: inline-block;
    content: "";
    background: url(/user/documents/upload/Markstore_css/update_design_6_10/pic/hm_logo.png);
    background-size: cover;
    margin-right: 13px;
    width: 47px;
    height: 26px;
    vertical-align: middle;
    
}

div#HcCalculater:hover {
    background-color: #ffe4d5;
}


/*------------------PODKATEGORIE-------------------*/

@media (min-width: 768px) {
.category-top {
    max-width: 100% !important;
}


li.col-xs-6.col-sm-6.col-lg-3.col-xl-3 {
    padding: 10px;
    border: 2px solid #e3e2e2;
    background-color: white;
    margin: 11px;
    width: 22%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.subcategories li a {
    justify-content: space-around;
}


.subcategories {
    justify-content: space-between;
}

.category-top h4 {
    text-align: center;
    padding-top: 20px;
    font-size: 27px;
    padding-bottom: 15px;
}

div#productsTop .product.active, .product.revealed {
    padding: 12px !important;
    border-radius: 10px;
    margin: 9px;
    width: 32%;
    border: 2px dotted #777777 !important;
}

}

/*------Middle bannery------*/


/*články na homepage*/
.news-item span.title {
    color: black !important;
}



/*----------------PRODUKT PAGE----------------*/
.ratings-and-brand {
    padding-bottom: 16px;
    padding-top: 10px;
}

.p-detail-inner-header h1 {
    font-size: 27px;
    font-weight: 700;
}

span.product-appendix {
    color: #ff5b01;
    font-size: 21px;
}

/*--------footer-------------*/
#footer {
    background-color: #000000;
}

.footer-bottom {
    background-color: #000;
}

span.copyright a {
    color: #ff5b01 !important;
}

 a.title {
    color: black !important;
    font-size: 0;
}

#signature a.image img {
opacity:40%;
}

@media (min-width:990px){
span.copyright {
    display: flex;
    justify-content: center;
    width: 100%;
    color: #909090;
}
}






/*INFO-PRUH-VLEVO*/
.site-msg.information {
    background: yellow;
    font-weight: 700;
    font-size: 18px;
}





/*-------------MOBIL-------------*/
@media (max-width: 767px) {
    #navigation .menu-level-1>li>a, #navigation .navigationActions>li>a {
        padding-right: 50px;
        position: relative;
        background: black;
        color: white;
        border-bottom: 1px solid #393939;
    }
    
 .submenu-arrow:after {
    content: "\e90e";
    transition: transform .3s ease-out;
    color: #ff5b01;
    padding-right: 25px;
    padding-top: 10px;
}

.submenu-visible li.exp>a .submenu-arrow:after {
    transform: rotate(180deg);
    padding-right: 0px;
    padding-top: 0px;
    color: white;
}

ul.menu-level-2 {
    background: #212121;
}

.navigation-in {
    background-color: #000000;
}

 .navigation-in ul.menu-level-2 li a {
        padding-left: 40px;
        color: white;
        border-left: 5px solid #ff5b01;
        border-bottom: 1px solid #3e3e3e;
    }
 .navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
    content: "\e912";
    font-size: 14px;
    color: red;
}

}


/* -----------------------------------------------------
megamenu.min.css
----------------------------------------------------- */

  body.desktop{.menu-item-2466{position:static!important}.menu-item-2466.is-open{z-index:1001!important}.menu-item-2466.is-open ul.menu-level-2{display:flex!important;flex-direction:row;width:100vw;max-width:1200px;left:50%!important;transform:translateX(-50%);padding:24px;box-sizing:border-box;background-color:#fff;border-top:1px solid #eee;z-index:1001!important}.mega-menu-links{flex:1 1 39%;max-width:350px;padding-right:24px;box-sizing:border-box}.mega-menu-hero-content{flex:1 1 60%;position:relative;min-height:510px;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:background-image .3s ease-in-out;opacity:0}.mega-menu-hero-content.is-active{opacity:1}.mega-menu-hero-link{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;left:0;right:0;bottom:0;padding:32px;text-decoration:none;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);height:100%}.mega-menu-hero-text{color:#fff}.mega-menu-hero-title{font-size:2.7rem;font-weight:700;margin:0 0 8px 0;color:#fff}.mega-menu-hero-p{font-size:1.6rem;margin:0 0 24px 0;max-width:450px;color:#fff}.mega-menu-hero-link .btn{background-color:#fa4701;color:#fff;border:none;padding:12px 24px;font-weight:700;text-transform:uppercase;border-radius:4px;display:inline-block;width:auto;text-decoration:none;transition:background-color .2s}.mega-menu-hero-link .btn:hover{background-color:#ff7d00;color:#fff}.mega-menu-links>li{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;border-bottom:1px solid #f0f0f0}.mega-menu-links>li:last-child{border-bottom:none}.mega-menu-links>li>a{flex-grow:1;padding:14px 10px;text-decoration:none;color:#333;font-weight:600;font-size:1rem;transition:color .2s,opacity .2s}.mega-menu-links:hover>li>a{opacity:.5}.mega-menu-links>li:hover>a{opacity:1;color:#ff5b01;border-left:3px solid #ff5b01}}.mega-menu-links a.menu-image{max-width:120px}.mega-menu-links>li>div.menu-image{flex-shrink:0;width:50px;height:50px;margin-right:15px;background-size:contain;background-position:center center;background-repeat:no-repeat}.menu-item-1263>div.menu-image{}.menu-item-1977>div.menu-image{}.menu-item-1983>div.menu-image{}



  /* -----------------------------------------------------
Z EDITORU
----------------------------------------------------- */
  @media (max-width: 768px) {
.container.navigation-wrapper .site-name {
    flex: 0 1 150px;
}}




@media (min-width: 1440px) {
    body.in-krok-1 .cart-inner {
        background-image: linear-gradient(to top, #ffffff 0%, #f4f4f4 100%);
        }
        
            body.in-krok-2 .cart-inner {
        background-image: linear-gradient(to top, #ffffff 0%, #f4f4f4 100%);
        }

li.step.step-2.active {
    background: #f4f4f3;
    border-radius: 10px 10px 0 0;
    padding: 20px 0px;
}

li.step.step-3.active {
    background: #f4f4f3;
    border-radius: 10px 10px 0 0;
    padding: 20px 0px;
}

ol.cart-header li.completed a:before {
    background: #53ab2b;
    color: white;
    border-color: #53ab2b;
}

  /*  li.step.step-2, li.step.step-3, li.step.step-1 {
        padding: 20px 0;
        background-image: linear-gradient(to top, #e0e0de 0%, #f4f4f3 100%);
    }*/
    
    ol.cart-header li a:hover {
    background-color: unset;
    color: #ff5b01;
}

ol.cart-header li a:before, ol.cart-header li strong:before {
    background-color: #000000;
    border-color: #cfcfcf;
    color: white;
    font-weight: 500;
}

div#summary-box {
    background: white;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 20px;
    margin-top: 20px;
}

.checkout-box {
    display:none;
}

.shipping-billing-table .radio-wrapper {
    border-color: transparent transparent #cfcfcf;
    margin-bottom: 9px;
    border: 1px solid #d1d1d1;
    background: white;
    padding-left: 20px;
    padding-right: 20px;
}

b.shipping-billing-name {
    font-weight: 500;
    color: #000000;
}


}

/* ==== 03-mobil-font-paticka.css ==== */
/* Mobilní hlavička HP, font, patička – dříve inline <style> #2 v editoru (Záhlaví) */
@media (max-width: 768px) {
.wide-carousel {
    background: black;
    position: relative;
    top: -50px;
}

body.id-1 #header {
        background-color: unset !important;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute !important;
        box-shadow: unset;
    }
    
body.id-1  #navigation {
			top: 60px !important;}
    
    
    }
    
body,
h1, h2, h3, h4, h5, h6,
p, a, span, strong, em, input, textarea, select, button,
.menu, .footer, .product-name, .price, .btn, .category-box, .product,
.cart, .label, .form-control {
    font-family: 'Oxanium', sans-serif !important;
}

.top-nav-button, .top-navigation-bar a {
    color: #ffffff;
}









/*Patička*/
footer#footer {
    background: #000000;
}

#footer>.container {
    background-color: #000000;
}

#footer .site-name {
        display: none;}

#footer .custom-footer {
        padding-left: 0px;}

#footer h4 {
    margin-top: 0;
    font-family: 'Poppins';
    text-transform: Uppercase;
    font-weight: 600;
    font-size: 17px;
    color: #fdf5e8;
}

#footer ul a {
    color: white;
}

#footer ul a:hover {
    color: #bc922e;
}


@media (min-width: 768px) {
    #footer .custom-footer > div {
        min-width: 250px;
        flex: 1 1 0%;
    }
}

.custom-footer ul li {
    padding-bottom: 0;
}

.container.footer-bottom {
    border-top: unset;
}

li.footer-link a {
    padding: 5px 20px;
    color: #fe5904 !important;
    text-decoration: underline;
}

.custom-footer.elements-5 {
    border-top: unset;
    padding-top: 30px;
}

@media (max-width: 740px) {
#footer h4 {text-align:center;}

.custom-footer.elements-4 {
    flex-direction: column;
}
.footer-links {
    display: flex;
    flex-direction: column;
    text-align: center;
}

ul.footer-links {
    line-height: 1.5;
    border: 1px solid #2e2b24;
    max-width: 80%;
    padding: 20px !important;
    margin-left: auto ! IMPORTANT;
    margin-right: auto !important;
    border-radius: 20px;
}
}

/* ==== 04-oznameni.css ==== */
/* Oznámení widget – dříve MarkstoreINDI/css/Main_css/oznameni_widget.css */
#ms-notice * { box-sizing: border-box; }

/* Spouštěcí tlačítko */
#ms-notice .ms-launcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #F05A00;
  box-shadow: 0 6px 20px rgba(240, 90, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9998;
  border: none;
  isolation: isolate;
  transition: transform .25s ease, box-shadow .25s ease;
}
#ms-notice .ms-launcher:hover { transform: scale(1.06); box-shadow: 0 8px 26px rgba(240, 90, 0, 0.45); }

/* Ikona – statický trojúhelník */
#ms-notice .ms-launcher .ms-ico {
  width: 26px;
  height: 26px;
}

/* Pulzující kroužek – přitáhne pozornost */
#ms-notice .ms-launcher::before,
#ms-notice .ms-launcher::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #F05A00;
  z-index: -1;
  animation: ms-pulse 2s ease-out infinite;
}
#ms-notice .ms-launcher::after { animation-delay: 1s; }

@keyframes ms-pulse {
  0%   { transform: scale(1);   opacity: .55; }
  100% { transform: scale(2.1); opacity: 0;   }
}

/* Bublina */
#ms-notice .ms-bubble {
  position: fixed;
  bottom: 98px;
  right: 24px;
  width: 320px;
  max-width: calc(100vw - 48px);
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  padding: 20px 22px;
  z-index: 9999;
  font-family: inherit;
  line-height: 1.6;
  color: #3a3a3a;
  opacity: 0;
  transform: translateY(12px) scale(.96);
  transform-origin: bottom right;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
#ms-notice.is-open .ms-bubble {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Klikající trojúhelník (ocásek bubliny) */
#ms-notice .ms-bubble::after {
  content: "";
  position: absolute;
  bottom: -9px;
  right: 30px;
  width: 18px; height: 18px;
  background: #ffffff;
  transform: rotate(45deg);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
}

#ms-notice .ms-head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
}
#ms-notice .ms-head .ms-emoji { font-size: 20px; }
#ms-notice .ms-head .ms-title {
  font-size: 15.5px;
  font-weight: 700;
  color: #F05A00;
}
#ms-notice .ms-bubble p { margin: 0 0 11px 0; font-size: 14px; }
#ms-notice .ms-bubble p:last-child { margin-bottom: 0; }
#ms-notice .ms-bubble strong { color: #F05A00; }

/* Zavírací křížek */
#ms-notice .ms-close {
  position: absolute;
  top: 12px; right: 14px;
  width: 24px; height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  color: #b0b0b0;
  line-height: 1;
  transition: color .2s ease;
}
#ms-notice .ms-close:hover { color: #3a3a3a; }

@media (max-width: 480px) {
  #ms-notice .ms-launcher { bottom: 16px; right: 16px; }
  #ms-notice .ms-bubble { bottom: 88px; right: 16px; }
}

/* Ohleduplnost k uživatelům s vypnutými animacemi */
@media (prefers-reduced-motion: reduce) {
  #ms-notice .ms-launcher::before,
  #ms-notice .ms-launcher::after { animation: none; opacity: 0; }
}

/* ==== 05-ms-legal.css ==== */
/* Právní stránky – dříve MarkstoreINDI/css/Main_css/ms-legal.css */
/* ==========================================================
   Markstore – právní stránky (VOP, GDPR, Cookies)
   Desktop: obsah vlevo jako lepicí (sticky) panel, text vpravo.
   Mobil/tablet (< 1100 px): jeden sloupec, obsah nahoře.
   Selektory začínají :is(#content,body), aby přebily Shoptet
   pravidla typu "#content p" – nic mimo .ms-legal neovlivní.
   ========================================================== */
:is(#content,body) .ms-legal{--ms-or:#FF6600;--ms-accent:#FF3300;--ms-ink:#000;--ms-txt:#1f1f1f;--ms-muted:#666;
  --ms-border:#ececec;--ms-soft:#f7f7f7;--ms-radius:8px;--ms-indent:52px;
  margin:0 0 40px;font-family:Oxanium,sans-serif;color:var(--ms-txt);font-size:15px;line-height:1.7;overflow-wrap:break-word}
:is(#content,body) .ms-legal *{box-sizing:border-box;font-style:normal}
:is(#content,body) .ms-legal p{margin:0 0 12px}
:is(#content,body) .ms-legal a{color:var(--ms-or);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,102,0,.35)}
:is(#content,body) .ms-legal a:hover{border-bottom-color:var(--ms-or)}
:is(#content,body) .ms-legal strong{color:var(--ms-ink);font-weight:700}

/* ---------- Hlavička: nadpis + info pruh ---------- */
/* skryje nadpis stránky ze Shoptetu (jen na stránkách s .ms-legal), nadpis nese H1 níže */
.pageArticleDetail:has(.ms-legal) > header{display:none}
:is(#content,body) .ms-legal .ms-legal__head{margin:0 0 36px}
:is(#content,body) .ms-legal .ms-legal__head h1{position:relative;margin:0 0 20px;padding:18px 0 0;color:var(--ms-ink);font-size:38px;line-height:1.1;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;text-align:left}
:is(#content,body) .ms-legal .ms-legal__head h1::before{content:"";position:absolute;top:0;left:0;width:40px;height:3px;background:var(--ms-accent)}
:is(#content,body) .ms-legal .ms-legal__meta{position:relative;display:flex;flex-wrap:wrap;gap:4px 28px;padding:16px 22px 14px;background:var(--ms-soft);border-radius:var(--ms-radius)}
:is(#content,body) .ms-legal .ms-legal__meta::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--ms-accent)}
:is(#content,body) .ms-legal .ms-legal__meta p{margin:0;color:var(--ms-muted);font-size:14px;line-height:1.6}

/* ---------- Rozvržení ---------- */
:is(#content,body) .ms-legal .ms-legal__layout{display:grid;grid-template-columns:290px minmax(0,1fr);column-gap:48px;align-items:start}
:is(#content,body) .ms-legal .ms-legal__aside{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}
:is(#content,body) .ms-legal .ms-legal__body{min-width:0}

/* ---------- Obsah ---------- */
:is(#content,body) .ms-legal .ms-legal__toc{border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:20px 18px 14px;background:#fff}
:is(#content,body) .ms-legal .ms-legal__toc > strong{display:block;margin:0 0 12px;color:var(--ms-ink);font-size:16px;font-weight:800;text-transform:uppercase;line-height:1.2}
:is(#content,body) .ms-legal .ms-legal__toc > strong::before{content:"";display:block;width:40px;height:3px;margin-bottom:12px;background:var(--ms-accent)}
:is(#content,body) .ms-legal .ms-legal__toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
:is(#content,body) .ms-legal .ms-legal__toc li{counter-increment:toc;margin:0;padding:0}
:is(#content,body) .ms-legal .ms-legal__toc li::before{content:none}
:is(#content,body) .ms-legal .ms-legal__toc a{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ms-border);
  color:var(--ms-txt);font-size:14px;font-weight:600;line-height:1.35;transition:color .15s}
:is(#content,body) .ms-legal .ms-legal__toc li:last-child a{border-bottom:0}
:is(#content,body) .ms-legal .ms-legal__toc a::before{content:counter(toc);flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;
  background:var(--ms-soft);color:var(--ms-ink);font-size:13px;font-weight:800;border-radius:4px;transition:background .15s,color .15s}
:is(#content,body) .ms-legal .ms-legal__toc a:hover{color:var(--ms-or);border-bottom-color:var(--ms-border)}
:is(#content,body) .ms-legal .ms-legal__toc a:hover::before{background:var(--ms-or);color:#fff}

/* ---------- Nadpisy sekcí ---------- */
:is(#content,body) .ms-legal h2{position:relative;display:flex;align-items:center;gap:10px;margin:48px 0 18px;padding:16px 0 0;
  color:var(--ms-ink);font-size:21px;line-height:1.25;font-weight:800;text-transform:uppercase;scroll-margin-top:24px}
:is(#content,body) .ms-legal .ms-legal__body > h2:first-child{margin-top:0}
:is(#content,body) .ms-legal h2::before{content:"";position:absolute;top:0;left:0;width:40px;height:3px;background:var(--ms-accent)}
:is(#content,body) .ms-legal .ms-plate{flex:0 0 42px;height:42px;display:flex;align-items:center;justify-content:center;
  background:var(--ms-soft);color:var(--ms-ink);font-size:17px;font-weight:800;border-radius:4px}
:is(#content,body) .ms-legal h3{margin:24px 0 10px var(--ms-indent);padding:0;color:var(--ms-ink);font-size:15px;font-weight:800;text-transform:uppercase;line-height:1.3}

/* ---------- Odstavce s visícím číslováním ---------- */
:is(#content,body) .ms-legal .ms-legal__body > p{position:relative;padding-left:var(--ms-indent)}
:is(#content,body) .ms-legal .ms-n{position:absolute;left:0;top:0;width:var(--ms-indent);font-weight:800;color:var(--ms-or)}
:is(#content,body) .ms-legal .ms-legal__body > ul{margin:2px 0 14px var(--ms-indent);padding:0;list-style:none}
:is(#content,body) .ms-legal .ms-legal__body li{position:relative;margin:5px 0;padding:0 0 0 18px}
:is(#content,body) .ms-legal .ms-legal__body ul li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;background:var(--ms-or);border-radius:1px}

/* ---------- Tabulky ---------- */
:is(#content,body) .ms-legal .ms-legal__table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 24px;border:1px solid var(--ms-border);border-radius:var(--ms-radius)}
:is(#content,body) .ms-legal table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;min-width:620px;margin:0}
:is(#content,body) .ms-legal th{background:var(--ms-ink);color:#fff;text-align:left;padding:12px 14px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.06em;border:0}
:is(#content,body) .ms-legal td{padding:12px 14px;border:0;border-top:1px solid var(--ms-border);vertical-align:top}
:is(#content,body) .ms-legal tr:nth-child(even) td{background:#fafafa}

/* ---------- Formulář pro odstoupení ---------- */
:is(#content,body) .ms-legal .ms-legal__form{margin:16px 0 20px;padding:26px 28px 14px;background:#fff;border:1px solid var(--ms-border);border-top:3px solid var(--ms-accent);border-radius:var(--ms-radius)}
:is(#content,body) .ms-legal .ms-legal__form p{margin:0 0 16px;padding:0}
:is(#content,body) .ms-legal .ms-line{display:block;height:28px;margin-top:4px;border-bottom:1px solid #d9d9d9}

/* ---------- Ostatní ---------- */
:is(#content,body) .ms-legal .ms-legal__sign{margin-top:28px;padding:16px 0 0 var(--ms-indent);border-top:1px solid var(--ms-border);color:var(--ms-muted)}
:is(#content,body) .ms-legal a.ms-legal__top{display:none}

/* ---------- Tablet a mobil ---------- */
@media (max-width:1099px){
  :is(#content,body) .ms-legal .ms-legal__layout{display:block}
  :is(#content,body) .ms-legal .ms-legal__head h1{font-size:32px}
  :is(#content,body) .ms-legal .ms-legal__aside{position:static;max-height:none;overflow:visible;margin:0 0 32px}
  :is(#content,body) .ms-legal .ms-legal__toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  :is(#content,body) .ms-legal .ms-legal__toc li:nth-last-child(2) a{border-bottom:0}
  :is(#content,body) .ms-legal a.ms-legal__top{display:inline-flex;align-items:center;margin-top:4px;padding:8px 14px;border:0;border-radius:2px;
    background:var(--ms-soft);color:var(--ms-ink);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
}
@media (max-width:640px){
  :is(#content,body) .ms-legal{font-size:14px;--ms-indent:40px}
  :is(#content,body) .ms-legal .ms-legal__head{margin-bottom:28px}
  :is(#content,body) .ms-legal .ms-legal__head h1{font-size:26px;margin-bottom:16px}
  :is(#content,body) .ms-legal .ms-legal__meta{padding:12px 16px 10px 18px}
  :is(#content,body) .ms-legal .ms-legal__meta::before{top:12px;bottom:12px}
  :is(#content,body) .ms-legal .ms-legal__toc ol{display:block}
  :is(#content,body) .ms-legal .ms-legal__toc li:nth-last-child(2) a{border-bottom:1px solid var(--ms-border)}
  :is(#content,body) .ms-legal h2{font-size:17px;margin-top:40px}
  :is(#content,body) .ms-legal .ms-plate{flex-basis:32px;height:32px;font-size:15px}
  :is(#content,body) .ms-legal h2{gap:8px}
  /* na mobilu číslo odstavce v řádku – víc místa pro text */
  :is(#content,body) .ms-legal .ms-legal__body > p{padding-left:0}
  :is(#content,body) .ms-legal .ms-n{position:static;display:inline-block;width:auto;min-width:34px}
  :is(#content,body) .ms-legal .ms-legal__body > ul{margin-left:4px}
  :is(#content,body) .ms-legal h3{margin-left:0}
  :is(#content,body) .ms-legal .ms-legal__sign{padding-left:0}
  :is(#content,body) .ms-legal .ms-legal__form{padding:20px 16px 8px}
  /* tabulky jako karty pod sebou */
  :is(#content,body) .ms-legal .ms-legal__table{overflow:visible;border:0;border-radius:0}
  :is(#content,body) .ms-legal table,:is(#content,body) .ms-legal tbody,:is(#content,body) .ms-legal tr,:is(#content,body) .ms-legal td{display:block;width:100%;min-width:0}
  :is(#content,body) .ms-legal thead{display:none}
  :is(#content,body) .ms-legal tr{margin:0 0 12px;border:1px solid var(--ms-border);border-top:3px solid var(--ms-accent);border-radius:var(--ms-radius);overflow:hidden}
  :is(#content,body) .ms-legal tr:nth-child(even) td{background:#fff}
  :is(#content,body) .ms-legal td{padding:8px 14px;border-top:1px solid var(--ms-border)}
  :is(#content,body) .ms-legal td:first-child{border-top:0;background:var(--ms-soft)!important;font-weight:700;color:var(--ms-ink)}
  :is(#content,body) .ms-legal td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--ms-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
}
@media print{:is(#content,body) .ms-legal .ms-legal__aside,:is(#content,body) .ms-legal a.ms-legal__top{display:none}:is(#content,body) .ms-legal .ms-legal__layout{display:block}}

/* ==== 06-telefon-topbar.css ==== */
/* Telefon topbar – dříve Markstore_css/update_design_6_10/css_styles/prvky/Telefon_topbar_markstore_2.css */
.contact-header-phone {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Zarovnání doprava */
    font-size: 14px;
    gap: 6px;
  }

  .top-navigation-menu-item-contact .contact-header-phone {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .contact-text-phone {
    font-size: 16px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    margin-right: 10px;
  }

  a.contact-phone {
    font-size: 15px;
}
  
  li.top-navigation-menu-item-27 {
    display: none;
}


ul.top-navigation-bar-menu {
  display: none;
}

.top-navigation-menu {
  padding-top: 5px;
}

  span.phone-status-text {
    color: white !important;
}

  .phone-icon {
    width: 20px;
    height: 20px;
  }
  
  .contact-phone {
    color: #ff4800 !important;
    font-weight: bold;
  }

  .contact-phone:hover {
    text-decoration: underline;
  }
  
  .phone-status {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
  .phone-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  
  /* Zelená blikající tečka pro status "Sme on-line" */
  .phone-status-dot.online {
    background-color: #00ae00;
    animation: blink 1.5s infinite;
  }
  
  /* Červená pevná tečka pro status "Nie sme pri telefóne" */
  .phone-status-dot.offline {
    background-color: #c71f16;
    animation: none;
  }
  
  @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
  }
  
  /* Styl pro šířku 1200px a vyšší */
  @media (min-width: 1200px) {
    .top-navigation-bar .container > div:last-child {
      text-align: right;
      margin-left: auto;
    }
  }
  
  /* Styl pro šířku od 768px do 1199px */
  @media (min-width: 768px) and (max-width: 1439px) {
    .top-navigation-bar .container {
      display: flex;
      align-items: center;
      flex-direction: column-reverse;
    }
  }
  
  @media (min-width: 1200px) and (max-width: 1439px) {
    .top-navigation-bar .container > div:last-child {
        text-align: center;
        margin-left: unset;
    }
  }

/* ==== 07-R3-detail.css ==== */
/* Detail produktu fullwide – dříve MarkstoreINDI/css/R3_detail.css */
/* ============================
   PODMÍNKA: pokud existuje opt_title
   ============================ */
.has-opt-title .p-detail-inner-header-mobile .h1{
  display: none !important;
}

.fullwide-detail{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background-image: var(--fw-bg);
  background-size:cover;
  background-position:center;
  padding: 32px 16px;
  color:#fff;
  /* místo fixního min-height 640 */
  min-height: 520px;
  box-sizing:border-box;
  position: relative;
}

/* jemný overlay kvůli čitelnosti textu 
.fullwide-detail::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.65) 75%, rgba(0,0,0,.8) 100%);
  pointer-events:none;
} */

.fullwide-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width: 990px;
  display:flex;
  flex-direction:column;
  gap: 16px;
}

/* !!! zásadní fix: žádná fixní šířka */
.fullwide-head-box {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  background-color: rgb(0 0 0 / 93%);
  padding: 22px;
  border-radius: 12px;
  box-sizing: border-box;
  backdrop-filter: blur(2px);
}

.fullwide-topper{
  display:flex;
  justify-content:space-between;
  gap: 18px;
  align-items:flex-start;
  flex-wrap: nowrap;
}

.topper-left{
  flex: 1 1 55%;
  min-width: 0;
}

.product-type{
  font-size: 14px;
  color:#ff5f2c;
  margin-bottom: 6px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.product-title{
  font-size: clamp(20px, 3.6vw, 34px);
  font-weight: 700;
  margin:0;
  color:#fff;
  line-height: 1.15;
  word-break: break-word;
}

/* metriky */
.topper-right{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px 18px;
  flex: 1 1 45%;
  min-width: 0;
  align-items: start;
}

/* =========================================
   ZMĚNA: span NAD strong (všechna zařízení)
   -> nejjednodušší a stabilní: column-reverse
   ========================================= */
.topper-right div{
  display:flex;
  flex-direction: column-reverse; /* <- ZMĚNA */
  text-align:left;
  min-width: 0;
}

.topper-right strong{
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}

.topper-right span{
  font-size: 12px;
  opacity:.85;
  margin-top: 0;       /* <- ZMĚNA (dřív margin-top:4px) */
  margin-bottom: 4px;  /* <- ZMĚNA (span je teď nahoře) */
  line-height: 1.2;
}

/* =========================================
   ZMĚNA: Věk label (desktop vs mobile)
   ========================================= */
.topper-right .label-mobile{ display:none; }
.topper-right .label-desktop{ display:inline; }

/* spodní lišta */
.fullwide-bottomer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  border-top: 1px solid rgb(26 26 26);
  padding-top: 14px;
}

.video-link a,
.params-link a{
  color:#fff;
  font-weight:700;
  text-decoration:none;
  font-size: 14px;
  display:inline-flex;
  align-items:center;
  gap: 6px;
}

.video-link a:hover,
.params-link a:hover{ color:#ff5f2c; }

/* video popup */
.video-popup{
  position:fixed;
  inset:0;
  display:none;
  justify-content:center;
  align-items:center;
  z-index:9999;
  padding:20px;
  background: rgba(0,0,0,0.8);
}

.popup-content{
  position:relative;
  background:#000;
  width: min(900px, 95vw);
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.popup-video-wrapper{
  width:100%;
  height:100%;
}

.popup-video-wrapper iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.popup-close{
  position:absolute;
  top:10px;
  right:14px;
  background:transparent;
  border:0;
  font-size:28px;
  color:#fff;
  cursor:pointer;
  z-index:3;
}

/* ===== MOBILE ===== */
@media (max-width: 767px){

  .product-title {
    font-size: clamp(26px, 3.6vw, 34px);
  }

  .fullwide-detail{
    padding: 18px 12px;
    min-height: 420px;
    align-items:flex-end;
  }

  .fullwide-head-box{
    padding: 26px;
    border-radius: 12px;
  }

  .fullwide-topper{
    flex-direction: column;
    gap: 14px;
  }

  /* 2x2 grid metrik */
  .topper-right{
    width:100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 14px;
  }

  .topper-right strong{
    font-size: 16px;
  }

  .topper-left {
    flex: 1 1 55%;
    min-width: 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 10px;
  }

  .fullwide-bottomer{
    flex-direction: row;
    align-items:flex-start;
    gap: 10px;
  }

  .fullwide-detail{ min-height: 580px; }

  /* ZMĚNA: na mobilu zobraz label "Věk" místo "Doporučený věk" */
  .topper-right .label-desktop{ display:none; }
  .topper-right .label-mobile{ display:inline; }
}

/* menší mobily */
@media (max-width: 380px){
  .fullwide-detail{ min-height: 580px; }
  /*.topper-right{ grid-template-columns: 1fr; }*/
}