:root {
    --ss-body: #2d2d2c;
    --ss-white-smoke: #f3f4f6;
    --ss-primary: #2A9A88;
    --font-ss: "Public Sans", sans-serif;
    --ss-shad: 2px 2px 2px 1px #d3cfc8;
    --ss-shad2: #63636333 0px 2px 8px 0px;
    --ss-shad3: 2px 2px 2px 1px #6eC1a1;
    --normal-font-size: 12px;
    --larger-font-size: 14px;
    --normal-font-weight: 500;
    --lighter-font-weight: 300;
    --bold-font-weight: 700;
    --ss-border-radius: 5px;
    --ss-width: calc(0px + 18rem + (100% + 0px - 22rem) / 12 * 10);
    --template-headings-font: "Public Sans", sans-serif;
    --template-font: "Public Sans", sans-serif;
    --color-primary: #2D2D2C;
    --color-header-background: #fff;
    --ss-bg: #fff;
    --ss-header-height: 110px;
}

/*globalsy*/
.ac--fs {
    align-content: flex-start !important
}

.ai--center {
    align-items: center !important;
}

.ai--fe {
    align-items: flex-end !important;
}

.ai--fs {
    align-items: flex-start !important;
}

.bg--0{background:none!important;}

.bg--blue {
    background: #284666 !important;
}

.bg--blur-4 {
    backdrop-filter: blur(4px) !important;
}

.bg--green {
    background: #2A9A88 !important;
}

.bg--grey,
.bg--2d {
    background: #2D2D2C !important;
}

.bg--black {
    background: #000 !important;
}

.bg--b-50 {
    background: #00000080 !important;
}

.bg--smoke {
    background: #F3F4F6 !important;
}

.bg--white {
    background: #FFF !important;
}

.border--none {
    border: none !important;
}

.border-c--w50 {
    border-color: #ffffff80 !important;
}

.border--0{border: none !important;}

.border-rad--8 {
    border-radius: 8px !important;
}

.border-rad--20 {
    border-radius: 20px !important;
}

.border-rad--30 {
    border-radius: 30px !important;
}

.border-rad--100 {
    border-radius: 100% !important;
}

.border-r--ss {
    border-radius: var(--ss-border-radius);
}

.border--s1 {
    border: solid 1px;
}

.border-s__top {
    border-top: solid #2D2D2C !important
}

.border-s__bottom {
    border-bottom: solid #2D2D2C !important
}

.border--s1__right,
.border-r--s1 {
    border-right: solid 1px;
}

.box-sizing--cb {
    box-sizing: content-box !important;
}

.btn--ss24 {
    height: 33px;
    padding: 7px 25px;
    box-shadow: 2px 2px 2px 1px #d3cfc8;
    border-radius: var(--ss-border-radius);
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    background-color: var(--ss-white-smoke) !important;
    color: var(--ss-body) !important;
    border: none;
    transition: 0.5s;
    letter-spacing: 1px;
}

.btn--ss24:hover {
    box-shadow: none;
    transition: 0.5s;
}

.cg--1r{column-gap: 1rem!important;}

.cursor--pointer {
    cursor: pointer !important;
}

.dsp--0 {
    display: none !important;
}

.dsp--1 {
    display: initial !important;
}

.dsp--admin {
    display: none;
}

.dsp--b {
    display: block !important;
}

.dsp--flex {
    display: flex !important;
}

.dsp--flex__center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.dsp--flex__down {
    display: flex !important;
    flex-direction: column !important;
}

.dsp--flex__left-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse;
}


.dsp--flex__right {
    display: flex !important;
    flex-direction: row !important;
}

.dsp--flex__right-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
}

.dsp--mobile {
    display: none !important
}

.flex-dir--down {
    flex-direction: column !important;
}

.flexwrap--no {
    flex-wrap: nowrap !important;
}

.flexwrap--wrap {
    flex-wrap: wrap !important
}

.float--left {
    float: left !important;
}

.gap--20 {
    gap: 20px !important;
}

.gap--5 {
    gap: 5px !important;
}

.gap--8vw {
    gap: 8vw !important;
}

.gap--10 {
    gap: 10px !important;
}

.gap--10vw {
    gap: 10vw !important;
}

.gap--12vw {
    gap: 12vw !important;
}

.gap--40 {
    gap: 40px !important;
}

.hov--rotate__90 {
    transform: rotate(90deg) !important;
}

.hov--shad__1:hover {
    box-shadow: #2d2d2c 0px 2px 7px 1px !important;
}

.hov--t__blue:hover {
    color: #284666 !important;
}

.hov--t__green:hover {
    color: #2a9a88 !important;
}

.hov--t__underline:hover {
    text-decoration: underline !important;
}

.ht--14 {
    height: 14px !important;
}

.ht--30 {
    height: 30px !important;
}

.ht--40 {
    height: 40p !important;
}

.ht--60vh {
    height: 60vh !important;
}

.ht--70vh {
    height: 70vh !important;
}

.ht--75 {
    height: 75px !important;
}

.ht--100vh {
    height: 100vh !important;
}

.ht--fa {
    height: -webkit-fill-available !important;
    height: -moz-available !important
}

.ht--full {
    height: 100% !important;
}

.ht-max--600 {
    max-height: 600px !important
}

.ht-min--50vh {
    min-height: 50vh !important
}


.ht-min--600 {
    min-height: 600px !important;
}

.ht-min--80vh {
    min-height: 80vh !important
}

.jc--center {
    justify-content: center !important;
}

.jc--fe{
    justify-content:flex-end!important;
}


.jc--sa {
    justify-content: space-around !important;
}

.jc--sb {
    justify-content: space-between !important;
}

.mg--0 {
    margin: 0 !important;
}

.mg--0-auto {
    margin: 0 auto !important
}

.mg--0-0-0-10vw {
    margin: 0 0 0 10vw !important;
}

.mg--0-0-0-40 {
    margin: 0 0 0 40px !important
}


.mg--0-0-10-0 {
    margin: 0 0 10px 0 !important
}


.mg--0-0-30-0 {
    margin: 0 0 30px 0 !important;
}

.mg--0-0-40-0 {
    margin: 0 0 40px 0 !important;
}

.mg--0-10vw-0-0 {
    margin: 0 10vw 0 0 !important;
}

.mg--0-15p {
    margin: 0 15% !important
}


.mg--0-40 {
    margin: 0 40px !important;
}


.mg--10-0 {
    margin: 10px 0 !important
}

.mg--15 {
    margin: 15px !important
}

.mg--1r-0 {
    margin: 1rem 0 !important;
}

.mg--30-0-0-0 {
    margin: 30px 0 0 0 !important
}

.mg--5-0-0-0 {
    margin: 5px 0 0 0 !important;
}

.mg--50-0 {
    margin: 50px 0px !important
}

.mg--60-0-0-0 {
    margin: 60px 0 0 0 !important
}

.mg--10-0-0-0 {
    margin: 10px 0 0 0 !important;
}

.mg--15-0 {
    margin: 15px 0px !important;
}

.mg--20-0-0-0 {
    margin: 20px 0 0 0 !important
}

.mg--40-0 {
    margin: 40px 0 !important;
}

.mg--40-0-25 {
    margin: 40px 0 25px !important;
}

.mg--40-20-20-0 {
    margin: 40px 20px 20px 0 !important;
}

.min-wd--70p {
    min-width: 70% !important;
}

.op--1 {
    opacity: 1 !important;
}

.op--0 {
    opacity: 0 !important;
}

.op--07,
.opacity--07 {
    opacity: 0.7 !important;
}

.overflow--scroll {
    overflow: scroll !important;
}

.pd--0 {
    padding: 0 !important;
}

.pd--0-0-0-30 {
    padding: 0 0 0 30px !important;
}

.pd--0-10 {
    padding: 0 10px !important;
}

.pd--0-10p {
    padding: 0 10% !important;
}

.pd--0-20 {
    padding: 0px 20px !important;
}

.pd--0-55-0-20 {
    padding: 0 55px 0 20px !important
}

.pd--10 {
    padding: 10px !important;
}

.pd--10-10 {
    padding: 10px 10px !important;
}

.pd--15 {
    padding: 15px !important;
}

.pd--22r {
    padding: 2.2rem !important;
}

.pd--24r {
    padding: 2.4rem !important;
}

.pd--4-15 {
    padding: 4px 15px !important;
}

.pd--5 {
    padding: 5px !important;
}

.pd--8-20 {
    padding: 8px 20px !important;
}

.pd--30 {
    padding: 30px !important;
}

.pd--30-0 {
    padding: 30px 0 !important;
}

.pd--30-0-30-0 {
    padding: 30px 0 30px 0 !important;
}

.pd--40-0 {
    padding: 40px 0px !important;
}

.pd-l--0 {
    padding-left: 0 !important;
}

.pos--abs {
    position: absolute !important;
}

.pos--rel {
    position: relative !important;
}

.pos--unset {
    position: unset !important
}

.rotate--90 {
    transform: rotate(90deg) !important;
}

.rotate--m30 {
    transform: rotate(-30deg) !important;
}

.rotate--m90 {
    transform: rotate(-90deg) !important;
}

.shad--1 {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}

.t-align--center {
    text-align: center !important;
}

.t-align--end {
    text-align: end !important;
}

.t-align--justify {
    text-align: justify !important;
}

.t-color--aaa {
    color: #aaaaaa !important;
}

.t-color--blue {
    color: #284666 !important;
}

.t-color--green {
    color: #2a9a88 !important;
}

.t-color--offwhite {
    color: #f8f0e3 !important;
}

.t-color--smoke {
    color: #F3F4F6 !important;
}

.t-color--ssblack,
.t-color--2D2D2C {
    color: #2D2D2C !important;
}

.t-color--wolfgrey,
.t-color--grey {
    color: #717486 !important;
}

.t-color--white {
    color: #fff !important;
}

.t-d--under {
    transition: 0.8s;
}

.t-d--under:hover {
    text-decoration: underline !important;
}

.t-decor--unset {
    text-decoration: unset !important;
}

.t-decor--underline {
    text-decoration: underline !important;
}

.t-decor--underline__green {
    text-decoration: underline #2a9a88 !important;
}

.t-ff--bebas {
    font-family: 'Bebas Neue' !important;
}

.t-ff--public {
    font-family: var(--font-ss) !important;
}

.t-fs--0 {
    font-size: 0px !important
}

.t-fs--10 {
    font-size: 10px !important;
}

.t-fs--11 {
    font-size: 11px !important;
}

.t-fs--12 {
    font-size: var(--normal-font-size) !important;
}

.t-fs--13 {
    font-size: 13px !important;
}

.t-fs--14 {
    font-size: 14px !important;
}

.t-fs--16 {
    font-size: min(16px, 3vw) !important
}

.t-fs--18 {
    font-size: 18px !important;
}


.t-fs--20 {
    font-size: 20px !important;
}

.t-fs--22 {
    font-size: 22px !important;
}

.t-fs--25 {
    font-size: min(25px, 5vw) !important
}


.t-fs--30 {
    font-size: 30px !important;
}

.t-fs--35 {
    font-size: min(35px, 6vw) !important
}


.t-fs--48 {
    font-size: min(48px, 5vw) !important
}


.t-fs--60 {
    font-size: min(60px, 10vw) !important
}

.t-fs--68 {
    font-size: min(68px, 7vw) !important
}

.t-fs--80 {
    font-size: 80px !important;
}

.t-fs--headline {
    font-size: min(60px, 5vw) !important;
}

.t-fs--medium {
    font-size: 41.887px !important;
}

.t-fw--300 {
    font-weight: 300 !important;
}

.t-fw--500 {
    font-weight: 500 !important;
}

.t-fw--400 {
    font-weight: 400 !important;
}

.t-fw--600 {
    font-weight: 600 !important;
}

.t-fw--700 {
    font-weight: 700 !important
}

.t-fw--800 {
    font-weight: 800 !important;
}

.t-fw--900 {
    font-weight: 900 !important;
}

.t-fw--lighter {
    font-weight: lighter !important;
}

.t-fw--normal {
    font-weight: normal !important;
}

.t-lh--1 {
    line-height: 1 !important;
}

.t-lh--2 {
    line-height: 2 !important;
}

.t-lh--15 {
    line-height: 1.5 !important;
}

.t-lh--25,
.lh--25 {
    line-height: 25.888px !important;
}

.t-lh--80 {
    line-height: 80px !important;
}

.t-ls--04r {
    letter-spacing: 0.4rem !important;
}

.t-ls--1 {
    letter-spacing: 1px !important;
}

.t-ls--13 {
    letter-spacing: 1.3px !important;
}

.t-ls--15 {
    letter-spacing: 1.5px !important;
}

.t-ls--17 {
    letter-spacing: 1.7px !important;
}

.t-ls--2 {
    letter-spacing: 2px !important;
}

.t-ls--2r {
    letter-spacing: 2rem !important;
}

.t-ls--3 {
    letter-spacing: 3px !important;
}

.t-shad--cat {
    text-shadow: 4px 4px 0 #284666 !important;
}

.t-shad--green {
    text-shadow: 4px 4px 0 #2A9A88 !important;
}

.t-style--em {
    font-style: italic !important;
}

.t-trans--none {
    text-transform: none !important;
}

.t-trans--uppercase,
.t-trans--upper {
    text-transform: uppercase !important;
}

.transition-property--transform {
    transition-property: transform !important;
}

.t-underline-offset--10 {
    text-underline-offset: 10px !important;
}

.trans--05 {
    transition: 0.5s !important;
}

.trans--08 {
    transition: 0.8s !important;
}

.trans--25 {
    transition: 2.5s !important;
}

.wd--100vw {
    width: 100vw !important
}

.wd--14 {
    width: 14px !important;
}

.wd--22p {
    width: 22% !important;
}

.wd--30 {
    width: 30px !important;
}

.wd--30r {
    width: 30rem !important;
}

.wd--33p {
    width: 33% !important;
}

.wd--40r {
    width: 40rem !important;
}

.wd--50p {
    width: 50% !important;
}

.wd--70vw {
    width: 70vw !important;
}

.wd--90p {
    width: 90% !important;
}

.wd--fa {
    width: -webkit-fill-available !important;
}

.wd--fc {
    width: fit-content !important;
}

.wd--full {
    width: 100% !important;
}

.wd--third {
    width: 33.33% !important;
}

.wd-max--75 {
    max-width: 75% !important;
}

.wd--400 {
    width: 400px !important
}

.wd-max--15vw {
    max-width: max(15vw, 150px) !important
}

.wd-max--20vw {
    max-width: max(20vw, 250px) !important
}

.wd-max--500 {
    max-width: 500px !important;
}

.wd-max--600,
.max-wd--600 {
    max-width: 600px !important
}

.wd-max--800 {
    max-width: 800px !important;
}

.wd-max--ss {
    max-width: var(--ss-width) !important
}

.ws--nowrap,
.ws--nw {
    white-space: nowrap !important;
}

.z--1 {
    z-index: 1 !important;
}

.z--999 {
    z-index: 999 !important;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: #7f7f7f;
    border-radius: 10px;
    border: 1px solid #fff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

/* kotva */

/* move to header ----> */

div#menu1container.container.navigation-wrapper {
    justify-content: space-between;
}

div#menu1container.container.navigation-wrapper:before {
    content: none
}

div#menu1container.container.navigation-wrapper:after {
    content: none
}

div#menu2container.container.navigation-wrapper {
    min-height: unset;
}

div#menu2container.container.navigation-wrapper div.navigation-in {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

div#menu2container.container.navigation-wrapper div.navigation-in ul.menu-level-1 li a {
    padding: 0 10px
}

div#menu2container.container.navigation-wrapper div.navigation-in ul.menu-level-2 li a {
    padding: 10px 15px
}


div#menu2container.container.navigation-wrapper nav#navigation {
    height: 50px
}

div#menu2container.container.navigation-wrapper {
    display: none
}

div#menu1container.container.navigation-wrapper {
    justify-content: center
}

body.admin-logged .dsp--admin{display:block!important;}

body.admin-logged .v--admin{visibility:visible!important;}

body.cart-window-visible a.OGnav2menu {
    display: none;
}

body.desktop div.menu-helper {
    display: none;
}

body.ordering-process div#menu2container.container.navigation-wrapper {
    display: none
}

body.ordering-process div#menu1container.container.navigation-wrapper {
    justify-content: center
}

body.ordering-process li.ssMenu__search {
    display: none !important;
}

body.search-window-visible a.OGnav2menu {
    display: none;
}

body.submenu-visible div.navigation-in ul.menu-level-2 {
    margin-top: 50px !important;
    background-color: transparent;
    border: none;
}

body.submenu-visible div.navigation-in ul.menu-level-2 a {
    color: var(--ss-body);
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
}

body.submenu-visible div.navigation-in ul.menu-level-2 a:hover {
    color: var(--ss-body);
    text-decoration: underline;
}

body.submenu-visible div.navigation-in ul.menu-level-2 a span {
    background: none !important;
}

body.submenu-visible div.navigation-in ul.menu-level-2 li {
    background-color: white;
    padding: 1rem 0
}


body.submenu-visible div.navigation-in ul li.ext.exp a b {
    background-color: var(--ss-white-smoke);
}

body.submenu-visible div.navigation-in ul li.ext.exp ul {
    display: flex;
    flex-wrap: initial;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0;
}

body.submenu-visible .menu-helper ul li.ext.exp ul {
    display: flex;
    flex-wrap: initial;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0;
}

body.type-product div#menu2container.container.navigation-wrapper {
    display: none
}

a.OGnav2menu {
    z-index: 1111;
}

a.OGnav2menu::before {
    content: "\e914";
}

body.in-index header#ssComponent a i::before {
    background: white;
    border-radius: 100%;
    padding: 5px;
}

header div.languagesMenu .languagesMenu__list__link {
    font-size: var(--normal-font-size);
    text-transform: uppercase;
}


header div.navigation-buttons.leftNav a.toggle-window {
    display: none;
}

header div.navigation-buttons.rightNav div.languagesMenu {
    display: none
}

header#header {
    display: none
}

i.ri-shopping-cart-2-line.full {
    color: #2a9A88
}

/* <---- move to header  */

a.languagesMenu__list__link {
    color: var(--ss-body);
}

a.search-whisperer-document {
    display: none;
}

a.SSbtn {
    text-transform: uppercase;
    text-decoration: none;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;

    &:hover {
        color: white;
        transition: all 100ms linear;
        -webkit-transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -ms-transition: all 100ms linear;
        -o-transition: all 100ms linear;
    }
}

/* body.cart-window-visible */

body.cart-window-visible.cart-emptied div.content-window-in.cart-window-in {
    display: flex;
    align-items: center;
}

body.cart-window-visible a.next-step-back.toggle-trigger {
    display: none;
}

body.cart-window-visible a.toggle-window-arr {
    display: block !important;
    color: var(--ss-body);
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
    text-transform: uppercase;

    &:before {
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
    }
}

body.cart-window-visible a#continue-order-button {
    line-height: unset;
    transition: 0.8s;

    & span {
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
        letter-spacing: 1px;
    }
}

body.cart-window-visible div.box.box-md.box-bg-default,
body.cart-window-visible div.cart-content {
    display: none;
}

body.cart-window-visible div.cart-inner.cart-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;

    & div:not(div.cart-inner.cart-empty div.h1) {
        display: none;
    }

    & div.h1.cart-heading {
        text-align: center;
        text-transform: uppercase;
        font-weight: var(--normal-font-weight);
        color: var(--ss-body);
        font-size: var(--larger-font-size);
        letter-spacing: 1px;

        &::before {
            display: none;
        }
    }

    & .h1 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        color: var(--ss-body);
        letter-spacing: 1px;
        line-height: 25.88px;
        display: flex;

        &::before {
            font-size: 16px;
            line-height: 25.88px;
        }
    }
}

body.cart-window-visible div.cart-inner div.price-wrapper {
    text-transform: uppercase;
    font-size: var(--normal-font-size);
    color: var(--font-ss);
    flex-wrap: nowrap;
    gap: 10px;
    align-items: flex-end;
}


body.cart-window-visible div.cart-inner h4 {
    display: none;
}

body.cart-window-visible div.container.place-cart-here strong.price.price-primary {
    font-size: 18px;
    font-weight: var(--bold-font-weight);
    letter-spacing: 1px;
}

body.cart-window-visible div.col-md-4 {
    float: right;
    width: auto;
}

body.cart-window-visible div.delivery-time {
    color: var(--ss-body);
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
}

body.cart-window-visible div.discount-coupon button {
    font-family: var(--font-ss);
    font-size: 0px;
    font-weight: var(--normal-font-weight);

    &::before {
        font-size: var(--larger-font-size) !important;
    }
}

body.cart-window-visible div.discount-coupon form button {
    color: var(--ss-body) !important;
    border: none;
    background-color: transparent !important;
}

body.cart-window-visible div.price-wrapper span.price-label.price-primary {
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);
    white-space: nowrap;
    color: var(--ss-body);
    letter-spacing: 1px;
}

body.cart-window-visible div.row.summary {
    border-color: #dedede;
}

body.cart-window-visible input#discountCouponCode {
    border: none;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    background: var(--ss-white-smoke);
    border-radius: var(--ss-border-radius);
    text-align: center;
}

body.ordering-process ol.cart-header {
    display: none;
}

body.cart-window-visible span.main-link-variant {
    color: var(--ss-body);
    font-weight: var(--lighter-font-weight);
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
}

body.cart-window-visible span.price-label.price-secondary {
    display: none;
}

body.cart-window-visible strong.availability-label {
    letter-spacing: 1px;

    &.show-tooltip {
        color: var(--ss-primary) !important;
    }
}

body.cart-window-visible strong.payment-shipping-price.for-free {
    color: var(--ss-primary) !important;
}

body.cart-window-visible strong.price-final {
    font-size: var(--normal-font-size) !important;
    font-weight: var(--bold-font-weight);
    letter-spacing: 1px;
    text-transform: uppercase;
}

body.cart-window-visible strong.price.price-secondary {
    display: none;
}

body.cart-window.visible table.cart-table .p-total .price-final {
    font-size: var(--larger-font-size);
}

body.cart-window-visible td.p-price.p-cell {
    display: none;
}

body.customer-logged .unregistered{display:none!important;}

body.customer-logged .registered{display:flex!important;}

/* body.customer-page */

body.customer-page div.box.box-sm.box-bg-transparent.client-center-box li {
    line-height: 40px;
    font-family: var(--font-ss);
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);

    &.active a {
        color: var(--ss-primary);
    }

    &:nth-child(7) {
        display: none;
    }

    &:nth-child(8) {
        display: none;
    }

    &:nth-child(9) {
        display: none;
    }

    & a {
        text-transform: uppercase;
        color: var(--ss-body);
        letter-spacing: 1px;
    }
}


body.customer-page div.content-inner h1 {
    margin-bottom: 40px;
    font-family: var(--font-ss);
    font-weight: var(--normal-font-weight);
    font-size: 18px;
    letter-spacing: 1px;
}

body.customer-page .form-group input.form-control {
    font-size: 12px;
    font-family: var(--font-ss);
    text-transform: uppercase;
    font-weight: var(--lighter-font-weight);
    letter-spacing: 1px;
}

body.customer-page li.logout {
    margin: 0;

    & a {
        font-size: var(--normal-font-size) !important;
        padding: 0 !important;
        border: none;
        font-weight: var(--normal-font-weight);
        box-shadow: none;
        text-align: left;
    }
}

body.customer-page ul li::marker {
    content: none;
}

body.customer-page table {
    font-family: var(--font-ss);
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.customer-page.in-dorucovaci-udaje div.submit-wrapper input {
    border: solid 2px #284666;
    font-weight: var(--bold-font-weight);
    color: #284666;
    padding: 11px 40px;
    transition: 0.9s;

    &:hover {
        background-color: #284666;
        color: var(--ss-white-smoke);
    }
}

body.customer-page.in-dorucovaci-udaje h4 {
    color: var(--ss-body);
    text-transform: uppercase;
}

body.customer-page.in-dorucovaci-udaje input {
    border-radius: var(--ss-border-radius);
}

body.customer-page.in-dorucovaci-udaje select {
    border-radius: var(--ss-border-radius);
}

/* body.in-addons */

body.in-addons th div.delivery-time,
body.in-addons th span.delivery-time-label {
    display: none;
}

/* body.in-dekujeme */

body.in-dekujeme div.order-summary-item.preRecapMsg {
    font-size: var(--larger-font-size);
    font-weight: var(--bold-font-weight);
    color: var(--ss-body);

    & a {
        color: var(--ss-primary);
        text-decoration: underline;
        cursor: pointer;
    }
}

body.in-dekujeme.ordering-process div.order-complete-links a {
    padding: 0px 20px;
    text-transform: uppercase;

    &.btn {
        border: solid 2px #284666;
        border-radius: var(--ss-border-radius);
        padding: 11px 40px;
        color: #284666;
        font-weight: var(--bold-font-weight);
        transition: 0.8s;

        &:hover {
            border: solid 2px #284666;
            background: #284666;
            border-radius: var(--ss-border-radius);
            padding: 11px 40px;
            color: var(--ss-white-smoke);
            font-weight: var(--bold-font-weight);
        }
    }
}

body.in-dekujeme.ordering-process div.order-summary-item.total {
    color: var(--ss-body);
}

body.in-dekujeme.ordering-process h4 {
    color: var(--ss-body);
}

body.in-dekujeme.ordering-process table.table.recapitulation-table th {
    padding: 10px;
}

body.in-dekujeme.ordering-process table.cart-table tr td {
    box-shadow: none !important;
    border-radius: 0;
}

body.in-dekujeme td.p-price {
    font-weight: initial;
}

/* body.in-doprava */

body.in-doprava div.shippingInfoDivHolder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

body.in-doprava div.shippingInfoElementHolder {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    padding: 20px 5px;
    border-radius: var(--ss-border-radius);

    & em {
        font-style: normal;
        color: var(--ss-primary);
        text-decoration: underline;
        cursor: pointer;
    }

    & h4 {
        font-size: 18px;
        line-height: 25.888px;
        color: #284666;
    }

    & p {
        max-width: 500px;
        color: var(--ss-body);
        line-height: 25.888px;
        text-align: justify;
        padding: 0 15px;

        & a {
            color: var(--ss-primary);
            text-decoration: underline;
            cursor: pointer;
        }
    }

    & span {
        font-size: 40px;
        background: #284666;
        color: var(--ss-white-smoke);
        padding: 5px;
        border-radius: 100%;
    }
}

/* body.in-hodnoceni-obchodu */

body.in-hodnoceni-obchodu h1,
body.in-store-rating h1 {
    margin-bottom: 7rem;
    font-size: min(25px, 5vw);
    font-weight: 500;
    letter-spacing: 1px;
}

body.in-hodnoceni-obchodu div.pagination,
body.in-store-rating div.pagination {
    font-size: 12px;
    letter-spacing: 1px;
}

body.in-hodnoceni-obchodu div.pagination-count,
body.in-store-rating div.pagination-count {
    color: #2D2D2C;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

body.in-hodnoceni-obchodu div.pagination-top strong,
body.in-store-rating div.pagination-top strong {
    letter-spacing: 1px !important;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

body.in-hodnoceni-obchodu div.rate-average-inner,
body.in-store-rating div.rate-average-inner {
    align-items: flex-end !important;
}

body.in-hodnoceni-obchodu div.vote-content,
body.in-store-rating div.vote-content {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #2D2D2C;
}


body.in-hodnoceni-obchodu div.vote-form div.form-group input,
body.in-store-rating div.vote-form div.form-group input {
    height: 33px;
    border: none;
    border-radius: var(--ss-border-radius);
    box-shadow: var(--ss-shad);
    background: var(--ss-white-smoke);
    font-size: var(--normal-font-size);
    color: var(--ss-body);
    transition: 0.5s;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

body.in-hodnoceni-obchodu div.vote-form div.form-group input:focus-visible,
body.in-store-rating div.vote-form div.form-group input:focus-visible {
    box-shadow: none;
    transition: 0.5s;
}

body.in-hodnoceni-obchodu div.vote-form textarea,
body.in-store-rating div.vote-form textarea {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    border-radius: var(--ss-border-radius);
    border: none;
    box-shadow: var(--ss-shad);
    background: var(--ss-white-smoke);
    color: var(--ss-body);
    transition: 0.5s;
}

body.in-hodnoceni-obchodu div.vote-form textarea:focus-visible,
body.in-store-rating div.vote-form textarea:focus-visible {
    box-shadow: none;
    transition: 0.5s;
}

body.in-hodnoceni-obchodu div.vote-form input.btn-primary,
body.in-store-rating div.vote-form input.btn-primary {
    height: unset !important;
}

body.in-hodnoceni-obchodu div.form-group.consents label,
body.in-store-rating div.form-group.consents label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #2D2D2C;
    letter-spacing: 1px;
}

body.in-hodnoceni-obchodu div.vote-wrap,
body.in-store-rating div.vote-wrap {
    background: #F3F4F6;
    padding: 20px 30px 20px 20px;
    border-top: none;
    border-radius: var(--ss-border-radius);
    width: fit-content;
    border-top-style: none !important;
}

body.in-hodnoceni-obchodu input.btn.btn-sm.btn-primary,
body.in-store-rating input.btn.btn-sm.btn-primary {
    border: none;
    border-radius: var(--ss-border-radius);
    color: #fff;
    padding: 13px 26px !important;
    font-weight: var(--lighter-font-weight);
    margin: 20px 0;
    font-size: var(--larger-font-size);
    background: var(--ss-primary);
    transition: 0.8s;
}

body.in-hodnoceni-obchodu input.btn.btn-sm.btn-primary:hover,
body.in-store-rating input.btn.btn-sm.btn-primary:hover {
    background: #217A6C !important;
    border-color: #217A6C !important;
}

body.in-hodnoceni-obchodu span.link-like.rating-icon,
body.in-store-rating span.link-like.rating-icon {
    border-radius: var(--ss-border-radius);
    border: none;
    color: white;
    padding: 10px 25px !important;
    font-weight: 500;
    margin: 20px 0;
    font-size: 12px;
    background-color: #2A9A88;
    transition: 0.5s;
    box-shadow: var(--ss-shad);
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.in-hodnoceni-obchodu span.link-like.rating-icon:hover,
body.in-store-rating span.link-like.rating-icon:hover {
    background: #217A6C !important;
    border-color: #217A6C !important;
}

body.in-hodnoceni-obchodu span.rate-average,
body.in-store-rating span.rate-average {
    color: var(--ss-primary);
}

body.in-hodnoceni-obchodu span.rate-value,
body.in-store-rating span.rate-value {
    color: #2D2D2C;
}

body.in-hodnoceni-obchodu span.stars-label,
body.in-store-rating span.stars-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.in-hodnoceni-obchodu span.vote-name,
body.in-store-rating span.vote-name {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #2D2D2C;
}

body.in-hodnoceni-obchodu .star-on::before,
body.in-store-rating .star-on::before {
    color: var(--ss-primary) !important;
}

/* body in index */

body.in-index a.advcontrol {
    transition: 0.5s;
    color: var(--ss-body);
    margin-right: 15px;

    &:hover {
        cursor: pointer;
        color: var(--ss-body)
    }
}

body.in-index div#carousel a.carousel-control.right {
    color: #fff;
}

body.in-index div#carousel a.carousel-control.left {
    color: #fff;
}

body.in-index a.carousel-control:before {
    margin: 0px;
    border: none;
}

body.in-index a.infopruh {
    color: #fff;
    cursor: pointer;
    transition: 0.9s;

    &:hover {
        color: #284666 !important;
    }
}

body.in-index div.carousel-inner {
    display: flex;
    align-items: center;

    & div.item {
        margin: 0 auto;
    }
}

body.in-index div.flexCarouselBUY button {
    border-radius: var(--ss-border-radius);
    padding:7px 25px;
    background-color: #fff !important;
    transition: 0.8s;
    width: auto;
    letter-spacing: 1px;
    box-shadow: var(--ss-shad3);
}

body.in-index div.flexCarouselBUY div.p-basic-info-block{border:none;}


body.in-index div.flexCarouselBUY div.p-final-price-wrapper {
    width: auto;
}

body.in-index div.flexCarouselBUY div.p-to-cart-block {
    justify-content: flex-start;
    gap: 50px;
    border: none;
}

body.in-index div.flexCarouselBUY select {
    border-radius: var(--ss-border-radius);
    color: var(--ss-body);
    text-transform: uppercase;
    font-size: var(--normal-font-size);
    box-shadow: var(--ss-shad3);
    letter-spacing: 1px;

    &:focus-visible {
        box-shadow: none;
        transition: 0.5s;
    }
}

body.in-index div.flexCarouselBUY span.price-final-holder {
    font-size: 18px;
    color: white;
}

body.in-index div.flexCarouselBUY span.quantity {
    display: none;
}

body.in-index div.flexCarouselBUY table.detail-parameters tr:nth-child(2) {
    display: none;
}

body.in-index div.flexCarouselBUY tr.variant-list th {
    display: none;
}

body.in-index div.flexCarouselBUY .p-to-cart-block .p-add-to-cart-wrapper {
    margin-left: 0 !important;
}

body.in-index div.flexCarouselBUY .p-final-price-wrapper strong {
    font-size: initial
}

body.in-index div.flexCarouselBUY.dark span.price-final-holder {
    background: #6EC1A9;
    padding: 4px;
}

body.in-index div.flexCarouselIMG:hover {
    transform: scale(1.04);
}

body.in-index div.footer-banner {
    margin: 2.4rem 0;

    & h2 {
        color: var(--ss-body);
        font-weight: var(--bold-font-weight);
        text-transform: uppercase;
        font-size: 18px;
    }

    & a.seemore::after {
        content: " →";
    }
}

body.in-index div#hodnoceni-load-link a:hover {
    text-decoration: underline;
}

body.in-index div.homepage-tabs-wrapper div.shp-tabs-row {
    display: none;
}

body.in-index div#homepageProducts4 {
    position: relative;
    margin: 2.4rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end
}

body.in-index div.homepage-products-heading-4 {
    margin-top: 40px;
    display: block;
    color: var(--ss-body);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px !important;
    letter-spacing: 1px;
    width: 90%;
}

body.in-index div.homepage-texts-wrapper {
    display: none;
}

body.in-index div.mainBlockRoll {
    margin: 0px !important;
}

body.in-index div.next-to-carousel-banners {
    margin-top: 0px;

    & div.banner-wrapper {
        margin: 0px;
    }
}

body.in-index div.p-final-price-wrapper strong {
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    font-family: var(--font-ss)
}

body.in-index div.p-to-cart-block {
    border: none;
    padding: 0;
    flex-wrap: nowrap;

    & div.p-add-to-cart-wrapper {
        width: auto !important;
    }

    & .add-to-cart-button.btn-conversion:before {
        content: "";
        margin-right: 0;
    }
}

body.in-index div#ssVoucher__right a:hover {
    cursor: pointer;
    color: #284666 !important;
}

body.in-index div#ssVoucher__right a::after {
    content: "\2192";
    margin: 5px;
}

body.in-index div#ssVoucher__mid button {
    top: calc(50% - 15px);
    left: calc(44% - 5px);
}

body.in-index div.welcome-wrapper div.welcome h1 {
    display: none !important;
}

body.in-index main.content {
    padding: 0;
}

body.in-index span.stars-label {
    font-size: var(--normal-font-size);
    text-transform: uppercase;
}

body.in-index span.rate-average {
    font-size: var(--normal-font-size);
    color: var(--ss-body);
}

body.in-index #button__pulse {
    animation: ss-pulse 2s infinite;

    &:hover {
        -webkit-animation: none;
        animation: none;
        cursor: pointer;
        opacity: 0.6;
    }
}

body.in-index #button-inner-circle {
    left: calc(50% - 7px);

    &:hover {
        -webkit-animation: none;
        animation: none;
        cursor: pointer;
        opacity: 0.6;
    }
}

/* body.in-klient */

body.in-klient.customer-page table.table.border {
    width: max-content;

    & th {
        padding: 0 40px;
        color: #818180;
        line-height: 30px;
    }

    & tbody tr {
        line-height: 40px;

        &:nth-child(odd) {
            background: #E2EDED;
        }
    }

    & tbody td {
        padding: 0 40px;
    }

    & td {
        padding: 0;
    }

    & th {
        border: none !important;
        text-align: start;
    }
}


body.in-klient.customer-page table.table a {
    color: var(--ss-primary) !important;
}

/* body.in-kontakty */

body.in-kontakty section.ContactForm form {
    margin-top: 30px;
    padding: 2.4rem;
    border-radius: var(--ss-border-radius);
    border: solid 1px #dedede;
}

body.in-kontakty section.ContactForm input {
    height: 33px;
    border: none;
    border-radius: var(--ss-border-radius);
    box-shadow: var(--ss-shad);
    background: var(--ss-white-smoke);
    font-size: var(--normal-font-size);
    color: var(--ss-body);
    transition: 0.5s;

    &:focus-visible {
        box-shadow: none;
        transition: 0.5s;
    }

    &.btn {
        height: 33px;
        padding: 7px 25px;
        box-shadow: var(--ss-shad);
        border-radius: var(--ss-border-radius);
        font-size: var(--normal-font-size);
        text-transform: uppercase;
        background-color: var(--ss-white-smoke);
        color: var(--ss-body);
        border: none;
        transition: 0.5s;
        line-height: initial;
    }
}

body.in-kontakty section.ContactForm label {
    font-size: var(--normal-font-size);
    line-height: 30px;
    text-transform: uppercase;
    color: var(--ss-body);
}

body.in-kontakty section.ContactForm p {
    line-height: 25.888px;
    font-size: var(--normal-font-size);
    text-transform: uppercase;
}

body.in-kontakty section.ContactForm textarea {
    color: var(--ss-body);
    border-radius: var(--ss-border-radius);
}

/* body.in-kosik */

body.in-kosik a.next-step-forward,
body.in-cart a.next-step-forward {
    border: none;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    background: var(--ss-white-smoke);
    border-radius: var(--ss-border-radius);
    text-align: center;
    line-height: initial !important;
}

body.in-kosik button.add-to-cart-button,
body.in-cart button.add-to-cart-button {
    padding: 7px 25px;
    box-shadow: 2px 2px 2px 1px #d3cfc8;
    border-radius: var(--ss-border-radius);
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    background-color: var(--ss-white-smoke) !important;
    color: var(--ss-body) !important;
    border: none;
    transition: 0.5s;
    letter-spacing: 1px;
}

body.in-kosik div.cart-inner div#upsell-container h4,
body.in-cart div.cart-inner div#upsell-container h4 {
    display: block !important;
    padding: 2.4rem;
    text-transform: uppercase;
}

body.in-kosik div.delivery-time,
body.in-cart div.delivery-time {
    text-transform: uppercase;
    color: #2d2d2c;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

body.in-kosik div.discount-coupon button,
body.in-cart div.discount-coupon button {
    font-size: 0px;
    background: transparent;
    border: none;
}

body.in-kosik div.discount-coupon button:hover,
body.in-cart div.discount-coupon button:hover {
    background: transparent;
}

body.in-kosik div.discount-coupon button::before,
body.in-cart div.discount-coupon button::before {
    font-size: 20px;
}

body.in-kosik div.extra.delivery::before,body.in-cart div.extra.delivery::before{content:''}

body.in-kosik div.extra.delivery,
body.in-cart div.extra.delivery {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 25.88px;
}

body.in-kosik div.next-step,
body.in-cart div.next-step {
    justify-content: end;
}

body.in-kosik div.next-step a,
body.in-cart div.next-step a {
    display: block !important;
}

body.in-kosik div.price-wrapper,
body.in-cart div.price-wrapper {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 25.88px;
}

body.in-kosik h4, body.in-cart h4{display:none}

body.in-kosik input#discountCouponCode,
body.in-cart input#discountCouponCode {
    border: none;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    background: var(--ss-white-smoke);
    border-radius: var(--ss-border-radius);
    text-align: center;
}


body.in-kosik ol.cart-header.step-0, body.in-cart ol.cart-header.step-0 {
    border: none;
}

body.in-kosik ol.cart-header.step-0 li strong span, body.in-cart ol.cart-header.step-0 li strong span {
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: start
}

body.in-kosik ol.cart-header.step-0 li strong span::before, body.in-cart ol.cart-header.step-0 li strong span::before {
    content: none;
}

body.in-kosik li.step.step-2, body.in-cart li.step.step-2 {
    display: none
}

body.in-kosik li.step.step-3, body.in-cart li.step.step-3 {
    display: none
}

body.in-kosik span.order-button-text,
body.in-cart span.order-button-text {
    font-size: 12px;
    font-weight: 500;
}

body.in-kosik span.price-label.price-primary,
body.in-cart span.price-label.price-primary {
    color: #2d2d2c;
}

body.in-kosik span.price-label.price-secondary,
body.in-cart span.price-label.price-secondary {
    color: #2d2d2c;
}

body.in-kosik span.main-link-variant,
body.in-cart span.main-link-variant {
    font-size: 12px;
}

body.in-kosik strong.price.price-primary,
body.in-cart strong.price.price-primary {
    color: #2d2d2c;
}

body.in-kosik .quantity,
body.in-cart .quantity {
    display: inline-block !important;
    font-size: 12px !important;
    border: none !important
}

body.in-kosik .cart-table .p-price,
body.in-cart .cart-table .p-price {
    display: none
}

body.in-kosik .availability-label,
body.in-cart .availability-label {
    letter-spacing: 1px
}

body.in-kosik .price-final,
body.in-cart .price-final {
    letter-spacing: 1px;
    font-size: 12px !important
}

/* body.in-login */
body.in-login main.content{max-width: 420px;margin: 0 auto;}
body.in-login h1{font-size: var(--larger-font-size);letter-spacing:1px;}
body.in-login form input{
    font-size: var(--normal-font-size);
    border-radius:var(--ss-border-radius);
    color:var(--ss-body);
    font-weight:var(--normal-font-weight);
    letter-spacing:1px;
    background-color:var(--ss-white-smoke);
    box-shadow:var(--ss-shad);
    &:focus-visible{
        outline:none;
        box-shadow:none;
    }
}
body.in-login form div.validator-msg{
    font-size:var(--normal-font-size);
    text-transform:uppercase;
    font-weight:var(--normal-font-weight);
    letter-spacing:1px;
}

body.in-login div.login-wrapper{display:flex;flex-direction:column;}
body.in-login button.btn-login, body.in-login div.password-helper a{
    padding: 7px 25px;
    box-shadow: var(--ss-shad);
    border-radius:var(--ss-border-radius);
    font-size: var(--normal-font-size);
    font-weight:var(--normal-font-weight);
    letter-spacing:1px;
    color:var(--ss-body);
    background-color:var(--ss-white-smoke);
    border:none;
    transition:0.5s;
    margin-bottom:19px;
    text-align:center;
    text-transform:uppercase;
    line-height: 2;
    &:before{content:none;}
    &:active{box-shadow:none;}
    &:focus-visible{box-shadow:none;}
    &:hover{background-color:var(--ss-white-smoke);box-shadow:none;}
}
body.in-login div.password-helper{padding:0;display:flex;flex-direction:column;}


/* body.in-merch */

body.in-merch div#merch-container {
    height: 100vh;
    background: url('/user/documents/upload/design/merch/redCtattoo2.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

body.in-merch div#merch-info {
    margin-right: 20%;
}

body.in-merch h1.category-title {
    display: none;
}

/* body.in-nastaveni */

body.in-nastaveni.customer-page div.co-box {
    max-width: 700px;
    border-radius: var(--ss-border-radius);
    font-family: var(--font-ss);
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);
    text-transform: uppercase;

}

body.in-nastaveni.customer-page div.form-group.submit-wrapper p {
    text-align: center;
    max-width: 700px;
}

body.in-nastaveni.customer-page fieldset {
    max-width: 700px;
    border-radius: var(--ss-border-radius);

    &.co-box.co-registration td a {
        font-weight: var(--bold-font-weight);

        &.delete-item {
            color: #ff0017;
        }
    }

    &.co-box.co-registration tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;

        & td {
            width: 100%;
            text-align: center;

            &:nth-last-child(-n+3) {
                width: unset;
            }
        }
    }

    &.co-box.co-registration strong {
        color: var(--ss-primary);
    }

    &.co-box.co-registration p {
        text-align: center;

        & a {
            color: var(--ss-body);
            font-weight: var(--normal-font-weight);
            font-size: var(--normal-font-size);
            text-transform: uppercase;
        }
    }
}

body.in-nastaveni.customer-page h4 {
    text-align: center;
    margin-bottom: 20px;
    color: var(--ss-body);
    font-family: var(--font-ss);
    font-weight: var(--normal-font-weight);
    font-size: var(--larger-font-size);
    text-transform: uppercase;
    letter-spacing: 1px;
}


body.in-nastaveni.customer-page input {
    border-radius: var(--ss-border-radius);

    &.btn {
        border: none;
        padding: initial;
        background-color: var(--ss-white-smoke);
        font-weight: var(--normal-font-weight);
        max-width: 275px;
        width: 100%;
        box-shadow: var(--ss-shad);
        color: var(--ss-body);
        transition: 0.8s;

        &:hover {
            box-shadow: none;
        }
    }
}

body.in-nastaveni.customer-page label[for="currentPassword"] {
    line-height: unset;
}

body.in-nastaveni.customer-page label span {
    color: var(--ss-body);
    letter-spacing: 1px;
}

body.in-nastaveni.customer-page select {
    border-radius: var(--ss-border-radius);
}

/* body.in-obchodni-podminky  */

body.in-obchodni-podminky div#podminky h4 {
    font-size: var(--larger-font-size);
    font-weight: var(--normal-font-weight);
}

body.in-obchodni-podminky div.tosFlexRight {
    max-width: 1400px;
    padding: 20px;
    max-height: 600px;
    overflow-y: scroll;
    background: #fff;
    border-radius: var(--ss-border-radius);
}

/* body in o nas */

body.in-o-nas div.CounterSpanHolder h1::after {
    content: '+';
}

body.in-o-nas div#hodnoceni-load-link a {
    text-transform: uppercase;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
}

body.in-o-nas div.vote-content {
    border: none;
    height: 58px;
    overflow-y: scroll;
    font-size: var(--normal-font-size);
    width: 320px;
}

body.in-o-nas div.vote-wrap {
    padding: 20px 30px 20px 20px;
    border: solid 1px #dedede;
    border-radius: var(--ss-border-radius);
    width: 350px !important;
    height: fit-content;
    min-height: 150px;
}

body.in-o-nas div.votes-wrap {
    display: flex;
    gap: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
}

body.in-o-nas section#about-content-3 {
    display: none
}

body.in-o-nas span.vote-delimeter {
    display: none;
}

body.in-o-nas span.vote-name {
    font-size: var(--larger-font-size);
}

body.in-o-nas span.vote-pic {
    display: none;
}

body.in-o-nas span.vote-summary {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    align-items: center;
}

body.in-o-nas span.vote-time {
    display: none;
}

body.in-o-nas .content {
    padding-left: 0px;
    padding-right: 0px
}

body.in-o-nas .content-wrapper-in {
    max-width: unset
}

body.in-o-nas .star-on::before {
    color: var(--ss-primary) !important;
}

/* body in o nas */

body.in-registrace a.login-btn.facebook {
    border: none;
    background: #fff;
    color: #4267B2;
    width: max-content;
    font-family: var(--font-ss);
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.in-registrace div.co-box {
    border-radius: var(--ss-border-radius);
}

body.in-registrace div.col-md-8 {
    width: 100%;
    padding: 0
}

body.in-registrace div.form-group.submit-wrapper input {
    border: none;
    font-weight: var(--normal-font-weight);
    color: var(--ss-body);
    padding: initial;
    max-width: 275px;
    width: 100%;
    background-color: var(--ss-white-smoke);
    transition: 0.5s;
    font-family: var(--font-ss);
    font-size: var(--normal-font-size);
    box-shadow: var(--ss-shad);
    letter-spacing: 1px;

    &:hover {
        transition: 0.5s;
        box-shadow: none;
    }
}

body.in-registrace fieldset.box.register-soc.co-box.co-registration {
    border: none;

    & h4 {
        display: none;
    }
}

body.in-registrace fieldset.co-box {
    border-radius: var(--ss-border-radius);
    max-width: 700px;
    min-width: max-content;
}

body.in-registrace form#register-form div.row {
    display: flex;
    flex-direction: column;
}

body.in-registrace input {
    border-radius: var(--ss-border-radius);
}

body.in-registrace span.login-facebook-icon {
    background: url(/user/documents/upload/design/icons/fcbkikn.png) no-repeat center !important;
    background-size: 27px !important;
}

/* body in size tab */

body.in-size-tab div.shp-tabs-holder {
    border-color: #F3F4F6;
}

body.in-size-tab li.shp-tab.active a {
    background: #F3F4F6;
    border: none;
    font-weight: 700;
}

body.in-size-tab section.dsp--mobile a.shp-tab-link.active {
    font-weight: 700;
}

body.in-size-tab table {
    table-layout: fixed;
    font-size: 12px;
    width: 60%;
    font-weight: 500;
    line-height: 25.88px;
    letter-spacing: 1px;
    margin: 0 auto;
    text-transform: uppercase;
}

body.in-size-tab th {
    text-align: start;
    line-height: 40px;
}

body.in-size-tab tr:not(body.in-size-tab thead tr) {
    border-top: solid 1px #2d2d2c;
}

body.in-size-tab ul.shp-tabs {
    border-color: #F3F4F6;

    & li a {
        color: #2D2d2c;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        background: transparent;
        border: none
    }
}

/* body.in-stranku-nelze-najit */

body.in-stranku-nelze-najit div.content-inner {
    height: 100%;
    background: url('https://www.sneakerstore.cz/user/documents/upload/design/web_template/e404.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    background-size: 500px;
}

body.in-stranku-nelze-najit div.errorDiv {
    font-family: 'Bebas Neue';
    color: #284666;
    font-size: 30px;
    padding: 5%;
}

body.in-stranku-nelze-najit main#content {
    background: linear-gradient(0deg, #FCEECE 85%, transparent);
    height: 650px;
    margin-top: 5rem;
}

/* body.in-vraceni-zbozi */

body.in-vraceni-zbozi section li {
    line-height: 25.888px;
    margin: 0 10px 30px 10px;
}

body.in-vraceni-zbozi section ul {
    margin-top: 5rem;
}

body.in-zapomenute-heslo .btn {
    padding: 4px 25px;
    box-shadow: var(--ss-shad);
    border-radius: 5px;
    width: 20rem;
    font-size: 12px;
    background-color: var(--ss-white-smoke) !important;
    color: #2D2D2C;
    border: none;
    transition: 0.5s;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
    float: unset;
    margin-top: 2rem;

    &:hover {
        color: var(--ss-primary);
        box-shadow: none;
    }
}

body.in-zapomenute-heslo .form-group label {
    font-size: 12px;
    font-family: var(--font-ss);
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
}

body.in-znacka main#content,
body.in-brand main#content {
    display: none
}

/* ordering process */


body.ordering-process div.order-summary-item{font-size:var(--normal-font-size);letter-spacing: 1px;font-weight: 500;}
body.ordering-process button.btn-conversion.next-step-forward{line-height:normal;}
body.ordering-process input{border-radius:var(--ss-border-radius);}
body.ordering-process button span.order-button-text, body.ordering-process button span.order-button-suffix {font-size: 12px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;padding: 0;line-height: 2.5rem;}
body.ordering-process form#order-form div.form-group div:has(a.btn.btn-secondary){background:var(--ss-white-smoke);box-shadow: var(--ss-shad);padding: 0px 33px;border-radius:var(--ss-border-radius);letter-spacing:1px;color:#2d2d2c;
    & a{font-weight:500;background:transparent;}
}




body.ordering-process a.next-step-back {
    padding: 2.4rem;
}

body.ordering-process aside.sidebar-left {
    display: none
}

body.ordering-process button.btn-conversion.next-step-forward {
    border-radius: var(--ss-border-radius);
    width: 100%;
    max-width: 175px;
    padding: initial;

    & span {
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
    }
}

body.ordering-process div.cart-inner h4 :not(#summary-box h4) {
    display: none;
}

body.ordering-process div#checkoutContent label[for="login"] {
    display: none;
}

body.ordering-process div.next-step {
    width: 100%;
    padding: 2.4rem;
    justify-content: end;

    & a.next-step-back {
        display: none!important
    }
}

body.ordering-process div.order-summary {
    color: var(--ss-body);
    text-transform: uppercase;

    & a {
        font-weight: var(--normal-font-weight);
        font-size: var(--normal-font-size);
        color: var(--ss-body);
    }
}

body.ordering-process div.radio-wrapper.active label span b {
    color: var(--ss-primary);
}

body.ordering-process h4{
    font-size: var(--larger-font-size);
    text-transform: uppercase;
    color: var(--color-primary);
    letter-spacing: 1px;
    &:before{
        content: '';
    }
}

body.ordering-process label{font-size: var(--normal-font-size);color:var(--color-primary);text-transform: uppercase;letter-spacing: 1px;font-weight:500;}

body.ordering-process select{font-size: var(--normal-font-size);color:var(--color-primary);text-transform: uppercase;letter-spacing: 1px;font-weight:500;}

body.ordering-process strong{font-size: var(--normal-font-size);color:var(--color-primary);text-transform: uppercase;letter-spacing: 1px;font-weight:500;}

body.ordering-process span.continue-shopping {
    color: var(--ss-body);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    font-size: var(--normal-font-size);
    display: flex;
    flex-direction: row;
    align-items: center;
    letter-spacing: 1px;

    &::before {
        margin: 0;
        padding: 8px;
        font-size: var(--normal-font-size);
    }
}

body.ordering-process strong.price.price-primary {
    font-size: var(--larger-font-size) !important;
}

body.ordering-process strong.price.price-secondary {
    font-size: var(--normal-font-size) !important;
}

body.ordering-process span.price-label.price-primary {
    font-size: var(--normal-font-size) !important;
}

body.ordering-process span.price-label.price-secondary {
    font-size: var(--normal-font-size) !important;
}

body.ordering-process.in-krok-2 fieldset.co-contact-information div:nth-child(2),
body.ordering-process.in-step-2 fieldset.co-contact-information div:nth-child(2) {
    display: flex
}

body.ordering-process.in-krok-2 div.next-step button,
body.ordering-process.in-step-2 div.next-step button {
    padding: initial;
    transition: 0.8s;
    width: 100%;
    max-width: 275px;
}

body.ordering-process.in-krok-2 .co-contact-information .form-group .btn,
body.ordering-process.in-step-2 .co-contact-information .form-group .btn {
    white-space: nowrap;
    border: none;
    box-shadow: none
}

div.form-group.company-shopping.unveil-wrapper {
    display: none;
}

/* body.type-category */


body.type-category a.toggle-top-products {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2D2D2C;
    font-size: 12px;
    font-weight: 500;
}

body.type-category div.category-top h4 {
    display: none;
}

body.type-category div.filter-sections {
    background: var(--ss-white-smoke);
    padding: 2.4rem;

    & h4 {
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
        text-transform: uppercase;
        color: var(--ss-body);

        &::after {
            content: ":";
            padding-left: 2px;
            font-size: var(--normal-font-size);
        }
    }

    & fieldset {
        display: flex;
        flex-wrap: wrap;
        max-width: 50%;

        & div {
            width: auto !important;
            clear: none !important;
        }
    }
}

body.type-category div.filter-total-count {
    display: none;
}

body.type-category div.filters span.filter-count {
    display: none;
}

body.type-category div.pagination a {
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
    color: var(--ss-body);
}

body.type-category div.pagination strong {
    font-size: var(--normal-font-size);
    font-weight: var(--bold-font-weight);
    color: var(--ss-body);
}

body.type-category div.pagination-count {
    display: none;
}

body.type-category div.pagination-loader span {
    padding: 2px 25px;
    box-shadow: var(--ss-shad);
    border-radius: var(--ss-border-radius);
    font-size: var(--normal-font-size);
    background-color: var(--ss-white-smoke);
    color: var(--ss-body);
    border: none;
    transition: 0.5s;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;

    &:hover {
        background-color: var(--ss-white-smoke) !important;
        box-shadow: none;
    }
}

body.type-category div.pagination-top strong {
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
    color: var(--ss-body);
    font-weight: var(--normal-font-weight);
}

body.type-category div.param-filter-top form {
    display: block;
}

body.type-category div.product {
    border: solid 1px rgb(222 222 222 / 50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;

    & div.p {
        max-width: unset;
        width: 100%;
    }
}

body.type-category div.products.products-block {
    flex-wrap: wrap;
}

body.type-category div.slider-wrapper {
    display: none;
}

body.type-category div#category-header {
    display: none;

    & form fieldset label[for=order4] {
        display: none;
    }
}

body.type-category div.products-inline div.p div.price strong {
    font-size: 12px;
}

body.type-category div#filters-wrapper {
    display: none;
}

body.type-category h1.category-title {
    display: none;
}

body.type-category input[type="checkbox"]:checked+label::after {
    display: none;
}

body.type-category input[type="checkbox"]:checked+label {
    background: #C8C8C8
}

body.type-category label.filter-label {
    text-align: center;
    min-width: 65px;
    margin-bottom: 10px;
    padding: 0;
    padding: 20px;
    background: #dedede;
    line-height: 3;
    border-radius: 5px;
    color: var(--ss-body);
    font-size: var(--normal-font-size);
    text-transform: uppercase;

    &:hover {
        background-color: #C8C8C8;
    }

    &::before {
        display: none;
    }
}

body.type-category label[for="stock"] {
    display: none;
}

body.type-category label[for="dd[]1"] {
    display: none;
}

body.type-category label[for="dd[]2"] {
    display: none;
}

body.type-category label[for="dd[]3"] {
    display: none;
}

body.type-category main.content {
    max-width: 100%;
}

body.type-category .pageLanded {
    background: #284666 !important;
    color: o#F3F4F6 !important;

    &:hover {
        color: #F3F4F6 !important;
        box-shadow: unset !important;
    }

    & span {
        color: #F3F4F6 !important;
    }
}

body.type-category.in-02-adidas-brand label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas-yeezy-350-model label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas-yeezy-700-model label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas-campus label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas-gazelle label.filter-label {
    min-width: 77px
}

body.type-category.in-adidas-samba label.filter-label {
    min-width: 77px
}

body.type-page div.overall-wrapper div#content-wrapper div.content-wrapper-in main#content div.content-inner article header {
    display: none;
}

body.type-product content {
    padding-left: 0;
    padding-right: 0;
}

body.type-product div.delivery-time span {
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
    color: var(--ss-body);
    margin-left: 3px;
    letter-spacing: 1px;

    &.default-variant {
        color: var(--ss-body)
    }
}

body.type-product div.description-inner div.p-short-description li {
    font-size: 12px;
    letter-spacing: 1px;

    &::before {
        content: '–';
        padding-right: 5px
    }
}

body.type-product div.description-inner div.p-short-description ul {
    padding-left: 0
}

body.type-product div.image360-navigation {
    display: none;
}

body.type-product div.p-basic-info-block {
    display: none;
}

body.type-product div.p-data-wrapper {
    display: flex;
    flex-direction: column;
    width: auto;
    justify-content: flex-end;
}

body.type-product div.p-detail-inner div.p-short-description {
    display: none;
}

body.type-product div.p-detail-inner-header h1 {
    margin: 1rem 0;
    letter-spacing: 1px;
}

body.type-product div.p-detail-tabs-wrapper div.col-sm-12 {
    padding: 0
}

body.type-product div.p-final-price-wrapper {
    float: unset;
    margin: 1rem 0;
    letter-spacing: 1px;

    & strong {
        font-size: var(--larger-font-size);
        font-weight: var(--normal-font-weight);
        text-transform: uppercase;
        font-family: var(--font-ss)
    }
}

body.type-product div.p-param-block {
    margin: 4rem 0 0 0;
    padding: 0;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;

    & div.detail-parameters-wrapper table.detail-parameters tbody tr td {
        font-size: var(--normal-font-size);
        letter-spacing: 1px;
        font-weight: var(--lighter-font-weight);
    }
}

body.type-product div.p-param-block table.detail-parameters.second tbody tr:nth-child(1){display:none}
body.type-product div.p-param-block table.detail-parameters.second tbody tr:nth-child(4){display:none}
body.type-product div.p-param-block table.detail-parameters.second tbody tr:nth-child(5){display:none}
body.type-product div.p-param-block table.detail-parameters.second tbody tr:nth-child(6){display:none}
body.type-product div.p-param-block table.detail-parameters.second tbody tr:nth-child(7){display:none}

body.type-product div.p-to-cart-block {
    border: none;
    padding: 0;
    flex-wrap: nowrap;
    margin: 1rem 0;

    & div.p-add-to-cart-wrapper {
        width: 100%;

        & div.add-to-cart {
            font-family: var(--font-ss);
            max-width: 320px;
            margin: 0;
            width: 100%;
        }
    }

    & .add-to-cart-button.btn-conversion:before {
        content: "";
        margin-right: 0;
    }
}

body.type-product div.p-variants-block {
    padding: 0;

    & table.detail-parameters select {
        text-transform: uppercase;
        font-size: var(--normal-font-size);
        color: var(--ss-body);
        min-height: 33px;
        padding-left: 10px;
        box-shadow: var(--ss-shad);
        border-radius: var(--ss-border-radius);
        border: none;
        background-color: var(--ss-white-smoke);
        width: max-content;
        margin: 1rem 0;
        letter-spacing: 1px;
    }
}

body.type-product div.shp-tabs-holder {
    border: none;

    & ul.shp-tabs li a {
        border: none;
        text-transform: uppercase;
        font-family: var(--font-ss);
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
        letter-spacing: 1px;
        color: var(--ss-body);
    }
}

body.type-product div.tab-content {
    font-family: var(--font-ss);
    font-size: var(--normal-font-size);
    text-align: justify;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
    line-height: 1.8;
    text-transform: uppercase;

    & ul {
        padding-left: 1rem;
    }
}

body.type-product div#linkToSizeTab a {
    color: var(--ss-body);
}


body.type-product li.shp-tab.active a {
    background-color: var(--ss-white-smoke)
}

body.type-product li.shp-tab:not(.active) a {
    background-color: transparent;
}

body.type-product span.row-header-label {
    font-family: var(--font-ss);
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.type-product table.detail-parameters tbody tr th {
    font-family: var(--font-ss);
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
}

body.type-product td {
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
}

body.type-product tr.variant-list th {
    display: none;
}

body.type-product ul {
    list-style-type: none;
    padding-left: 2rem;

    &.shp-tabs {
        border: none
    }

    &#p-detail-tabs li:last-child {
        display: inline-block;
    }
}

body.type-product .p-image::after {
    display: none !important;
}

/* body.type-search */

body.type-search a#loadNextSearchResults {
    background: var(--ss-white-smoke)
}

body.type-search div.product {
    border: solid 1px #dedede;

    & div.p {
        margin: 0 auto;
    }
}

body.type-search div.products.products-block {
    display: block
}

body.type-search div.search-results-groups {
    display: none;
}

body.type-search h4.search-products-heading {
    display: none;
}

body.type-search main h2 {
    font-size: 20px;
    font-weight: var(--normal-font-weight);
    letter-spacing: 1px;
}

body.type-search strong.highlight {
    color: var(--ss-primary);
    font-weight: var(--normal-font-weight);
}


/*ALLPAGES*/

a.btn {
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    text-transform: uppercase;
    background: var(--ss-white-smoke);
    box-shadow: var(--ss-shad);
    height: 33px;
    width: 100%;
    max-width: 275px;
    padding: initial;
    border: none;
    border-radius: var(--ss-border-radius);

    &:hover {
        box-shadow: none;
    }
}

button[data-target="search"] {
    color: white;

    &:hover {
        color: white;
    }
}

button.btn.btn-conversion.next-step-forward {
    font-size: var(--larger-font-size);
    border-radius: var(--ss-border-radius);
    font-weight: var(--bold-font-weight);
    color: var(--ss-white-smoke);
}

button#topNavigationDropdown {
    border-radius: var(--ss-border-radius);
    color: var(--ss-body);
    border-color: #e5e5e5;
    transition: all 0.75s ease;

    &:hover {
        border-radius: var(--ss-border-radius);
        color: var(--ss-primary);
        border-color: var(--ss-primary);
    }
}


div[data-target='currency'] div.languagesMenu__header:after {
    content: " /"
}

div.body-banners div.banner-wrapper {
    margin: 5px;
}

div.breadcrumbs {
    display: none !important;
}

div.contact-box ul li>span:before {
    color: var(--ss-body);
}

div.content-window.search-window h2 {
    color: white;
}

div.content-window.search-window h3 {
    color: white;
}

div#content-wrapper:not(body.in-index div#content-wrapper) {
    margin-top: calc(8rem + 30px);
}

div.dividerContainer {
    display: flex;
    align-items: center;

    & .line {
        height: 3px;
        flex: 1;
        background-color: #323645;
        color: #f8f0e34d;
    }

    & span {
        padding: 0 2rem;
        color: #f8f0e34d;
    }
}

div.flags-default span.flag.flag-action {
    display: none;
}

div.flags-default span.flag.flag-custom2 {
    border-radius: var(--ss-border-radius);
    padding: 6px 11px;

    &::before {
        transform: none;
        width: 0;
    }

    &::after {
        transform: none;
        width: 0;
    }
}

div.flags-default span.flag.flag-new {
    display: none;
}

div.flags-default span.flag.flag-tip {
    display: none;
}

div.flags-extra span.flag.flag-discount {
    font-weight: 100;
    background-color: unset;
    flex-direction: row;
    width: fit-content;
    height: fit-content;
    color: transparent;
}

div.languagesMenu__content {
    background-color: #fff;
}


div.languagesMenu__header {
    color: var(--ss-body);
    font-family: var(--font-ss);
    text-transform: uppercase;
    font-weight: var(--lighter-font-weight);
    font-size: var(--normal-font-size);

    &.languagesMenu__header--actual {
        margin: 0
    }
}

div.leftNav a.login-link {
    display: none;
}

div.nav-box-icon-holder {
    margin: 15px;

    & a img {
        max-height: 83px;
    }
}

div.nav-box-link-holder a {
    font-size: 20px;
    letter-spacing: 0.16px;

    &:hover {
        color: #284666;
        text-decoration: underline;
    }
}

div#nav-toggle.active i.nav__toggle-close {
    opacity: 1
}

div#nav-toggle.active i.nav__toggle-menu {
    opacity: 0
}

div.navigation-buttons a {
    color: var(--ss-body) !important;
    background-color: #fff0 !important;
    border: none;
    font-size: var(--larger-font-size);
    width: 50px;

    &:hover {
        color: var(--ss-body);
        background-color: #ffffff4d;
    }
}

div.navigation-in.menu {
    width: 100%;
}

div.navigation-in ul.menu-level-2 {
    background-color: transparent;
    border: none;
    width: 100%;
    margin-top: 10px;
    padding: 2rem 0 0;

    & li {
        background-color: white;
    }
}

div.navigation-in ul li a b {
    color: var(--ss-body);
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
}

div.navigation-buttons a[data-target="cart"] i {
    color: #fff !important;
    background-color: var(--ss-primary) !important;
}

div.p-basic-info-block .default-variant {
    display: none;

}

div.p-detail-inner div.flags.flags-extra {
    display: none;
}

div.p-detail-inner-header h1 {
    text-transform: uppercase;
    font-family: var(--font-ss);
    font-weight: var(--bold-font-weight);
    font-size: var(--larger-font-size);
}

div.p-in div.prices {
    letter-spacing: 1px;

    & strong {
        font-weight: 500;
        letter-spacing: initial
    }
}

div.p-in-in span {
    text-transform: uppercase;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
    color: var(--ss-body);
}

div.p-short-description ul li {
    color: var(--ss-body);
    font-size: var(--normal-font-size) !important;
    line-height: 1.8;
    letter-spacing: 0.03rem;
}

div.param-filter-top form {
    display: none;
}

div.product {
    border: solid 1px #dedede;
    border-right: none;
}

div.product div.p {
    max-width: 230px;
    width: 230px;
    height: auto !important;
    text-align: start;
    justify-content: space-between;

    & div.p-in div.p-in-in {
        height: unset;
    }
}

div.products {
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
    }
}

div.products.products-block {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden !important;
    margin: 0px;
}

div#products-4.products-block {
    width: 100%;
}

div.products-block div .p .name {
    height: auto;
    padding: 0px;
}

div.products-block div .p .p-bottom div .p-tools {
    display: none;
}

div.products-block div.p-bottom.single-button {
    padding: 5px 0 !important;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight) !important;
    text-transform: uppercase;
    color: var(--ss-body)
}

div.products-block div.p a {
    margin-top: 35px
}

div.products-block div.p-in {
    height: 84px
}

div.products-block .p {
    border: none;
}

div#rate-average-inner:hover {
    text-decoration: underline !important;
    text-decoration-color: #dedede !important;
    cursor: pointer
}

div.site-msg.information {
    z-index: 9999;
}

div#sizeTabPageHolder {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}

div.testimonial-wrap--full {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: end;
    background: #323645;
    padding: 3rem;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: var(--ss-border-radius);
    min-width: 950px;
}

div.Testimonialdiv1 {
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    display: flex;
    justify-content: center;
    border-right: solid 1px #f8f0e34d;
}

div.Testimonialdiv2 {
    grid-area: 1 / 2 / 2 / 3;
    width: 100%;
    display: flex;
    justify-content: center;
}

div.Testimonialdiv3 {
    grid-area: 2 / 1 / 3 / 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

div.testimonialHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}

div.testimonialHeader-name-top h4 {
    color: #f8f0e3;
}

div.testimonialHeader-name-bot {
    margin-top: -10px;

    & img {
        width: 70px;
    }
}

div.testimonialHeader-pic {
    width: 90px;
    border-radius: 100%;
    border: 3px solid var(--ss-primary);

    & img {
        border-radius: 100%;
        border: 2px solid #f8f0e3;
    }
}

div.testimonialTextHolder {
    width: 400px;
    height: 100px;
    padding: 2rem 2rem 0 0;

    & p {
        color: #f8f0e3;
        font-size: var(--larger-font-size);
        text-align: justify;
    }
}

div.TrustedSvgHolder {
    text-align: center;

    & img {
        height: 100px;
        mix-blend-mode: overlay;
    }
}

div.widget-parameter-wrapper {
    display: none;

    &.justified {
        display: none;
    }
}

div.xpress {
    margin-bottom: 20px;

    & a {
        color: var(--ss-primary);
        text-decoration: underline;
        cursor: pointer;
    }

    & span {
        color: var(--ss-body);
        font-family: var(--font-ss);
        font-weight: var(--normal-font-weight);
        font-size: var(--normal-font-size);
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

/*

details {
    display: block;
    width: 100%;
    margin: 20px 0;
    font-size: var(--normal-font-size);
}

details[open] summary {
    color: var(--ss-body);
}

details[open] summary~* {
    animation: sweep .5s ease-in-out;
}

details[open] summary::-webkit-details-marker {
    color: var(--ss-body);
    background: #00FFFF;
}

details[open] summary:after {
    content: "-";
    color: var(--ss-body);
}

details p:last-child {
    margin-bottom: 40px;
}

*/

details {
    display: block;
    width: 100%;
    margin: 20px 0;
    font-size: var(--normal-font-size);

    &[open] summary {
        color: var(--ss-body);
    }

    &[open] summary~* {
        animation: sweep .5s ease-in-out;
    }

    &[open] summary::-webkit-details-marker {
        color: var(--ss-body);
        background: #00FFFF;
    }

    &[open] summary:after {
        content: "-";
        color: var(--ss-body);
    }

    & p:last-child {
        margin-bottom: 40px;
    }
}

footer {
    background-color: #fff !important;
    border: none !important;
    margin-top: 2.4rem;

    & a {
        color: var(--ss-body)!important;

        &:hover {
            text-decoration: unset;
        }

        &.js-cookies-settings {
            color: var(--ss-body);
        }
    }

    & div.footer-bottom {
        color: var(--ss-body);
        text-transform: uppercase;
        border: none;
    }

    & div#footer-button span {
        /*footer button*/
        transform: rotate(45deg);
    }

    & div#footer-button.expanded span {
        /*footer button*/
        transform: rotate(-90deg);
    }

    & #signature a {
        color: var(--ss-body);
        font-size: var(--normal-font-size);
    }

    & div.footer-newsletter {
        display: none!important;
    }

    & ul {
        padding-left: 0!important;

        & li::before {
            content: unset !important;
        }
    }

    & span.copyright {
        font-family: var(--font-ss);
        font-weight: var(--normal-font-weight);
        font-size: var(--normal-font-size);
    }
}



h1 {
    color: var(--ss-body);
    text-transform: uppercase;
    font-family: var(--font-ss);

    &.category-title {
        text-transform: uppercase;
        text-align: center;
    }
}

h2 {
    color: var(--ss-body);
    text-transform: uppercase;
    font-family: var(--font-ss);
    letter-spacing: 1px;

    &.bebas {
        font-size: 45px;
        margin: 0;
        line-height: 2;
    }
}

h3 {
    color: var(--ss-body);
    text-transform: uppercase;
    font-family: var(--font-ss);
}

h4 {
    color: var(--ss-body)
}

input[type="checkbox"]:checked+label::before {
    border-color: var(--ss-primary);
}

input[type="checkbox"]:checked+label::after {
    background-color: var(--ss-primary);
}

input[type="radio"]:checked+label::after {
    background-color: var(--ss-primary);
}

input[type="radio"]:checked+label::before {
    border-color: var(--ss-primary);
}

li {
    color: var(--ss-body);
    letter-spacing: 1px;

    &[data-testid="tabDiscussion"] {
        display: none !important;
    }

    &.splitted {
        visibility: visible !important;
        display: initial !important;
    }
}

p {
    color: var(--ss-body);
    font-family: var(--font-ss);
    letter-spacing: 1px;
    font-size: var(--normal-font-size);
    font-weight: var(--normal-font-weight);
}

select {
    border-radius: var(--ss-border-radius);
}

span.caret {
    display: none
}

span.flag.flag-discount span.price-standard {
    display: none;
}

span.flag.flag-discount span.price-save {
    background: var(--ss-primary);
    padding: 6px 11px;
    width: 100%;
    border-radius: var(--ss-border-radius);
    font-weight: var(--lighter-font-weight);
}

span.flag.flag-discount span.price-save::before {
    content: 'až ';
}

span.languagesMenu__list__name {
    margin-left: 0px
}

span.MuiBadge-root {
    width: 44px;
}

summary {
    display: block;
    color: var(--ss-body);
    padding: 10px;
    cursor: pointer;
    font-weight: var(--bold-font-weight);
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    border-bottom: solid 1px #dedede;

    &::-webkit-details-marker {
        color: var(--ss-body);
        background: #fff;
    }

    &::-webkit-details-marker {
        display: none;
    }

    &:hover {
        cursor: pointer;
    }

    &:after {
        content: "+";
        color: var(--ss-body);
        float: right;
        font-size: var(--normal-font-size);
        font-weight: var(--lighter-font-weight);
        margin: -5px 5px 0 0;
        padding: 0;
        text-align: center;
        width: unset;
    }
}

table.detail-parameters a {
    text-transform: uppercase;
    color: var(--ss-body);
}

table.myTable {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    color: var(--ss-body);

    & td {
        border-width: 1px;
        border-color: #fff;
        border-style: solid;
        padding: 3px;
        text-align: center;
    }

    & th {
        border-width: 1px;
        border-color: #fff;
        border-style: solid;
        padding: 3px;
        text-align: center;
    }

    & tr:nth-child(even) {
        background-color: #f2f2f2;
    }
}

table.table.border td {
    border: none !important;
    text-align: start;
}

td {
    color: var(--ss-body);
    font-family: var(--font-ss);

    &.p-name a.main-link {
        text-transform: uppercase;
        color: var(--ss-body)!important;
        font-weight: var(--normal-font-weight);
        font-size: var(--normal-font-size);
        letter-spacing: 1px;
    }
}

th {
    color: var(--ss-body);
}

ul {
    color: var(--ss-body);

    &.languagesMenu__list svg.shp-flag {
        display: none;
    }

    &.menu-level-1 {
        justify-content: center;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
}

.active {
    color: var(--ss-body);
}

.admin-bar {
    bottom: 0;
    position: fixed
}

.availability-label {
    text-transform: uppercase;
    font-weight: var(--normal-font-weight);
    font-size: var(--normal-font-size);
}

.bebas {
    font-family: 'Bebas Neue' !important;
    font-weight: 400;
}

.btn-conversion {
    height: unset;
    padding: 7px 25px;
    box-shadow: var(--ss-shad);
    border-radius: var(--ss-border-radius);
    width: 100px;
    font-size: var(--normal-font-size);
    background-color: var(--ss-white-smoke) !important;
    color: var(--ss-body) !important;
    border: none;
    transition: 0.5s;

    &:hover {
        box-shadow: none;
        transition: 0.5s;
    }

    &:after {
        font-size: 12px;
    }
}

.customTooltip {
    position: relative;
    display: inline-block;

    &:hover .customTooltipText {
        visibility: visible;
    }
}

.customTooltipText {
    max-width: 200px;
    width: max-content;
    background-color: var(--ss-body);
    color: #fff;
    text-align: center;
    height: auto;
    border-radius: var(--ss-border-radius);
    padding: 3px 8px;
    border: none;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -110%);
    visibility: hidden;

    &::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        border-style: solid;
        border-color: #273342 transparent transparent transparent;
        margin-left: -5px;
        border-width: 5px;
    }
}

.delivery-time-label {
    text-transform: uppercase !important;
    font-weight: var(--normal-font-weight) !important;
    font-size: var(--normal-font-size);
    letter-spacing: 1px;
}

.filter-count {
    font-weight: lighter;
    color: #5e5e5e;

    &:before {
        content: "(";
    }

    &:after {
        content: ")";
    }
}

.filter-section label.active {
    color: var(--ss-primary);
}

.green-cart {
    color: var(--ss-primary) !important;
}

.image360::after {
    display: flex;
}

.js-languagesMenu__list__link.languagesMenu__list__link {
    color: var(--ss-body);
}

.languagesMenu__list {
    background-color: #fff;
}

.languagesMenu__list__link {
    color: var(--ss-body) !important;

    &:hover {
        background-color: #fff;
    }
}

.link-icons {
    display: none;
}

.material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 40
}

.p-image::after {
    display: flex;
}

.p-thumbnails a img {
    border: none;
}

.p-thumbnails-horizontal .p-thumbnail::before {
    display: none;
}

.pagination-appendix {
    display: none;
}

.quantity {
    display: none;
}

.registered{display:none;}

.row {
    margin-left: unset;
    margin-right: unset;
}

.v--admin{visibility:hidden;}

.variant-list th {
    text-transform: uppercase;
    font-weight: var(--lighter-font-weight);
}

.vote-wrap {
    width: 100% !important;
}

#clear-filters {
    text-align: left;
}

@keyframes pulse {
    0% {
        opacity: 100%;
        width: 14.5rem;
        height: 14.5rem;
    }

    5% {
        opacity: 90%;
        width: 14.5rem;
        height: 14.5rem;
    }

    100% {
        opacity: 0;
        width: 21rem;
        height: 21rem;
    }
}

@keyframes sweep {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes rainbowrun {
    0% {
        filter: hue-rotate(0deg)
    }

    50% {
        filter: hue-rotate(90deg)
    }

    100% {
        filter: hue-rotate(0deg)
    }
}

@keyframes ss-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(225, 225, 225, 1);
    }

    100% {
        box-shadow: 0 0 7px 10px rgba(225, 225, 225, 0);
    }
}