/* EUROBIKE WEB v38 */

/* =========================================================
   FARBY
   #171717 - hlavná tmavá
   #C73834 - akcia / zľava
   #43956D - skladom / pozitívny stav
   ========================================================= */


/* =========================================================
   AKCIE / ZĽAVY
   ========================================================= */

.flag.flag-discount,
.flag-action-percentage{
    background:#C73834!important;
    color:#fff!important;
}

.flag.flag-action{
    background:#C73834!important;
    color:#fff!important;
    max-width:20em!important;
}

.flag.flag-new{
    background:#171717!important;
    color:#fff!important;
}

.flag.flag-freeshipping{
    display:none!important;
}

.flag-custom2{
    max-width:11em!important;
}

.flag-62459831EEBA0,
.flag-akcia-konci-10-04-2023{
    max-width:15em!important;
}

.flag-takmer-vypredane{
    max-width:20em!important;
}

.price-action-before,
span.price-save{
    color:#C73834!important;
}


/* =========================================================
   GENERAL
   ========================================================= */

.co-payment-method #order-billing-methods tr{
    display:none;
}

.products-block .p-bottom .p-desc{
    text-align:justify;
}

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

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

#colorbox .advanced-order .extra.discount>span>strong,
.ordering-process .cart-summary .extra.discount>span>strong{
    display:none;
}


/* =========================================================
   HEADER + HLAVNÉ MENU
   ========================================================= */

/* Logo + vyhľadávanie ostávajú na bielom */
#header > .container.navigation-wrapper{
    width:100%;
    background:#fff!important;
}

/* Tmavá je iba kategóriová lišta */
@media(min-width:768px){
    #navigation{
        height:40px!important;
        min-height:40px!important;
        overflow:visible!important;
        z-index:20!important;
        isolation:isolate;
        background:#171717!important;
        position:relative;
    }
    #navigation::before{
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:calc((100% - 100vw) / 2);
        width:100vw;
        background:#171717;
        pointer-events:none;
        z-index:-1;
    }
    #navigation .navigation-in{
        width:100%;
        background:#171717!important;
        z-index:2;
    }
    #navigation .navigation-in > ul > li > a{
        display:flex!important;
        align-items:center!important;
        height:40px!important;
        min-height:40px!important;
        padding-top:0!important;
        padding-bottom:0!important;
    }
    #navigation .navigation-in > ul{
        min-height:40px!important;
    }

    /* Horné ovládanie nad menu; šípky zostávajú vo vrstve svojho slidera. */
    #header .header-top{
        position:relative;
        z-index:30;
    }
    .top-navigation-bar{
        z-index:40!important;
    }
    .dklabSliderplusHomeWrapper,
    #dklabLogaSliderWrapper,
    #carousel{
        isolation:isolate;
        z-index:0;
    }

    /* Naviazané na pôvodný otvorený stav Shoptetu, bez nového JS. */
    #navigation::after{
        content:"";
        position:absolute;
        top:100%;
        left:calc((100% - 100vw) / 2);
        width:100vw;
        height:100vh;
        z-index:1;
        background:rgba(255,255,255,.68);
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity 220ms ease,visibility 0s linear 220ms;
    }
    #navigation:has(.menu-level-1 > li.ext.exp)::after{
        opacity:1;
        visibility:visible;
        transition-delay:0s;
    }
}

@media(min-width:992px){

    .popup-widget{
        right:0!important;
        left:unset;
    }

}

@media(min-width:768px){

    .fitted .navigation-in ul{
        justify-content:center;
    }

    .navigation-in > ul{
        background:#171717!important;
    }

    .navigation-in > ul > li > a{
        background:#171717!important;
        color:#fff!important;
        border-color:transparent!important;
        transition:background .2s ease,color .2s ease!important;
    }

    .navigation-in > ul > li > a:hover,
    .navigation-in > ul > li:hover > a,
    .navigation-in > ul > li.active > a{
        background:#2A2A2A!important;
        color:#fff!important;
    }

    .navigation-in .menu-level-2,
    .navigation-in .menu-level-2 > li,
    .navigation-in .menu-level-2 > li > a{
        background:#fff!important;
        color:#171717!important;
    }

    .navigation-in .menu-level-2 > li > a:hover{
        background:#f5f5f5!important;
        color:#171717!important;
    }
}

.menu-level-2{
    justify-content:flex-start!important;
}


/* =========================================================
   FILTER - SKRYTÁ DOSTUPNOSŤ
   ========================================================= */

#stock,
label[for="stock"]{
    display:none!important;
}


/* =========================================================
   FILTER - HLAVIČKY
   ========================================================= */

/*
   CENA
   ZNAČKY
   URČENIE
   VEĽKOSŤ RÁMU
   ...
*/

.eb-filter-heading{
    position:relative!important;

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

    width:100%!important;
    min-height:44px!important;

    margin:0!important;

    padding:0 30px 0 0!important;

    box-sizing:border-box!important;

    color:#171717!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:500!important;

    text-transform:uppercase!important;

    cursor:pointer!important;
}

.eb-filter-heading > span{
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:500!important;

    text-transform:uppercase!important;

    color:#171717!important;
}


/* Pôvodná šípka preč */
.eb-filter-heading::before,
.eb-filter-heading > span::before,
.eb-filter-heading > span::after{
    display:none!important;
    content:none!important;
}


/* Nová šípka vpravo */
.eb-filter-heading::after{
    content:""!important;

    position:absolute!important;

    top:50%!important;
    right:3px!important;

    width:7px!important;
    height:7px!important;

    border-right:2px solid #171717!important;
    border-bottom:2px solid #171717!important;

    transform:
        translateY(-65%)
        rotate(45deg)!important;

    transition:transform .18s ease!important;
}


/* Otvorené */
.eb-filter-heading.eb-filter-open::after{
    transform:
        translateY(-20%)
        rotate(225deg)!important;
}

.eb-filter-native-arrow{
    display:none!important;
}


/* Jemnejšie rozdelenie filtrov */
.filter-section,
.slider-wrapper{
    margin:0!important;
    padding-top:0!important;
}


/* =========================================================
   FILTER - BEŽNÉ CHECKBOXY
   ========================================================= */

/* Reálny input skryjeme */
.filter-section:not(.eb-color-filter) input[type="checkbox"]{
    position:absolute!important;

    width:1px!important;
    height:1px!important;

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

    opacity:0!important;

    pointer-events:none!important;
}


/* Jeden riadok parametra */
.filter-section:not(.eb-color-filter)
input[type="checkbox"] + label.filter-label{
    position:relative!important;

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

    min-height:30px!important;

    margin:0 0 2px!important;

    padding:0 0 0 29px!important;

    box-sizing:border-box!important;

    color:#444!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:400!important;

    cursor:pointer!important;
}


/* Prázdny checkbox */
.filter-section:not(.eb-color-filter)
input[type="checkbox"] + label.filter-label::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:50%!important;

    width:18px!important;
    height:18px!important;

    box-sizing:border-box!important;

    background:#fff!important;

    border:1.5px solid #B7B7B7!important;
    border-radius:4px!important;

    transform:translateY(-50%)!important;

    transition:border-color .15s ease!important;
}


.filter-section:not(.eb-color-filter)
input[type="checkbox"] + label.filter-label:hover::before{
    border-color:#707070!important;
}


/* Vybraný checkbox: tmavý štvorec a biela fajka. */
.filter-section:not(.eb-color-filter)
input[type="checkbox"]:checked + label.filter-label::before{
    background:#171717!important;
    border-color:#171717!important;
}


/* Biela fajka */
.filter-section:not(.eb-color-filter)
input[type="checkbox"]:checked + label.filter-label::after{
    content:""!important;

    position:absolute!important;

    left:6px!important;
    top:50%!important;

    width:5px!important;
    height:9px!important;

    border:solid #fff!important;
    border-width:0 2px 2px 0!important;

    box-sizing:border-box!important;

    transform:
        translateY(-62%)
        rotate(45deg)!important;
}


/* =========================================================
   FILTER - POČET POLOŽIEK
   ========================================================= */

.filter-count{
    display:inline!important;

    width:auto!important;
    min-width:0!important;
    height:auto!important;

    margin-left:5px!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    color:#929292!important;

    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:400!important;
}


/* Ak Shoptet neposiela zátvorky, pridáme ich */
.filter-count:not(.eb-count-parenthesized)::before{
    content:"(";
}

.filter-count:not(.eb-count-parenthesized)::after{
    content:")";
}


/* =========================================================
   FILTER FARBA
   ========================================================= */

/*
   Každá farba bude samostatne:

   ● Biela (17)
   ● Červená (13)
   ● Čierna (25)
*/

.eb-color-filter .eb-color-row{
    position:relative!important;

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

    width:100%!important;

    min-height:32px!important;

    margin:0 0 2px!important;

    padding:0!important;

    box-sizing:border-box!important;

    grid-column:1 / -1!important;

    flex:0 0 100%!important;
}


/* Checkbox pri farbe nepotrebujeme */
.eb-color-filter .eb-color-row input[type="checkbox"],
.eb-color-filter .eb-color-row input[type="radio"]{
    position:absolute!important;

    width:1px!important;
    height:1px!important;

    opacity:0!important;

    pointer-events:none!important;
}


/* Pôvodný klikateľný label a jeho inline farebná výplň. */
.eb-color-filter .eb-color-row .advanced-parameter{
    order:1!important;
    position:relative!important;
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0 10px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:4px!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.eb-color-filter .eb-color-swatch{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #b7b7b7!important;
    border-radius:4px!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
}
.eb-color-filter .advanced-parameter::before,
.eb-color-filter .advanced-parameter::after,
.eb-color-filter .eb-color-swatch::before,
.eb-color-filter .eb-color-swatch::after{
    content:none!important;
    display:none!important;
}
.eb-color-filter .eb-color-row:has(input:checked) .eb-color-swatch::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:6px!important;
    top:3px!important;
    width:5px!important;
    height:9px!important;
    border:solid #fff!important;
    border-width:0 2px 2px 0!important;
    transform:rotate(45deg)!important;
    box-shadow:1px 1px 1px rgba(0,0,0,.65)!important;
    background:none!important;
    box-sizing:border-box!important;
}

/* Názov farby */
.eb-color-filter .eb-color-row label.filter-label{
    order:2!important;

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

    min-height:30px!important;

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

    color:#444!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:400!important;

    cursor:pointer!important;
}


/* Žiadny checkbox pred názvom farby */
.eb-color-filter .eb-color-row label.filter-label::before,
.eb-color-filter .eb-color-row label.filter-label::after{
    display:none!important;
    content:none!important;
}


/* =========================================================
   CENA - SLIDER
   ========================================================= */

.slider-wrapper > h4.eb-filter-heading{
    margin:0!important;
}


/* =========================================================
   SPLÁTKOVÉ KALKULAČKY
   ========================================================= */

.p-detail-inner #HcCalculater{
    display:block!important;
}

.p-detail-inner #HcCalculater a{
    padding-left:3px;
}

.p-detail-inner .quatro-addon__calc-button__wrapper a{
    background:
        url("https://quatro.vub.sk/images/logo.svg")
        0 6px/30px
        no-repeat!important;

    padding-left:35px!important;

    font-size:15px;
}

.p-detail-inner #HcCalculater a,
.p-detail-inner .quatro-addon__calc-button__wrapper a{
    font-size:14px!important;
}


/* =========================================================
   ADDON VARIABLES
   ========================================================= */

:root{

    --contact-form-border-radius:6px;

    --contact-form-BG:#f7f7f7;
    --contact-form-BG-hover:#eaeaea;

    --contact-form-title-color:#171717;
    --contact-form-text-color:#171717;
    --contact-form-link-color:#171717;

    --contact-form-icon-color:#C73834;

    --contact-form-border-color:#f7f7f7;


    --registration-discount-border-radius:6px;

    --registration-discount-BG:#f7f7f7;
    --registration-discount-BG-hover:#eaeaea;

    --registration-discount-btn-BG:#171717;
    --registration-discount-btn-BG-hover:#43956D;

    --registration-discount-title-color:#171717;

    --registration-discount-price-color:#C73834;

    --registration-discount-btn-text-color:#fff;
    --registration-discount-btn-icon-color:#fff;
}


/* =========================================================
   MEMBER PRICE
   ========================================================= */

.registration-discount-block{
    border-radius:6px!important;
    overflow:hidden!important;
}

.registration-discount__text-block,
.registration-discount__text-block *{
    font-style:normal!important;
}

.registration-discount-block--detail{
    display:flex!important;
    align-items:stretch!important;

    width:100%!important;
    min-height:52px!important;

    border-radius:6px!important;

    overflow:hidden!important;
}

.registration-discount-block--detail .registration-discount__text-block{
    flex:1 1 auto!important;
    min-width:0!important;
}

.registration-discount-block--detail .registration-discount__btn{
    flex:0 0 160px!important;

    width:160px!important;
    min-width:160px!important;

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

    padding:0 12px!important;

    box-sizing:border-box!important;

    background:#171717!important;
    color:#fff!important;

    font-size:14px!important;
    font-weight:400!important;

    background-image:none!important;
}

.registration-discount-block--detail .registration-discount__btn:before,
.registration-discount-block--detail .registration-discount__btn:after,
.registration-discount-block--detail .registration-discount__btn svg,
.registration-discount-block--detail .registration-discount__btn i{
    display:none!important;
    content:none!important;
}

.registration-discount__btn:hover{
    background:#43956D!important;
    color:#fff!important;
}


/* =========================================================
   GARANCIA NAJLEPŠEJ CENY
   ========================================================= */

.detail-contact-button{
    display:flex!important;
    align-items:stretch!important;

    width:100%!important;
    min-height:52px!important;

    padding:0!important;

    background:#f7f7f7!important;

    border-radius:6px!important;

    overflow:hidden!important;
}

.detail-contact-button .eb-g-label{
    display:flex!important;
    align-items:center!important;

    flex:1 1 auto!important;
    min-width:0!important;

    padding:0 16px!important;

    background:#f7f7f7!important;
    color:#171717!important;

    font-size:14px!important;
    font-weight:400!important;

    transition:.2s ease!important;
}

.detail-contact-button:hover .eb-g-label{
    background:#eaeaea!important;
}

.detail-contact-button a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 160px!important;

    width:160px!important;
    min-width:160px!important;

    margin:0!important;
    padding:0 12px!important;

    box-sizing:border-box!important;

    background:#171717!important;
    color:#fff!important;

    border:0!important;
    border-radius:0!important;

    text-decoration:none!important;

    font-size:14px!important;
    font-weight:400!important;
}

.detail-contact-button a:hover{
    background:#43956D!important;
    color:#fff!important;
    text-decoration:none!important;
}


/* =========================================================
   PRODUCT TABS
   ========================================================= */

.shp-tabs-holder,
.shp-tabs-wrapper,
.shp-tabs-holder ul.shp-tabs{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.shp-tabs-holder{
    padding:0!important;
}

.shp-tabs-holder ul.shp-tabs{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:8px!important;

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

.shp-tabs-holder ul.shp-tabs li,
.shp-tabs-holder ul.shp-tabs li.active{
    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;
}

.shp-tabs-holder ul.shp-tabs li a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:46px!important;

    padding:0 20px!important;

    background:#f3f3f3!important;
    color:#171717!important;

    border:1px solid #e1e1e1!important;
    border-radius:6px!important;

    font-size:14px!important;
    font-weight:600!important;

    text-decoration:none!important;

    transition:.2s ease!important;
}

.shp-tabs-holder ul.shp-tabs li a:hover{
    background:#e9e9e9!important;
    color:#171717!important;
}

.shp-tabs-holder ul.shp-tabs li.active a,
.shp-tabs-holder ul.shp-tabs li a.active{
    background:#171717!important;
    color:#fff!important;

    border-color:#171717!important;
}


/* =========================================================
   FOCUS
   ========================================================= */

a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
[tabindex]:focus,
[tabindex]:focus-visible,
.form-control:focus,
.search-form:focus,
.search-form:focus-within,
fieldset:focus,
fieldset:focus-within{
    outline:none!important;
    box-shadow:none!important;
}

input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-control:focus,
.search-form input:focus,
.search-form input:focus-visible,
.search-form:focus-within,
.search-form fieldset:focus-within{
    border-color:#d7d7d7!important;
}


/* =========================================================
   DOSTUPNOSŤ
   ========================================================= */

.availability,
.availability *,
.availability-value,
.availability-value *{
    border-bottom:0!important;

    text-decoration:none!important;

    background-image:none!important;
}


/* Shoptet pôvodná zelená -> naša zelená */
[style*="#57a221"],
[style*="#57A221"]{
    color:#43956D!important;
}


/* Detail */
.p-detail .availability-value{
    display:inline-flex!important;
    align-items:center!important;

    height:42px!important;

    padding:0 14px!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;

    font-size:14px!important;
}


/* Kategórie + súvisiace */
.products-block .availability{
    display:flex!important;

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

    text-align:center!important;

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

    margin:8px 0 12px!important;
    padding:0 14px!important;

    box-sizing:border-box!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;
}

.products-block .availability,
.products-block .availability *{
    font-size:14px!important;
    line-height:1!important;
}


/* Zelená dostupnosť všade */
.eb-stock-text,
.eb-stock-text *{
    color:#43956D!important;
}


/* Pulz iba tam, kde ho JS označí */
.eb-in-stock{
    display:inline-flex!important;
    align-items:center!important;

    color:#43956D!important;
}

.eb-in-stock::before{
    content:"";

    display:inline-block;

    width:8px;
    height:8px;

    min-width:8px;

    margin-right:8px;

    border-radius:50%;

    background:#43956D;

    animation:
        ebStockPulse
        2.1s
        ease-out
        infinite;
}


@keyframes ebStockPulse{

    0%{
        box-shadow:
            0 0 0 0
            rgba(67,149,109,.28);
    }

    30%{
        box-shadow:
            0 0 0 0
            rgba(67,149,109,.28);
    }

    70%{
        box-shadow:
            0 0 0 7px
            rgba(67,149,109,0);
    }

    100%{
        box-shadow:
            0 0 0 7px
            rgba(67,149,109,0);
    }
}


/* =========================================================
   DETAIL - MNOŽSTVO + KOŠÍK
   ========================================================= */

.p-detail .add-to-cart{
    display:flex!important;

    width:100%!important;

    gap:12px!important;
}

.p-detail .quantity{
    display:grid!important;

    grid-template-columns:
        44px
        56px
        44px!important;

    flex:0 0 144px!important;

    width:144px!important;
    height:52px!important;

    margin:0!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;

    overflow:hidden!important;
}

.p-detail .increase-tooltip,
.p-detail .decrease-tooltip{
    display:none!important;
}

.p-detail .quantity>label{
    grid-column:2;
    grid-row:1;

    width:56px!important;
    height:50px!important;

    margin:0!important;

    border-left:1px solid #ddd!important;
    border-right:1px solid #ddd!important;
}

.p-detail .quantity .amount{
    width:100%!important;
    height:50px!important;

    padding:0!important;

    border:0!important;

    text-align:center!important;

    font-size:14px!important;
}

.p-detail .quantity .decrease{
    grid-column:1!important;
}

.p-detail .quantity .increase{
    grid-column:3!important;
}

.p-detail .quantity .increase,
.p-detail .quantity .decrease{
    grid-row:1!important;

    position:static!important;

    width:44px!important;
    height:50px!important;

    padding:0!important;

    border:0!important;

    background:#fff!important;

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

.p-detail .increase__sign,
.p-detail .decrease__sign{
    position:static!important;

    display:block!important;

    font-size:23px!important;
    line-height:1!important;

    transform:none!important;

    color:#171717!important;
}

.p-detail .quantity .increase:before,
.p-detail .quantity .increase:after,
.p-detail .quantity .decrease:before,
.p-detail .quantity .decrease:after{
    display:none!important;
}

.p-detail .add-to-cart-button{
    flex:1!important;

    height:52px!important;

    margin:0!important;

    font-size:14px!important;

    border-radius:6px!important;
}

.p-detail .add-to-cart-button:before,
.p-detail .add-to-cart-button:after{
    display:none!important;
    content:none!important;
}


/* =========================================================
   PRODUKTOVÉ KARTY
   ========================================================= */

.products-block .p,
.products-block .p-in{
    display:flex!important;
    flex-direction:column!important;

    height:100%!important;
}

.products-block .p-in{
    flex:1!important;
}

.products-block .p-bottom{
    display:flex!important;
    flex-direction:column!important;

    margin-top:auto!important;

    width:100%!important;
}

/* Aktuálna cena je vždy natívna a viditeľná aj pred JS/AJAX refreshom. */
.products-block .p .prices{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    min-height:50px!important;
    margin:0 0 6px!important;
}
.products-block .p .prices .price-final,
.products-block .p .prices .price-final strong{
    display:block!important;
    margin:0!important;
    font-size:24px!important;
    line-height:28px!important;
    color:#171717!important;
}
.products-block .p .prices[data-eb-original-price]::after{
    content:attr(data-eb-original-price);
    display:block;
    min-height:16px;
    font-size:12px;
    line-height:16px;
    font-weight:400;
    color:#777;
}
/* Pôvodná cena sa neopakuje v obrázku a v doplnku nad aktuálnou cenou. */
.products-block .p .flags .price-standard,
.products-block .p .price-save,
.products-block .p .prices[data-eb-original-price] .price-action-before,
.products-block .p .prices[data-eb-original-price] .price-standard-wrapper{
    display:none!important;
}

.products-block .p-bottom>div,
.products-block .p-tools,
.products-block .p-tools form{
    display:block!important;
    width:100%!important;
}

.products-block .p-tools .btn,
.products-block .p-tools button,
.products-block .p-tools>a{
    display:flex!important;

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

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

    margin:0!important;
    padding:0 12px!important;

    box-sizing:border-box!important;

    font-size:14px!important;

    border-radius:6px!important;
}


/* =========================================================
   DETAIL PRICE
   ========================================================= */

.p-detail .p-final-price-wrapper .price-standard,
.p-detail .p-final-price-wrapper .price-save,
.p-detail .p-final-price-wrapper .price-measure{
    display:none!important;
}

.ebdo{
    color:#777!important;
    margin-top:2px!important;
}


/* =========================================================
   SEARCH
   ========================================================= */

.search-form,
.search-form fieldset{
    overflow:visible!important;
}

.search-form input{
    border-radius:6px 0 0 6px!important;
}

.search-form button,
.search-form .btn{
    border-radius:0 6px 6px 0!important;
}


/* =========================================================
   PRIHLÁSENIE
   ========================================================= */

.eb-login-box input[type="email"],
.eb-login-box input[type="password"],
.eb-login-box input[type="text"]:not([name="surname"]){
    min-height:46px!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;

    box-shadow:none!important;
}

.eb-login-box input:focus{
    border-color:#b5b5b5!important;
}

.eb-login-box button,
.eb-login-box .btn,
.eb-login-box input[type="submit"]{
    border-radius:6px!important;
}

.eb-login-box a[href*="facebook"],
.eb-login-box [class*="facebook"]{
    border-radius:6px!important;
    overflow:hidden!important;
}


/* =========================================================
   DETAIL - ODSTRÁNENÉ TLAČ / STRÁŽIŤ / ZDIEĽAŤ
   ========================================================= */

.eb-hide-product-tool{
    display:none!important;
}


/* =========================================================
   ROUNDING
   ========================================================= */

.subcategories li,
.subcategories li a,
.flag{
    border-radius:6px!important;
}

/* =========================================================
   CHECKOUT - DOPRAVA A PLATBA
   ========================================================= */

#order-shipping-methods *,
#order-billing-methods *{
    text-transform:none!important;
}

/* Popis pod názvom */
.eb-method-description{
    display:block!important;
    width:100%!important;
    max-width:620px!important;
    margin:5px 0 1px!important;
    padding:0!important;
    color:#707070!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:400!important;
    text-align:left!important;
    word-spacing:normal!important;
    letter-spacing:normal!important;
    white-space:normal!important;
    text-wrap:pretty;
}

/* Tooltip otáznik po prenesení textu */
.eb-hide-tooltip{
    display:none!important;
}

/* Odberné miesto + nedostupná platba */
.eb-method-action,
.eb-method-unavailable{
    width:fit-content!important;
    max-width:100%!important;
    margin-top:8px!important;
    padding:5px 9px!important;
    box-sizing:border-box!important;
    background:#f4f4f4!important;
    color:#666!important;
    border-radius:6px!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:500!important;
    font-style:normal!important;
    text-align:left!important;
}

.eb-method-action{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
}

.eb-method-action a{
    color:#171717!important;
    font-weight:600!important;
    text-decoration:none!important;
}

/* ZADARMO */
#order-shipping-methods .eb-free,
#order-shipping-methods .eb-free *,
#order-billing-methods .eb-free,
#order-billing-methods .eb-free *{
    color:#43956D!important;
    text-transform:uppercase!important;
}

/* Záporná hodnota = zľava */
#order-shipping-methods .eb-negative,
#order-shipping-methods .eb-negative *,
#order-billing-methods .eb-negative,
#order-billing-methods .eb-negative *{
    color:#C73834!important;
}

@media(max-width:767px){
    .eb-method-description{
        max-width:100%!important;
        font-size:12px!important;
        line-height:1.45!important;
    }
}

/* =========================================================
   CHECKOUT - ECO ODBERNÉ MIESTA
   Doplnok k pôvodnému EUROBIKE CSS.
   Pôvodný kód vyššie zostáva bez zmeny.
   ========================================================= */

.eb-eco-wrap{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;

    margin:8px 0 0 7px!important;

    vertical-align:top!important;
}

.eb-eco-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;

    width:auto!important;

    margin:0!important;
    padding:0 9px!important;

    box-sizing:border-box!important;

    background:#eaf6df!important;
    color:#3f6900!important;

    border:0!important;
    border-radius:6px!important;

    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:inherit!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:600!important;

    white-space:nowrap!important;

    cursor:pointer!important;
}

.eb-eco-leaf{
    display:block!important;

    width:23px!important;
    height:20px!important;
    min-width:23px!important;

    flex:0 0 23px!important;

    margin:0!important;

    fill:none!important;

    stroke:#3f6900!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    overflow:visible!important;
}

.eb-eco-info{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:13px!important;
    height:13px!important;
    min-width:13px!important;

    margin:0 0 0 1px!important;
    padding:0!important;

    box-sizing:border-box!important;

    background:#eaf6df!important;
    color:#3f6900!important;

    border:1px solid #3f6900!important;
    border-radius:50%!important;

    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:Arial,sans-serif!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:700!important;

    cursor:pointer!important;
}


/* ECO MODAL */

.eb-eco-overlay{
    position:fixed!important;
    inset:0!important;

    z-index:999999!important;

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

    padding:20px!important;

    background:rgba(0,0,0,.46)!important;
}

.eb-eco-overlay[hidden]{
    display:none!important;
}

.eb-eco-modal{
    width:100%!important;
    max-width:500px!important;

    background:#fff!important;

    border-radius:8px!important;

    overflow:hidden!important;

    box-shadow:
        0 14px 45px
        rgba(0,0,0,.18)!important;
}

.eb-eco-modal-head{
    position:relative!important;

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

    min-height:58px!important;

    padding:0 55px!important;

    box-sizing:border-box!important;

    background:#eaf6df!important;
    color:#3f6900!important;

    font-size:17px!important;
    line-height:1.3!important;
    font-weight:600!important;

    text-align:center!important;
}

.eb-eco-close{
    position:absolute!important;

    top:50%!important;
    right:17px!important;

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

    width:30px!important;
    height:30px!important;

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

    background:transparent!important;
    color:#3f6900!important;

    border:0!important;

    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:300!important;

    transform:
        translateY(-50%)!important;

    cursor:pointer!important;
}

.eb-eco-modal-body{
    padding:20px!important;

    background:#fff!important;
    color:#444!important;

    font-size:13px!important;
    line-height:1.6!important;
    font-weight:400!important;

    text-align:left!important;
}

.eb-eco-modal-body p{
    margin:0 0 12px!important;
}

.eb-eco-modal-body p:last-child{
    margin-bottom:0!important;
}

.eb-eco-modal-foot{
    padding:0 20px 20px!important;

    background:#fff!important;
}

.eb-eco-modal-foot button{
    width:100%!important;
    min-height:42px!important;

    margin:0!important;
    padding:0 15px!important;

    background:#fff!important;
    color:#171717!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;

    box-shadow:none!important;

    font-family:inherit!important;
    font-size:13px!important;
    font-weight:600!important;

    cursor:pointer!important;
}

.eb-eco-modal-foot button:hover{
    background:#f5f5f5!important;
}

@media(max-width:767px){

    .eb-eco-wrap{
        display:flex!important;

        width:fit-content!important;

        margin-left:0!important;
    }

    .eb-eco-badge{
        white-space:normal!important;
    }

    .eb-eco-modal{
        max-width:100%!important;
    }

    .eb-eco-modal-head{
        font-size:16px!important;
    }

}

/* =========================================================
   CHECKOUT - PRÍPRAVA BICYKLA
   Presunuté zo Shoptet HEAD.
   ========================================================= */

.eb-bikeprep{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:8px 0 0!important;
    vertical-align:top!important;
}

.eb-bikeprep-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    margin:0!important;
    padding:5px 9px!important;

    box-sizing:border-box!important;

    background:#F1F6FA!important;
    color:#49677D!important;

    border:0!important;
    border-radius:6px!important;
    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:inherit!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:600!important;
    font-style:normal!important;

    text-transform:none!important;
    white-space:nowrap!important;

    cursor:pointer!important;
}

.eb-bikeprep-info{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:13px!important;
    height:13px!important;
    min-width:13px!important;

    margin:0 0 0 1px!important;
    padding:0!important;

    box-sizing:border-box!important;

    background:#F1F6FA!important;
    color:#49677D!important;

    border:1px solid #49677D!important;
    border-radius:50%!important;

    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:Arial,sans-serif!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:700!important;

    cursor:pointer!important;
}

/* POPUP */
.eb-bikeprep-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;

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

    padding:20px!important;

    background:rgba(0,0,0,.46)!important;
}

.eb-bikeprep-overlay[hidden]{
    display:none!important;
}

.eb-bikeprep-modal{
    width:100%!important;
    max-width:500px!important;

    background:#fff!important;

    border-radius:8px!important;
    overflow:hidden!important;

    box-shadow:0 14px 45px rgba(0,0,0,.18)!important;
}

.eb-bikeprep-head{
    position:relative!important;

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

    min-height:58px!important;
    padding:0 55px!important;

    box-sizing:border-box!important;

    background:#F1F6FA!important;
    color:#49677D!important;

    font-family:inherit!important;
    font-size:17px!important;
    line-height:1.3!important;
    font-weight:600!important;

    text-align:center!important;
}

.eb-bikeprep-x{
    position:absolute!important;
    top:50%!important;
    right:17px!important;

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

    width:30px!important;
    height:30px!important;

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

    background:transparent!important;
    color:#49677D!important;

    border:0!important;
    box-shadow:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:300!important;

    transform:translateY(-50%)!important;

    cursor:pointer!important;
}

.eb-bikeprep-body{
    padding:20px!important;

    box-sizing:border-box!important;

    background:#fff!important;
    color:#444!important;

    font-family:inherit!important;
    font-size:13px!important;
    line-height:1.6!important;
    font-weight:400!important;

    text-align:left!important;
}

.eb-bikeprep-body p{
    margin:0!important;
}

.eb-bikeprep-foot{
    padding:0 20px 20px!important;
    background:#fff!important;
}

.eb-bikeprep-close{
    width:100%!important;
    min-height:42px!important;

    margin:0!important;
    padding:0 15px!important;

    background:#fff!important;
    color:#171717!important;

    border:1px solid #d7d7d7!important;
    border-radius:6px!important;

    box-shadow:none!important;

    font-family:inherit!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:600!important;

    cursor:pointer!important;
}

.eb-bikeprep-close:hover{
    background:#f5f5f5!important;
}

@media(max-width:767px){

    .eb-bikeprep{
        display:flex!important;
        width:fit-content!important;
    }

    .eb-bikeprep-btn{
        white-space:normal!important;
    }

    .eb-bikeprep-modal{
        max-width:100%!important;
    }

    .eb-bikeprep-head{
        font-size:16px!important;
    }

}

/* =========================================================
   EUROBIKE v35 - PRESUNUTÉ ZO SHOPTET HEAD
   Otestované úpravy: newsbar, filter farieb, skrytý sklad,
   formátovanie popupu prípravy bicykla.
   ========================================================= */

/* HORNÁ LIŠTA - VÝPREDAJ */
#ebn{height:30px;display:flex;align-items:center;overflow:hidden;background:#171717;color:#fff;font-family:inherit;font-size:11px;line-height:1;font-weight:600;position:relative;z-index:99999;box-sizing:border-box}
#ebn b{height:30px;display:flex;align-items:center;flex:none;padding:0 15px;background:#C73834;color:#fff;font-family:inherit;font-size:11px;line-height:1}
#ebn b:before{content:"●";margin-right:7px;font-size:8px;color:#fff;animation:ebdot 1s ease-in-out infinite}
#ebn>div{height:30px;flex:1;overflow:hidden}
#ebn i{height:30px;width:max-content;display:flex;align-items:center;white-space:nowrap;font-style:normal;font-family:inherit;font-size:11px;line-height:1;animation:ebt 75s linear infinite}
#ebn span{height:30px;display:flex;align-items:center;flex:none}
@keyframes ebdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}
@keyframes ebt{to{transform:translateX(-50%)}}
@media(max-width:767px){#ebn{display:none!important}}

/* FILTER - SKRYTIE CELÉHO BLOKU NA SKLADE */
.filter-section:has(#stock),
.filter-section:has(label[for="stock"]){display:none!important}

/* FILTER FARBA - OTESTOVANÉ ÚPRAVY */
.eb-color-filter .eb-color-swatch{border:0!important;box-shadow:none!important}
.eb-color-filter .eb-color-row:has(input:checked) .eb-color-swatch::after{border-color:#fff!important;box-shadow:none!important}
.eb-color-filter .eb-color-row:has(input:checked) .eb-color-swatch[style*="#fff"]::after,
.eb-color-filter .eb-color-row:has(input:checked) .eb-color-swatch[style*="#FFF"]::after,
.eb-color-filter .eb-color-row:has(input:checked) .eb-color-swatch[style*="255, 255, 255"]::after{border-color:#171717!important;box-shadow:none!important}
.eb-color-name-test{order:2!important;display:flex!important;align-items:center!important;min-height:30px!important;margin:0!important;padding:0!important;color:#444!important;font-size:14px!important;font-weight:400!important;cursor:pointer!important}
.eb-color-name-test span{margin-left:5px!important;color:#929292!important;font-weight:400!important}

/* PRÍPRAVA BICYKLA - FORMÁTOVANIE TEXTU POPUPU */
.eb-bikeprep-body p{margin:0!important;white-space:normal!important}
.ebp-intro{display:block!important;margin:0 0 17px!important;font-weight:400!important}
.ebp-title{display:block!important;margin:0 0 10px!important;color:#171717!important;font-weight:600!important}
.ebp-step{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:start!important;width:100%!important;margin:0 0 7px!important;padding:0!important}
.ebp-step>b{grid-column:1!important;margin:0!important;padding:0!important;color:#171717!important;font-size:inherit!important;line-height:inherit!important;font-weight:600!important}
.ebp-step>span{grid-column:2!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:400!important}
.ebp-note>b{color:#fff!important}
.ebp-note>span{color:#8A8A8A!important}
.ebp-ready{display:block!important;margin:17px 0 0!important;color:#171717!important;font-weight:600!important}

/* =========================================================
   DETAIL PRODUKTU - VÝHODY NÁKUPU
   EUROBIKE v37
   ========================================================= */

.eb-product-benefits{
width:100%!important;
margin:14px 0 0!important;
font-family:inherit!important;
box-sizing:border-box!important
}

.eb-product-seller{
display:flex!important;
align-items:center!important;
gap:7px!important;
width:100%!important;
margin:0 0 8px!important;
padding:0 2px!important;
box-sizing:border-box!important
}

.eb-product-seller-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
color:#171717!important
}

.eb-product-seller-icon svg{
display:block!important;
width:18px!important;
height:18px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.25!important;
stroke-linecap:round!important;
stroke-linejoin:round!important
}

.eb-product-seller-text{
color:#555!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:600!important
}

.eb-product-seller-text strong{
color:#171717!important;
font-weight:700!important
}

.eb-product-benefits-box{
width:100%!important;
margin:0!important;
padding:0!important;
background:#fff!important;
border:1px solid #d7d7d7!important;
border-radius:6px!important;
overflow:hidden!important;
box-sizing:border-box!important
}

.eb-product-benefit{
display:grid!important;
grid-template-columns:25px minmax(0,1fr) auto!important;
column-gap:10px!important;
align-items:center!important;
width:100%!important;
margin:0!important;
padding:10px 14px!important;
box-sizing:border-box!important;
background:#fff!important;
transition:background .18s ease!important
}

.eb-product-benefit:hover{
background:#f7f7f7!important
}

.eb-product-benefit+.eb-product-benefit{
border-top:1px solid #e5e5e5!important
}

.eb-product-benefit-icon{
grid-column:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:23px!important;
height:23px!important;
color:#171717!important
}

.eb-product-benefit-icon svg{
display:block!important;
width:21px!important;
height:21px!important
}

.eb-product-benefit-icon .eb-line{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.7!important;
stroke-linecap:round!important;
stroke-linejoin:round!important
}

.eb-product-benefit-icon .eb-package{
stroke-width:2!important
}

.eb-product-benefit-icon .eb-return{
stroke-width:1.5!important
}

.eb-product-benefit-icon .eb-fill{
fill:currentColor!important;
stroke:none!important
}

.eb-product-benefit-content{
grid-column:2!important;
min-width:0!important
}

.eb-product-benefit-title{
display:block!important;
margin:0!important;
color:#171717!important;
font-size:13px!important;
line-height:1.3!important;
font-weight:600!important
}

.eb-product-benefit-description{
display:block!important;
margin:1px 0 0!important;
color:#777!important;
font-size:11px!important;
line-height:1.35!important;
font-weight:400!important
}

.eb-product-benefit::after{
content:""!important;
grid-column:3!important;
width:7px!important;
height:7px!important;
margin:0 3px 0 12px!important;
border-right:2px solid #171717!important;
border-bottom:2px solid #171717!important;
transform:rotate(-45deg)!important;
box-sizing:border-box!important
}

.eb-free-shipping-open{
cursor:pointer!important
}

/* VYSÚVACÍ PANEL */
.ebd{
position:fixed!important;
inset:0!important;
z-index:99999!important;
visibility:hidden!important;
pointer-events:none!important
}

.ebd.is-open{
visibility:visible!important;
pointer-events:auto!important
}

.ebd-bg{
position:absolute!important;
inset:0!important;
background:rgba(18,27,39,.58)!important;
opacity:0!important;
transition:opacity .50s ease!important
}

.ebd.is-open .ebd-bg{
opacity:1!important
}

.ebd-panel{
position:absolute!important;
top:0!important;
right:0!important;
width:min(430px,100vw)!important;
height:100%!important;
background:#fff!important;
transform:translateX(100%)!important;
transition:transform .50s cubic-bezier(.22,.61,.36,1)!important;
box-shadow:-10px 0 30px rgba(0,0,0,.08)!important;
overflow:auto!important
}

.ebd.is-open .ebd-panel{
transform:translateX(0)!important
}

.ebd-head{
position:sticky!important;
top:0!important;
z-index:2!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
min-height:64px!important;
padding:0 22px!important;
background:#fff!important;
border-bottom:1px solid #e5e5e5!important
}

.ebd-title{
margin:0!important;
color:#171717!important;
font-size:20px!important;
line-height:1.2!important;
font-weight:700!important
}

.ebd-x{
width:34px!important;
height:34px!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#171717!important;
font-size:28px!important;
line-height:1!important;
font-weight:300!important;
cursor:pointer!important
}

.ebd-body{
padding:26px 22px 30px!important;
color:#171717!important
}

.ebd-body h3{
margin:0 0 12px!important;
font-size:16px!important;
line-height:1.3!important;
font-weight:700!important
}

.ebd-body p{
margin:0 0 16px!important;
color:#555!important;
font-size:14px!important;
line-height:1.55!important
}

.ebd-note{
margin-top:12px!important;
padding:14px 15px!important;
background:#f7f7f7!important;
border-radius:6px!important;
color:#555!important;
font-size:12px!important;
line-height:1.5!important
}

.ebd-link{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
width:100%!important;
min-height:48px!important;
margin-top:18px!important;
padding:0 15px!important;
box-sizing:border-box!important;
border:1px solid #d7d7d7!important;
border-radius:6px!important;
color:#171717!important;
background:#fff!important;
font-size:13px!important;
font-weight:600!important;
text-decoration:none!important
}

.ebd-link::after{
content:""!important;
width:7px!important;
height:7px!important;
border-right:2px solid #171717!important;
border-bottom:2px solid #171717!important;
transform:rotate(-45deg)!important
}

.ebd-link:hover{
background:#f7f7f7!important;
text-decoration:none!important
}

@media(max-width:767px){

.eb-product-benefits{
margin-top:12px!important
}

.eb-product-benefit{
grid-template-columns:23px minmax(0,1fr) auto!important;
column-gap:9px!important;
padding:9px 12px!important
}

.eb-product-benefit-icon{
width:21px!important;
height:21px!important
}

.eb-product-benefit-icon svg{
width:20px!important;
height:20px!important
}

.eb-product-benefit-title{
font-size:12px!important
}

.eb-product-benefit-description{
font-size:10.5px!important
}

.ebd-head{
min-height:60px!important;
padding:0 17px!important
}

.ebd-title{
font-size:18px!important
}

.ebd-body{
padding:22px 17px 26px!important
}

}

/* =========================================================
   EUROBIKE v38 - DETAIL / VARIANTY / DOSTUPNOSŤ
   Presunuté z otestovaného Shoptet HEAD.
   ========================================================= */
@media(min-width:768px){#navigation::after{background:rgba(18,27,39,.58)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:opacity .75s ease,visibility 0s linear .75s!important}#navigation:has(.menu-level-1>li.ext.exp)::after{transition-delay:0s!important}}

.ebd{transition:visibility 0s linear .75s!important}.ebd.is-open{transition-delay:0s!important}.ebd-bg{background:rgba(18,27,39,.58)!important;transition:opacity .75s ease!important}.ebd-panel{transition:transform .75s cubic-bezier(.22,.61,.36,1)!important;will-change:transform!important}

.p-detail .add-to-cart .btn-cart,.p-detail .add-to-cart .btn-conversion,.p-detail .add-to-cart button[type=submit]{background:#171717!important;border-color:#171717!important;color:#fff!important;transition:background .18s ease,border-color .18s ease!important}.p-detail .add-to-cart .btn-cart:hover,.p-detail .add-to-cart .btn-conversion:hover,.p-detail .add-to-cart button[type=submit]:hover{background:#262626!important;border-color:#262626!important;color:#fff!important}

.ebv-source,.eb-native-delivery{display:none!important}.p-detail .availability-value.eb-native-availability{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}

.ebv-select{width:100%;margin:18px 0 12px}.ebv-label{display:block;margin:0 0 8px;color:#171717;font-size:13px;font-weight:600}.ebv-trigger{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;height:52px;padding:0 48px 0 15px;background:#fff;color:#171717;border:1px solid #d7d7d7;border-radius:6px;font:400 14px/1 inherit;text-align:left;cursor:pointer;transition:.18s ease}.ebv-trigger:hover{border-color:#aaa;background:#fafafa}.ebv-trigger:after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1.5px solid #171717;border-bottom:1.5px solid #171717;transform:translateY(-65%) rotate(45deg)}

.eb-stockbox{box-sizing:border-box;width:100%;margin:0 0 16px;background:#fff;border:1px solid #d7d7d7;border-radius:6px;overflow:hidden}.eb-stock-top{display:flex;align-items:flex-start;gap:11px;padding:13px 15px}.eb-stockpulse{display:block;width:8px;height:8px;min-width:8px;margin-top:5px;border-radius:50%;background:#43956D;animation:ebPulse 1.9s ease-out infinite!important;will-change:box-shadow}@keyframes ebPulse{0%,25%{box-shadow:0 0 0 0 rgba(67,149,109,.38)}70%,100%{box-shadow:0 0 0 7px rgba(67,149,109,0)}}.eb-stockcopy{display:flex;flex-direction:column}.eb-stock-title{color:#43956D;font-size:14px;font-weight:600}.eb-stock-sub,.eb-stock-date{margin-top:2px;color:#666;font-size:12px;line-height:1.4}.eb-stock-date{margin-top:3px;color:#777}.eb-stock-date strong{color:#555;font-weight:500}.eb-stock-bottom:empty{display:none}

.eb-stock-delivery{box-sizing:border-box;position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:0 42px 0 15px!important;background:#fff!important;border:0!important;border-top:1px solid #e5e5e5!important;border-radius:0!important;color:#171717!important;font:500 13px/1.3 inherit!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important;transition:background .18s ease!important}.eb-stock-delivery:hover{background:#f7f7f7!important;color:#171717!important;text-decoration:none!important}.eb-stock-delivery:after{content:""!important;position:absolute!important;right:17px!important;top:50%!important;width:7px!important;height:7px!important;border-top:1.5px solid #171717!important;border-right:1.5px solid #171717!important;transform:translateY(-50%) rotate(45deg)!important}

.ebv{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none;transition:visibility 0s linear .75s}.ebv.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.ebv-bg{position:absolute;inset:0;background:rgba(18,27,39,.58);opacity:0;transition:opacity .75s ease}.ebv.is-open .ebv-bg{opacity:1}.ebv-panel{position:absolute;top:0;right:0;width:min(430px,100vw);height:100%;background:#fff;transform:translateX(100%);transition:transform .75s cubic-bezier(.22,.61,.36,1);box-shadow:-10px 0 30px rgba(0,0,0,.08);overflow:auto;will-change:transform}.ebv.is-open .ebv-panel{transform:translateX(0)}

.ebv-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 22px;background:#fff;border-bottom:1px solid #e5e5e5}.ebv-title{margin:0;color:#171717;font-size:20px;font-weight:700}.ebv-x{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#171717;font:300 28px/1 Arial,sans-serif;cursor:pointer}.ebv-body{padding:12px 0 30px}.ebv-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:58px;margin:0;padding:0 22px;background:#fff;border:0;border-bottom:1px solid #e5e5e5;color:#171717;cursor:pointer;transition:background .18s ease}.ebv-row:first-child{border-top:1px solid #e5e5e5}.ebv-row:hover{background:#fafafa}.ebv-row.is-selected{background:#f7f7f7}.ebv-size{font-size:14px;font-weight:600}.ebv-stock{display:flex;align-items:center;gap:7px;margin-left:auto;color:#43956D;font-size:12px;font-weight:500}.ebv-dot{display:block;width:7px;height:7px;min-width:7px;border-radius:50%;background:#43956D}.ebv-row.is-unavailable{cursor:default}.ebv-row.is-unavailable .ebv-size{color:#999;text-decoration:line-through}.ebv-unavailable{margin-left:auto;color:#999;font-size:12px}

.eb-in-stock:before{animation:ebCardPulse 1.9s ease-out infinite!important}@keyframes ebCardPulse{0%,25%{box-shadow:0 0 0 0 rgba(67,149,109,.38)}70%,100%{box-shadow:0 0 0 7px rgba(67,149,109,0)}}

@media(max-width:767px){.ebv-trigger{height:50px}.ebv-head{min-height:60px;padding:0 17px}.ebv-title{font-size:18px}.ebv-body{padding:10px 0 24px}.ebv-row{min-height:56px;padding-left:17px;padding-right:17px}}
html.ebt-enabled{scrollbar-gutter:stable}
/* Scoped v42 companion. Only opted-in sessions activate native preparation conversion. */
html.ebt-enabled .eb-bikeprep-overlay,html.ebt-enabled .eb-eco-overlay{visibility:hidden!important;pointer-events:none!important}
.ebt[hidden],.ebt-panel[hidden]{display:none!important}
.ebt{position:fixed;inset:0;z-index:100010;pointer-events:none;font-family:inherit;color:#171717}
.ebt.is-open{pointer-events:auto}
.ebt *{box-sizing:border-box}
.ebt-bg{position:absolute;inset:0;background:rgba(18,27,39,.58);opacity:0;transition:opacity .75s ease}
.ebt.is-open .ebt-bg{opacity:1}
.ebt-panel{position:absolute;top:0;right:0;width:430px;max-width:100vw;height:100%;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);transition:transform .75s cubic-bezier(.22,.61,.36,1)}
.ebt-panel.is-open{transform:translateX(0)}
.ebt-delivery{z-index:2}
.ebt-prep{z-index:3}
.ebt-delivery:not([hidden])~.ebt-prep{right:430px;z-index:1;transform:translateX(calc(100% + 430px))}
.ebt-delivery:not([hidden])~.ebt-prep.is-open{transform:translateX(0)}
.ebt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 64px;padding:0 22px;border-bottom:1px solid #e5e5e5;background:#fff}
.ebt-title{margin:0!important;color:#171717!important;font-family:inherit!important;font-size:20px!important;line-height:1.2!important;font-weight:700!important;text-transform:none!important}
.ebt-x{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:0;background:transparent;color:#171717;font:300 28px/1 Arial,sans-serif;cursor:pointer}
.ebt-back::before{content:"";width:24px;height:24px;background:center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}
.ebt-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 28px}
.ebt-intro,.ebt-status{margin:0 0 8px;color:#707070;font-size:12px;line-height:1.5}
.ebt-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 76px;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #e5e5e5}
.ebt-name{display:block;color:#171717;font-size:14px;line-height:1.3;font-weight:700;text-transform:none}
.ebt .eb-method-description{font-size:12px!important;line-height:1.5!important}
.ebt-logo{display:flex;align-items:center;justify-content:center}
.ebt-logo img{display:block;width:auto;height:auto;max-width:64px;max-height:27px;object-fit:contain}
.ebt-price{color:#171717;font-size:14px;line-height:1.3;font-weight:700;text-align:right;white-space:nowrap}
.ebt .eb-free{color:#43956D!important;text-transform:uppercase!important}
.ebt .eb-bikeprep{display:flex!important;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}
.ebt .eb-bikeprep-btn{font-family:inherit;font-size:11px;text-transform:none}
.ebt .ebt-eco{grid-column:1/-1;margin:0!important;justify-self:start}
.ebt .eb-eco-badge{min-height:28px!important;padding:5px 9px!important;white-space:normal!important;line-height:1.3!important;text-align:left}
.ebt-eco-icon{display:block;width:23px;height:23px;flex:0 0 23px;fill:#3f6900;stroke:none}
.ebt .eb-eco-modal-body{padding:0!important;color:#707070;font-size:13px;line-height:1.6}
.ebt-foot{display:flex;align-items:center;gap:11px;padding-top:18px;color:#707070;font-size:12px;line-height:1.5}
.ebt-foot svg{flex:0 0 26px;width:26px;height:26px;fill:#777}
.ebt .eb-bikeprep-body{padding:0!important}
.ebt .eb-bikeprep-body p{margin:0!important}
.ebt-retry{padding:9px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#171717;font:inherit;cursor:pointer}
.ebt button:focus-visible,.ebt a:focus-visible{outline:2px solid #43956D;outline-offset:3px}
@media(max-width:859px){.ebt-delivery:not([hidden])~.ebt-prep{right:0;z-index:3;width:100vw;transform:translateX(100%)}.ebt-delivery:not([hidden])~.ebt-prep.is-open{transform:translateX(0)}}
@media(max-width:767px){.ebt-panel{width:100vw}.ebt-head{flex-basis:60px;padding:0 17px}.ebt-title{font-size:18px!important}.ebt-body{padding:16px 17px 24px}.ebt-row{grid-template-columns:minmax(0,1fr) 48px 70px;gap:8px}.ebt-logo img{max-width:48px;max-height:24px}}

/* Shipping benefit card */
.ebt-foot{margin-top:20px;padding:18px 16px;gap:14px;align-items:center;background:#f5f7f6;border:1px solid #e7ece9;border-radius:6px;color:#555;font-size:13px;line-height:1.6}
.ebt-foot>svg{flex:0 0 38px!important;width:38px!important;height:38px!important;padding:7px;fill:none;stroke:#171717;background:#fff;border:1px solid #e7ece9;border-radius:6px}
.ebt-foot>span{min-width:0}
.ebt-foot .ebt-remaining,.ebt-foot .eb-free{color:#43956D;font-weight:700;white-space:nowrap}
.ebt-foot .ebt-remaining{font-size:16px}

/* Native Shoptet shipping progress, styled for Eurobike. */
.ebt-progress-foot{display:block!important;width:100%!important;margin-top:10px;padding:0;border:0;border-radius:0;background:transparent}
.ebt-progress-copy{width:100%!important;max-width:none!important;white-space:nowrap;margin:0 0 9px;color:#555;font-size:12px;line-height:1.5}
.ebt-progress-copy .ebt-remaining{font-size:14px}
.ebt-progress-track{width:100%;height:4px;overflow:hidden;background:#e8e8e8;border-radius:2px}
.ebt-progress-fill{display:block;height:100%;background:#43956D;border-radius:inherit}