: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;
}

/* custom css framework */
body {
    --shoptet-design: none;

    & .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 {
        background: #2D2D2C !important;
    }

    & .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--0 {
        border: none !important;
    }

    & .border-c--w50 {
        border-color: #ffffff80 !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-right: solid 1px;
    }

    & .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: 0.7 !important;
    }

    & .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 {
        color: #2D2D2C !important;
    }

    & .t-color--2D2D2C {
        color: #2D2D2C !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 {
        line-height: 25.888px !important;
    }

    & .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 {
        text-transform: uppercase !important;
    }

    & .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-width: 600px !important
    }

    & .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 {
        white-space: nowrap !important;
    }

    & .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;
}

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

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

body.customer-logged {
    --shoptet: none;

    & .unregistered {
        display: none !important;
    }

    & .registered {
        display: flex;
    }
}

body.customer-page {
    --shoptet: none;

    & 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;
        }
    }

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

    & .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;
    }

    & 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;
        }
    }

    & ul li::marker {
        content: none;
    }

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

        &.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;
            }
        }

        &.table a {
            color: var(--ss-primary) !important;
        }
    }
}

body.customer-page.in-dorucovaci-udaje {
    --shoptet: none;

    & 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);
        }
    }

    & h4 {
        color: var(--ss-body);
        text-transform: uppercase;
    }

    & input {
        border-radius: var(--ss-border-radius);
    }

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

body.customer-page.in-nastaveni {
    --shoptet: none;

    & 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;

    }

    & div.form-group.submit-wrapper p {
        text-align: center;
        max-width: 700px;
    }

    & 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;
            }
        }
    }

    & 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;
    }

    & 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;
            }
        }
    }

    & label {
        --shoptet: none;

        &[for="currentPassword"] {
            line-height: unset;
        }

        & span {
            color: var(--ss-body);
            letter-spacing: 1px;
        }
    }

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

body.in-addons {
    --shoptet: none;

    & th {
        --shoptet: none;

        & div.delivery-time {
            display: none;
        }

        & span.delivery-time-label {
            display: none;
        }
    }
}

body.in-dekujeme {
    --shoptet: none;

    & div.order-summary-item {
        --shoptet: none;

        &.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;
            }
        }

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

    & 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);
            }
        }
    }

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

    & table {
        --shoptet: none;

        &.table.recapitulation-table th {
            padding: 10px;
        }

        &.cart-table tr td {
            box-shadow: none !important;
            border-radius: 0;
        }
    }

    & td.p-price {
        font-weight: initial;
    }
}

body.in-hodnoceni-obchodu,
body.in-store-rating {
    --shoptet: none;

    & h1 {
        margin-bottom: 7rem;
        font-size: min(25px, 5vw);
        font-weight: 500;
        letter-spacing: 1px;
    }

    & div.form-group.consents label {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        color: #2D2D2C;
        letter-spacing: 1px;
    }

    & div.pagination {
        font-size: 12px;
        letter-spacing: 1px;
    }

    & div.pagination-count {
        color: #2D2D2C;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
    }

    & div.pagination-top strong {
        letter-spacing: 1px !important;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
    }

    & div.rate-average-inner {
        align-items: flex-end !important;
    }

    & div.vote-content {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        color: #2D2D2C;
    }

    & div.vote-form {
        --shoptet: none;

        & 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;

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

        & 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;

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

        & input.btn-primary {
            height: unset !important;
        }
    }

    & 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;
    }

    & 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;

        & :hover {
            background-color: #217A6C !important;
            border-color: #217A6C !important;
        }
    }

    & 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;

        &:hover {
            background-color: #217A6C !important;
            border-color: #217A6C !important;
        }
    }

    & span.rate-average {
        color: var(--ss-primary);
    }

    & span.rate-value {
        color: #2D2D2C;
    }

    & span.stars-label {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    & span.vote-name {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        color: #2D2D2C;
    }

    & .star-on::before {
        color: var(--ss-primary) !important;
    }
}

body.in-index {
    --shoptet: none;

    & main.content {
        padding: 0;
    }

    & div.banners-row {
        margin: 0;

        & div#carousel {
            --shoptet: none;

            & div.carousel-inner {
                display: flex;
                align-items: center;
                border-radius: 0rem 0rem 1.337rem 1.337rem;

                & div.item {
                    margin: 0 auto;

                    & div.flexCarouselBUY {
                        --shoptet: none;

                        & table.detail-parameters {
                            --shoptet: none;

                            & tr.variant-list th {
                                display: none;
                            }

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

                        & button {
                            border-radius: var(--ss-border-radius);
                            padding: 7px 25px;
                            background-color: #fff !important;
                            color: #2D2D2C;
                            transition: 0.8s;
                            width: auto;
                            letter-spacing: 1px;
                            box-shadow: var(--ss-shad3);
                        }

                        & div.p-basic-info-block {
                            border: none;

                            & span.availability-label {
                                display: none;
                            }
                        }

                        & div.p-to-cart-block {
                            justify-content: flex-start;
                            gap: 50px;
                            border: none;
                            padding: 0;
                            flex-wrap: nowrap;

                            & div.p-final-price-wrapper {
                                width: auto;

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

                                & span.price-final-holder {
                                    font-size: 18px;
                                    color: white;
                                    background: #6EC1A9;
                                    padding: 4px;
                                }
                            }

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

                                & span.quantity {
                                    display: none;
                                }
                            }

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

                        & 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;
                            }
                        }
                    }

                    & div.flexCarouselIMG:hover {
                        transform: scale(1.04);
                    }
                }
            }

            & a.carousel-control {
                color: #fff;

                &:before {
                    margin: 0px;
                    border: none;
                }
            }

        }

        & div.next-to-carousel-banners {
            margin-top: 0px;
        }
    }

    & div.index-content-wrapper {
        overflow-x: hidden;

        & div.products.products-block {
            display: flex;
            flex-wrap: nowrap;
            overflow-y: hidden !important;
            margin: 0px;
            gap: 1.337rem;
            -ms-overflow-style: none;
            scrollbar-width: none;

            & div.product {
                padding: 0 !important;

                & div.p {
                    height: auto !important;
                    text-align: start;
                    justify-content: space-between;
                    border: none;
                    width: calc(100vw / 4.27) !important;
                    max-width: 300px !important;
                    gap: 1.337rem;

                    & a.image {
                        background: #f7f7f7;
                        border-radius: 1.337rem;
                        aspect-ratio: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;

                        & img {
                            mix-blend-mode: multiply;
                        }

                        & div.flags-default {
                            --shoptet: none;

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

                            & span.flag.flag-action {
                                display: none;
                            }

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

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

                            & span.flag.flag-new {
                                display: none;
                            }

                            & span.flag.flag-tip {
                                display: none;
                            }
                        }

                        & div.flags-extra {
                            --shoptet: none;

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

                    & div.p-in {
                        padding-top: 0px !important;

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

                            & .name {
                                height: auto;
                                padding: 0px;

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

                        & 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: #666;

                            & div.prices {
                                letter-spacing: 1px;

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

                            & div.p-tools {
                                display: none;
                            }
                        }
                    }

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

                        &.justified {
                            display: none;
                        }
                    }
                }
            }
        }

        & div.shp-tabs-wrapper.homepage-tabs-wrapper {
            --shoptet: none;

            & div.shp-tabs-row {
                display: none;
            }

            & div.tab-content {
                padding-left: 2.4rem;
                padding-right: 0;

                & div#homepageProducts4 {
                    position: relative;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-items: flex-end;

                    & 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%;
                    }

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

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

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

        & div.homepage-texts-wrapper {
            display: none;
        }

        & div.footer-banner {
            margin: 2.4rem 0;
            padding-right: 0px;

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

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

            & div#hodnoceni-load {
                --shoptet: none;

                div.votes-wrap {
                    display: flex;
                    overflow-x: scroll;
                    overflow-y: hidden;
                    max-width: calc(100vw - 10px);

                    & div.vote-content {
                        height: 58px;
                        overflow-y: scroll;
                        font-size: var(--normal-font-size);
                        letter-spacing: 0.5px;
                        color: var(--ss-body);
                    }

                    & div.vote-wrap {
                        flex-shrink: 0;
                        border: solid 1px #dedede;
                        border-right: none;
                        padding: 15px 15px 0px 15px;
                        width: 350px !important;
                        height: fit-content;
                        min-height: 150px;
                    }

                    & span {
                        --shoptet: none;

                        &.vote-name {
                            font-size: var(--normal-font-size);
                            text-transform: uppercase;
                            color: var(--ss-body);
                            letter-spacing: 1px;
                        }

                        &.vote-pic {
                            display: none;
                        }

                        &.vote-summary {
                            display: flex;
                            flex-direction: column-reverse;
                            align-items: center;
                            gap: 10px;
                        }

                        &.vote-delimeter {
                            display: none;
                        }
                    }
                }
            }

            & div#hodnoceni-load-link a:hover {
                text-decoration: underline;
            }

            & div#ssVoucher {
                --shoptet: none;

                & div#ssVoucher__right a:hover {
                    cursor: pointer;
                    color: #284666 !important;
                }

                & div#ssVoucher__right a::after {
                    content: "\2192";
                    margin: 5px;
                }

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

            & div#rate-average-inner {
                --shoptet: none;

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

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

            & #button__pulse {
                display: none;
                animation: ss-pulse 2s infinite;

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

            & #button-inner-circle {
                display: none;
                left: calc(50% - 7px);

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

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

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

}

body.in-kontakty {
    --shoptet: none;

    & section.ContactForm {
        --shoptet: none;

        & form {
            margin-top: 30px;
            padding: 2.4rem;
            border-radius: var(--ss-border-radius);
            border: solid 1px #dedede;
        }

        & 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;
            }
        }

        & label {
            font-size: var(--normal-font-size);
            line-height: 30px;
            text-transform: uppercase;
            color: var(--ss-body);
        }

        & p {
            line-height: 25.888px;
            font-size: var(--normal-font-size);
            text-transform: uppercase;
        }

        & textarea {
            color: var(--ss-body);
            border-radius: var(--ss-border-radius);
        }
    }
}

body.in-kosik,
body.in-cart {
    --shoptet: none;

    & 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%;
        border-radius: var(--ss-border-radius);
        text-align: center;
        line-height: initial !important;
    }

    & 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;
    }

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

    & div.discount-coupon button {
        font-size: 0px;
        background: transparent;
        border: none;

        &:hover {
            background-color: transparent;
        }

        &:before {
            font-size: 20px;
        }
    }

    & div.extra.delivery {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 25.88px;

        &:before {
            content: '';
        }
    }

    & div.next-step {
        justify-content: end;

        & a {
            display: block !important;
        }
    }

    & div.price-wrapper {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 25.88px;
    }

    & div#upsell-container h4 {
        display: block !important;
        padding: 2.4rem;
        text-transform: uppercase;
    }

    & h4 {
        display: none
    }

    & 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;
    }

    & ol.cart-header.step-0 {
        border: none;

        & li strong span {
            border: none;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: start;

            &:before {
                content: none;
            }
        }
    }

    & li.step {
        --shoptet: none;

        &.step-2 {
            display: none;
        }

        &.step-3 {
            display: none;
        }
    }

    & span.order-button-text {
        font-size: 12px;
        font-weight: 500;
    }

    & span.price-label.price-primary {
        color: #2d2d2c;
    }

    & span.price-label.price-secondary {
        color: #2d2d2c;
    }

    & span.main-link-variant {
        font-size: 12px;
    }

    & strong.price.price-primary {
        color: #2d2d2c;
    }

    & .quantity {
        display: inline-block !important;
        font-size: 12px !important;
        border: none !important;
    }

    & .cart-table .p-price {
        display: none;
    }

    & .availability-label {
        letter-spacing: 1px;
    }

    & .price-final {
        letter-spacing: 1px;
        font-size: 12px !important;
    }
}

body.in-login {
    --shoptet: none;

    & button.btn-login {
        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;
        }
    }

    & div.login-wrapper {
        display: flex;
        flex-direction: column;
    }

    & div.password-helper {
        padding: 0;
        display: flex;
        flex-direction: column;

        & 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;
            }
        }
    }

    & form {
        --shoptet: none;

        & 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;
            }
        }

        & div.validator-msg {
            font-size: var(--normal-font-size);
            text-transform: uppercase;
            font-weight: var(--normal-font-weight);
            letter-spacing: 1px;
        }
    }

    & h1 {
        font-size: var(--larger-font-size);
        letter-spacing: 1px;
    }

    & main.content {
        max-width: 420px;
        margin: 0 auto;
    }
}

body.in-merch {
    --shoptet: none;

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

    & div#merch-info {
        margin-right: 20%;
    }

    & h1.category-title {
        display: none;
    }
}

body.in-obchodni-podminky {
    --shoptet: none;

    & div#podminky h4 {
        font-size: var(--larger-font-size);
        font-weight: var(--normal-font-weight);
    }

    & 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 {
    --shoptet: none;

    & div.content-wrapper {
        --shoptet: none;

        & div.breadcrumbs {
            display: none;
        }
    }

    & section#about-content-4 {
        --shoptet: none;

        & 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);
        }
    }

    & div#hodnoceni-load-link a {
        text-transform: uppercase;
        font-size: var(--normal-font-size);
        font-weight: var(--normal-font-weight);
    }

    & div.votes-wrap {
        display: flex;
        gap: 15px;
        overflow-x: scroll;
        overflow-y: hidden;

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

        & 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;
        }

        & span.vote-delimeter {
            display: none;
        }

        & span.vote-name {
            font-size: var(--larger-font-size);
        }

        & span.vote-pic {
            display: none;
        }

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

        & span.vote-time {
            display: none;
        }

        & .star-on::before {
            color: var(--ss-primary) !important;
        }
    }

    & .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    & .content-wrapper-in {
        max-width: unset;
    }

}

body.in-registrace {
    --shoptet: none;

    & 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;
    }

    & div.co-box {
        border-radius: var(--ss-border-radius);
    }

    & div.col-md-8 {
        width: 100%;
        padding: 0
    }

    & 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;
        }
    }

    & fieldset {
        --shoptet: none;

        &.box.register-soc.co-box.co-registration {
            border: none;

            & h4 {
                display: none;
            }
        }

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

    & form#register-form div.row {
        display: flex;
        flex-direction: column;
    }

    & input {
        border-radius: var(--ss-border-radius);
    }

    & 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 {
    --shoptet: none;

    & div.shp-tabs-holder {
        border-color: #F3F4F6;
    }

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

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

    & 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;

        & th {
            text-align: start;
            line-height: 40px;
        }

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

    & 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 {
    --shoptet: none;

    & 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;
    }

    & div.errorDiv {
        font-family: 'Bebas Neue';
        color: #284666;
        font-size: 30px;
        padding: 5%;
    }

    & main#content {
        background: linear-gradient(0deg, #FCEECE 85%, transparent);
        height: 650px;
        margin-top: 5rem;
    }
}

body.in-vraceni-zbozi {
    --shoptet: none;

    & ul {
        margin-top: 5rem;

        & li {
            line-height: 25.888px;
            margin: 0 10px 30px 10px;
        }
    }
}

body.in-zapomenute-heslo {
    --shoptet: none;

    & .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;
        }
    }

    & .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;
}

body.ordering-process {
    --shoptet: none;

    & a.next-step-back {
        padding: 2.4rem;


    }

    & aside.sidebar-left {
        display: none
    }

    & button {
        --shoptet: none;

        &.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);
            }
        }

        &.btn-conversion.next-step-forward {
            line-height: normal;
        }

        & span.order-button-text {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 0;
            line-height: 2.5rem;
        }

        & span.order-button-suffix {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 0;
            line-height: 2.5rem;
        }
    }

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

    & div#checkoutContent label[for="login"] {
        display: none;
    }

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

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

    & 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);
        }
    }

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

    & div.order-summary-item {
        font-size: var(--normal-font-size);
        letter-spacing: 1px;
        font-weight: 500;
    }

    & 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;
        }
    }

    & h4 {
        font-size: var(--larger-font-size);
        text-transform: uppercase;
        color: var(--color-primary);
        letter-spacing: 1px;

        &:before {
            content: '';
        }
    }

    & input {
        border-radius: var(--ss-border-radius);
    }

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

    & ol.cart-header {
        display: none;
    }

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

    & 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);
        }
    }

    & span.price-label {
        --shoptet: none;

        &.price-primary {
            font-size: var(--normal-font-size) !important;
        }

        &.price-secondary {
            font-size: var(--normal-font-size) !important;
        }
    }

    & strong {
        font-size: var(--normal-font-size);
        color: var(--color-primary);
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;

        &.price.price-primary {
            font-size: var(--larger-font-size) !important;
        }

        &.price.price-secondary {
            font-size: var(--normal-font-size) !important;
        }
    }
}

body.ordering-process.in-krok-2,
body.ordering-process.in-step-2 {
    --shoptet: none;

    & fieldset.co-contact-information div:nth-child(2) {
        display: flex;
    }

    & div.next-step button {
        padding: initial;
        transition: 0.8s;
        width: 100%;
        max-width: 275px;
    }

    & .co-contact-information .form-group .btn {
        white-space: nowrap;
        border: none;
        box-shadow: none
    }

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

body.search-window-visible {
    --shoptet: none;

    & button.toggle-window-arr {
        font-size: 12px;

        &:before {
            font-size: 14px;
        }
    }

    & form {
        --shoptet: none;

        & input.search-input {
            background-color: #F3F4F6;
            border: none;
            color: #7A7A7A;
            border-radius: 1.337rem;

            &:focus-visible {
                outline: none;
            }
        }

        & button[type="submit"] {
            background: #F3F4F6;
            border: none;
            border-radius: 1.337rem !important;

            &:before {
                font-size: 24px !important;
                color: #7A7A7A;
            }
        }

        & div.search-whisperer.active {
            --shoptet: none;

            & div.search-whisperer-documents {
                display: none;
            }

            & span.price-final {
                font-size: 12px
            }
        }


    }

    & h3 {
        display: none;
    }
}

body.type-category {
    --shoptet: none;

    & div.category-content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    & div.breadcrumbs {
        display: none;
    }

    & div.category-top {
        --shoptet: none;

        & h1.category-title {
            display: none;
        }

        & h4 {
            display: none;
        }

        & div.products-top {
            --shoptet: none;

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

            & div.price strong {
                font-size: 12px;
            }
        }
    }

    & div.category-header {
        display: none;
    }

    & div#filters-wrapper {
        display: none;

        & 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;
                }
            }

            & div.filter-total-count {
                display: none;
            }

            & span.filter-count {
                display: none;
            }

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

        & div.slider-wrapper {
            display: none;
        }
    }

    & div.pagination-wrapper {
        --shoptet: none;

        & div.pagination {
            display: none;
        }

        & div.pagination-count {
            display: none;
        }

        & div.pagination-loader {
            --shoptet: none;

            & 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;
                }
            }
        }

        & div.pagination-top {
            display: none;
        }
    }

    & div.products-block {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -moz-column-gap: .75rem;
        column-gap: 1.337rem;
        row-gap: 3rem;

        & div.product {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            width: unset !important;
            padding: 0 !important;

            & div.p {
                height: auto !important;
                text-align: start;
                justify-content: space-between;
                border: none;
                width: calc(100vw / 4.27) !important;
                max-width: 300px !important;
                gap: 1.337rem;

                & a.image {
                    background: #f7f7f7;
                    border-radius: 1.337rem;
                    aspect-ratio: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;

                    & img {
                        mix-blend-mode: multiply;
                    }

                    & div.flags-default {
                        --shoptet: none;

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

                        & span.flag.flag-action {
                            display: none;
                        }

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

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

                        & span.flag.flag-new {
                            display: none;
                        }

                        & span.flag.flag-tip {
                            display: none;
                        }
                    }

                    & div.flags-extra {
                        --shoptet: none;

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

                & div.p-in {
                    padding-top: 0px !important;

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

                        & .name {
                            height: auto;
                            padding: 0px;

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

                    & 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: #666;

                        & div.prices {
                            letter-spacing: 1px;

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

                        & div.p-tools {
                            display: none;
                        }
                    }
                }

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

                    &.justified {
                        display: none;
                    }
                }
            }
        }
    }






    & label {
        --shoptet: none;

        &.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;
            }
        }

        &[for="stock"] {
            display: none;
        }

        &[for="dd[]1"] {
            display: none;
        }

        &[for="dd[]2"] {
            display: none;
        }

        &[for="dd[]3"] {
            display: none;
        }
    }

}

body.type-page {
    --shoptet: none;

    & article header {
        display: none;
    }
}

body.type-product {
    --shoptet: none;

    & div.breadcrumbs {
        display: none;
    }

    & div.p-detail-inner {
        --shoptet: none;

        & div.p-data-wrapper {
            display: flex;
            flex-direction: column;
            width: auto;
            justify-content: flex-end;

            & div.p-detail-inner-header {
                --shoptet: none;

                & h1 {
                    margin: 1rem 0;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                }

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

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

                & div.p-basic-info-block {
                    display: none;
                }
            }

            & div.p-variants-block {
                padding: 0;

                & table.detail-parameters {
                    --shoptet: none;

                    & tr.variant-list th {
                        display: none;
                    }

                    & th {
                        font-size: 12px;
                        letter-spacing: 1px;
                        color: #2D2D2C;
                        font-weight: 400;
                    }

                    a.shipping-options {
                        font-size: 12px;
                        letter-spacing: 1px;
                        color: #2D2D2C;
                        font-weight: 400;
                        text-transform: uppercase;

                    }

                    & span.delivery-time-label {
                        text-transform: uppercase;
                    }

                    & 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)
                        }
                    }

                    & 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;
                    }
                }

                & div#linkToSizeTab a {
                    color: var(--ss-body);
                    letter-spacing: 1px;
                    font-weight: 400;
                }
            }

            & 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%;

                        & span.quantity {
                            display: none;
                        }

                        & button.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);
                            color: var(--ss-body);
                            border: none;
                            transition: 0.5s;

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

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

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

                & table.detail-parameters {
                    --shoptet: none;

                    & tr {
                        --shoptet: none;

                        &.variant-list th {
                            display: none;
                        }
                    }

                    & td {
                        font-size: var(--normal-font-size);
                        letter-spacing: 1px;
                        font-weight: var(--lighter-font-weight);
                        text-transform: uppercase;
                    }

                    & th {
                        font-family: var(--font-ss);
                        font-size: var(--normal-font-size);
                        font-weight: var(--normal-font-weight);
                    }

                    & 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;
                    }
                }

                & div.social-buttons-wrapper {
                    display: none;
                }
            }
        }

        & div.p-image-wrapper {
            --shoptet: none;

            & div.p-image {
                --shoptet: none;

                & div.flags {
                    display: none;
                }

                &:after {
                    display: none !important;
                }
            }
        }
    }

    & div.shp-tabs-wrapper {
        --shoptet: none;

        & div.col-sm-12 {

            & div.shp-tabs-holder {
                border: none;

                & ul.shp-tabs {
                    border: none;

                    & li {
                        --shoptet: none;

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

                        &:last-child {
                            display: inline-block;
                        }

                        &.active a {
                            background-color: var(--ss-white-smoke);
                        }

                        &:not(.active) a {
                            background-color: transparent;
                        }

                        & 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);
                        }
                    }
                }


            }

            & 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;
                color: #2D2D2C;

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

                & div.description-inner div.p-short-description ul {
                    padding-left: 0;
                    color: #2D2D2C;

                    & li {
                        font-size: 12px;
                        list-style-type:none;
                        letter-spacing: 1px;

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

    & div.image360-navigation {
        display: none;
    }
}


body.type-search {
    --shoptet: none;

    & a#loadNextSearchResults {
        background: var(--ss-white-smoke);
    }

    & div.products.products-block {
        display: block;
    }

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

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

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

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




/*TEST*/

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;
    }
}


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: #2d2d2c !important;
    border: none;
    border-radius: 1.337rem;

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

    & div.footer-bottom {
        color: #fff;
        border: none;

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

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

    & div.banner {
        --shoptet: none;

        & h4 {
            color: #9e9e9E;
        }

        & ul {
            padding-left: 0 !important;

            & li {
                --shoptet: none;

                &:before {
                    content: unset !important;
                }

                & a {
                    color: #fff;

                    &:hover {
                        text-decoration: none !important;
                        color: #9E9E9E;
                    }
                }
            }
        }
    }
}

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

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

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

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

h3 {
    color: var(--ss-body);
    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);
}


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.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;
}

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

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

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

.image360::after {
    display: flex;
}

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

.registered {
    display: none;
}

.v--admin {
    visibility: hidden;
}

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

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

@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);
    }
}