/**
 * Stylowanie pod przegladarke

html[data-useragent*='MSIE']                // IE 8-10
html[data-useragent*='MSIE {nr-wersji}']    // nr-wersji: {10.0, 9.0, 8.0}

html[data-useragent*='rv']                  // IE 11+
html[data-useragent*='rv:{nr-wersji}']      // nr-wersji: {11}

html[data-useragent*='Firefox']             // Mozilla Firefox
html[data-useragent*='AppleWebKit']         // Google Chorme, Opera

 * ---------------------------------------------------------------------------------------------- */


/**
 * GLOBAL
 * ---------------------------------------------------------------------------------------------- */

body {
    --cta-color: #0BBE20;
    --cta-color-contrast: black;
    --cta-hover: linear-gradient(171deg, #0bbf20 0%, #15d630 25%, #0bbf20 50%, #08a81b 75%, #0bbf20 100%);
    --promo-color: rgb(255 49 0 / 78%);
    --promo-color-solid: rgb(189 0 0);
    --promo-color-contrast: white;
    --light-bg: #f9f9f96e;
    --cta-green: #34a64e;
    --preorder-bg: linear-gradient(340deg, rgb(0 39 243) 20%, rgb(116 20 99) 63%, rgb(114 48 147) 100%);
    --preorder-contrast: white;
    --golden: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0, #FFFFAC 8%, #D1B464 25%, #5d4a1fcc 62.5%, #5d4a1f 100%);
}

.light-bg {
    background: var(--light-bg) !important;
}


[role="tooltip"] {
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin: 5px;
    z-index: -1;
    position: absolute;
}

[role="tooltip"][data-show] {
    z-index: 1;
}

/* BLACK FRIDAY BLACK MODE START 

span.flag-reduction::before,
#nav-main .discount-weekend i::after {
    content: ' CYBER MONDAY';
      
}

#prices-drop {
    filter: invert(0.95);
}

#prices-drop .pshowbreadcrumb {
    background: white!important;
}

#prices-drop .product_list .image-block img,
#prices-drop .description-long img,
#prices-drop #gallery_slider li a img,
#prices-drop .images_container_product
{
    filter: invert(1);
}

#prices-drop .description-block>a>span.truncate>ul>li {
    font-weight: 600;
}

#prices-drop a:not(#fastlinks-bar ul li>a, #login_button a, .product-action-buttons a),
#prices-drop .description-long,
#prices-drop .description-long p,
#prices-drop .description-long span,
#prices-drop h1, #prices-drop h2, #prices-drop h3, #prices-drop h4, #prices-drop h5 {
    color: black!important;
}

#prices-drop .product_list.grid .product-container,
#prices-drop .searchBlog-container,
#prices-drop .buy_block_container {
    border: 1px solid rgb(0 0 0 / 50%)!important;
}

#nav-main .discount-weekend {
    background: var(--promo-color);
    padding: 5px 15px;
    display: inline-block!important;
    color: black!important;
    border-radius: 5px;
    font-weight: 600;
}

#nav-main .discount-weekend:hover {
    background: rgb(21, 255, 0);
    text-decoration: none!important;
}

#nav-main .discount-weekend i {
    font-weight: 600;
    margin: 0 3px;
}

#mobile-menu #nav-main .discount-weekend {
    padding: 10px;
    width: fit-content;
    border: 0!important;
    margin: 15px 10px 5px;
    display: block!important;
}

 BLACK FRIDAY BLACK MODE END */

body {
    font-family: "Lato";
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #374658;
    background-color: #ecedef;
    opacity: 1;
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
    overflow-x: hidden;
}

body.fade-out {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

body.content_only {
    background-color: #fff;
}

.trans {
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

a {
    color: #374658;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

a.link-pink {
    color: #AA1353;
}

a.link-green {
    color: #34a64e;
}

a.underline {
    text-decoration: underline;
}

a:hover {
    /*text-decoration: underline;*/
}

a.link-pink:hover {
    color: #34a64e;
}

a.link-green:hover {
    color: #34a64e;
    ;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gomme-sans, sans-serif;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

p:empty {
    padding: 0;
    margin: 0;
}

iframe {
    border: 0;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.aling-justify {
    text-align: justify;
}

.marginT {
    margin-top: 15px;
}

.button {
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    min-width: 200px;
    margin: 10px 0;
    padding: 15px;
    border: 0;
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border-radius: 5px;
}

button.btn {
    border-radius: 5px;
    border: 1px solid #c9c9c9;
}

.button.btn-accept {
    float: right;
    color: #fff !important;
    background-color: #34a64e;
}

.button.btn-accept:hover {
    background-color: #267e00;
}

.button.btn-back {
    float: left;
    border-color: #374658;
    border: 1px #37465866 solid;
    -webkit-box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 13%);
    color: #374658;
}

.button.btn-back:hover {
    color: #fff;
    border-color: #374658;
    background-color: #374658;
}

@media (max-width: 767px) {
    .cart_navigation {
        text-align: center;
    }

    .button {
        width: 75%;
        margin: 5px auto;
    }

    .button.btn-accept,
    .button.btn-back {
        float: none;
        min-width: 150px;
    }
}

.button.disabled {
    color: #fff !important;
    background: #888 !important;
}

.clear-ul-style {
    margin: 0;
    padding: 0;
    list-style: none;
}

.required sup {
    color: red;
}

span.note {
    font-size: 11px;
    margin-top: 5px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.pagination li {
    display: inline-block;
    margin: 0 2px;
}

.pagination li>a,
.pagination li>span {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 2px 0 0 0;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
}

.pagination li.pagination_next a {
    padding: 1px 0 0 7px;
}

.pagination li.pagination_previous a {
    padding: 1px 0 0 6px;
}

.pagination li.disabled span,
.pagination li.disabled a,
.pagination li.disabled a:hover {
    background-color: #ecedef;
}

.pagination li.current>span {
    color: #fff;
    background-color: #30AD2B;
}

.pagination li.pagination_next.disabled .sprites {
    background-position: -96px -77px;
}

.pagination li.pagination_previous.disabled .sprites {
    background-position: -68px -16px;
}

.pagination li>a:hover {
    color: #fff;
    background-color: #AA1353;
}

.pagination li.pagination_next>a:hover .sprites {
    background-position: -110px -87px;
}

.pagination li.pagination_previous>a:hover .sprites {
    background-position: -40px -23px;
}


/**
 * SPRITES
 * ---------------------------------------------------------------------------------------------- */

.sprites {
    display: inline-block;
    position: relative;
    background: url(../img/sprites.png) no-repeat;
}

.account-green {
    color: #34a64e;
}

.account-white {
    color: white;
}

.adress-green {
    width: 16px;
    height: 16px;
    background-position: -51px 0;
    top: -1px;
}

.adress-white {
    width: 16px;
    height: 16px;
    background-position: -68px -24px;
    top: -1px;
}

.arrow-big-left-dark {
    width: 20px;
    height: 25px;
    background-position: -104px 0;
}

.arrow-big-left-green {
    width: 20px;
    height: 25px;
    background-position: -32px -32px;
}

.arrow-big-left-grey {
    width: 20px;
    height: 25px;
    background-position: -104px -35px;
}

.arrow-big-left-pink {
    width: 20px;
    height: 25px;
    background-position: -104px -61px;
}

.arrow-big-right-dark {
    width: 20px;
    height: 25px;
    background-position: -64px -70px;
}

.arrow-big-right-green {
    width: 20px;
    height: 25px;
    background-position: 0 -133px;
}

.arrow-big-right-grey {
    width: 20px;
    height: 25px;
    background-position: -80px -149px;
}

.arrow-big-right-pink {
    width: 20px;
    height: 25px;
    background-position: -101px -149px;
}

.arrow-collapse {
    width: 7px;
    height: 8px;
    background-position: -43px 0;
}

.arrow-expand {
    width: 7px;
    height: 8px;
    background-position: -11px -58px;
}

.arrow-small-double-left-dark {
    width: 10px;
    height: 7px;
    background-position: -68px 0;
}

.arrow-small-double-left-green {
    width: 10px;
    height: 7px;
    background-position: -82px -16px;
}

.arrow-small-double-left-pink {
    width: 10px;
    height: 7px;
    background-position: -92px -43px;
}

.arrow-small-double-left-white {
    width: 10px;
    height: 7px;
    background-position: 0 -58px;
}

.arrow-small-double-right-dark {
    width: 10px;
    height: 7px;
    background-position: -85px -77px;
}

.arrow-small-double-right-green {
    width: 10px;
    height: 7px;
    background-position: -117px -87px;
}

.arrow-small-double-right-pink {
    width: 10px;
    height: 7px;
    background-position: -64px -117px;
}

.arrow-small-double-right-white {
    width: 10px;
    height: 7px;
    background-position: -21px -133px;
}

.arrow-small-down-dark {
    width: 7px;
    height: 6px;
    background-position: -43px -9px;
}

.arrow-small-down-green {
    width: 7px;
    height: 6px;
    background-position: -43px -16px;
}

.arrow-small-down-grey {
    width: 7px;
    height: 6px;
    background-position: -93px -16px;
}

.arrow-small-down-pink {
    width: 7px;
    height: 6px;
    background-position: -25px -18px;
}

.arrow-small-down-white {
    width: 7px;
    height: 6px;
    background-position: -32px -25px;
}

.arrow-small-left-dark {
    width: 6px;
    height: 7px;
    background-position: -68px -8px;
}

.arrow-small-left-green {
    width: 6px;
    height: 7px;
    background-position: -75px -8px;
}

.arrow-small-left-grey {
    width: 6px;
    height: 7px;
    background-position: -68px -16px;
}

.arrow-small-left-pink {
    width: 6px;
    height: 7px;
    background-position: -75px -16px;
}

.arrow-small-left-white {
    width: 6px;
    height: 7px;
    background-position: -40px -23px;
}

.arrow-small-right-dark {
    width: 6px;
    height: 7px;
    background-position: -76px -41px;
}

.arrow-small-right-green {
    width: 6px;
    height: 7px;
    background-position: -85px -43px;
}

.arrow-small-right-grey {
    width: 6px;
    height: 7px;
    background-position: -96px -77px;
}

.arrow-small-right-pink {
    width: 6px;
    height: 7px;
    background-position: -103px -87px;
}

.arrow-small-right-white {
    width: 6px;
    height: 7px;
    background-position: -110px -87px;
}

.arrow-small-up-dark {
    width: 7px;
    height: 6px;
    background-position: -68px -41px;
}

.arrow-small-up-green {
    width: 7px;
    height: 6px;
    background-position: -53px -49px;
}

.arrow-small-up-grey {
    width: 7px;
    height: 6px;
    background-position: -85px -51px;
}

.arrow-small-up-pink {
    width: 7px;
    height: 6px;
    background-position: -120px -95px;
}

.arrow-small-up-white {
    width: 7px;
    height: 6px;
    background-position: -120px -102px;
}

.cart-add-green {
    width: 29px;
    height: 32px;
    background-position: -22px -142px;
}

.cart-add-white {
    /*width: 29px;
    height: 32px;
    background-position: -122px -142px;*/
}

.cart-delete-pink {
    width: 16px;
    height: 17px;
    background-position: -47px -58px;
}

.cart-small-dark {
    width: 16px;
    height: 13px;
    background-position: -51px -17px;
}

.cart-small-green {
    width: 16px;
    height: 13px;
    background-position: -85px -103px;
    top: 2px;
}

.cart-small-white {
    width: 16px;
    height: 13px;
    background-position: -85px -117px;
    top: 2px;
}

.category-integration-dark {
    width: 31px;
    height: 32px;
    background-position: 0 -25px;
}

.category-integration-white {
    width: 31px;
    height: 32px;
    background-position: 0 -67px;
}

.category-layout-dark {
    width: 31px;
    height: 32px;
    background-position: -32px -76px;
}

.category-layout-white {
    width: 31px;
    height: 32px;
    background-position: 0 -100px;
}

.category-module-dark {
    width: 31px;
    height: 32px;
    background-position: -32px -109px;
}

.category-module-white {
    width: 31px;
    height: 32px;
    background-position: -121px -109px;
}

.gg-color {
    width: 27px;
    height: 27px;
    background-position: -125px 0;
}

.gg-white {
    width: 18px;
    height: 18px;
    background-position: -85px -24px;
}

.logout {
    width: 23px;
    height: 24px;
    background-position: -128px -84px;
    filter: invert(50%) sepia(27%) saturate(3215%) hue-rotate(130deg) brightness(95%) contrast(80%);
    ;
}

.mail-color {
    width: 27px;
    height: 27px;
    background-position: -125px -28px;
}

.mail-white {
    width: 18px;
    height: 18px;
    background-position: -85px -58px;
}

.ok-dark {
    width: 8px;
    height: 8px;
    background-position: -104px -26px;
}

.ok-white {
    width: 8px;
    height: 8px;
    background-position: -19px -58px;
}

.payment-green {
    width: 21px;
    height: 15px;
    background-position: -82px 0;
}

.payment-white {
    width: 21px;
    height: 15px;
    background-position: 0 -159px;
    top: 1px;
}

.plus-small-white {
    width: 9px;
    height: 9px;
    background-position: -75px -117px;
}

.preview {
    width: 24px;
    height: 24px;
    background-position: 0 0;
}

.regulations-green {
    width: 20px;
    height: 20px;
    background-position: -64px -49px;
}

.regulations-white {
    width: 20px;
    height: 20px;
    background-position: -64px -96px;
    top: 2px;
}

.search-btn {
    width: 16px;
    height: 16px;
    background-position: -103px -95px;
}

.skype-color {
    width: 27px;
    height: 27px;
    background-position: -125px -56px;
}

.skype-white {
    width: 18px;
    height: 18px;
    background-position: -64px -127px;
}

.telephone-color {
    width: 27px;
    height: 27px;
    background-position: -52px -146px;
}

.telephone-white {
    width: 18px;
    height: 18px;
    background-position: -102px -130px;
}

.view-grid-active {
    width: 17px;
    height: 17px;
    background-position: -25px 0;
}

.view-grid {
    width: 17px;
    height: 17px;
    background-position: -85px -85px;
}

.view-list-active {
    width: 17px;
    height: 17px;
    background-position: -102px -112px;
}

.view-list {
    width: 17px;
    height: 17px;
    background-position: -83px -131px;
}

.sprites-contact-footer {
    display: inline-block;
    position: relative;
    background: url(../img/sprites-contact-footer.png) no-repeat;
}

@media (max-width: 767px) {
    .sprites-contact-footer {
        zoom: 0.7;
    }
}

.gg-light {
    width: 55px;
    height: 55px;
    background-position: 0 0;
}

.mail-light {
    width: 55px;
    height: 55px;
    background-position: 0 -56px;
}

.phone-light {
    width: 55px;
    height: 55px;
    background-position: 0 -112px;
}

.skype-light {
    width: 55px;
    height: 55px;
    background-position: 0 -168px;
}


/**
 * BACKGROUNDS GRADIENTS BORDERS
 * ---------------------------------------------------------------------------------------------- */

.gr-BlueDark {
    background-image: url(../svg/gr-BlueDark.svg);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#243344), to(#031223));
    background-image: -webkit-linear-gradient(top, #243344 0%, #031223 100%);
    background-image: -o-linear-gradient(top, #243344 0%, #031223 100%);
    background-image: linear-gradient(to bottom, #243344 0%, #031223 100%);
}

.gr-BlueDark-rv {
    background-image: url(../svg/gr-BlueDark-rv.svg);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#243344), to(#031223));
    background-image: -webkit-linear-gradient(bottom, #243344 0%, #031223 100%);
    background-image: -o-linear-gradient(bottom, #243344 0%, #031223 100%);
    background-image: linear-gradient(to top, #243344 0%, #031223 100%);
}

.gr-BlueLight {
    background-image: url(../svg/gr-BlueLight.svg);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#526173), to(#374658));
    background-image: -webkit-linear-gradient(top, #526173 0%, #374658 100%);
    background-image: -o-linear-gradient(top, #526173 0%, #374658 100%);
    background-image: linear-gradient(to bottom, #526173 0%, #374658 100%);
}

.gr-BlueLight-rv {
    background-image: url(../svg/gr-BlueLight-rv.svg);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#526173), to(#374658));
    background-image: -webkit-linear-gradient(bottom, #526173 0%, #374658 100%);
    background-image: -o-linear-gradient(bottom, #526173 0%, #374658 100%);
    background-image: linear-gradient(to top, #526173 0%, #374658 100%);
}

.bg-white {
    background-color: #fff;
}

.bg-gray-light {
    background-color: #f7f7f8;
}

.shadow-bottom {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.brdRad-lt {
    border-radius: 5px;
}

.brdRad-rt {
    border-radius: 5px;
}


/**
 * ALERTS
 * ---------------------------------------------------------------------------------------------- */

.alert {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
}

.alert.alert-warning,
.alert.alert-danger {
    border: 1px solid #cd0000;
    color: #7e0000;
    background: #cd000026;
    border-radius: 5px;
    margin: 10px auto;
    list-style-type: none;
    font-size: 14px;

}

.alert.alert-warning li,
.alert.alert-danger li {
    padding: 5px 0;
}

.alert.alert-success,
.alert.alert-info {
    background-color: #30AD2B;
}

.alert.alert-info {
    display: none;
}

.alert a {
    text-decoration: underline;
}

.alert a:hover {}


@media (max-width: 992px) {

    .alert.alert-warning,
    .alert.alert-danger {
        width: calc(100% - 20px);
        display: block;
        float: none;
    }
}

/**
 * HEADER
 * ---------------------------------------------------------------------------------------------- */

#top-bar {
    height: 45px;
    font-size: 14px;
}

#top-bar>div>div {
    width: auto;
    max-width: 1420px;
}

@media (min-width: 1570px) {
    #top-bar>div>div {
        padding: 0;
    }
}

#top-bar .collapse-menu,
#top-bar .collapse-menu .toThis,
#top-bar .bugtracker {}

#header-main.no-fixed-head #top-bar .collapse-menu *,
#header-main.no-fixed-head #top-bar .collapse-menu i::before {
    color: #fff;
}

#nav-main .main-menu-support {
    border: 1px solid #c9c9c96b;
    padding: 0 16px;
    gap: 10px;
    display: flex;
    border-radius: 8px;
    background: linear-gradient(0deg, #c3ff00, transparent);
    align-items: center;
}

#nav-main .main-menu-implementations {
    border: 1px solid #c9c9c96b;
    padding: 0 16px;
    gap: 10px;
    display: flex;
    border-radius: 8px;
    background: linear-gradient(0deg, #beedff, transparent);
    align-items: center;
}

#mobile-menu #nav-main .main-menu-implementations,
#mobile-menu #nav-main .main-menu-support {
    border: none;
    background: none;
    gap: 0;
    padding: 0;
    font-weight: bold;
}

#mobile-menu #nav-main .main-menu-implementations a,
#mobile-menu #nav-main .main-menu-support a {}

#header-main .safe-shopping {
    color: #35a84d;
    font-size: 16px;
}

.bugtracker {
    top: 2px;
}

#nav-bar .logged-in a:first-child {
    font-size: 16px;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .bugtracker {}
}

@media (max-width: 992px) {
    .bugtracker {
        font-size: 14px;
    }
}

#top-bar .collapse-menu .toThis {
    font-style: normal;
    text-transform: uppercase;
    vertical-align: middle;
}

html[data-useragent*='AppleWebKit'] #top-bar .collapse-menu .toThis {}

#top-bar .collapse-menu {}

#top-bar .collapse-menu .sprites {}

#top-bar .collapse-menu .toThis .hover-space {
    cursor: pointer;
}

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

#header-main.no-fixed-head #top-bar .collapse-menu ul * {
    color: #051425;
}

#top-bar .collapse-menu ul.hover {
    list-style: none;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #696969;
    box-shadow: 0px 0px 8px 4px #00000024;
}

#top-bar #currencies_block ul.hover {
    margin-left: 50px;
}

#top-bar .collapse-menu ul li {}

#top-bar .collapse-menu ul li:nth-child(odd) {
    background-color: #233244;
}

#top-bar .collapse-menu ul li:nth-child(even) {
    background-color: #333d48;
}

#top-bar .collapse-menu ul li a {
    color: #fbfbfb;
    padding: 12px 8px;
    display: flex;
    gap: 8px;
    vertical-align: middle;
    align-items: center;
    line-height: 1;
}

#top-bar .collapse-menu ul li a:hover {
    background-color: #fff !important;
    color: black !important;
}

#nav-bar {
    padding: 10px 0;
    width: auto;
    max-width: 1420px;
}

@media (max-width: 992px) {
    #nav-main {
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    #nav-main {
        justify-content: flex-end;
    }
}

#nav-main {
    display: flex;
    gap: 20px;
}

#nav-main a {}

#nav-main .discount-weekend {
    display: none;
}

#nav-main a.link-pink:hover {
    background-color: #AA1353;
}

#nav-main a.link-green:hover {
    background-color: #30AD2B;
}

#nav-main a .sprites {
    display: none;
}

#nav-main a.nav-discounts {
    border-radius: 5px;
}

#asside-bar {
    margin-bottom: 10px
}

#asside-cart {
    padding: 8px;
    border-radius: 10px;
    background-color: #f7f7f8;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

#breadcrumb-bar .breadcrumb {
    padding-bottom: 16px;
}

#order #breadcrumb-bar,
#authentication #breadcrumb-bar {}

#identity .std .form_content {
    margin: 0 auto;
}

@media (max-width: 992px) {
    #my-account ._container.row {
        margin: 0;
    }
}

@media (min-width: 1570px) {
    #breadcrumb-bar {}
}

#breadcrumb-bar .breadcrumb a,
#breadcrumb-bar .breadcrumb {
    text-decoration: none;
    font-size: 14px;
    color: #374658 !important;
    text-transform: lowercase;
}

#breadcrumb-bar .breadcrumb .breadcrumb-title {
    font-style: italic;
    color: #666A80;
    margin-right: 8px;
}

#breadcrumb-bar .breadcrumb a.home {
    color: black;
}

#breadcrumb-bar .breadcrumb .sprites {
    margin: 0 8px;
}

#breadcrumb-bar .breadcrumb a:hover {
    background: linear-gradient(to right, #2D2B2C, #30AD2B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#main-head-block {
    min-height: 10px;
    padding-top: 16px;
}

#order #mobile-logo,
#address #mobile-logo,
#module-paylane-payment #mobile-logo,
#module-bankwire-payment #mobile-logo,
#authentication #mobile-logo {
    left: 40px;
}

#order,
#address,
#module-paylane-payment,
#module-bankwire-payment,
#authentication {
    background-color: #fff;
}

#authentication .required {
    margin: 20px 0;
}

#header-main .container>.container-fluid {}

#order #main-head-block ._container,
#address #main-head-block ._container,
#module-paylane-payment #main-head-block ._container,
#module-bankwire-payment #main-head-block ._container,
#authentication #main-head-block ._container {}

@media (max-width: 991px) {

    #order #main-head-block .row>.container,
    #address #main-head-block .row>.container,
    #module-paylane-payment #main-head-block .row>.container,
    #module-bankwire-payment #main-head-block .row>.container,
    #authentication #main-head-block .row>.container {
        padding: 0;
    }

    #order #main-head-block ._container,
    #address #main-head-block ._container,
    #module-paylane-payment #main-head-block ._container,
    #module-bankwire-payment #main-head-block ._container,
    #authentication #main-head-block ._container {
        margin-top: 0;
    }

    #order #main-head-block,
    #address #main-head-block,
    #module-paylane-payment #main-head-block,
    #module-bankwire-payment #main-head-block,
    #authentication #main-head-block {
        padding: 0;
    }

    .container.shadow-bottom {
        margin: 20px 0 5px;
    }
}

@media (min-width: 991px) {
    #main-head-block {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    #main-head-block {
    }
}

#main-head-block.index-hook {
    padding-top: 10px;
    padding-bottom: 20px;
}

#fb_widget {
    display: block;
    position: fixed;
    width: 280px;
    top: 180px;
    right: -280px;
    z-index: 1000;
}

#fb_widget .fb_widget-button {
    font-size: 16px;
    font-style: italic;
    color: #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    top: 0;
    right: 110px;
    padding: 10px 20px;
    background-color: #3B5998;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 100% 100%;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

@media (min-width: 992px) {
    #header_mask {
        z-index: 8010;
        width: 100%;
        height: 44px;
        background: #2e3442;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    }
}

/* Old fixed-head styles removed - now using header-new.css */

/* Old #header_startFrom padding removed - using body padding-top now */

/**
 * MOBILE HEADER
 * ---------------------------------------------------------------------------------------------- */

#mobile_header {
    margin-bottom: 0;
}

#mobile_header #top-bar {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 8000;
    background: #fbfbfbdb !important;
    backdrop-filter: blur(8px);
    background-image: none;
    top: 0;
    padding: 0;
}

@media (max-width: 995px) {
    #mobile_header #top-bar {
        box-shadow: black 0 -4px 9px 0;
    }
}

#mobile_header img {
    max-height: 55px;
    max-width: 100%;
}

#btn-collapse-menu {
    position: relative;
    width: 50px;
    height: 55px;
    margin-top: 0;
    padding: 10px;
    top: 7px;
    right: 7px;
    border: 0;
    background: transparent;
    appearance: none;
    cursor: pointer;
    float: right;
}

#btn-collapse-menu span {
    display: block;
    position: absolute;
    width: 22px;
    height: 2px;
    right: 12px;
    opacity: 1;
    background: #000000b3;
    -webkit-text-fill-color: transparent;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#btn-collapse-menu span:nth-child(1) {
    top: 16px;
}

#btn-collapse-menu span:nth-child(2),
#btn-collapse-menu span:nth-child(3) {
    top: 23px;
    width: 44%;
    left: 16px;
}

#btn-collapse-menu span:nth-child(4) {
    top: 30px;
}

#btn-collapse-menu.active span:nth-child(1),
#btn-collapse-menu.active span:nth-child(4) {
    top: 14px;
    width: 0;
    left: 50%;
}

#btn-collapse-menu.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#btn-collapse-menu.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mobile-logo {
    position: relative;
    left: 7px;
    float: left;
    margin-top: 7px;
    max-width: 145px;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 0 0 10px;
}

#mobile-menu-background {
    position: fixed;
    inset: 0;
    z-index: 999998;
    background-color: #0004;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, backdrop-filter .3s ease, -webkit-backdrop-filter .3s ease;
}

#mobile-menu-background.is-visible {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

#mobile-menu {
    position: fixed;
    width: 85%;
    height: 100%;
    top: 0;
    right: -85%;
    left: auto;
    z-index: 999999;
    background: #ffffff !important;
    overflow: hidden;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12);
    transition: right .3s ease;
}

/* ── Mobile Nav Container ───────────────────────────── */
#mobile-nav {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Header */
.mobile-nav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
    padding: 0 20px;
    border-bottom: 1px solid #e5e5e5;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    background: #fff;
}

.mobile-nav__logo img {
    display: block;
    height: 32px;
    width: auto;
}

.mobile-nav__close,
.mobile-nav__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #f3f3f3;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
}

.mobile-nav__close:hover {
    background: #e8e8e8;
}

/* Panels */
.mobile-nav__panel {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: calc(100% - 65px);
    overflow-y: auto;
    background: #fff;
    transition: transform 0.3s ease;
}

.mobile-nav__panel--main {
    transform: translateX(0);
    padding-bottom: 80px;
}

.mobile-nav__panel--sub {
    transform: translateX(100%);
}

.mobile-nav__panel--visible {
    transform: translateX(0);
}

#mobile-nav.mobile-nav--sub-open .mobile-nav__panel--main {
    transform: translateX(-100%);
}

/* Nav links */
.mobile-nav__links {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    font-family: 'gomme-sans';
}

.mobile-nav__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    padding: 14px 24px;
    font-weight: 600;
    font-size: 16px;
    color: #374053;
    text-decoration: none;
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.mobile-nav__item:hover {
    background: #f8faf8;
}

.mobile-nav__item svg {
    flex-shrink: 0;
    color: #374053;
}

/* CTA button */
.mobile-nav__cta-wrap {
    padding: 24px;
}

.mobile-nav__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 47px;
    border-radius: 100px;
    background: linear-gradient(171deg, #0bbf20 0%, #15d630 25%, #0bbf20 50%, #08a81b 75%, #0bbf20 100%);
    box-shadow: 0 0 14px 3px rgba(11, 191, 32, 0.27);
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.mobile-nav__cta:hover {
    color: #fff;
    opacity: 0.9;
}

/* Separator */
.mobile-nav__sep {
    margin: 24px;
    border: none;
    border-top: 1px solid #e5e5e5;
}

/* My Account */
.mobile-nav__account {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 32px;
    padding: 0 24px;
    font-weight: 500;
    font-size: 14px;
    color: #374053;
    text-decoration: none;
}

.mobile-nav__account:hover {
    background: #f8faf8;
    color: #374053;
}

.mobile-nav__account svg {
    flex-shrink: 0;
    color: #374053;
}

/* Language / Currency pills */

.mobile-nav__pills-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-nav__pills-section {
    padding: 0 24px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.mobile-nav__pills-label {
    font-weight: 500;
    font-size: 12px;
    color: #999;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin: 0;
}

.mobile-nav__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mobile-nav__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-width: 44px;
    padding: 0 12px;
    border-radius: 100px;
    border: 1px solid #e5e5e5;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    color: #374053;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.mobile-nav__pill:hover {
    border-color: #0bbf20;
    color: #0bbf20;
}

.mobile-nav__pill--active {
    background: #f0fdf4;
    border-color: #0bbf20;
    color: #0bbf20;
}

/* Contact */
.mobile-nav__contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 8px 24px;
    font-size: 13px;
    color: #374053;
    text-decoration: none;
}

a.mobile-nav__contact-item:hover {
    color: #0bbf20;
}

/* Sub-panel header */
.mobile-nav__sub-header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 65px;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-nav__back {
    color: #374053;
}

.mobile-nav__sub-header span {
    font-weight: 600;
    font-size: 18px;
    color: #374053;
}

/* Sub links */
.mobile-nav__sub-links {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.mobile-nav__sub-item,
.mobile-nav__sub-item-all {
    display: block;
    padding: 14px 24px;
    font-weight: 500;
    font-size: 15px;
    color: #374053;
    text-decoration: none;
}

.mobile-nav__sub-item-all {
    font-weight: 500;
}

.mobile-nav__sub-item:hover,
.mobile-nav__sub-item-all:hover {
    background: #f8faf8;
    color: #374053;
}

/* Legacy selectors kept for backward compatibility */
#mobile-menu #displayNav_left {
    display: none;
}

#mobile-menu #displayNav_right {
    display: none;
}


/**
 * FOOTER
 * ---------------------------------------------------------------------------------------------- */

/* Footer redesign - pixel perfect from Figma (407:4419) */
#footer-main {
    background-color: #031703 !important;
    box-shadow: none !important;
    color: #fff;
    margin-top: 0 !important;
}

.footer-wrap,
#fastlinks-bar.footer-wrap {
    max-width: 1424px;
    margin: 0 auto;
    position: relative;
    min-height: 491px;
    padding: 0 15px !important;
    box-sizing: border-box;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* --- Columns --- */
.footer-columns {
    padding-top: 48px;
    display: flex;
    justify-content: space-between;
}

.footer-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
}

.footer-col h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: white !important;
    text-transform: none !important;
    border: none !important;
}

.footer-col h3 .fa-angle-down {
    display: none;
}

.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.6;
}

.footer-col ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.footer-col ul li:before {
    display: none !important;
}

.footer-col ul li a,
.footer-col--kontakt .kontakt-links a {
    color: white !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    display: block;
    padding: 0 !important;
}

.footer-col ul li a {
    line-height: 32px !important;
}

.footer-col ul li:hover a,
.footer-col--kontakt .kontakt-links a:hover {
    text-decoration: underline !important;
}

/* --- Kontakt column --- */
.footer-col--kontakt {
    gap: 0 !important;
}

.footer-col--kontakt address.kontakt-links {
    font-style: normal;
}

.footer-col--kontakt .kontakt-links a {
    line-height: 37px !important;
}

.footer-col--kontakt .kontakt-links .kontakt-form {
    color: #838384 !important;
}

.footer-col--kontakt .kontakt-links .kontakt-spacer {
    line-height: 37px;
    display: block;
}

/* --- Shared flex row --- */
.footer-bottom-row,
.footer-bottom-copy,
.footer-secure,
.footer-payment-icons,
.footer-social,
.footer-lang {
    display: flex;
    align-items: center;
}

.footer-bottom-row,
.footer-bottom-copy {
    justify-content: space-between;
}

.footer-bottom-copy {
    border-top: 0.5px solid rgba(255, 255, 255, 0.10);
}


.footer-secure {
    gap: 10px;
}

.footer-payment-icons {
    gap: 24px;
}

.footer-social {
    gap: 32px;
    margin: 30px 0;
}

.footer-lang {
    gap: 4px;
}

.footer-expert-badge {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.footer-expert-badge img {
    width: 160px;
    border-radius: 4px;
    height: auto;
}

.footer-secure-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: white;
    white-space: nowrap;
}

.footer-payment-icon {
    width: 58px;
    height: 40px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-payment-icon i,
.footer-social a i {
    color: white !important;
    padding: 0 !important;
}

.footer-payment-icon i {
    font-size: 18px !important;
}

.footer-social a i {
    font-size: 16px !important;
}

.footer-social a {
    color: white !important;
    text-decoration: none !important;
    font-size: 16px;
    padding: 0 16px 0 0;
}

.footer-social a:hover {
    opacity: 0.8;
}

.footer-lang-btn {
    width: 50px;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 0;
    font-size: 10px;
    font-weight: 500;
    color: black;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.footer-lang-btn--active {
    background: white;
}

.footer-lang-btn--inactive {
    background: #e6e6e6;
}

/* --- Footer language/currency dropdown --- */
.footer-lang-dropdown {
    position: relative;
}

.footer-lang-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px;
    padding: 4px 0;
    list-style: none;
    background: white;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    min-width: 50px;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.footer-lang-dropdown:hover .footer-lang-menu,
.footer-lang-dropdown:focus-within .footer-lang-menu {
    display: block;
}

.footer-lang-menu li a,
.footer-lang-menu li button {
    display: block;
    width: 100%;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 500;
    color: black;
    text-decoration: none;
    text-align: center;
    background: none;
    border: none;
    cursor: pointer;
    line-height: normal;
}

.footer-lang-menu li a:hover,
.footer-lang-menu li button:hover {
    background: #f0f0f0;
}

/* --- SSL & Copyright --- */
.footer-ssl,
.footer-copy {
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
}

.footer-ssl {
    color: white;
    opacity: 0.4;
}

.footer-ssl p {
    margin: 0;
}

.footer-copy {
    color: #4fd264;
    white-space: nowrap;
    display: flex;
    gap: 30px;
}

.footer-copy a {
    color: white;
}

/* --- Footer responsive --- */


@media (max-width: 991px) {

    .footer-col--kategorie,
    .footer-col--produkty,
    .footer-col--support,
    .footer-col--kontakt {
        width: auto;
        flex: 1;
    }

    .footer-bottom-row {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 15px;
        height: auto;
    }
}

@media (max-width: 767px) {

    .footer-wrap,
    #fastlinks-bar.footer-wrap {
        min-height: auto;
        padding-bottom: 30px;
    }

    .footer-columns {
        flex-direction: column;
        gap: 0;
        padding-top: 15px;
    }

    .footer-col--kategorie,
    .footer-col--produkty,
    .footer-col--support,
    .footer-col--kontakt {
        width: 100%;
        gap: 0 !important;
    }

    .footer-col h3 {
        cursor: pointer;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        position: relative;
    }

    .footer-col h3 .fa-angle-down {
        display: block;
        float: right;
        font-size: 16px;
        transition: transform 0.3s ease;
        margin-top: 4px;
    }

    .footer-col h3.active .fa-angle-down {
        transform: rotate(180deg);
    }

    .footer-col ul,
    .footer-col .kontakt-links {
        padding: 8px 0 !important;
    }

    .footer-col ul li a,
    .footer-col--kontakt .kontakt-links a {
        font-size: 16px !important;
        line-height: 28px !important;
        padding: 4px 0 !important;
    }

    .footer-bottom-row {
        position: relative;
        top: auto;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        height: auto;
        max-width: 100%;
    }

    .footer-secure {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .footer-secure-label {
        width: 100%;
        font-size: 16px;
    }

    .footer-payment-icons {
        gap: 12px;
    }

    .footer-expert-badge img {
        width: 140px;
        height: auto;
    }

    .footer-payment-icon {
        width: 50px;
        height: 36px;
    }

    .footer-social {
        gap: 24px;
    }

    .footer-bottom-copy {
        flex-direction: column;
        height: auto;
        gap: 8px;
    }

    .footer-ssl {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .footer-copy {
        position: relative;
        top: auto;
        left: 0;
        right: auto;
        flex-wrap: wrap;
        padding: 0 0 16px 0;
    }
}

/* --- hideButton / hideButtonIcon (shared component) --- */
@media (min-width: 768px) {
    .hideButtonIcon {
        display: none;
    }

    .hide-txt,
    .show-txt {
        display: none;
    }

    .container-header.header-dark {
        border-radius: 8px 8px 0 0;
    }
}

@media (max-width: 767px) {
    .hideButtonIcon {
        display: block;
    }

    .hideButton {
        position: relative;
    }

    .hideButtonIcon {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 25px;
        height: 25px;
        background-color: #ecedef;
        border-radius: 15px;
    }

    .hideButtonIcon .sprites {
        top: 4px;
        left: 9px;
    }

    .hideButton.active .hideButtonIcon .sprites {
        background-position: -68px -41px;
    }

    .hide-txt,
    .show-txt {
        font-size: 13px;
        font-weight: normal;
        font-style: italic;
        color: #666A80;
        position: absolute;
        top: 20px;
        right: 50px;
    }

    .hideButton .hide-txt {
        display: none;
    }

    .hideButton .show-txt {
        display: block;
    }

    .hideButton.active .hide-txt {
        display: block;
    }

    .hideButton.active .show-txt {
        display: none;
    }

    .hideButton:hover .hide-txt,
    .hideButton:hover .show-txt {
        text-decoration: underline;
    }

    #contact_block .hideButtonIcon,
    #fastlinks-bar .hideButtonIcon {
        background-color: #fff;
    }

    #fastlinks-bar .hideButtonIcon .sprites {
        top: -1px;
    }

    .ggu-bot-snapped-launcher {
        display: none;
    }
}


/**
 * CONTAINERS
 * ---------------------------------------------------------------------------------------------- */

._container {
    margin: 0;
}

._container.row {
    background: none !important;
}

@media (max-width: 767px) {
    ._container.row {
        margin: 8px 0;
    }

    .container-header.header-dark {
        width: -webkit-fill-available;
    }

    #index .nav-tabs {
        margin: 45px 0 0 !important;
        gap: 5px !important
    }
}

._container.row .container-header {
    margin-top: 0;
    /*background: -ms-linear-gradient(important, #efebeb 0, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: -webkit-linear-gradient(39deg, #efebeb 0, #FFFFFF 100%)!important; 
    background: -o-linear-gradient(39deg, #efebeb 0, #FFFFFF 100%)!important;
    background: linear-gradient(39deg, #efebeb 0, #FFFFFF 100%)!important;*/
}

#order ._container.row .container-header {}

.container-header {
    margin-top: 0;
    padding: 5px;
    /*-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}

.container-footer {
    padding: 5px;
    /*-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
}

.container-header h1,
.container-footer h1,
.container-header h3,
.container-footer h3,
.container-header h4,
.container-footer h4 {
    font-size: 20px;
    display: inline-block;
    font-weight: 700;
    margin: 8px;
}

.container-header h4,
.container-footer h4 {
    font-style: italic;
    display: block;
    padding: 0 10px 10px;
    margin-bottom: 0;
    border-bottom: 2px #ecedef solid;
}

.container-header.header-dark,
.container-footer.footer-dark {
    color: white;
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#526173), to(#374658)); */
    /* background-image: -webkit-linear-gradient(top, #526173 0%, #374658 100%); */
    background-image: -o-linear-gradient(top, #526173 0%, #374658 100%);
    background-image: linear-gradient(to bottom, #526173 0%, #374658 100%);
}

.container-header.header-dark {
    font-family: Gomme Sans;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1%;
}

#index .container-header.header-dark {}

.container-header.header-dark-foot,
.container-footer.footer-dark-foot {
    color: #fff;
    background-color: #374658;
}

.container-header.header-white,
.container-footer.footer-white {
    background-color: #fff;
}

.container-box-out {
    margin-top: 15px;
    padding-bottom: 15px;
}

.container-box {
    padding: 10px;
    background-color: #fff;
    margin: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.container-box h1 {}

.container-box.big {
    padding: 20px;
}

.container-box h3.page-subheading,
#authentication h3 {
    color: #30AD2B;
    text-transform: uppercase;
    margin-top: 30px;
}


#cms #center_column {
    margin-bottom: 30px;
}

.rte {
    margin-bottom: 20px;
    font-size: 15px;
}


/**
 * TABLE
 * ---------------------------------------------------------------------------------------------- */

.table {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    background-color: #fff;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tfoot>tr>td {
    font-weight: 400;
    position: relative;
    vertical-align: middle;
    padding: 8px;
    border: 1px #ecedef solid;
}

.table>tbody>tr>td {
    position: relative;
    vertical-align: middle;
    padding: 8px;
    border: 1px #dbdbdb solid;
}


/**
 * FORM
 * ---------------------------------------------------------------------------------------------- */

form {
    width: 100%;
    max-width: 100%;
}

form#bankwire_form {
    font-size: 14px;
}

.std {
    font-size: 13px;
    color: #374658;
    margin: 0;
}

.std h3 {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
}

.std p {
    text-align: center;
}

.std .form_content {
    margin-top: 10px;
    max-width: 600px;
}

.std .form_content>div,
.std .form-group {
    float: left;
    width: 100%;
    margin: 15px 0;
    clear: both;
    display: block;
}

@media (min-width: 767px) {

    .std .form_content>div,
    .std .form-group {}
}

.std .radio-inline {
    padding: 10px 0;
}

.std .form_content>div:before,
.std .form-group:before {
    content: " ";
    display: table;
}

.std .form_content>div:after,
.std .form-group:after {
    clear: both;
}

.std label {
    text-align: left;
    float: left;
    margin: -10px 0 0 10px;
    z-index: 99;
    display: block;
    position: absolute;
    background: white;
    width: fit-content;
    padding: 1px 3px;
}

.std input[type="text"],
.std input[type="password"],
.std input[type="email"],
.std input[type="tel"],
.std select,
.std textarea {
    float: left;
    width: 100%;
    border: 1px solid #afafaf;
    text-align: center;
    height: 45px;
    border-radius: 5px;
}

.std input[type="text"]:active,
.std input[type="password"]:active,
.std input[type="email"],
.std input[type="tel"]:active,
.std select:active,
.std textarea:active {
    background: #f9f9f9;
}

.std textarea {
    text-align: left;
    min-height: 100px;
    padding: 10px;
}

.form_info {
    font-size: 10px;
    float: right;
    margin-right: 10px;
}

.std .button.btn-accept {
    float: none;
}

.std .radio-inline {
    /* display: inline-block;
    width: 50%; */
}

.std .radio-inline label {
    text-align: left;
    display: inline-block;
    margin: -10px 0;
}

.std .radio-inline label input {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}


/*
--------- checkbox  ---------
*/

.std .checkbox {
    position: relative;
}

.std .checkbox input {
    visibility: hidden;
}

.std .checkbox label {
    text-align: left;
    font-style: initial;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
}

.std .checkbox input+label>span:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0 0 0 -25px;
    background-color: #f7f7f8;
    border: 0;
    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.std .checkbox input:checked+label>span:after {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: 600;
    content: "\f00c" !important;
    margin: 0 -21px;
    color: var(--cta-green);
}

#contact_form ::-webkit-input-placeholder,
#id_new_comment_form ::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#contact_form :-moz-placeholder,
#id_new_comment_form :-moz-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#contact_form ::-moz-placeholder,
#id_new_comment_form ::-moz-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#contact_form :-ms-input-placeholder,
#id_new_comment_form :-ms-input-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #374658;
    opacity: 1;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #374658;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #374658;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #374658;
    opacity: 1;
}

@media (max-width: 767px) {
    .std {
        padding: 0 10px;
    }

    .std input[type="text"],
    .std input[type="password"],
    .std input[type="email"],
    .std input[type="tel"],
    .std select,
    .std textarea {}

    /*.std .form_content>div {*/
    /*text-align: left;*/
    /*}*/
    .form_info {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}


/**
 * CART
 * ---------------------------------------------------------------------------------------------- */

#order .table {
    margin: 0;
}

#order_step {
    display: table;
    width: 100%;
    padding: 16px;
    margin: 0;
    background-color: #f7f7f8;
}

#order_step li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding-right: 10px;
    background-color: #fff;
    border: 0 #ecedef solid;
    border-width: 0 1px 0 0;
}

#order_step li span.sprite-out {
    padding: 0;
}

#search_block_top {
    margin-left: 0 !important;
}

#order_step li.step_todo span.text {
    color: #666A80;
}

#order_step li>span,
#order_step li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#order_step li.step_current span.text {
    color: #fff;
}

#order_step li.step_done a span {
    color: #fff;
    justify-content: flex-start;
    align-items: center;
}

#order_step li.step_current {
    background-color: #34a64e;
}

#order_step li.step_done {
    background-color: #34a64e;
    border-width: 1px;
    border-color: #34a64e;
    border-right-color: #ecedef;
}

#order_step li.step_current span.text+span.triangle {
    /* position: absolute;
    top: 0;
    right: -15px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 25px 15px;
    border-color: transparent transparent transparent black; */
}

#order_step li.step_current+li span.sprite-out {
    line-height: 0;
}

#order_step li.step_current+li span.text {}

#order_step li.last span.text+span.triangle {
    display: none;
}

#order_step li span.text {
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
}

#order #mobile-menu #displayNav_left,
#authentication #mobile-menu #displayNav_left {
    display: none;
}


/* first step  ------ */

.heading-counter {
    font-size: 14px;
    color: #fff;
    float: right;
    margin: 8px 0;
}

.heading-counter #summary_products_quantity {
    font-weight: bold;
}

.extend-support {
    display: block;
    border: 1px dashed #acacac;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 5px;
}

.extend-support:hover .only-now,
.extend-support:hover .extend {
    border-color: rgb(49, 49, 49);
}

.extend-support .only-now {

    position: relative;
}

.extend-support .extend {
    font-size: 11px;

}

@media (min-width: 1024px) {

    .extend-support .extend,
    .extend-support .only-now {
        font-size: 11px;
    }

    .extend-support .only-now i {
        font-size: 17px;
    }
}

table.order-payment {}

#cart_summary .cart_product {
    width: auto;
}

#cart_summary .cart_description {
    width: 45%;
}

#cart_summary .cart_version {
    width: 25%;
}

#cart_summary .cart_total {
    width: 12%;
}

#cart_summary .cart_delete {
    width: 8%;
}

#cart_summary td.cart_description {
    padding: 10px;
    vertical-align: top;
}

#cart_summary td.cart_description .product-name {
    font-size: 14px;
    font-weight: 700;
    font-style: initial;
    padding: 0 0 8px 0;
    text-align: left;
    line-height: 24px;
    font-family: 'gomme-sans';
}

#cart_summary td.cart_description .product-name a {
    color: black;
}

| #cart_summary td.cart_description small a {
    font-weight: normal;
}

#cart_summary td.cart_total {
    font-weight: normal;
}

#cart_summary .cart_product,
#cart_summary .cart_version,
#cart_summary .cart_total,
#cart_summary .cart_delete {
    text-align: center;
}

#cart_summary .old-price {
    font-weight: normal;
    text-decoration: line-through;
    display: block;
}

.product-cart-addons {
    font-size: 12px;
    font-style: normal;
    padding: 0 0 5px;
    color: grey;
    line-height: 23px;
}

.voucher_name,
.added_voucher {
    width: fit-content;
    border: 1px solid #e1e1e1;
    display: block;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    width: -webkit-fill-available;
}

.added_voucher>i:first-child {
    background: var(--promo-color);
    font-size: 17px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.voucher_name:hover {
    border-color: var(--promo-color);
    background: #fffaf6;
}

.cart_voucherr,
#cell-summary {
    width: 50% !important;
}

.cart_voucherr {
    color: black;
    border: 1px #ecedef solid;
    width: 40% !important;
    vertical-align: top !important;
}

.cart_voucherr form.std .form_content {
    margin-top: 0;
}

.cart_voucherr form.std label {
    display: none;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    width: auto;
}

.cart_voucherr form.std input {
    float: left;
    height: 36px;
    border-radius: 5px;
}



#cart_summary_bottom #voucher .form-group {
    display: flex;
    padding: 5px;
}

#cart_summary_bottom #voucher #discount_name {
    font-size: 11px;
    height: 40px;
    background: white;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px dashed#afafaf;

}

.cart_voucherr form.std input::placeholder,
.cart_voucherr form.std input:-ms-input-placeholder,
.cart_voucherr form.std input::-ms-input-placeholder {
    color: #c3c3c3;
}

.cart_voucherr form.std button {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 25px;
    white-space: nowrap;
    background: #efefef;
    border: 1px dashed#afafaf;
    border-radius: 0 5px 5px 0;
    border-left: 0;
    height: 40px;
}

.cart_voucherr form.std button span {
    color: var(--cta-green);
    text-transform: uppercase;
    font-weight: 600;
    background: var(--promo-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cart_voucherr form.std button:hover {
    background-color: #34a64e1c;
}

.cart_voucherr #title {
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
}

.cart_voucherr #display_cart_vouchers {
    font-size: 11px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

@media (max-width: 768px) {
    .product-cart-addons {
        font-size: 10px;
    }

    #cart_summary .cart_delete {
        width: auto !important;
    }

    .extend-support {
        margin: 10px auto;
    }

    .extend-support a {
        display: flex;
        flex-direction: column;
    }

    .extend-support .only-now,
    .extend-support .extend {
        font-size: 9px;
        border-radius: 0 !important;
        margin: 0;
        text-align: center;
    }

    .extend-support .extend {
        border-top: 0px;
        border-left: 1px solid rgb(173, 173, 173);
    }

    #cart_summary_bottom #voucher {
        padding: 0 16px !important;
    }
}

#cell-summary {
    text-align: left !important;
    padding: 0 30px !important;
}

#cell-summary h4 {
    margin: 0;
}

#cell-summary span {
    font-size: 12px;
    color: #666A80;
}

#cell-summary #summary_products_quantity,
#cell-summary #summary_products_cost {
    color: #374658;
}

#cart_summary_bottom th.text-right {
    text-align: right;
    border-right: 0;
}

#cart_summary_bottom th {
    text-align: center;
    width: 40%;
    font-size: 14px;
}

#cart_summary_bottom th+td {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    border-left: 0;
}

#cart_summary_bottom.order-payment th+td.dark {
    color: #5e5e5e !important;
    font-weight: 400;
}

#cart_summary_bottom #total_product {
    color: #34a64e;
}

#cart_summary_bottom #total_discount {
    color: #34a64e;
}

#cart_summary_bottom .cart_total_price_total {
    color: black;
    background-color: white;
}

#cart_summary_bottom .cart_total_price .tooltip-out {
    display: table-cell !important;
}

#order-detail-content .tooltip-out .tooltip-tip.active {
    background: #2e2e2e;
    padding: 10px;
    font-size: 11px;
    border-radius: 5px;
    max-width: 300px;
    width: 240px;
    line-height: 16px;
    right: 0;
    top: 80px !important;
}

#order-detail-content .tooltip-out .tooltip-tip.active:before {
    display: none;
}

#order-detail-content .tooltip-out .tooltip-tip.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent black transparent;
    left: 50%;
    bottom: -8px;
    transform: scaleY(-1);
    transform: rotate(0);
}

#cart_summary_bottom .cart_total_price_total th,
#cart_summary_bottom .cart_total_price_total td {}

#HOOK_SHOPPING_CART {
    background-color: #fff;
    border-bottom: 1px #ecedef solid;
}

.cart_navigation {
    display: block !important;
    justify-content: normal;
    align-items: normal;
}

.cart_navigation2 {

    align-items: normal;
    margin-top: auto;
}

.cart_navigation2 .disabled i {
    display: block !important;
    content: "";
}

.cart_navigation2 .disabled {
    content: "";
}

@media (max-width: 767px) {
    .cart_navigation2 {
        flex-direction: column-reverse;
    }
}

.btn-prim {
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
    margin: 20px;
    background-color: #34a64e;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    text-transform: none;
}

.btn-sec {
    display: inline-block;
    padding: 8px 12px;
    margin: 20px;
    border: 1px solid grey;
    font-size: 14px;
    border-radius: 5px;
    text-transform: none;
}

#loyalty {
    text-align: center;
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cart_voucherr form.std input {
        float: none;
        width: 70%;
    }

    .cart_voucherr form.std button {
        float: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cart_voucherr {
        width: 45% !important;
    }

    .cart_voucherr form.std {
        padding: 20px;
    }

    .cart_voucherr form.std .discount_label {
        text-align: center;
    }

    .cart_voucherr form.std input {
        float: none;
        width: 70%;
    }

    .cart_voucherr form.std button {
        float: none;
    }
}

@media (max-width: 767px) {
    #cart_summary {
        background-color: #fff;
        border: 1px #ecedef solid;
        margin: 8px 0 !important;
        border-radius: 8px;
    }

    #cart_summary .cart_item {
        border-top: 1px #ecedef solid;
        padding: 10px 0;
        clear: both;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        min-height: 150px;
        align-items: center;
    }

    #cart_summary .cart_item .cart_product {
        float: left;
        padding: 0 5px 0 0;
        border-right: 1px solid #ecedef;
    }

    #cart_summary .cart_item .cart_product img {
        width: 90px;
        height: 90px;
    }

    #cart_summary .cart_item .product-name a {
        color: #374658;
        font-weight: 400;
        font-size: 12px;
    }

    #cart_summary .cart_item .cart_description {
        width: 100%;
        font-size: 12px;
    }

    #cart_summary .cart_item .cart_description .product-name {
        padding: 0 5px 10px 0;
    }

    #cart_summary .cart_item .cart_item_bottom_box {
        display: block;
        margin-bottom: 10px;
    }

    #cart_summary .cart_item .cart_version {
        position: relative;
        display: inline-block;
        width: 45%;
    }

    #cart_summary .cart_item .cart_total {
        display: inline-block;
        width: auto;
        min-width: 100px;
        text-align: left;
    }

    #cart_summary .cart_item .cart_total .price b {
        font-size: 12px;
        font-weight: 600;
    }

    #cart_summary .cart_item .cart_delete {
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

    #cart_summary .cart_item p:empty {
        display: none;
    }

    .cart_voucherr form.std {
        border-radius: 5px;
    }

    .cart_voucherr form.std input {}

    .cart_voucherr form.std button {
        float: none;
        background: none;
        color: #464646;
        border: 1px dashed #a1a1a1;
        margin: 0 0 0 -5px;
        border-left: 0;
        height: 40px;
    }

    #cell-summary {
        display: none;
    }

    #cart_summary_bottom.order-payment th {
        width: 60%;
    }

    #cart_summary_bottom th+td,
    #cart_summary_bottom th.text-right {
        font-size: 14px
    }

    #cart_summary_bottom #total_product {
        color: #606060;
        font-weight: 400;
    }

    #cart_summary_bottom #total_price {
        font-size: 16px;
    }

    #cart_summary_bottom .cart_total_price_total {
        background-color: #f7f7f7;
    }

    #cart_summary .flag-reduction {
        padding: 1px 4px !important;
        font-size: 10px !important;
    }
}

#cart_summary .flag-reduction {
    padding: 1px 5px 3px 5px;
    margin: 0 0 5px 0;
    color: var(--promo-color-contrast);
    background: var(--promo-color);
    -webkit-text-fill-color: var(--promo-color-contrast);
    border-radius: 5px;
}

#cart_summary .flag-reduction .inset {
    top: 16px;
    left: 26px;
    font-size: 11px;
}


/* second step  ------ */

#customer_data h3 {
    padding-left: 0;
    margin: 0 0 20px 0;
    text-align: left;
    font-size: 16px;
}

#customer_data p {
    padding: 0;
    text-align: left;
}

#address-select {
    margin-top: 20px;
}

#address-select h3 {
    font-size: 16px;
    text-transform: none;
    padding-left: 0;
    margin: 0;
    text-align: left;
}

#address-select select {
    float: none;
    width: 50%;
    margin-top: 20px;
}

ul.address {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

ul.address li {
    padding: 1px 0;
    clear: both;
}

ul.address li.address_update {
    padding: 15px 0 0;
}

#address_invoice>li.address_title {
    display: none;
}

#address_invoice .address_firstname {
    margin: 0 4px 0 0;
}

#address_invoice .address_firstname,
#address_invoice .address_lastname {
    padding: 0 0 15px 0;
    float: left;
    clear: none;
}

.address_update .button-update-adress {
    width: auto;
}

ul.address li h3 {
    font-size: 18px;
    color: #425163 !important;
    font-weight: 800;
}

.button-update-adress {
    color: #000000;
    border: 1px solid #afafaf;
    padding: 9px;
    display: block;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    width: 50%;
    margin: 10px 0;
    background: #fbfbfb;
    box-shadow: 2px 2px 0 0 #ebebeb;
}

.button-update-adress:hover {
    color: #000000;
    background-color: #c9c9c91a;
    border: 1px solid #060606;
    text-decoration: underline;
}

.button-update-adress:hover .sprites.arrow-small-right-pink {
    background-position: -85px -43px;
}


/*#accept-address {
    padding: 0 40px 10px;
}*/

#accept-address .addresses.form_content {
    margin: 0;
}

.cgv {}


/*form.form-carrier.std .checkbox label {
    text-align: right;
    padding: 0;
    padding-right: 25px;
}
form.form-carrier.std .checkbox input + label > span:before {margin-left: 5px;}
form.form-carrier.std .checkbox input:checked + label > span:after {margin-left: 9px;}
*/


/* third step  ------ */

.payment_module {
    background-color: #f9f9f96e;
    border: 1px #c6c7c9 solid;
    border-radius: 5px;
    margin: 15px 10px;
    height: 75px;
    display: flex;
    align-items: center;
}

.payment_module a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 767px) {
    .payment_module a {
        padding: 15px;
        font-size: 14px;
    }
}

.payment_module a .desc {
    font-style: italic;
    color: #374658;
}

.payment_module form {
    width: auto;
}

.payment_module .choose {
    padding: 0 20px 0 0;
}

.payment_module .choose a {
    font-size: 16px;
    color: #374658;
    text-align: right;
}

.payment_module .choose a .outsite-sprite {}

.payment_module:hover .choose a .outsite-sprite {
    /* box-shadow: 1px 1px #00000045; */
}

.payment_module .choose a .sprites {
    position: absolute;
    top: 5px;
    left: 6px;
    width: 6px;
    height: 7px;
    background-position: -76px -41px;
}

.payment_module:hover .choose a .sprites {
    /* left: 5px;
    width: 8px;
    height: 8px;
    background-position: -19px -58px; */
}

.payment_module .choose a .outsite-sprite+span {
    padding-left: 10px;
}

.payment_module .choose a .outsite-sprite i {
    margin: 0 3px;
    color: white;
}

.payment_module:hover {
    border: 1px solid #34a64e;
}

.payment_module:hover a {
    color: #35a64e !important;
}

@media (max-width: 775px) {
    .payment_module {
        font-size: 14px;
        margin: 10px;
        height: 70px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .payment_module .payment-image {
        padding: 0 !important;
    }
}


/* payments  ------ */

.payment-image {
    text-align: center;
}

#bankwire .payment-image-inner {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(../img/bankwire.png);
    background-repeat: no-repeat;
    background-position: 0 -26px;
}

#bankwire_execution .green,
#bankwire_return .green {
    background: #46ad48;
    color: white;
    padding: 40px;
    text-align: center;
}

#bankwire_execution .big,
#bankwire_return .big {
    font-size: 16px;
}

#bankwire_return table {
    margin: 10px 0 20px;
}

#bankwire_return table tr>td {
    vertical-align: top;
    padding: 5px 15px 5px 0;
    font-size: 16px;
}

#bankwire_return table tr>td:first-child {
    color: #666A80;
}

.payment-image i {
    transform: scale(1.8);
}

#paypal .payment-image-inner {
    display: inline-block;
    width: 49px;
    height: 14px;
    background-image: url(../img/paypal.png);
    background-repeat: no-repeat;
    background-position: 0 -14px;
}

.xpro-form fieldset {
    border: 0;
    margin: 0;
    padding: 0 15px;
}

#paylane .payment-image-inner {
    display: inline-block;
    width: 80px;
    height: 25px;
    background-image: url(../img/paylane.png);
    background-repeat: no-repeat;
    background-position: 0 -14px;
}

#paylane.payment_module:hover .payment-image-inner {
    background-position: 0 0;
}


/**
 * MY ACCOUNT
 * ---------------------------------------------------------------------------------------------- */

/* Side Sheet - Overlay */
.order-side-sheet-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.order-side-sheet-overlay.open {
    opacity: 1;
    visibility: visible;
}

/* Side Sheet - Panel */
.order-side-sheet {
    position: fixed;
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
}
.order-side-sheet.open {
    transform: translateX(0);
}

/* Side Sheet - Header */
.order-side-sheet-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    flex-shrink: 0;
}
.order-side-sheet-header h3 {
    margin: 0;
    font-family: 'Poppins';
}
.order-side-sheet-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    padding: 0 5px;
    line-height: 1;
}

/* Details button loading state */
.btn-order-details.btn-loading {
    opacity: 0.6;
}

/* Side Sheet - Body */
#block-order-detail {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    font-family: 'Poppins';
}

/* Side Sheet - Mobile 100% */
@media (max-width: 768px) {
    .order-side-sheet {
        width: 100%;
    }
}

#submitReorder {
    padding: 0;
}

#block-order-detail {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #c5c5c5;
    padding: 0 15px;
    border-radius: 5px;
    scale: 0.9;
}

.bloc_adresses .container-box {
    min-height: 360px;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #cbcbcbb3;
}

#addresses ul.address li.address_update {
    text-align: center;
    width: 100%;
}

.info-title {
    background: #74c55b;
    margin: 20px 10px;
    color: white;
    padding: 10px 15px;

    line-height: 25px;
    border-radius: 5px;
    font-size: 14px;
    width: fit-content !important;
}

.info-title a {
    color: white;
    text-decoration: underline;
}

.info-title::before {
    content: "\f05a";
    font-family: "FontAwesome";
    padding-right: 5px;
    font-size: 16px;
}

.info-title-success {
    font-size: 18px !important;
}

.info-title-success::before {
    content: "\f058" !important;
    font-size: 18px;
}

.footer_links {
    display: block;
    clear: both;
    padding: 25px 0;
}

.order_state_labelOut {
    opacity: 0.35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px #fff solid;
    border-radius: 16px;
}

.order_state_label {
    position: relative;
    display: block;
    padding: 0 10px;
}

#order-detail-content {
    font-size: 14px;
}

#order-detail-content .item-name a {
    float: left;
}

#order-detail-content .item-name a img {
    float: left;
    padding-top: 6px;
}

html[data-useragent*='MSIE'] #order-list .history_state,
html[data-useragent*='rv'] #order-list .history_state {
    vertical-align: top;
}

@media (max-width: 767px) {
    .footer_links {
        text-align: center;
    }
}


/**
 * VERSION BUBBELS
 * ---------------------------------------------------------------------------------------------- */

.tooltip-out {
    display: flex !important;
    justify-content: center;
}

.tooltip-tip {
    top: 125% !important;
}


.categoryId-out,
.version-list .version-outer,
.tooltip-out {
    position: relative;
    display: inline-block;
}

.version-list .version-item {
    font-weight: 400;
    font-size: 10px;
    color: #666A80;
    padding: 0 5px;
    background-color: #ecedef;
    border-radius: 20px;
    cursor: default;

    display: block;
}

.version-list .version-item.active,
.version-list.version-block .version-item.active {
    color: #fff;
    background-color: #30AD2B;
}

.version-list.version-block .version-item {
    background-color: #fff;
}

.categoryId-out .categoryId-tip,
.version-list .version-tip,
.tooltip-out .tooltip-tip {
    display: none;
}

.categoryId-out .categoryId-tip.active,
.version-list .version-tip.active,
.tooltip-out .tooltip-tip.active {
    font-size: 12px;
    color: #fff;
    display: block;
    position: absolute;
    width: -webkit-fill-available;
    top: 35px;
    z-index: 30;
    padding: 15px;
    text-align: left;
    background-color: #30AD2B;
    -webkit-box-shadow: 5px 5px 14px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 14px 0 rgba(0, 0, 0, 0.3);
}

.categoryId-out .categoryId-tip.active {
    top: 44px;
    background-color: #374658;
}

.categoryId-out .categoryId-tip.active:before,
.version-list .version-tip.active:before,
.tooltip-out .tooltip-tip.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    top: -8px;
    position: absolute;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent #30AD2B transparent;
}

.tooltip-out .tooltip-tip.active:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    top: -8px;
    position: absolute;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent #30AD2B transparent;
    left: 50%;
}

.categoryId-out .categoryId-tip.active:before {
    border-color: transparent transparent #374658 transparent;
}

.version-list .version-tip.active span {
    text-transform: lowercase;
}


/**
 * COOKIE
 * ---------------------------------------------------------------------------------------------- */

#cookies_message {
    font-size: 15px;
    color: #737373;
    display: block;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    width: 100%;
    padding: 8px;
    background: rgba(239, 239, 239, 0.92);
}

#cookies_message a {
    margin: 0 4px;
}

#cookies_message a#cookies_more {}

#cookies_message a:hover {
    text-decoration: underline;
}

#cookies_message .fa-close {
    padding-left: 8px;
}


/**
 * BLOG
 * ---------------------------------------------------------------------------------------------- */


/* entries  ------ */

.pshowblog_entry_heading .page-heading {
    margin-top: 0;
}

pshowblog_entries {
    margin-top: 16px;
}

.pshowblog_pagination {
    margin-top: 20px;
}

.pshowblog_pagination ul li.active span {
    background-color: #AA1353;
    color: #fff;
}


/* entry  ------ */

#pshowblog_entry {
    padding: 0 !important;
    background: #ffffff;
}

#pshowblog_entry .heading-info {
    margin-top: 16px;
}


/*@media(min-width: 1200px) {
    #pshowblog_entry .container-header .page-heading {
        white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }
}*/

#pshowblog_entry .container-box-out {
    padding-right: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#pshowblog_entry .pshowblog_entry_image {
    margin-bottom: 0 !important;
}

#pshowblog_entry .pshowblog_entry_image img {
    padding: 0 25px 8px 0;
}

@media (max-width: 767px) {

    #pshowblog_entry .pshowblog_entry_image,
    #pshowblog_entry .pshowblog_entry_image img {
        float: none;
        display: block;
        margin: 0 auto 10px;
        padding: 0;
    }
}

#pshowblog_entry .entry_content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 50px auto;
}

.entry_content .img-responsive {
    max-width: 90%;
    height: -webkit-fill-available;
    border-radius: 5px;
    margin: 25px auto;
    padding: 15px;
    background: linear-gradient(90deg, rgb(61 163 81 / 40%) 0%, rgb(0 188 227 / 40%) 100%);
}

#pshowblog_entry #comment_form {
    border-top: 1px solid #ecedef;
}

#pshowblog_entry #comment_form .std {
    padding: 15px;
    background: #f6f6f7;
}

#pshowblog_entry #comment_form .std h3,
#pshowblog_entry #comment_form .std p {
    text-align: left;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

#pshowblog_entry #comment_form .std input,
#pshowblog_entry #comment_form .std textarea {
    text-align: left;
    width: 100%;
    background: white;
}

#pshowblog_entry #comment_form .captcha label {
    display: block !important;
    text-align: left;
    float: left;
    width: 160px;
    padding: 0;
}

#pshowblog_entry #comment_form .captcha input {
    float: left;
    margin-left: 10px;
}

@media (min-width: 1200px) {
    #pshowblog_entry #comment_form .captcha input {
        width: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #pshowblog_entry #comment_form .captcha input {
        width: 145px;
    }
}

@media (max-width: 767px) {
    #pshowblog_entry #comment_form .captcha input {
        width: 200px;
    }
}

#pshowblog_entry ::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#pshowblog_entry :-moz-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#pshowblog_entry ::-moz-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#pshowblog_entry :-ms-input-placeholder {
    opacity: 1 !important;
    color: #374658 !important;
}

#pshowblog_entry #submitAddComment {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    text-align: center;
    color: #30AD2B;
    display: inline-block;
    margin-top: 10px;
    border: 0;
    background: transparent;
}

#pshowblog_entry #submitAddComment span {
    margin-left: 8px;
}

#comment_list .comment {
    border-top: 1px #ecedef solid !important;
}

#pshowblog_entry #comments .date {
    font-style: italic;
    color: #666A80;
}

#pshowblog_entry #comments .separator {
    color: #666A80;
}

#pshowblog_entry .button {
    margin: 0 !important;
    padding: 10px 15px;
    min-width: inherit;
}


/* home page  ------ */

#displayHomeNews {}

@media (max-width: 991px) {
    #displayHomeNews {
        margin-top: 10px;
    }

    #addresses ._container {
        margin-top: 50px;
    }
}

#displayHomeNews .black-box {
    background-color: #374658;
    border: 1px solid transparent;
    border-radius: 10px;
    height: 370px;
    color: #fff;
}

#displayHomeNews {
    margin-top: 16px
}

#displayHomeNews #pshowblog_entries .box_title {
    background-color: #3F4E60;
    font-size: 18px;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}

#displayHomeNews #pshowblog_entries .box_title a {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    float: right;
    margin-top: 3px;
    text-decoration: none;
    text-transform: none;
}

#displayHomeNews #pshowblog_entries .box_title a:hover {
    color: #30AD2B;
}

#displayHomeNews .pshowblog_entry {
    margin: 0;
    padding: 10px 0;
}

#displayHomeNews .pshowblog_entry:not(:last-child) {
    border-bottom: 1px solid #405063;
}

#displayHomeNews .pshowblog_entry_heading .entry_date,
#displayHomeNews .pshowblog_entry_heading .separator,
#displayHomeNews .pshowblog_entry_heading .entry_comments_count {
    font-style: italic;
    color: #666A80;
}

#displayHomeNews .pshowblog_entry_heading {
    margin: 0;
}

#displayHomeNews .pshowblog_entry_heading h2 {
    font-size: 18px;
    color: #6edb3d;
    margin: 5px 0 0;
    padding: 0;
}

#displayHomeNews .pshowblog_entry_heading h2.main {
    padding: 5px 0;
}

#displayHomeNews .pshowblog_entry_heading a.pull-left h2 {
    font-size: 14px;
    margin: 0 0 0 5px;
    color: white;
}

#displayHomeNews .pshowblog_entry_heading a.pull-left h2:hover {
    color: #6edb3d;
}

#displayHomeNews .pshowblog_entry_heading>span.pull-left {
    margin-top: 1px;
}

#displayHomeNews .pshowblog_entry_heading a {
    color: #fff;
}

#displayHomeNews .pshowblog_entry_heading a:hover {
    color: #30AD2B;
}

#displayHomeNews .entry_content p {
    padding-top: 0;
    font-style: italic;
}

@media (max-width: 767px) {
    #displayHomeNews .black-box {
        height: 500px;
    }

    #displayHomeNews .pshowblog_entry_heading a.pull-left h2 {
        margin: 0;
    }
}


/**
 * GALLERY
 * ---------------------------------------------------------------------------------------------- */

.pshowgallery .pshowgallerybox {
    padding: 10px;
    border: 1px solid #808080ad;
    border-radius: 5px;
}

.pshowgallery .pshowgallerybox h5 {
    color: #374658;
    border-top: 0;
    margin: 0;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    padding: 10px 0 20px 0;
}

.pshowgallery .pshowgallerybox:hover {
    box-shadow: 1px 1px 4px -1px #00000036;
}

.pshowgallery .gallerybox .pshowgallery-image-description {
    background: #AA1353;
}

.pshowgallery .gallerybox .thumbnails .thumbnail {
    display: block;
    border: 2px #374658 solid;
}

.pshowgallery .gallerybox .thumbnails .thumbnail.active,
.pshowgallery .gallerybox .thumbnails .thumbnail:hover {
    border: 2px #374658 solid;
    border-color: #AA1353;
}

.pshowgallery .gallerybox-scroll::-webkit-scrollbar {
    width: 12px !important;
}

.pshowgallery .gallerybox-scroll::-webkit-scrollbar-track {
    background-color: #ecedef;
}

.pshowgallery .gallerybox-scroll::-webkit-scrollbar-thumb {
    background-color: #30AD2B;
}

.pshowalert-box {
    background: #fff;
}

@media (max-width: 992px) {
    .pshowalert-box {
        padding: 24px 0 0 0;
    }
}

.pshowalert {
    padding: 16px;
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 14px;
}

.pshowalert:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 36px;
}

.pshowalert.alert-info {
    position: relative;
    border: none;
    padding-left: 50px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-left: solid 3px #81cfe6;
}

.pshowalert.alert-info:before {
    content: "\f059";
    position: absolute;
    top: 6px;
    display: block;
    height: 25px;
    width: 25px;
    color: #81cfe6;
    left: 7px;
}

.pshowalert.alert-success {
    position: relative;
    border: none;
    padding-left: 50px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-left: solid 3px #90cb5c;
}

.pshowalert.alert-success:before {
    content: "\f058";
    position: absolute;
    top: 6px;
    display: block;
    height: 25px;
    width: 25px;
    color: #90cb5c;
    left: 7px;
}

.pshowalert.alert-danger {
    position: relative;
    border: none;
    padding-left: 50px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-left: solid 3px #e17875;
}

.pshowalert.alert-danger:before {
    content: "\f071";
    position: absolute;
    top: 6px;
    display: block;
    height: 25px;
    width: 25px;
    color: #e17875;
    left: 7px;
}

.pshowalert.alert-info a {
    color: #31708f;
}

.pshowalert.alert-success a {
    color: #3c763d;
}

.pshowalert.alert-danger a {
    color: #a94442;
}

.pshowalert.alert-info a:hover,
.pshowalert.alert-success a:hover,
.pshowalert.alert-danger a:hover {
    color: #AA1353;
}


/**
 * Right block products
 * ---------------------------------------------------------------------------------------------- */

#right_block_products {
    padding-right: 0;
}

#right_block_products .container-header a {
    display: none;
}

#right_block_products .product_list {
    list-style: none;
    position: relative;
    z-index: 1;
    /*margin-top: 0;
    margin-bottom: 0;*/
    margin: 15px 0 15px -15px;
    padding: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

#right_block_products .product_list li {
    width: 100%;
}

#right_block_products .product_list.grid .product-container {
    padding: 10px 0;
}

#right_block_products .product_list.list .product-container {
    padding: 20px 0;
}

#right_block_products .product_list.list .product-container {
    border-bottom: 2px #ecedef solid;
}

#right_block_products .product_list.list li:last-child .product-container {
    border-bottom: 0;
}

@media (max-width: 767px) {
    #right_block_products .product_list li:not(:first-child) {
        border-top: 2px #ecedef solid;
    }
}

#right_block_products .product_list.grid .presentation-block {
    padding: 10px;
    background-color: transparent;
    border-radius: 10px;
}


/*.product_list.grid .presentation-block {min-height: 235px;}*/

#right_block_products .product_list.grid .product-container:hover>.presentation-block {
    -webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
    #right_block_products .product_list.grid li {
        min-height: 315px;
    }

    #right_block_products .product_list.grid .presentation-block {
        min-height: 255px;
    }
}

#right_block_products .product_list .image-block {
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    margin-left: -8px;
    margin-right: 8px;
}

#right_block_products .product_list .image-block [class*="flag-"] {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
}

#right_block_products .product_list .image-block [class*="flag-"]>.inset {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

#right_block_products .product_list .image-block .flag-reduction>.inset {
    top: 6px;
    left: 12px;
}

#right_block_products .product_list .image-block .flag-new>.inset {
    top: 9px;
    left: 12px;
    font-size: 10px;
}

#right_block_products .product_list .image-block .flag-reduction {
    z-index: 20;
    border-color: transparent #30AD2B transparent transparent;
}

#right_block_products .product_list .image-block .flag-new {
    z-index: 10;
    border-color: transparent #AA1353 transparent transparent;
}

#right_block_products .product_list .title-block h5,
#right_block_products .product_list .title-block h3 {
    margin: 0;
}

html[data-useragent*='Firefox'] #right_block_products .product_list .title-block h5,
html[data-useragent*='Firefox'] #right_block_products .product_list .title-block h3 {
    font-size: 15px;
}

#right_block_products .product_list .reduction .title-block h5 a {}

#right_block_products .product_list .new .title-block h5 a {}

#right_block_products .product_list .reduction .title-block h5 a:hover {
    color: #AA1353;
}

#right_block_products .product_list .new .title-block h5 a:hover {
    color: #30AD2B;
}

#right_block_products .product_list.list .version-block,
#right_block_products .product_list.list .content_price {
    float: left;
    margin-top: 10px;
}

#right_block_products .product_list.list .content_price {
    margin-top: 17px;
}

#right_block_products .product_list.grid .version-block {
    margin-top: 10px;
}

#right_block_products .product_list .version-list {
    float: right;
    margin-top: 10px;
}

#right_block_products .product_list.list .version-list {
    margin-left: 20px;
    margin-right: 20px;
}

#right_block_products .product_list.grid .version-list .version-tip.active {
    right: -14px;
}

#right_block_products .product_list.list .version-list .version-tip.active {
    left: -14px;
}

#right_block_products .product_list.grid .version-list .version-tip.active:before {
    right: 20px;
}

#right_block_products .product_list.list .version-list .version-tip.active:before {
    left: 20px;
}

#right_block_products .product_list.grid .categoryId-out .categoryId-tip.active,
#right_block_products .product_list.list .categoryId-out .categoryId-tip.active {
    left: -14px;
}

#right_block_products .product_list.grid .categoryId-out .categoryId-tip.active:before,
#right_block_products .product_list.list .categoryId-out .categoryId-tip.active:before {
    left: 22px;
}

#right_block_products .product_list.grid .description-block {
    float: left;
    margin-top: 20px;
}

#right_block_products .product_list.list .description-block {
    margin-top: 5px;
}

#right_block_products .product_list.grid .description-block .product-desc .no-truncate {
    display: none;
}

#right_block_products .product_list.list .description-block .product-desc .truncate {
    display: none;
}

#right_block_products .product_list .description-block .product-desc {

    font-style: normal;
    text-decoration: none;
}

#right_block_products .product_list .description-block .product-desc .sprites {
    margin-left: 5px;
}

#right_block_products .product_list.grid .buy-block {
    display: table;
    width: 100%;
    margin-top: 5px;
}

#right_block_products .product_list .content_price,
#right_block_products .product_list .button-container {}

#right_block_products .product_list.grid .content_price,
#right_block_products .product_list.grid .button-container {
    display: table-cell;
    vertical-align: middle;
}

#right_block_products .product_list.grid .content_price {
    width: 100%;
    height: 48px;
    padding-left: 20px;
}

#right_block_products .product_list .price {
    font-size: 20px;
    font-weight: bold;
}

#right_block_products .product_list.list .price {
    color: #AA1353;
}

#right_block_products .product_list .old-price {
    text-decoration: line-through;
}

#right_block_products .product_list .button-container {
    float: right;
    margin-left: 3px;
}

#right_block_products .product_list.list .button-container {
    position: relative;
    top: 8px;
}

#right_block_products .product_list .button-container .lnk_view,
#right_block_products .product_list .button-container .ajax_add_to_cart_button,
#right_block_products .product_list .button-container .ajax_add_to_cart_button2 {
    display: inline-block;
    padding: 6px 10px;
}

#right_block_products .product_list .button-container .lnk_view {
    padding: 14px 12px 6px 12px;
}

#right_block_products .product_list .button-container .lnk_view .sprites {
    top: -2px;
}

#right_block_products .product_list.list .button-container .ajax_add_to_cart_button .text {
    position: relative;
    top: -9px;
    margin-left: 15px;
}

#right_block_products .product_list.grid .content_price,
#right_block_products .product_list .ajax_add_to_cart_button {
    color: #fff;
    background-color: #374658;
}

#right_block_products .product_list.grid .ajax_add_to_cart_button .sprites+span {
    display: none;
}

#right_block_products .product_list .reduction .ajax_add_to_cart_button,
#right_block_products .product_list.grid .reduction .content_price {
    background-color: #30AD2B;
}

#right_block_products .product_list .new .ajax_add_to_cart_button,
#right_block_products .product_list.grid .new .content_price {
    background-color: #AA1353;
}

#right_block_products .product_list.grid .lnk_view {
    display: none;
}

#right_block_products .product_list.list .lnk_view {
    background-color: #374658;
}

#right_block_products .product_list .reduction .lnk_view {
    background-color: #30AD2B;
}

#right_block_products .product_list .new .lnk_view {
    background-color: #AA1353;
}

#right_block_products .product_list .ajax_add_to_cart_button:hover,
#right_block_products .product_list.list .lnk_view:hover {
    background-color: #AA1353;
}

#right_block_products .product_list .new .ajax_add_to_cart_button:hover,
#right_block_products .product_list .new .lnk_view:hover {
    background-color: #30AD2B;
}


/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+bash+c+csharp+cpp+css-extras+git+http+java+json+nginx+objectivec+perl+php+php-extras+sass+scss+smarty+sql+twig */


/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 13px;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.4;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

@media print {

    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}


/* Code blocks */

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
    background: #f5f2f0;
}


/* Inline code */

:not(pre)>code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function {
    color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}


/** END prism.js */


/* When the input field gets focus, change its width to 100% */


/*#search_block_top input[type=text]:focus {
    width: 100%;
}
#top-bar .collapse-menu{
    padding-right: 15px;
}*/

#top-bar>.row>.container>.row {}

#search_block_top {
    position: fixed;
    top: 55px;
    opacity: 0;
    z-index: 9999;
    padding: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 8px 18px 4px rgb(0 0 0 / 32%);
    box-shadow: 0px 8px 18px 4px rgb(0 0 0 / 32%);
    background: #fff;
    border: 1px solid #ababab;
}

.no-fixed-head #search_block_top button,
.no-fixed-head .fa-close {
    position: absolute;
}

.no-fixed-head #search_block_top form {}

.no-fixed-head form .fa-close,
.no-fixed-head form .fa-search {
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.no-fixed-head form .fa-close:hover,
.no-fixed-head form .fa-search:hover {
    color: #AA1353;
}

.no-fixed-head form .fa-close {
    right: 15px;
}

#search_block_top button {
    right: 15px;
    position: absolute !important;
}

.no-fixed-head .borderMiddle {
    border-left: 1px solid #ccc;
    position: absolute;
    height: 36px;
    right: 58px;
}

.no-fixed-head .searchButton,
.no-fixed-head .fa-close {
    gap: 10px;
    cursor: pointer;
    padding: 0 40px;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-fixed-head .searchButton {}

.no-fixed-head .searchButton span {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #ffffff7a;
}

.no-fixed-head .searchButton span:hover {
    text-decoration-color: white;
}

.no-fixed-head .searchButton:hover .fa-search {
    color: #AA1353;
}

#search_block_top .search_query {
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Old cart styling - now controlled by header-new.css */
/* #cart_block #cart_block_summary.block-cart-new {
    background: none !important;
} */

.ajax_cart_total_text,
.ajax_cart_total,
.ajax_cart_no_product {
    display: none !important;
}

#cart_block {
    width: auto !important;
}

/* Old cart sizing - now controlled by header-new.css */
/* #cart_block #cart_block_summary.block-cart-new {
    width: 60px !important;
} */

*:focus {
    outline: none !important;
}

@media (max-width: 991px) {
    #breadcrumb-bar {
        background-color: #fff;
    }

    #search_block_top {
        display: none;
    }

    #mobile-menu #nav-main #search_block_top {
        display: inline-block;
        margin: 15px;
        border: 1px solid #E2E2E2;
        border-radius: 100px;
        left: 0 !important;
        position: relative !important;
        top: 0 !important;
        opacity: 1 !important;
        box-shadow: none;
        padding: 0 !important;
        width: 97% !important;
        text-transform: none;
        background: #F2F4F8;
        height: 48px;
        box-sizing: border-box;
    }

    #checkout #mobile-menu #nav-main #search_block_top,
    #order #mobile-menu #nav-main #search_block_top {
        display: none;
    }

    #mobile-menu #nav-main #search_block_top button {
        position: absolute;
        color: #374053;
        /* match pshowblocksearch modal submit icon */
        border: none;
        background: transparent;
        top: 50%;
        right: 16px;
        /* align with modal input inner spacing */
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        display: block;
        padding: 0;
    }

    #search_block_top button {
        width: 60px;
        height: 45px;
        right: 16px;
    }

    #mobile-menu #nav-main #search_block_top button .blocksearch-submit__icon,
    #mobile-menu #nav-main #search_block_top button svg {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    #mobile-menu #nav-main #search_block_top input::placeholder,
    #mobile-menu #nav-main #search_block_top input:-ms-input-placeholder,
    #mobile-menu #nav-main #search_block_top input::-ms-input-placeholder {
        color: #B5B5B5 !important;
        text-transform: none;
        font-weight: 500;
        opacity: 1;
        /* Firefox */
    }

    #mobile-menu #nav-main #search_block_top input::-webkit-input-placeholder {
        color: #B5B5B5 !important;
        text-transform: none;
        font-weight: 500;
        opacity: 1;
    }

    #mobile-menu #nav-main #search_block_top .search_query {
        width: 100%;
        height: 48px;
        position: relative;
        display: inline-block;
        font-size: 16px;
        /* match pshowblocksearch mobile modal input */
        color: #000;
        /* modal input is black */
        text-transform: unset;
        text-decoration: none;
        border-radius: 100px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        background: #F2F4F8;
        padding: 0 48px 0 16px;
        /* right padding tuned to 24px icon + 16px inset */
        font-weight: 500;
        line-height: 26px;
        box-sizing: border-box;
    }

    .searchButton {
        display: none !important;
    }
}

#blockspecials_block .container-header a,
#homefeatured_block .container-header a,
#preorder_block .container-header a {
    text-transform: none;
    float: right;
    padding: 16px 0;
}

#blockspecials_block .container-header a:hover,
#homefeatured_block .container-header a:hover,
#preorder_block .container-header a:hover {
    color: #AA1353;
}

#bestsellers_block>.col-md-12,
#newproducts_block>.col-md-12,
#blockspecials_block>.col-md-12,
#homefeatured_block>.col-md-12,
#preorder_block>.col-md-12 {
    padding: 0;
}

#bestsellers_block>.col-md-12+.col-md-12,
#newproducts_block>.col-md-12+.col-md-12,
#blockspecials_block>.col-md-12+.col-md-12,
#homefeatured_block>.col-md-12+.col-md-12,
#preorder_block>.col-md-12+.col-md-12 {
    background: #fff;
}

#blockbestsellers,
#blocknewproducts,
#blockspecials,
#homefeatured,
#preorder {
    margin-left: 0 !important;
    padding: 6px !important;
}

#blocknewproducts>li.show_all_modules_index,
#blockspecials>li.show_all_modules_index,
#homefeatured>li.show_all_modules_index {
    display: none !important;
}

#blockbestsellers .product_list.grid .product-container,
#blocknewproducts .product_list.grid .product-container,
#blockspecials .product_list.grid .product-container,
#homefeatured .product_list.grid .product-container,
#preorder .product_list.grid .product-container {
    box-shadow: none;
}

#bestsellers_block h3,
#newproducts_block h3,
#blockspecials_block h3,
#homefeatured_block h3,
#preorder_block h3 {
    padding-left: 15px;
}

.LeftSlide i,
.RightSlide i {
    padding: 0 5px !important;
    font-size: 37px !important;
    transform: translateY(-10px);
}

.number_of_page {
    float: right;
    margin: 17px 12px;
    text-transform: lowercase;
    color: #1a1a1a;
}

.RightSlide {
    margin-right: 10px;
}

#home-page-tabs {
    list-style: none;
}

#home-page-tabs li {
    display: inline-flex;
    border-radius: 8px;
    padding: 8px 50px;
}

#home-page-tabs li:hover {
    background-color: rgb(128 128 128 / 20%);

}

#home-page-tabs li.active {
    background-color: white;
}

#home-page-tabs li a {
    font-size: 18px;
}

@media (max-width: 475px) {
    #index #home-page-tabs {
        white-space: nowrap;
    }

    #home-page-tabs li {
        display: inline-flex;
        border: 1px solid grey;
        padding: 2px 5px;
        border-radius: 5px;
    }

    #home-page-tabs li.active {
        background-color: rgb(216, 216, 216);
    }

    #home-page-tabs li a {
        font-size: 14px;
        padding: 4px !important;
        white-space: nowrap;
    }
}

@media (max-width: 992px) {
    #home-page-tabs {
        width: -webkit-fill-available;
    }
}

@media (max-width: 767px) {
    .carousel .container-header {
        display: none;
    }
}

#home-page-tabs li a:hover,
#home-page-tabs li.active a {
    color: black;
}

#index .carousel .container-header {
    padding: 0;
    height: 0;
    position: relative;
    top: -70px;
    right: 5px;
}

#index #newproducts_block.carousel .container-header {
    top: -54px !important;
}

#cart_block:hover .block_content {
    margin-left: -25px;
}

#cart_block #cart_block_list .products .cart-block-image img {
    height: auto;
}

#cart_block:hover .block_content {
    margin-left: -325px !important;
    top: 30px !important;
}

#cart_block #cart_block_list .products li .cart-block-dsc {
    color: #000;
    font-weight: normal;
}

#home-page-tabs {
    margin: 0 !important;
}

.taxCostCart {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

#header_user .bugtracker a {
    padding: 3px 0;
    -webkit-padding-before: 12px;
    float: left;
}

#module-pshowgallery-album .pshowgallery {
    background-color: white;
    margin: 20px auto;
}

@media (max-width: 767px) {
    #module-pshowgallery-albums .pshowgallery .pshowgallerybox:NTH-CHILD(n+2) {
        margin-top: 25px;
    }
}



.our_price_display_min {
    float: left;
    padding: 2px 10px 0 0
}

/* Old fixed-head styles removed - see header-new.css */

#languages_block a {
    width: 135px;
}

#languages_block ul li img {
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

@media (max-width: 992px) {
    #languages_block img {}
}

.fa {
    font-family: FontAwesome !important;
}

#fb_widget .fb_iframe_widget span {
    text-align: left !important;
}


/*.fb_iframe_widget {
    margin: 0 35px 0 0!important;
}*/

.product-price span {
    font-size: 14px;
    font-weight: normal;
}

.priceInfoLabel {
    line-height: 49px;
    margin-right: 15px;
}

#prices-drop .priceBoxMiddle {
    padding: 0 0 0 10px;
}

#index .pull-left.priceBoxMiddleRed {
    display: flex;
    flex-direction: column;
}

.priceBoxMiddleRed {}

.cart_unit .smallinfo,
.price .smallinfo,
.cart_total .smallinfo {
    font-size: 10px;
    font-style: italic;
}

.smallinfo2 {
    font-size: 14px;
    font-style: italic;
}

#total_product .smallinfo2 {
    margin-top: 1px;
    margin-bottom: -5px;
}

.showInclTax {
    display: none !important;
}

.priceInfoTotal {
    line-height: 30px;
}

.priceInfoTotal {
    font-size: 14px !important;
}

.onlyMobile {
    display: none !important;
}

@media (max-width: 767px) {
    .onlyMobile {
        display: block !important;
    }

    .layer_cart_product,
    .layer_cart_cart h4,
    .layer_cart_row {
        display: none;
    }

    .layer_cart_product_title_mobile {
        padding: 10px 0 50px 30px;
        float: left;
        width: 100%;
        line-height: 20px;
        min-height: 210px;
        font-size: 14px;
    }

    .layer_cart_product_title_mobile h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .layer_cart_cart .button-container span,
    .layer_cart_cart .button-container a {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    #layer_cart .layer_cart_cart {
        padding-top: 0;
    }
}

.layer_cart_cart .ajax_cart_quantity {
    opacity: 1 !important;
    display: inline !important;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    body {
        background-color: #ffffff;
    }

    .text-title-banner-top {
        font: 900 18px/20px 'Multicolore', sans-serif;
        color: #b8db2a;
        margin-top: 0;
        text-transform: uppercase;
        display: inline-block
    }

    .text-title-banner-bottom {
        font: 600 16px/16px 'Multicolore', sans-serif;
        text-transform: uppercase;
        color: #fff;
        display: inline-block
    }

    .text-title-banner-footer {
        margin: 0 !important;
        font: 400 12px/12px 'Multicolore', sans-serif;
        color: #fff;
        padding: 0;
        display: inline-block
    }

    .background-circle {
        border: 1px solid #7bb235;
        border-radius: 50% 50%;
        padding: 7px 5px;
        background: #7bb235;
        display: inline-block
    }

    .green-char {
        color: #7bb235
    }

    .text-content-banner-top {
        font: 600 10px/12px 'Nexa Rust Sans', sans-serif;
        text-transform: uppercase;
        text-align: left;
        margin-top: 15px !important;
        color: #fff;
        padding: 5px 15px
    }

    .text-content-banner-bottom {
        font: 600 10px/12px 'Open Sans', sans-serif;
        margin-left: -5px;
        padding: 0 !important;
        color: #fff
    }

    ul.text-content-banner-bottom .text-content-banner-li,
    ul.text-content-banner-bottom .text-content-banner-li-grey {
        padding-left: 1em;
        text-indent: -.7em;
        text-align: left !important;
        width: 94%
    }

    .text-content-banner-li::before,
    .text-content-banner-li-grey::before {
        content: ". ";
        color: #7bb235;
        font-weight: 900;
        font-size: 26px;
        position: absolute;
        left: -5px;
        margin-top: -6px;
    }

    .text-content-banner-li-grey {
        font-weight: 100
    }

    .link-button-advert:hover {
        background: #b8db2a;
        color: #fff;
        border-color: #fff
    }

    .link-button-advert {
        font: 600 12px/14px 'Nexa Rust Sans', sans-serif;
        text-transform: uppercase;
        border: 2px solid #b8db2a;
        padding: 8px 20px;
        border-radius: 26px;
        color: #b8db2a;
        display: inline-block;
        float: left;
        margin-top: 5px;
        margin-left: 15px
    }

    .pshowlayouts-image-list li .pshowlayouts-image,
    .fancybox-inner .pshowlayouts-image {
        top: 0
    }

    .pshowlayouts_main ul {
        padding: 0 30px
    }

    .text-content-banner-list {
        padding: 0 !important
    }

    .text-content-banner-footer-div {
        display: inline-block !important
    }

    .text-title-banner2-top {
        font: 900 18px/20px 'Multicolore', sans-serif;
        margin-top: 0;
        text-transform: uppercase;
        display: inline-block;
        color: #fff
    }

    .text-title-banner2-bottom {
        font: 600 20px/22px 'Nexa Rust Sans Black', sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
        display: inline-block;
        color: #b8db2a
    }

    ul.text-content-banner2-bottom .text-content-banner2-li {
        background: -webkit-gradient(linear, left top, left bottom, from(#b4d82b), to(#79b132)) !important;
        background: -webkit-linear-gradient(#b4d82b, #79b132) !important;
        background: -o-linear-gradient(#b4d82b, #79b132) !important;
        background: linear-gradient(#b4d82b, #79b132) !important;
        display: inline-block;
        text-align: left;
        width: auto;
        padding: 4px 15px;
        border-radius: 15px;
        margin: 8px 0 0
    }

    .text-content-banner2-bottom {
        font: 600 14px/20px 'Open Sans', sans-serif;
        margin-left: -5px;
        padding: 0 15px !important;
        color: #000
    }

    .pshowlayouts_main div,
    .pshowlayouts_main li,
    .pshowlayouts_main ul {
        background: 0 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important
    }

    .text-title-banner3-top {
        font: 900 16px/20px 'Multicolore', sans-serif;
        margin-top: 0;
        text-transform: uppercase;
        display: inline-block;
        color: #fff
    }

    .text-title-banner3-middle,
    .text-title-banner3-bottom {
        font: 600 14px/16px 'Nexa Rust Sans Black', sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
        display: inline-block;
        color: #1fdffa
    }

    ul.text-content-banner2-bottom .text-content-banner2-li {
        left: auto
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 768px) {
    .text-content-banner-list {
        padding: 0
    }

    .text-title-banner-top {
        font: 900 42px/42px 'Multicolore', sans-serif;
        color: #b8db2a;
        margin-top: 20px;
        text-transform: uppercase;
        display: inline-block
    }

    .text-title-banner-bottom {
        font: 600 32px/32px 'Multicolore', sans-serif;
        text-transform: uppercase;
        color: #fff;
        display: inline-block
    }

    .text-title-banner-footer {
        font: 400 16px/42px 'Multicolore', sans-serif;
        color: #fff
    }

    .background-circle {
        border: 1px solid #7bb235;
        border-radius: 50% 50%;
        padding: 7px 5px;
        background: #7bb235
    }

    .green-char {
        color: #7bb235
    }

    .text-content-banner-top {
        font: 600 16px/20px 'Nexa Rust Sans', sans-serif;
        text-transform: uppercase;
        text-align: left;
        margin-top: 15px !important;
        color: #fff
    }

    .text-content-banner-bottom {
        font: 600 14px/20px 'Open Sans', sans-serif;
        margin-left: -5px;
        padding: 15px 0;
        color: #fff
    }

    ul.text-content-banner-bottom .text-content-banner-li,
    ul.text-content-banner-bottom .text-content-banner-li-grey {
        padding-left: 1em;
        text-indent: -.7em;
        text-align: left !important;
        left: 15px;
        list-style: none;
    }

    .pshowlayouts .text-content-banner-li::before,
    .pshowlayouts .text-content-banner-li-grey::before {
        content: ". ";
        color: #7bb235;
        font-weight: 900;
        font-size: 26px;
        position: absolute;
        left: -5px;
        margin-top: -6px;
    }

    .text-content-banner-li-grey {
        font-weight: 100
    }

    .pshowlayouts .bx-wrapper img.banner1-img {
        padding: 15px;
    }

    .link-button-advert:hover {
        background: #b8db2a;
        color: #fff;
        border-color: #fff
    }

    .link-button-advert {
        font: 600 16px/20px 'Nexa Rust Sans', sans-serif;
        text-transform: uppercase;
        border: 2px solid #b8db2a;
        padding: 10px 25px;
        border-radius: 26px;
        color: #b8db2a;
        display: inline-block;
        float: left;
        margin-top: 15px
    }

    .pshowlayouts-image-list li .pshowlayouts-image,
    .fancybox-inner .pshowlayouts-image {
        top: 0
    }

    ul.text-content-banner2-bottom .text-content-banner2-li {
        background: -webkit-gradient(linear, left top, left bottom, from(#b4d82b), to(#79b132)) !important;
        background: -webkit-linear-gradient(#b4d82b, #79b132) !important;
        background: -o-linear-gradient(#b4d82b, #79b132) !important;
        background: linear-gradient(#b4d82b, #79b132) !important;
        display: inline-block;
        text-align: left;
        width: auto;
        padding: 4px 15px;
        border-radius: 15px;
        margin: 8px 0
    }

    .text-content-banner2-bottom {
        font: 600 14px/20px 'Open Sans', sans-serif;
        margin-left: -5px;
        padding: 15px 0;
        color: #000
    }

    .pshowlayouts_main div,
    .pshowlayouts_main li,
    .pshowlayouts_main ul {
        background: 0 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important
    }

    .text-title-banner3-top {
        font: 900 20px/24px 'Multicolore', sans-serif;
        margin-top: 0;
        text-transform: uppercase;
        display: inline-block;
        color: #fff
    }

    .text-title-banner3-middle,
    .text-title-banner3-bottom {
        font: 600 16px/20px 'Nexa Rust Sans Black', sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
        display: block;
        color: #1fdffa
    }

    .text-title-banner2-top {
        font: 900 38px/42px 'Multicolore', sans-serif;
        margin-top: 20px;
        text-transform: uppercase;
        display: inline-block;
        color: #b8db2a
    }

    .text-title-banner2-bottom {
        font: 600 32px/36px 'Nexa Rust Sans Black', sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
        display: inline-block;
        color: #fff
    }

    @media (max-width: 1023px) {
        .text-title-banner2-top {
            font: 900 30px/34px 'Multicolore', sans-serif;
            margin-top: 0;
            text-transform: uppercase;
            display: inline-block;
            color: #fff
        }

        .text-title-banner2-bottom {
            font: 600 26px/30px 'Nexa Rust Sans Black', sans-serif;
            text-transform: uppercase;
            padding-top: 15px;
            display: inline-block;
            color: #b8db2a
        }

        .text-title-banner-top {
            font: 900 34px/36px 'Multicolore', sans-serif;
            color: #b8db2a;
            margin-top: 15px;
            text-transform: uppercase;
            display: inline-block
        }

        .text-title-banner-bottom {
            font: 600 30px/30px 'Multicolore', sans-serif;
            text-transform: uppercase;
            color: #fff;
            display: inline-block
        }

        .text-title-banner-footer {
            margin-top: 20px !important;
            font: 400 14px/14px 'Multicolore', sans-serif;
            color: #fff;
            float: left
        }
    }
}

@media (min-width: 1024px) {
    ul.text-content-banner2-bottom .text-content-banner2-li.li-2 {
        left: -20px
    }

    ul.text-content-banner2-bottom .text-content-banner2-li.li-3 {
        left: -40px
    }

    ul.text-content-banner2-bottom .text-content-banner2-li.li-4 {
        left: -60px
    }
}

@media (min-width: 1200px) {
    .main-row-banner2 {
        margin-top: 45px
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .text-title-banner2-top {
        font: 900 30px/34px 'Multicolore', sans-serif;
        margin-top: 20px;
        text-transform: uppercase;
        display: inline-block;
        color: #fff
    }

    .text-title-banner2-bottom {
        font: 600 28px/32px 'Nexa Rust Sans Black', sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
        display: inline-block;
        color: #b8db2a
    }

    .text-title-banner-top {
        font: 900 34px/36px 'Multicolore', sans-serif;
        color: #b8db2a;
        margin-top: 15px;
        text-transform: uppercase;
        display: inline-block
    }

    .text-title-banner-bottom {
        font: 600 30px/30px 'Multicolore', sans-serif;
        text-transform: uppercase;
        color: #fff;
        display: inline-block
    }

    .text-title-banner-footer {
        margin-top: 65px !important;
        font: 400 14px/14px 'Multicolore', sans-serif;
        color: #fff
    }
}

@media (min-width: 1025px) and (max-width: 1599px) {
    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-prev {
        padding: 0 15px;
        font-size: 64px;
        left: 24px !important;
        z-index: 999999;
        margin-top: -140px;
    }

    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-next {
        padding: 0 17px;
        font-size: 64px;
        right: 0 !important;
        z-index: 999999;
        margin-top: -140px;
    }

    .pshowlayouts .bx-wrapper img.banner1-img {
        padding: 15px;
        max-width: 70%;
    }

    .link-button-advert {
        font: 600 16px/20px 'Nexa Rust Sans', sans-serif;
        text-transform: uppercase;
        border: 2px solid #b8db2a;
        padding: 10px 25px;
        border-radius: 26px;
        color: #b8db2a;
        display: inline-block;
        float: left;
        margin-top: 0;
    }

    .text-content-banner-bottom {
        font: 600 14px/20px 'Open Sans', sans-serif;
        margin-left: -5px;
        padding: 0 0 10px;
        color: #fff;
    }

    .text-title-banner-top {
        font: 900 36px/38px 'Multicolore', sans-serif;
        color: #b8db2a;
        margin-top: 20px;
        text-transform: uppercase;
        display: inline-block;
    }

    .text-title-banner-bottom {
        font: 600 28px/28px 'Multicolore', sans-serif;
        text-transform: uppercase;
        color: #fff;
        display: inline-block;
    }
}

@media (min-width: 1600px) and (max-width: 1819px) {
    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-prev {
        padding: 0 15px;
        font-size: 64px;
        left: 0 !important;
        z-index: 999999;
        margin-top: -140px;
    }

    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-next {
        padding: 0 17px;
        font-size: 64px;
        right: -32px !important;
        z-index: 999999;
        margin-top: -140px;
    }
}

@media (min-width: 1820px) {
    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-prev {
        padding: 0 15px;
        font-size: 64px;
        left: 64px !important;
        z-index: 999999;
        margin-top: -140px;
    }

    .pshowlayouts .bx-wrapper .bx-controls-direction a.bx-next {
        padding: 0 17px;
        font-size: 64px;
        right: 48px !important;
        z-index: 999999;
        margin-top: -140px;
    }
}

div.pshowlayouts {
    position: relative;
    margin: 0;
}

div.pshowlayouts .arrow-left,
div.pshowlayouts .arrow-right {
    top: calc(50% - 25px) !important;
    display: flex;
    opacity: 0.8;
}

div.pshowlayouts .arrow-left {
    left: 0 !important;
    margin-left: 15px;
}

div.pshowlayouts .arrow-right {
    right: 0 !important;
    margin-right: 15px;
}

.pshowlayouts .field h2 {
    margin: 0;
}

div.pshowlayouts .dot-container {
    bottom: 45px !important;
    opacity: 0.9;
}

div.pshowlayouts .dot-container .dot {
    height: 16px !important;
    width: 16px !important;
}

div.pshowlayouts>ul.pshowlayouts-layout-image-list {
    padding: 0;
    margin: 0;
}

#pshowlayouts_image_list_2 {
    height: 100%;
    margin: 0;
}

@media (max-width: 1500px) {
    div.pshowlayouts.pshowlayouts_2 {
        margin-bottom: -130px;
    }
}

@media (min-width: 1501px) and (max-width: 1700px) {
    div.pshowlayouts.pshowlayouts_2 {
        margin-bottom: -150px;
    }
}

@media (min-width: 1701px) {
    div.pshowlayouts.pshowlayouts_2 {
        margin-bottom: -210px;
    }
}

@media (max-width: 1024px) {
    .video-yt-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }

    .video-yt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.popover {
    position: absolute;
    max-width: 350px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    z-index: 1010;
}


.popover.fade.in {
    opacity: 1;
}

.popover.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.popover.top {
    margin-top: -10px;
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover .arrow {
    border-width: 11px;
}

.popover.top .arrow::after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover .arrow::after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow::after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover .arrow::after {
    border-width: 10px;
    content: "";
}

.popover .arrow,
.popover .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover-content {
    padding: 9px 14px;
}

.popover .popover-content img {
    max-height: 120px;
}

iframe {
    max-width: 100%;
}

@media (min-width: 992px) {
    .link-green-back {
        color: #30AD2B;
    }
}

@media (max-width: 991px) {
    .link-green-back {
        color: #30ad2b;
        font-weight: 400 !important;
    }

    .link-green-back .sprites {
        zoom: .7 !important;
    }
}

body>.container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

#cms .container.shadow-bottom,
#my-account #main-head-block .container,
#my-account #main-head-block .container-box-out {
    padding: 0;
    margin-top: 0;
}

#my-account #main-head-block .container {
    max-width: 1420px;
}


@media (max-width: 991px) {
    #contact .content>.container {
        padding: 0;
    }

    #history .container,
    #identity .container,
    #addresses .container {
        padding: 0;
    }
}

#pshowblog_entries>.row-eq-height>.article_grid>article,
#pshowblog_entries>.row-eq-height>.article_grid>article .pshowblog_entry,
#pshowblog_entries>.row-eq-height>.article_grid>article .pshowblog_entry .entry_content {
    height: 100%;
}

#pshowblog_entries>.row-eq-height>.article_grid>article {
    background: #fff;
}

#pshowblog_entries>.row-eq-height>.article_grid>article .pshowblog_entry .entry_content {
    padding: 15px 30px 30px;
}

#pshowblog_entries>.row-eq-height>.article_grid>article .pshowblog_entry .entry_content .pshowblog_entry_heading {
    position: absolute;
    bottom: 10px;
    right: 0;
    padding-right: 40px;
}

#module-pshowblog-blog .bg-gray-light,
#module-pshowblog-category .bg-gray-light {
    background: none;
}

@media (max-width: 768px) {

    #module-pshowblog-blog .bg-gray-light,
    #module-pshowblog-category .bg-gray-light {
        margin: 0;
    }
}

#module-pshowblog-blog .bg-gray-light .pshowblog,
#module-pshowblog-category .bg-gray-light .pshowblog {
    margin-left: 0;
    margin-right: 0;
}

#right_column .blockproductscategory {
    width: 100% !important;
    margin-top: 20px;
}

#right_column .blockproductscategory .productscategory_h2 {
    font-size: 16px;
    color: #1a1c1b;
    margin-left: 15px;
}

#right_column .blockproductscategory .product_list .old-price {
    font-size: 10px;
}


/* added 14.02.2020 */

/*#top-bar {*/
/*    font-style: normal;*/
/*    height: 45px;*/
/*    background-image: -o-linear-gradient(top, #36404c 0%, #374658 100%);*/
/*    background-image: linear-gradient(to bottom, #36404c 0%, #374658 100%);*/
/*}*/

/*#top-bar a {*/
/*    color: white;*/
/*}*/

/*#header-main.fixed-head #top-bar {*/
/*    box-shadow: none;*/
/*}*/

/*#top-bar .collapse-menu ul li:nth-child(odd),*/
/*#top-bar .collapse-menu ul li:nth-child(even) {*/
/*    background-color: #fff;*/
/*}*/

/*#top-bar .collapse-menu ul li:first-child {*/
/*    box-shadow: 0 -2px 2px -2px rgb(66 68 90);*/
/*}*/

/*#top-bar .collapse-menu ul li:last-child {*/
/*    box-shadow: 0 2px 2px -2px rgb(66 68 90);*/
/*}*/

/*#top-bar .collapse-menu ul li:only-child {*/
/*    box-shadow: 0 -2px 2px -2px rgb(66 68 90), 0 2px 2px -2px rgb(66 68 90);*/
/*}*/

/*#top-bar .collapse-menu ul li a {*/
/*    color: #051425;*/
/*}*/

/*#top-bar .collapse-menu ul li a:hover {*/
/*    color: #30AD2B;*/
/*}*/

#languages_block .hover-space img {
    border: 1px solid #ccc;
    display: none;
}

#header_user .bugtracker {
    border: 0;
}

.no-fixed-head .searchButton {}

.no-fixed-head .searchButton i {}

.no-fixed-head .searchButton i::before {
    color: #959aa6;
}

.no-fixed-head form .fa-close,
.no-fixed-head form .fa-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.container-header,
#pshowblog_entries .page-subheading-top {
    color: #051425;
    background: -ms-linear-gradient(1deg, #F0F0F0 0, #FFFFFF 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: -webkit-linear-gradient(89deg, #F0F0F0 0, #FFFFFF 100%);
    background: -o-linear-gradient(89deg, #F0F0F0 0, #FFFFFF 100%);
    background: linear-gradient(1deg, #F0F0F0 0, #FFFFFF 100%);
}

#home-page-tabs li a,
#blockspecials_block .container-header a,
#homefeatured_block .container-header a,
#newproducts_block .container-header a,
#preorder_block .container-header a {
    color: black !important;
}

#index li.pshowlayouts-image.pshowlayouts-slide .field {
    padding: 6% 6px;
}

header .container-fluid:first-child {
    /*-webkit-box-shadow: inset 0 1px 3px -2px black;
    box-shadow: inset 0 1px 3px -2px black;*/
}

#module-pshowblog-entry .fancybox-skin {
    padding: 0 !important;
}

#module-pshowblog-entry .fancybox-wrap {
    max-width: 90%;
    padding: 0 !important;
    position: fixed !important;
}

#module-pshowblog-entry .fancybox-nav {
    width: unset !important;
}

#module-pshowblog-entry .fancybox-close {
    top: 0 !important;
    right: 0 !important;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url('../img/close-box.png');
    cursor: pointer;
}

.pshowgallery-image-block {
    display: flex;
    justify-content: center;
    padding: 5px 0;
}

#product .pshowgallery-images {
    align-items: center;
    border: 1px solid #8080804a;
    margin: 30px 0;
    display: grid !important;
}

#product .pshowgallery-images img {
    max-width: 200px;
}

#support .pshowgallery-images img,
#support_gallery .pshowgallery-images img {
    max-width: 160px;
}

@media (max-width: 450px) {

    #product .pshowgallery-images img,
    #support .pshowgallery-images img {
        max-width: 100px;
    }
}

.pshowgallery-images {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    padding: 15px;
    justify-content: start;
    justify-items: center;
    border-radius: 5px;
}

#support #logo_grid .pshowgallery-images {
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (min-width: 1440px) {
    .pshowgallery-images {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .pshowlayouts ul.labels-line {
        display: none;
    }

    .pshowlayouts .arrow-left,
    .pshowlayouts .arrow-right {
        height: 64px;
        top: 50%;
        transform: translateY(-50%);
    }

    .pshowlayouts.clearfix {
        padding: 10px;
    }

    .pshowlayouts .dot-container {
        bottom: 0;
    }

    #mobile_header {
        margin-bottom: 0;
    }

    .pshowgallery-images {
        grid-template-columns: repeat(2, 1fr);
    }

    .pshowblog-hook>#pshowblog_entries {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .pshowlayouts {
        margin: 53px 0 0 !important;
    }
}

.changelog-desc {
    font-size: 12px;
    font-family: monospace;
}

@media (max-width: 992px) {
    #changelog {
        padding: 16px 8px;
        margin-bottom: 16px;
    }
}

#brand_logo>img,
.header__logo>img {
    width: auto;
    display: inline-block;
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#brand_logo,
.header__logo {
    position: relative;
}

#brand_logo,
#brand_logo .logo,
.header__logo {
    display: inline-block;
}

.pshowblog_entry,
.entry_content {
    height: 100%;
    background: white;
}

#cart_summary td.cart_description .requirement-links a,
#pshowblog_entry .entry_content a,
.support-content a {
    text-decoration: underline;
}

#cart_summary td.cart_description .requirement-links a:hover,
#pshowblog_entry .entry_content a:hover,
.support-content a:hover {
    color: #041325;
}

#support #pshowblog_entries {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 30px;
}

@media (max-width: 992px) {
    #support #pshowblog_entries {
        display: none;
    }
}

#module-pshowblog-blog .pshowblog_entry {
    background: #f6f6f7;
}

#pshowblog_entries {
    padding: 0;
    margin-top: 18px !important;
    margin-bottom: 15px;
}

.fine-gradient {
    background: linear-gradient(to right, #2D2B2C, #30AD2B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cms-embed {
    position: relative;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /* 16:9, calculated as 9÷16 */
}


/* The embedded iframe */

.cms-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#displayNav_left {
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 45px;
}

.swiper-container {
    padding: 0 0 40px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    font-size: 14px;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    color: #374658;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: green;
}

@media (max-width: 1600px) {
    .description-container-product {
        padding-left: 15px;
    }
}

.suspectSourceOfEntrance {
    z-index: 999;
    background-color: #d90000 !important;
    margin: 0;
    padding: 10px 0;
    line-height: 20px;
    color: white !important;
    font-size: 14px !important;
    text-align: center !important;
}

.suspectSourceOfEntrance b {
    text-transform: uppercase;
}

body div.pshowlayouts.fixed_advert_top {
    z-index: 9999;
    font-size: 12px;
    position: relative;
    padding: 0;
    background: var(--promo-color);
    text-align: center;
    color: var(--promo-color-contrast);
    line-height: 1;
}

body div.pshowlayouts.fixed_advert_top:hover {
    opacity: 1;
}

body div.pshowlayouts.fixed_advert_top a {
    color: var(--promo-color-contrast);
}

body div.pshowlayouts.fixed_advert_top .fixed_advert_content {
    line-height: 20px;
    padding: 0 5px;
    display: flex;
    justify-content: space-around;

    font-size: 12px;
    font-weight: 400;
}

body div.pshowlayouts.fixed_advert_top i {
    font-size: 18px !important;
    padding: 3px;
}

body div.pshowlayouts.fixed_advert_top .close_banner {
    border: none;
    float: right;
    border-radius: 50%;
    font-weight: bold;
    position: relative;
    font-size: 22px;
    background: none;
    color: var(--promo-color-contrast);
}

body #mobile_header div.pshowlayouts.fixed_advert_top {
    position: fixed;
    top: 48px;
    font-size: 13px;
}

body #mobile_header div.pshowlayouts.fixed_advert_top .close_banner {
    float: right;
}

#contact-form-page #pshowinstagram .instagram_logo_text {
    font-size: 12px;
}

#contact-form-page #pshowinstagram #details_instagram {
    font-size: 14px;
}

#pshowinstagram #details_instagram .date_instagram,
#pshowinstagram #details_instagram .comments_instagram,
#pshowinstagram #details_instagram .likes_instagram {
    color: #fff !important;
}

#product #pshowinstagram .instagram_logo_text {
    font-size: 12px;
}

#product #pshowinstagram #details_instagram {
    font-size: 14px;
}


/*#product #pshowinstagram #details_instagram_container {
    top: -67px;
}*/

#custompage-head-block {
    width: auto;
    padding: 16px;;
}



@media (max-width: 992px) {
    #custompage-head-block {
        padding: 8px;
    }
}

#prices-drop #custompage-head-block {
    background-color: white;
}

#prices-drop #main-head-block {
    display: none;
}

.social-container-payment {
    margin-top: 1em;
    text-align: center;
    font-size: 16px;
}

.social-container-payment .fb_iframe_widget span {
    text-align: left !important;
}

.order-confirmation-center {
    display: flex;
    justify-content: center;
}

.order_reference_id {
    margin-top: 1em;
    text-align: center;
}

#order-confirmation .fb_iframe_widget iframe {
    position: unset
}

#order-confirmation .reviews_main_box {
    display: none;
}

#index .swiper-container {
    padding-bottom: 0 !important;
}


/* Footer overlay effect */

@media (min-width: 768px) {
    section.content {
        background-color: #ecedef;
    }

    #footer-main {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: -1;
        left: 0;
    }

    #bottom-bar {
        background-color: #ecedef;
    }
}

@media (max-width: 768px) {

    #footer-main {
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    #category .content>.container {
        margin: 10px auto !important;
    }

    #cms .content>.container {
        padding: 0px;
    }

    #module-pshowgallery-albums .content>.container,
    #support .content>.container {
        padding: 0;
    }

    .product-main-info .product-main-info-inner.pmi-fixed h1.product_name {
        width: 70%;
    }

    .product-main-info .product-main-info-inner.pmi-fixed #buy_block {
        width: 30%;
    }

    @media (max-width: 479px) {
        #order_step {
            padding: 10px;
        }

        #order_step li {
            padding-right: 0;
        }

        #order_step li.step_done .sprite-out,
        #order_step li.step_todo .sprite-out {
            line-height: 0;
        }

        #order_step li.step_done .text,
        #order_step li.step_todo .text,
        #order_step .step_current,
        #order_step li span.text {
            font-size: 10px !important;
        }
    }

    #index li.carousel-item.swiper-slide .support-span-mainpage {
        display: none;
    }

    #module-pshowblog-blog ul.tree.dynamized {
        list-style-type: none;
        padding: 0;
    }

    @media all and (min-width: 769px) {

        body#module-pshowblog-blog .container-pagination,
        body#module-pshowblog-category .container-pagination,
        body#module-pshowblog-blog #pshowblog_entries,
        body#module-pshowblog-category #pshowblog_entries {
            width: 60%;
        }

        body#module-pshowblog-blog .entry_content-description p,
        body#module-pshowblog-category .entry_content-description p {
            font: 400 17px/normal "Open Sans", sans-serif;
            line-height: 26px;
        }

        #pshowblog_entries>article>.pshowblog_entry,
        #pshowblog_entries .article_grid>article {
            background-color: white;
        }
    }
}

@media (max-width: 768px) {

    .implementation_gallery .pshowgallery-images {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 425px) {
    .implementation_gallery .pshowgallery-images {
        grid-template-columns: repeat(1, 1fr) !important;
    }

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

    .bubble-left {
        margin-right: 0 !important;
    }

    .bubble-right {
        margin-left: 0 !important;
    }

    .support-content ul {
        padding-left: 0 !important;
    }
}

#support #main-head-block {
    padding: 0;
    margin: 0;
}

#support #main-head-block .container-fluid {
    border-radius: 8px;
}

.bubbles {
    margin: 0 auto;
    display: grid;
    gap: 20px;
    font-size: 14px;
    line-height: 26px;
    max-width: 90%;
    clear: both;
}

.bubble {
    --r: 25px;
    /* the radius */
    --t: 30px;
    /* the size of the tail */
    background: linear-gradient(to bottom, #36404c 0%, #374658 100%);
    max-width: 650px;
    color: #fff;
    margin: 10px 0;
    padding: calc(2*var(--r)/3);
    -webkit-mask:
        radial-gradient(var(--t) at var(--_d) 0, #0000 98%, #000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
        conic-gradient(at var(--r) var(--r), #000 75%, #0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,
        radial-gradient(50% 50%, #000 98%, #0000 101%) 0 0/var(--r) var(--r) space padding-box;
}

/*
 .bubble:nth-child(1) {
    margin-top: 20px;
}

.bubble:nth-child(2) {
    background: linear-gradient(331deg,#30a02b,#013e60) border-box; 
}

.bubble:nth-child(3) {
    background: linear-gradient(175deg,#008fe2,#013e60) border-box; 
}

.bubble:nth-child(4) {
    background: linear-gradient(331deg,#30a02b,#174057) border-box; 
}

.bubble:nth-child(5) {
    background: linear-gradient(135deg,#30a02b,#45555e) border-box; 
} */

.bubble h1 {
    font-size: 22px;
}

.bubble h2 {
    font-size: 18px;
}

.bubble p {
    padding: 5px;
}

.bubble a {
    text-decoration: underline;
    color: white;
}

.bubble-left {
    --_d: 0%;
    border-left: var(--t) solid #0000;
    margin-right: var(--t);
    place-self: start;
}

.bubble-right {
    --_d: 100%;
    border-right: var(--t) solid #0000;
    margin-left: var(--t);
    place-self: end;
}

.bubble ul {
    list-style: none;
    padding: 0;
}

.bubble li {
    display: flex;
    padding: 0 0 15px 0;
    align-items: flex-start;
}

.bubble li::before {
    content: "\f058";
    padding-right: 8px;
    color: #ffffffcf;
    position: relative;
    font-size: 20px;
    font-family: "FontAwesome";
    font-weight: 700;
    padding-top: 0;
    display: flex;
    align-items: center;
}

.implementation_gallery {}

.implementation_gallery .pshowgallery-images {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
}

.implementation_gallery .pshowgallery-image-block {
    max-width: -webkit-fill-available;
    max-height: 350px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #bdbdbdad;
    border-radius: 5px;
    background-color: rgba(179, 179, 179, 0.05);
    box-shadow: 3px -3px #dddddd66;
}

.form-ok>input,
.has-success>input {
    border: 1px solid #34A64E !important;
}

.form-error>input,
.has-error>input {
    border: 1px solid #e30000 !important;
}

.form-error .help-block>ul,
.has-error .help-block>ul {
    clear: both;
    padding: 15px 0 0;
}

.show_all_modules {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    font-size: 14px;
    height: 50px;
    margin: 0;
    background-color: #34a64e;
    width: auto;
    position: relative;
    bottom: 4px;
    right: 4px;
    border-radius: 0;
}

.show_all_modules {
    height: unset;
    background: white;
    border: 1px solid #34a64e;
    color: #34a64e;
    margin: 0 auto;
    width: fit-content;
}

#index .show_all_modules:hover {
    background: #34a64e;
    color: white;
}

div.pshowlayouts.fixed_advert_bottom {
    padding: 0 !important;
}

.row reviews_list_box_row {
    padding: 10px;
    margin: 0 !important;
}

.reviews_list_box .review_text {
    padding: 30px !important;
    line-height: 30px;
    font-size: 18px !important;
}

.reviews_list_box .reviews_list_box_row {
    width: 40%;
    display: inline-grid;
    margin: 10px;
    background: whitesmoke;
    padding: 30px;
    -webkit-box-shadow: 0 0 8px -1px rgb(206 206 206);
    -moz-box-shadow: 0 0 8px -1px rgba(206, 206, 206, 1);
    box-shadow: 0 0 17px -4px rgb(206 206 206);
    border: 1px solid #e7e7e7;
    border-radius: 6px;
}

@media (max-width: 769px) {
    .reviews_list_box .reviews_list_box_row {
        width: 100%;
        padding: 15px;
        margin: 5px;
    }

    .reviews_list_box .review_text {
        padding: 15px !important;
    }

    .reviews-main {
        padding: 0;
    }
}

.maxWidthFull {
    max-width: 100%;
    max-height: 100%;
}

.footer-text {
    column-count: 3;
    font-size: 12px;
    column-gap: 40px;
    text-align: justify;
    padding: 20px;
    color: #999faa !important;
}

.footer-text ul {
    padding: 0 10px;
}

.footer-text h1 {
    font-size: 24px;
}

.footer-text h2 {
    font-size: 18px;
}

@media (max-width: 769px) {
    .footer-text {
        column-count: 2;
        font-size: 10px;
        column-gap: 20px;
        text-align: justify;
    }

    .footer-text ul {
        padding: 0 10px;
    }

    .footer-text h1 {
        font-size: 24px;
    }

    .footer-text h2 {
        font-size: 18px;
    }

    .support-heading h1 {
        margin: 20px 0 10px;
    }
}

@media (max-width: 479px) {
    .footer-text {
        column-count: 1;
        font-size: 9px;
        column-gap: 40px;
        text-align: justify;
    }

    .footer-text ul {
        padding: 0 10px;
    }

    .footer-text h1 {
        font-size: 20px;
    }

    .footer-text h2 {
        font-size: 15px;
    }
}

.stickers {
    margin: 16px;
    height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-direction: column-reverse;
    position: relative;
}

.title-block .stickers {
    position: unset;
    margin: 0;
    z-index: 99;
    opacity: 0.5;
}

.title-block .stickers span {
    margin: 5px 5px 0 0;
    float: left;
    padding: 1px 5px 0 5px;
    background: none !important;
    width: fit-content;
}

.title-block .stickers span::first-letter {
    text-transform: uppercase;
}

.title-block .stickers span.new {
    color: #1aad00;
    border: 1px solid #38af3b;
}

.title-block .stickers span.best {
    background: white;
    border: 1px solid lightgrey;
    color: grey;
}

.title-block .stickers span.promo {
    border: 1px solid var(--promo-color);
    color: var(--promo-color);
}

.title-block .stickers span.preorder {
    border: 1px solid black;
    color: black;
}

.stickers span {
    border-radius: 8px;
    min-width: 60px;
    display: block;
    text-align: center;
    font-size: 10px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
}

#category .stickers span.new,
#index .stickers span.new,
#category .tech_info div.new {
    color: white;
    background: #38af3b;
}

#category .stickers span.best,
#index .stickers span.best,
#category .tech_info div.best {
    background: #007bff;
    color: #ffffff;
}

#prices-drop .stickers span.promo,
#index .stickers span.promo,
#category .stickers span.promo,
#category .tech_info div.promo {
    background: var(--promo-color);
    color: var(--promo-color-contrast);
}

.stickers span.preorder,
.tech_info div.preorder {
    background: var(--preorder-bg);
    color: white;
}

#category .stickers span.custom-sticker,
#category .tech_info div.custom-sticker {
    line-height: 11px;
    width: max-content !important;
    align-items: center;
    gap: 7px;
}

.text-white {
    color: white !important;
}

#module-pshowmodulesmanagement-licenses {
    font-size: 14px !important;
}

.searchButton {
    cursor: pointer;
}

.ac_results {
    position: fixed;
}

.searchBlog-container {
    float: left;
    width: -webkit-fill-available;
}

.searchBlog-container ul {
    list-style: none;
    padding: 0 20px;
}

.searchBlog-container ul li {
    padding: 10px 0;
    display: flex;
    font-size: 14px;
}

.searchBlog-container ul li::before {
    content: "\f02d" !important;
    align-items: flex-start !important;
}

.searchBlog-container ul li i {
    margin-top: 5px;
    width: 20px;
}

.searchBlog-container ul li a {
    width: calc(100% - 30px);
    float: right;
    text-decoration: none;
    font-weight: 700;
}



.blogCmsSearchTitle {
    width: 100%;
    text-align: center;
}

#search .ajax_block_product {
    float: left;
}

#search #main-head-block {
    padding: 10px 0;
}



@media (max-width: 769px) {
    .blogCmsSearchTitle {
        font-size: 24px;
    }

    .searchBlog-container {
        height: auto !important;
    }

    .searchBlog-container ul {
        padding-bottom: 20px;
    }

    #search #footer-main {
        position: absolute;
        margin-left: -15px;
    }
}

@media (min-width: 769px) {
    #search_block_top {
        display: none;
    }
}

.simple-border {
    padding: 10px;
    margin: 20px 0;
    border-radius: 5px;
    border: 1px solid #cbcbcb;
}

@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.spinner_css {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #34a64e;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin: 60px auto;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

#category-head-block,
#contact-form-page,
#main-head-block {
    width: auto;
    padding: 10px;
    background-color: white;
    border-radius: 8px 8px 0 0;
}

/* #module-pshowgallery-albums .main-head-block,
#contact-form-page {
    margin: 10px auto;;
} */

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    25% {
        transform: translatey(-15px);
    }

    45% {
        transform: translatey(0px);
    }

    65% {
        transform: translatey(-8px);
    }

    80% {
        transform: translatey(0px);
    }

    88% {
        transform: translatey(-2px);
    }

    100% {
        transform: translatey(0px);
    }
}

@media (min-width: 425px) {
    #index .tab-content {
        margin: 0 0 60px 0;
    }
}

#index .tab-content .shadow-bottom {
    box-shadow: none;
}

#index .tab-content .swiper-container {
    box-shadow: 0 0 5px 3px rgb(0 0 0 / 6%);
}

.RightSlide,
.LeftSlide {
    cursor: pointer;
}

#index .tab-content .carousel {
    margin-top: 0;
    min-height: 734px;
}

#index .tab-content .carousel .bg-white,
#index .tab-content .carousel .swiper-container {
    background-color: unset !important;
    box-shadow: none !important;
}

#index #home-page-tabs {
    height: 50px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#index #home-page-tabs a {
    color: black;
}


#index .tab-content .carousel:first-child .swiper-container {}

#index .tab-content .carousel i {
    margin: 0 auto;
    display: flex;
    top: 1px;
    position: relative;
    display: none;
}

#index .tab-content .carousel:first-child i {
    top: -15px;
}

#index .tab-content .product_list .ajax_block_product:first-child {
    margin-top: 0;

}

@media (min-width: 769px) {
    #index .tab-content .product_list .ajax_block_product:first-child {
        margin-left: -15px;
    }
}

.scroll-home-tabs {
    overflow-y: hidden;
    margin: 40px 0 20px;
}



@media (max-width: 769px) {
    #index .tab-content .carousel {
        margin-top: 15px;
    }

    #index .tab-content .carousel:first-child {
        margin-top: 0;
    }

    #index .tab-content .carousel {
        background: none;
    }

    #index .tab-content .swiper-container {}

    #preorder {
        padding: 0 !important;
    }

    #index .tab-content .swiper-container {
        box-shadow: none;
    }

    #index .tab-content .shadow-bottom::before {
        display: block;
        font-family: 'FONTAWESOME';
        content: "\f0a9 ";
        position: absolute;
        right: 20px;
        top: 40%;
        font-size: 35px;
        z-index: 9999;
        animation: 2s linear 1 goscroll;
        animation-play-state: inherit;
        opacity: 0;
    }
}

@keyframes slide2 {
    0% {
        opacity: 1;
        width: 200%;
    }

    50% {
        opacity: 0.2;
        width: 0;
    }

    100% {
        opacity: 0;
        width: 200%;
        right: -100px;
    }
}

.cta-main-button {
    background-color: var(--cta-color) !important;
    color: var(--cta-color-contrast) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    gap: 8px !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    min-height: 48px !important;
}

#product #buy_block #add_to_cart button::after,
#product .specific_price_countdown_block::after,
#product .flag-reduction::after,
#cart_block_list #button_order_cart::after,
#brand_logo:hover::after,
.header__logo::after,
.footer-expert-badge::after {
    content: '';
    overflow: hidden;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    filter: blur(16px);
    display: block;
    animation: slide2 5s cubic-bezier(0.18, 0.89, 0.32, 2.28) 3s infinite;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
    /* IE6-9 */
}

#brand_logo:hover::after .header__logo::after {
    animation-delay: 0.2s !important;
    animation: slide2 3s cubic-bezier(.18, .89, .32, 1.28) 2s infinite;
}

@keyframes shake-hide {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
        opacity: 1;
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes goscroll {
    0% {
        transform: translatex(0px);
        opacity: 1;
    }

    25% {
        transform: translatex(15px);
    }

    45% {
        transform: translatex(0px);
    }

    65% {
        transform: translatex(8px);
    }

    80% {
        transform: translatex(0px);
    }

    88% {
        transform: translatex(2px);
        opacity: 0.5;
    }

    100% {
        transform: translatex(0px);
        opacity: 0;
        display: none;
    }
}

@keyframes goscroll2 {
    0% {
        transform: translatex(0px);
    }

    18% {
        transform: translatex(-30px);
    }

    35% {
        transform: translatex(0px);
    }

    50% {
        transform: translatex(-20px);
    }

    68% {
        transform: translatex(0px);
    }

    82% {
        transform: translatex(-10px);
    }

    100% {
        transform: translatex(0px);
    }
}

#block-conditions {
    height: auto;
    clear: both;
}

#block-conditions .req {
    color: red;
    border: 1px solid red;
    padding: 3px;
    font-size: 13px;
    border-radius: 5px;
}

#block-conditions .alert-warning {
    margin: 30px;
}

#conditions-list tr td,
#conditions-list tr th {
    font-size: 14px;
}

#conditions-list tr th {
    font-weight: bold;
}


/* PCP */

#pshowcontrolpanel_front_app {}

#pshowcp_front_app .container {
    background-color: white;
}

#pshowcp_front_app .container .text-sm {
    padding: 10px 0;
}

#pshowcp_front_app .container .text-lg {
    font-size: 1.5rem !important;
}

#pshowcp_front_app .shadow,
#headlessui-portal-root .shadow {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    box-shadow: 0 3px 2px #00000015 !important;
    padding: 18px !important;
}

#pshowcp_front_app .rounded {
    padding: 8px !important;
    margin: 5px 0;
}

#pshowcp_front_app .font-light {
    font-weight: 400 !important;
    color: black !important;
    font-size: 15px !important;
}

#pshowcp_front_app button {
    color: black !important;
}

.conditionsConditionNEWSLETTER #uniform-condition_2 {
    width: 22px;
    padding: 1px 0;
    float: left;
}

.conditionsCondition {
    margin-top: 20px !important;
}

.conditionsCondition label {
    position: unset !important;
}

.conditionsCondition label sup {
    color: red !important;
}

#order .conditionsCondition {
    margin-top: 0 !important;
    padding-top: 0;
}

button:disabled {
    opacity: 0.5;
}

input[type=submit]:disabled {
    opacity: 0.9;
}

.empty-cart {
    clear: both;
    display: flex;
    flex-direction: column;
    height: calc(85vh)
}

.empty-cart a {
    margin: 20px 0;
}

#implementations_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

@media (max-width: 769px) {
    .empty-cart {
        justify-content: space-between;

    }

    .empty-cart a {
        position: absolute;
        top: 85%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #implementations_grid {
        grid-template-columns: 1fr;
    }

    #support .technology-stack {
        padding: 0 15px;
    }
}

.btn-prim {
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
    margin: 0;
    background-color: #34a64e;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    text-transform: none;
}

.btn-sec {
    display: inline-block;
    padding: 8px 12px;
    margin: 0;
    border: 1px solid grey;
    font-size: 14px;
    border-radius: 5px;
    text-transform: none;
}

#top-bar .buttonPSGoogleLogin {
    display: block;
    max-width: 210px;
    padding: 3px 0 0;
}

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

.buttonPSGoogleLogin iframe {
    margin: 0 !important;
}

.pre-social-login-line {
    position: relative;
    text-align: center;
    margin: 15px 0 0 !important;
}

.pre-social-login-line::before,
.pre-social-login-line::after {
    content: ' ';
    width: 45%;
    height: 1px;
    background: #cbcbcb;
    position: absolute;
    top: 9px;
}

.pre-social-login-line::before {
    left: 0;
}

.pre-social-login-line::after {
    right: 0;
}

.toc {
    /*border: 1px solid #d5d5d5;*/
    /*margin: 10px 0 0;*/
    /*padding: 0;*/
    /*border-radius: 5px;*/
}

.toc ol {
    padding: 0 5px;
    margin: 0;
}

/*.toc ol:before {*/
/*    content: "Table of Content";*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*}*/

#short_description_content::after {
    content: "Powered by PShowToC module";
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    display: block;
}

.toc ol li {
    margin-top: 5px;
    font-size: 14px;
    text-indent: -15px;
    padding-left: 20px;
}

.toc ol li a:hover {
    color: black;
}

/*.toc li:before {*/
/*    content: counters(item, ".") ". "!important;*/
/*    counter-increment: item;*/
/*}*/

#cart_block_list ul:nth-child(2) {
    padding: 0;
}

li#cart-summary {
    list-style-type: none;
    text-align: center;
}

@media (min-width: 1400px) {
    #support .pshowgallery-images #pshowgallery-image-block {
        padding: 5px;
    }

    #support .pshowgallery-images #pshowgallery-image-block a img {
        padding: 8px;
    }
}

@media (max-width: 1400px) {
    #support .technology-stack .pshowgallery-images {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

#support .pshowgallery-images {
    align-items: center;
}

#support .technology-stack .pshowgallery-images {
    margin: 5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#support .technology-stack .pshowgallery-images:hover {
    filter: grayscale(0);
}

#support .technology-stack .pshowgallery-images img {
    padding: 0 20px;
    max-width: 140px !important;

}

#support .partners .pshowgallery-images {
    grid-template-columns: repeat(4, 1fr);
}

#support .pshowgallery-images #pshowgallery-image-block {
    padding: 8px;
}

#support .pshowgallery-images #pshowgallery-image-block a img {
    width: 90%;
}

#support .pshowgallery-images a {
    display: block;
    text-align: center;
    position: relative;
}

#support .pshowgallery-images a img {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    display: inline-block;
}

.pshowgallery-images.row.row-eq-height {
    margin-bottom: 16px;
}

#support .pshowgallery-images a:hover {
    border-color: #e63f76;
}

#support .pshowgallery-images a:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.btn-xs {
    font-size: 0.725rem;
}

#credential_picker_container {
    right: 10px !important;
    top: 50px !important;
}

.tooltip-tip.active {
    position: absolute !important;
    max-width: 350px;
}

.cart_product img {
    max-width: none;
}

.payment-icons {
    display: flex;
    align-items: center;
}

.grid-big-icon {
    display: flex;
    height: 24px;
    gap: 2px;
}

.grid-big-icon div {
    background: #374658;
    width: 8px;
    border-radius: 2px;
}

.grid-small-icon {
    display: grid;
    height: 24px;
    gap: 1px;
    grid-template-columns: 25% 25% 25% 25%;
}

.grid-small-icon div {
    background: #374658;
    width: 6px;
    border-radius: 2px;
}



/* Header New Design Styles */

/* ===== PShowInfoBar (pshowadverts top banner) ===== */
body div.pshowlayouts.fixed_advert_top {
    position: relative !important;
    z-index: 1001;
    width: 100%;
    background: linear-gradient(90deg, #0BBF20 0%, #20D989 100%);
    text-align: center;
    color: #fff;

    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

body div.pshowlayouts.fixed_advert_top .fixed_advert_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

body div.pshowlayouts.fixed_advert_top a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

body div.pshowlayouts.fixed_advert_top a:hover {
    text-decoration: underline;
}

/* Green CTA button in infobar */
body div.pshowlayouts.fixed_advert_top .btn,
body div.pshowlayouts.fixed_advert_top a.btn {
    background: #fff;
    color: #0BBF20 !important;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    margin-left: 12px;
    transition: all 0.2s ease;
}

body div.pshowlayouts.fixed_advert_top .btn:hover,
body div.pshowlayouts.fixed_advert_top a.btn:hover {
    background: #f0f0f0;
    text-decoration: none;
}

/* Close button for infobar */
body div.pshowlayouts.fixed_advert_top .close,
body div.pshowlayouts.fixed_advert_top .pshow-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.2s;
}

body div.pshowlayouts.fixed_advert_top .close:hover,
body div.pshowlayouts.fixed_advert_top .pshow-close:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.3);
}


/* Top Info Bar */
.header-top-info-bar {
    background: #fbfdff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    height: 60px;
    display: flex;
    align-items: center;

}

.top-info-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.info-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #374053;
}

.info-icon {
    color: #374053;
}

.info-text {
    font-weight: 700;
}

.info-link {
    color: #0bbf20;
    font-weight: 700;
    text-decoration: none;
}

.info-link:hover {
    text-decoration: underline;
}

.info-close {
    position: absolute;
    right: 0;
    background: #f3f3f3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #575757;
    font-size: 12px;
}

/* Main Header Styles (Figma) */
#header-main.header-new-design {
    background: #F8F8F8;
    padding: 0;
    border-bottom: 1px solid rgba(219, 219, 219, 0.5);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);
    min-height: 90px;
    position: relative;
    z-index: 1000;
}

.header-top-blackbar {
    background: #0f1114;
    color: #d7dee8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.header-top-blackbar__container {
    max-width: 1620px;
    margin: 0 auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 3%;
}

@media (max-width: 1620px) {
    .header-top-blackbar__container {
        margin: 0 20px;
    }
}

.header-top-blackbar__left,
.header-top-blackbar__right {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-top-blackbar__item {
    color: rgba(255, 255, 255, 0.75);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.header-top-blackbar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.header-top-blackbar__item:hover {
    color: #0bbf20;
}

.header-top-blackbar__left .header-top-blackbar__item+.header-top-blackbar__item::before,
.header-top-blackbar__right .header-top-blackbar__item+.header-top-blackbar__item::before {
    content: "";
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.22);
    position: relative;
    margin-right: 10px;
}

.header-top-blackbar__selector .header-top-blackbar__icon {
    width: 12px;
    height: 12px;
}

/* Ikona waluty: ten sam rozmiar co tel/e-mail (14px), wyraźniejszy stroke */
.header-top-blackbar__dropdown--currency .header-top-blackbar__icon--currency {
    width: 14px;
    height: 14px;
}

.header-top-blackbar__dropdown--currency .header-top-blackbar__icon--currency svg {
    display: block;
    width: 14px;
    height: 14px;
}

.header-top-blackbar__dropdown {
    position: relative;
}

/* Hover bridge: keeps dropdown open while moving cursor down */
.header-top-blackbar__dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 8px;
}

.header-top-blackbar__selector {
    transition: color 0.2s ease;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: inherit;
}

.header-top-blackbar__selector .nav-main__chevron {
    transition: transform 0.2s ease, color 0.2s ease;
}

.header-top-blackbar__dropdown:hover .header-top-blackbar__selector {
    color: #0bbf20;
}

.header-top-blackbar__dropdown:focus-within .header-top-blackbar__selector {
    color: #0bbf20;
}

.header-top-blackbar__dropdown:hover .nav-main__chevron {
    transform: rotate(180deg);
}

.header-top-blackbar__dropdown:focus-within .nav-main__chevron {
    transform: rotate(180deg);
}

.header-top-blackbar__menu {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 74px;
    position: absolute;
    top: 100%;
    right: 0;
    background: #161b22;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    z-index: 1200;
}

.header-top-blackbar__dropdown:hover .header-top-blackbar__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-top-blackbar__dropdown:focus-within .header-top-blackbar__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-top-blackbar__menu li a,
.header-top-blackbar__menu li button {
    display: block;
    padding: 6px 12px;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    font-size: 12px;
    line-height: 1.2;
    transition: color 0.2s ease, background 0.2s ease;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.header-top-blackbar__menu li a:hover,
.header-top-blackbar__menu li button:hover {
    color: #0bbf20;
    background: rgba(255, 255, 255, 0.04);
}

.header-top-blackbar__lang-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
}

.header-top-blackbar__lang-flag img,
.header-top-blackbar__menu--languages li a img,
.header-top-blackbar__menu--languages li button img {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    object-fit: contain;
    object-position: center center;
    background: rgba(255, 255, 255, 0.06);
    display: block;
    flex-shrink: 0;
}

.header-top-blackbar__menu--languages {
    min-width: 200px;
    padding: 0;
}

.header-top-blackbar__menu--languages li:nth-child(odd) {
    background: rgba(255, 255, 255, 0.05);
}

.header-top-blackbar__menu--languages li:nth-child(even) {
    background: transparent;
}

.header-top-blackbar__menu--languages li a,
.header-top-blackbar__menu--languages li button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.92);
    transition: color 0.2s ease, background 0.2s ease;
}

.header-top-blackbar__menu--languages li a:hover,
.header-top-blackbar__menu--languages li button:hover {
    color: #0bbf20;
    background: rgba(11, 191, 32, 0.12);
}

/* Logo - no changes in sticky mode */
.header__logo img {
    transition: none;
}

/* Header Container (BEM) */
.header__container {
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: nowrap;
    max-width: 1620px;
    margin: 0 auto;
    padding: 10px 0;
}

#header-main .banner_container,
.banner_container .container {
    height: 45px !important;
}

#header-main .banner_container,
.banner_container .container .text {
    font-size: 1rem !important;
}

/* Checkout pages: keep logo + security badge balanced and vertically centered */
.header__container--checkout {
    justify-content: space-between;
    gap: 24px;
    min-height: 90px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Left Side: Logo + Navigation */
.header__left {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
}

.header__logo {
    flex-shrink: 0;
    display: block;
}

.header__nav {
    flex-shrink: 0;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
}

/* Right Side: Search + Tools */
.header__right {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end;
    gap: 16px;
}

/* Checkout Mode */
.header__checkout {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #35a84d;
    font-size: 16px;
    line-height: 1;
}

.header__checkout i,
.header__checkout span {
    display: inline-flex;
    align-items: center;
}

.nav-main__menu {
    display: flex;
    align-items: center;
    transition: gap 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* gap defined in responsive section */
}

.nav-main__item a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 3%;
    color: #374053;
    text-decoration: none;
    transition: color 0.2s ease;
}

.nav-main__promo {
    width: 122px;
    display: flex;
    justify-content: center;
}

.nav-main__item a:hover,
.nav-main__item a.active-menu {
    color: #0bbf20;
}

.nav-main__chevron {
    transition: transform 0.2s ease, color 0.2s ease;
}

.nav-main__item:hover .nav-main__chevron {
    transform: rotate(180deg);
}

/* Dropdown positioning */
.nav-main__item--dropdown {
    position: relative;
}

.nav-main__menu .nav-main__dropdown {
    position: absolute !important;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    z-index: 1100;
    padding-top: 12px;
}

.nav-main__item--dropdown:hover>.nav-main__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* CTA Button - Figma Specs */
.nav-main__cta {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--cta-color);
    color: #000 !important;
    padding: 8px 8px 8px 24px;
    /* Figma: 8px right, 24px left */
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    /* Figma: 16px */
    text-decoration: none;
    min-height: 48px;
    /* Figma: 48px height */
    transition: background 0.2s ease;
    white-space: nowrap;
    transition: all 2s;

}


.nav-main__cta:hover {
    background: var(--cta-hover);
    transition: all 3s;
}

.nav-main__cta-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.nav-main__cta svg {
    width: 18px;
    height: 18px;
}

/* User Tools */
.header__tools {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: gap 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header__tool {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    opacity: 0.9;
    transition: all 0.2s ease;
}

.header__tool svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    flex-shrink: 0;
}

.header__tool:hover {
    color: #0bbf20;
    opacity: 1;
}

.header__tool--active {
    color: #0bbf20;
    opacity: 1;
}

/* Cart Styling */
#cart_block {
    position: relative;
}

#cart_block #cart_block_summary,
#cart_block #cart_block_summary.block-cart-new {
    background: transparent !important;
    border-radius: 8px;
    box-shadow: none;
    width: 48px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

#cart_block #cart_block_summary:hover {
    background: #fff !important;
    box-shadow: 0 6px 12px rgba(206, 206, 206, 0.15);
}

/* Białe tło także przy najechaniu na dropdown (cały #cart_block) */
#cart_block:hover #cart_block_summary,
#cart_block:hover #cart_block_summary.block-cart-new {
    background: #fff !important;
    box-shadow: 0 6px 12px rgba(206, 206, 206, 0.15);
}

#cart_block .cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374053 !important;
}

/* Do not set fill on the root <svg>: it can override gradient fills on paths in some browsers. */
#cart_block #cart_block_summary .cart-icon svg {
    fill: none;
}

#cart_block #cart_block_summary .cart-icon svg .cart-icon__solid path {
    fill: currentColor;
}

#cart_block #cart_block_summary .cart-icon svg .cart-icon__solid,
#cart_block #cart_block_summary .cart-icon svg .cart-icon__gradient,
#cart_block.cart-block-new #cart_block_summary .cart-icon svg .cart-icon__solid,
#cart_block.cart-block-new #cart_block_summary .cart-icon svg .cart-icon__gradient {
    transition: opacity 0.2s ease;
}

#cart_block #cart_block_summary .cart-icon svg .cart-icon__solid,
#cart_block.cart-block-new #cart_block_summary .cart-icon svg .cart-icon__solid {
    opacity: 1;
}

#cart_block #cart_block_summary .cart-icon svg .cart-icon__gradient,
#cart_block.cart-block-new #cart_block_summary .cart-icon svg .cart-icon__gradient {
    opacity: 0;
}

/*
 * Two SVG layers: solid (empty cart) vs gradient (filled). Opacity swap avoids duplicate
 * cart shapes in one icon; if the gradient fails to paint (e.g. duplicate gradient id),
 * both layers hidden => invisible icon — fixed via unique cart_icon_gradient_id in tpl.
 */
#cart_block.is-filled #cart_block_summary .cart-icon svg .cart-icon__solid,
#cart_block.cart-block-new.is-filled #cart_block_summary .cart-icon svg .cart-icon__solid {
    opacity: 0;
}

#cart_block.is-filled #cart_block_summary .cart-icon svg .cart-icon__gradient,
#cart_block.cart-block-new.is-filled #cart_block_summary .cart-icon svg .cart-icon__gradient {
    opacity: 1;
}

#cart_block .cart-icon svg {
    width: 36px;
    height: 31px;
}

#cart_block .ajax_cart_quantity_bubbels,
#cart_block .ajax_cart_quantity {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 1px 3px;
    border-radius: 100px;
    background: linear-gradient(180deg, #18AA2F 0%, #26E644 100%) !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    line-height: 1;
    color: #fff !important;
    text-align: center;
}

/* Cart Block (New Design) */
#cart_block.cart-block-new {
    position: relative !important;
    display: inline-block !important;
    width: fit-content !important;
    float: none !important;
}

/* Mobile: position cart to the right */
@media (max-width: 991px) {
    #cart_block.cart-block-new {
        position: absolute !important;
        right: 70px !important;
        top: 8px !important;
    }

    #cart_block.cart-block-new #cart_block_summary {
        background-color: inherit !important;
    }

    /* Mobile UX safety:
       keep the same filled-cart behavior as desktop (gradient icon). */
    #cart_block.is-filled #cart_block_summary .cart-icon svg .cart-icon__solid,
    #cart_block.cart-block-new.is-filled #cart_block_summary .cart-icon svg .cart-icon__solid {
        opacity: 0 !important;
    }

    #cart_block.is-filled #cart_block_summary .cart-icon svg .cart-icon__gradient,
    #cart_block.cart-block-new.is-filled #cart_block_summary .cart-icon svg .cart-icon__gradient {
        opacity: 1 !important;
    }
}

#cart_block.cart-block-new #cart_block_summary {
    background: transparent;
    border-radius: 8px;
    box-shadow: none;
    width: 48px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

#cart_block.cart-block-new #cart_block_summary:hover {
    background: #fff;
    box-shadow: 0 6px 12px rgba(206, 206, 206, 0.15);
}

#cart_block.cart-block-new:hover #cart_block_summary {
    background: #fff;
    box-shadow: 0 6px 12px rgba(206, 206, 206, 0.15);
}

#cart_block.cart-block-new #cart_block_summary a,
#cart_block_summary_mobile_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#cart_block .cart-icon,
#cart_block.cart-block-new .cart-icon {
    transition: color 0.2s ease;
}

#cart_block .cart-icon svg path,
#cart_block.cart-block-new .cart-icon svg path {
    transition: fill 0.2s ease;
}

#mobile_header #cart_block.cart-block-new .cart-icon svg {
    width: 26px;
    height: auto;
}

#mobile_header #top-bar #cart_block.cart-block-new .ajax_cart_quantity_bubbels {
    top: 3px !important;
    right: -4px !important;
}


#cart_block.cart-block-new .cart-icon,
#cart_block_summary_mobile_bottom .cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374053 !important;
    zoom: 1.15;
}

#cart_block_summary_mobile_bottom .cart-icon {
    width: 30px;
    position: relative;
}

#cart_block.cart-block-new .cart-icon svg {
    width: 36px;
    height: 31px;
    fill: none;
}

#cart_block.cart-block-new #cart_block_summary .cart-icon svg .cart-icon__solid path,
#cart_block.cart-block-new .cart-icon svg .cart-icon__solid path {
    fill: currentColor;
}

#cart_block.cart-block-new .cart-mobile-img {
    display: none !important;
}

#cart_block.cart-block-new .ajax_cart_quantity_bubbels,
.cart_block_summary .ajax_cart_quantity_bubbels {
    position: absolute !important;
    top: -2px !important;
    right: -6px !important;
    left: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 1px 3px;
    border-radius: 100px;
    background: linear-gradient(180deg, #18AA2F 0%, #26E644 100%) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 1;
    color: #fff !important;
    text-align: center;
}

#top-bar #cart_block.cart-block-new .ajax_cart_quantity_bubbels {
    top: 0px !important;
    right: -8px !important;
}

/* ========================================
   CART DROPDOWN - Classic Style
   ======================================== */

/* Dropdown Container */
#cart_block.cart-block-new .block_content {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    width: 320px !important;
    background: #f5f9fd !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    padding: 0 !important;
    z-index: 2001 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: all 0.2s ease;
}

#cart_block.cart-block-new:hover .block_content {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}

#cart_block.cart-block-new .block_content::before {
    display: none;
}

/* Products List */
#cart_block.cart-block-new .block_content .products {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    max-height: 300px;
    overflow-y: auto;
    background: #f5f9fd;
}

/* Product Item */
#cart_block.cart-block-new .block_content .products li {
    display: flex;
    align-items: stretch;
    gap: 12px;
    padding: 10px 40px 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: relative;
}

#cart_block.cart-block-new .block_content .products li:last-child {
    border-bottom: none;
}

/* Product Image with Quantity Badge */
#cart_block.cart-block-new .block_content .cart-block-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    position: relative;
    border-radius: 6px;
    overflow: visible;
    background: #fff;
    border: 1px solid #e0e0e0;
    margin-left: 4px;
}

#cart_block.cart-block-new .block_content .cart-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

/* Quantity Badge on Image */
#cart_block.cart-block-new .block_content .quantity-badge {
    position: absolute;
    bottom: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    background: #34a64e;
    color: #fff !important;
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Hide old quantity format */
#cart_block.cart-block-new .block_content .quantity-formated {
    display: none;
}

/* Product Info */
#cart_block.cart-block-new .block_content .cart-block-dsc {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 24px;
}

#cart_block.cart-block-new .block_content .cart-block-dsc .cart_block_product_name {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#cart_block.cart-block-new .block_content .cart-block-dsc .cart_block_product_name:hover {
    color: #34a64e;
}

/* Price - Bottom Right */
#cart_block.cart-block-new .block_content .price-line {
    text-align: right;
    margin-top: auto;
}

#cart_block.cart-block-new .block_content .price-line .price {
    font-size: 14px;
    font-weight: 600;
    color: #1b212d;
}

/* Remove Button */
#cart_block.cart-block-new .block_content .remove_link {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

#cart_block.cart-block-new .block_content .remove_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #bbb;
    transition: color 0.15s ease;
}

#cart_block.cart-block-new .block_content .remove_link a:hover {
    color: #e74c3c;
}

/* Cart Summary */
#cart_block.cart-block-new .block_content #cart-summary,
#cart_block.cart-block-new .block_content #cart-summary-mobile {
    padding: 10px 16px 12px;
    margin: 0;
    background: #f8f9fa;
    border-top: 1px solid #e8e8e8;
}

#cart_block.cart-block-new .block_content #cart-prices,
#cart_block.cart-block-new .block_content #cart-prices-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #666;
}

#cart_block.cart-block-new .block_content #cart_block_total,
#cart_block.cart-block-new .block_content #cart-prices-mobile .price {
    font-size: 16px;
    font-weight: 700;
    color: #1b212d;
}

/* Tax Line */
#cart_block.cart-block-new .block_content #cart-tax,
#cart_block.cart-block-new .block_content #cart-tax-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #888;
}

#cart_block.cart-block-new .block_content #cart_block_tax,
#cart_block.cart-block-new .block_content #cart_block_tax_mobile {
    font-size: 12px;
    font-weight: 500;
    color: #888;
}

/* Checkout Button */
#cart_block.cart-block-new .block_content #cart-buttons,
#cart_block.cart-block-new .block_content #cart-buttons-mobile {
    margin: 0;
}

#cart_block.cart-block-new .block_content .btn-checkout,
#cart_block.cart-block-new .block_content #button_order_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    background: #34a64e !important;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    transition: background 0.2s ease;
}

#cart_block.cart-block-new .block_content .btn-checkout:hover,
#cart_block.cart-block-new .block_content #button_order_cart:hover {
    background: #2d9144 !important;
}

#cart_block.cart-block-new .block_content #button_order_cart::after {
    display: none !important;
}

/* ===== SMOOTH SCROLL-LINKED STICKY HEADER ===== */

/* Body padding transition */
body {
    transition: padding-top 0.2s ease-out;
}

/* Base header - JS handles transform via requestAnimationFrame */
#header-main.header-new-design {
    will-change: transform;
    /* No CSS transition on transform - JS lerp handles smoothness */
    transition: box-shadow 0.2s ease-out,
        background 0.2s ease-out;
}

/* Fixed/Sticky State - override global.css conflicts */
#header-main.header-new-design.fixed-head {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background: #F8F8F8 !important;
    border-bottom: 1px solid rgba(219, 219, 219, 0.5) !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07) !important;
}

/* Override global.css container background */
#header-main.header-new-design.no-fixed-head>.container,
#header-main.header-new-design.fixed-head>.container {
    background: transparent !important;
}

/* Override global.css z-index: 666 */
#header-main.fixed-head.header-new-design {
    z-index: 999 !important;
}

/* Mobile: disable new sticky, use classic sticky behavior */
@media (max-width: 991px) {
    #header-main.header-new-design.fixed-head {
        transform: none !important;
        position: relative;
    }

    body.sticky-mobile #header-main.header-new-design {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
}

/* Reduce motion - disable JS animation via CSS variable */
@media (prefers-reduced-motion: reduce) {
    #header-main.header-new-design {
        transition: none !important;
    }
}


/* ===== RESPONSIVE BREAKPOINTS (Figma Design) ===== */

/* Default Full HD 1920px+ */
.header__container {}

.header__left {
    gap: 0px;
}

.nav-main__menu {
    gap: 24px;
}

.nav-main__item a {
    font-size: 16px;
    white-space: nowrap;
}

.header__tools {
    gap: 12px;
}

/* 1520px */
@media (max-width: 1620px) {
    .header__left {
        gap: 30px;
    }

    .header__nav {
        justify-content: flex-start !important;
    }

    .header__container {
        margin: 0 20px;
    }

    .header__tool span {
        display: none;
    }

    .header__left {
        gap: 20px;
    }

    .header__right {
        gap: 20px;
        justify-content: flex-end;
    }

    .nav-main__menu {
        gap: 16px;
    }

    .header__tools {
        gap: 16px;
    }

    .nav-main__promo {
        width: 102px;
    }


}

/* 1300px - Hide text labels */
@media (max-width: 1400px) {
    .header__container {
        gap: 0;
    }

    .header__nav {
        justify-content: flex-start;
    }

    .search-trigger {
        width: auto !important;
        height: auto !important;
        padding: 8px 16px !important;
        margin: 0 16px 0 !important;
        justify-content: center !important;
        margin-right: 0 !important;
    }

    .search-trigger__text {
        display: none !important;
    }

    .search-trigger svg {
        width: 24px;
        height: 24px;
        color: #000;
        transition: color 0.2s ease;
    }

    .search-trigger:hover {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .search-trigger:hover svg {
        color: #0bbf20;
    }

    .header__right {
        gap: 16px;
    }

    .header__logo img {
        max-height: 26px;
        width: auto;
    }
}

@media (max-width: 1120px) {
    .header__container {
        gap: 0;
    }

    .nav-main__promo {
        width: auto;
    }

    .header__nav {
        justify-content: center;
    }
}

/* 991px - Hide desktop, show mobile */
@media (max-width: 991px) {
    .header-top-blackbar {
        display: none;
    }

    .search-trigger__text {
        display: block;
    }

    .search-trigger {
        width: 240px !important;
        border: 1px !important;
        justify-content: space-between !important;
        background-color: #fff !important;
    }
}

/* ==========================================
   Account Dropdown Menu
   ========================================== */
.header__account-dropdown {
    position: relative;
}

.header__account-dropdown:hover .header__tool {
    color: #0bbf20;
    opacity: 1;
}

/* Chevron icon - positioned bottom-right of dropdown trigger */
.header__account-chevron {
    display: none;
    position: absolute;
    right: -4px;
    bottom: 6px;
    width: 8px;
    height: 8px;
    transition: transform 0.2s ease;
}

.header__account-dropdown:hover .header__account-chevron {
    transform: rotate(180deg);
}

.account-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 270px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    z-index: 1000;
    overflow: hidden;
}

/* Large screens: hover to open */
.header__account-dropdown:hover .account-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Close button - hidden by default on large screens */
.account-menu__close {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.account-menu__close:hover svg path {
    fill: #3c4043;
}

/* Small screens: click to open, show close button */
@media (max-width: 1520px) {

    /* Disable hover on small screens */
    .header__account-dropdown:hover .account-menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
    }

    /* Show menu only when .is-open class is added via JS */
    .header__account-dropdown.is-open .account-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Show close button */
    .account-menu__close {
        display: flex;
    }

    .header__account-dropdown {
        padding: 12px 0;
    }
}

/* Header section */
.account-menu__header {
    padding: 16px 20px 13px;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.account-menu__status,
.account-menu__name {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #374053;
    line-height: 21px;
}

.account-menu__login-link {
    font-weight: 600;
    font-size: 14px;
    color: #374053;
    text-decoration: none;
    line-height: 21px;
    transition: color 0.2s ease;
}

.account-menu__login-link:hover {
    color: #0bbc27;
}

/* Language & currency info banner */
.account-menu__lang-info {
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.account-menu__lang-info-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8faf8;
    border-radius: 6px;
    padding: 8px 12px;
    min-height: 52px;
}

.account-menu__lang-icon {
    flex-shrink: 0;
    color: #666;
    width: 16px;
    height: 16px;
}

.account-menu__lang-info-inner span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
}

/* Menu items */
.account-menu__items {
    padding: 8px 0 0;
    display: flex;
    flex-direction: column;
}

.account-menu__item {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 41px;
    padding: 10px 20px;
    color: #374053;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    transition: background 0.15s ease;
}

.account-menu__item:hover {
    background: #f8faf8;
}

.account-menu__item svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.account-menu__item--blue {
    color: #2563eb;
}

.account-menu__item--blue svg {
    color: #2563eb;
}

/* Footer (logout) */
.account-menu__footer {
    padding: 13px 20px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

.account-menu__logout {
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    line-height: 21px;
    transition: color 0.2s ease;
}

.account-menu__logout:hover {
    color: #374053;
}



#header-main {
    position: fixed !important;
    width: 100%;
    top: 0px;
}

#mobile-bottom {
    display: none;
}

@media (max-width: 991px) {
    #mobile_header #pshowblocksearch_widget {
        position: absolute;
        top: 11px;
        right: 135px;
        display: none;
    }

    #mobile_header .search-trigger {
        display: flex !important;
        height: 40px !important;
        width: 40px !important;
        border: 1px solid #e0e0e0 !important;
        justify-content: center !important;
    }

    #mobile_header .search-trigger svg {
        width: 20px;
        height: 20px;
    }

    #mobile_header .search-trigger svg path {
        stroke: #999999;
    }

    #mobile-menu #pshowblocksearch_widget,
    #mobile-menu #search_block_top {
        display: none !important;
    }

    #mobile-bottom {
        display: grid!important;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 999;
        width: 100%;
        padding: 0;
        height: 60px;
        box-shadow: 0px -2px 12px 0px #0000000F;
    }

    #mobile-bottom span.icon,
    #mobile-bottom span.label {
        width: 100%;
        float: left;
        text-align: center;
        line-height: 15px;
    }

    #mobile-bottom span.icon {
        margin-top: 5px;

    }

    #mobile-bottom span.label {
        font-weight: 500;
        font-size: 10px;
        margin-top: 2px;
        color: #999;
    }

    #mobile-bottom .row .col-xs-3:first-child span.label {
        color: #374053;
    }

    #mobile-bottom .row .col-xs-3:last-child span.label {
        color: #0BBF20;
    }

    #mobile-bottom .cart_block_summary svg {
        width: 24px;
        height: 16px;
        margin-top: 5px;
    }

    #cart_block_summary_mobile_bottom {
        position: relative;
        margin-bottom: -1px;
    }

    .cart_block_summary .ajax_cart_quantity_bubbels {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 9px !important;
        top: -5px !important;
        right: -10px !important;
    }

    #mobile-bottom span.label.activeHrefGreen {
        color: #0BBF20;
    }

    #cart_block #cart_block_summary {
        display: none !important;
    }

    #top-bar {
        transition: transform 0.3s ease;
    }

}