:root {
    --white: #FFFFFF;
    --light: #F7F7F9;
    --dark: #41422F;
    --darker: #323321;
    --red: #AE1313;
    --lime: #9AA820;
    --lime-dark: #899616;
    --yellow: #FFB300;
    --gray: #5B606D;
    --green: #479429;
    --border: #E5E5E5;

    --white-rgb: 255 255 255;
    --black-rgb: 0, 0, 0;

    --font-main: "Overpass", sans-serif;
    --font-headings: "Barlow Condensed", sans-serif;

    --border-radius: 0px;
    --border-radius-pill: 9999px;
    --border-radius-round: 6px;

}


@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass/Overpass-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;

    ascent-override: 94%;
    descent-override: 20%;
    line-gap-override: 0%;
    display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed/BarlowCondensed-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


html {
    background-color: var(--white);
}

body {
    max-width: 100%;
    margin: 0 auto;
    font-family: var(--font-main);
    color: var(--dark);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

a {
    color: var(--dark);

    &:hover,
    &:active,
    &:focus {
        color: var(--darker);
    }
}

h6,
h5,
h4,
h3,
h2,
h1 {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 700;
}

.container {
    max-width: 1420px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 575px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.btn {
    background-color: var(--lime);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 9999px;
    font-weight: 500;
    min-height: 50px;
    text-align: center;
    line-height: 1.2;

    &:hover,
    &:active,
    &:focus {
        background-color: var(--lime-dark);
    }
}

.btn.--dark {
    background-color: var(--dark);
}

.btn.--ghost {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--dark);
    transition: .2s ease border;

    &:hover,
    &:active,
    &:focus {
        border: 1px solid var(--dark);
        color: var(--dark);
    }
}

.btn.--danger {
    background: transparent;
    border: 1px solid var(--red);
    color: var(--red);

    &:hover,
    &:active,
    &:focus {
        background-color: var(--red);
        color: var(--white);
    }
}

.btn img {
    margin-left: 12px;
    width: 10px;
    height: 10px;
}

@media screen and (max-width: 575px) {
    .btn {
        min-height: 48px;
        padding: 0 22px;
    }
}

.form-group input:user-invalid {
  border-color: var(--red);
}

header {
    background-color: var(--dark);
}

nav {
    background-color: var(--darker);
    position: relative;
}

nav>.container {
    background: transparent;
    padding: 0 20px;
    max-width: 1420px;
}

.toast-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.toast {
    background: var(--dark);
    color: #fff;
    padding: 14px 25px;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    font-size: 15px;
    opacity: 0;
    transform: scale(0.95);
    animation: toastIn 0.25s forwards, toastOut 0.3s forwards 3s;
}

@keyframes toastIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes toastOut {
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}


@media screen and (max-width: 991px) {
    .header-main {
        box-shadow: none;
        background-color: var(--dark);
    }

    body.--search-active .search-wrapper {
        border: 0px;
    }

    nav>.container {
        padding: 0px;
    }
}

@media (min-width: 992px) {
    body.nav-scrolled #mainNav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }

    body.nav-scrolled header {
        padding-top: 54px;
        /* odsazení podle výšky navu */
    }
}

section {
    padding: 80px 0;
}

section h1 {
    font-size: 32px;
    color: var(--dark);
    font-weight: 700;
}

section h2 {
    font-size: 32px;
    color: var(--dark);
    font-weight: 700;
}

.page-content h2 {
    font-size: 26px;
}

section.products h2,
.categories h2,
.section-news__header .section-news__title {
    font-size: 32px;
    margin-bottom: 30px;
}

.page-content p,
.page-content strong,
.page-content b,
.page-content i,
.page-content u {
    color: var(--dark);
}

.txt-page .page-content p a {
    text-decoration: underline;
}


.page-content strong,
.page-content b {
    font-weight: 600;
    margin: 0;
}

.header-notice {
    background: var(--red);
    min-height: 40px;
    display: flex;
    align-items: center;
}

.header-main {
    padding: 6px 0;
}


.logo img {
    height: 110px;
    width: auto;
}

.nav-link,
.nav-linkDesktop {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-size: 20px;
    color: var(--white);
    background-color: transparent;
}


.header-top__links {
    gap: 20px;
}

.header-top__links a {
    color: var(--white);
    margin: 0;
    font-size: 14px;
}

.search-form {
    border-radius: 9999px;

}

.search__input {
    background: var(--light);
    border-radius: 9999px;
}

.search__button {
    background: var(--light);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 9999px;
}

.header-nav {
    gap: 20px;
    align-items: center;
}

.header-nav .user {
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.header-nav .user__icon {
    background: transparent;
    border: 0;
    height: auto;
    width: auto;
    margin: 0;
}

.header-nav .user__icon img,
.header-nav .cart__icon img {
    filter: brightness(5);
}

.header-nav .cart-title {
    display: none;
    color: var(--white);
}

.header-nav .cart.--active {
    background: #9AA820;
    width: auto;
    padding: 0 20px;
    gap: 12px;
}

.header-nav .cart.--active .cart-title {}

.header-nav .user__title {
    display: none;

}


.header-main .container {
    gap: 40px;
}

.header-main .logo-wrap {
    padding-right: 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 0px;
    height: 100%;
    gap: 0 20px;
}

.header-top {
    width: 100%;
    background: transparent;
    border: 0;
    justify-content: space-between;
}

.header-tel {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-tel-img {
    border: 2px solid var(--lime);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-tel-content {
    color: var(--white);
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.header-tel-content small {
    font-size: 14px;
}

.header-tel-content span {
    font-family: var(--font-headings);
    font-size: 22px;
    font-weight: 500;
}

.search {
    padding: 20px 0px;
}

.product-detail__cta {
    display: flex;
    flex-direction: row;
    padding: 0px;
    background: transparent;
}

.product-detail__title {
    font-size: 36px;
    padding-bottom: 20px;
}

.product-card {
    outline: 1px solid var(--border);
}


.social {
    display: none;
}

.carousel .prev,
.carousel .next {
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    border-radius: 50%;
}

.carousel .prev {
    left: 10px;
}

.page-heading h1 {
    font-size: 36px;
}


.header-nav .cart__number {
    left: 8px;
    top: 23px;
    background: var(--white);
    border: 2px solid #9AA820;
    color: #41422F;
    font-weight: 600;
    padding-top: 3px;
}

.header-nav .user__title {
    color: var(--dark);
}

.header-nav .user {
    margin: 0 0px 0 0;
}

@media screen and (max-width: 991px) {

    .header-nav {
        gap: 0;
    }

    #navToggle span {
        background: var(--white)
    }

    #navToggle span::before,
    #navToggle span::after {
        background: var(--white);
    }

    .search__button {
        height: 54px;
    }
}



section.products h1,
section.categories h1 {
    font-size: 32px;
    padding-bottom: 30px;
}

section.carousel {
    padding-top: 20px;
    padding-bottom: 0;
    position: relative;
    background: linear-gradient(to top,
            var(--white) 0,
            var(--white) 100px,
            var(--light) 100px,
            var(--light) 100%);
}

section.points {
    padding-top: 0px;
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

section.points .points-single {
    background-color: var(--white);
    flex-direction: column;
    border: 1px solid var(--border);
    border-top: 3px solid var(--lime);
    padding: 30px 20px;
    gap: 10px;
}

.points-single__content {
    padding: 0;
    align-items: center;
    text-align: center;
    padding-top: 5px;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
}

.points-single__icon img {
    height: 34px;
    width: 34px;
}

section.products {
    padding-bottom: 80px;
    padding-top: 80px;
}

footer {
    background: var(--light);
    padding: 40px 0 0 0;
    content-visibility: auto;
}

.copyright {
    margin-top: 60px;
    padding: 25px 0;
    border-top: 1px solid var(--border);
}

.section-news__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
}

.section-news__header .section-news__title {
    margin: 0;
    padding: 0;
}

.section-news__header .btn {
    background-color: transparent;
    border: 1px solid var(--border);
    color: var(--dark);
    min-height: 44px;
    padding: 0 18px;
}


section.contact {
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 50px 0;
    background-color: var(--dark);
    background-image: url(../img/bg-contact.png);
    background-size: cover;
}

.contact__content {
    background-color: transparent;
    display: flex;
    padding: 0;
    background-image: none;
    justify-content: space-between;
    height: 100%;
    gap: 20px;
}

.contact__img {
    display: none;
}

.contact__title {
    max-width: 520px;
    color: var(--white);
    font-size: 32px;
}

.contact__wrap {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 20px;
}

.contact__item {
    color: var(--white);
    padding: 0;
    background-color: var(--lime);
    border-radius: 9999px;
    height: 50px;
    padding: 10px 25px;
    gap: 10px;
    font-family: var(--font-headings);
    font-size: 19px;

    &:hover {
        color: var(--white);
    }
}

.contact__item img {
    filter: brightness(5);
    max-width: 18px;
    margin: 0;
}

.product-card__description {
    display: flex;
    height: 54px;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: var(--gray);
}

@media screen and (min-width: 992px) {

    .product-card:hover,
    .product-card:active,
    .product-card:focus {
        z-index: 2;
        height: 100%;
        margin-bottom: 0;
        outline: 1px solid var(--border);
    }

    .product-card:hover .product-card__link,
    .product-card:active .product-card__link,
    .product-card:focus .product-card__link {
        text-decoration: none;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
        height: 100%;
        position: relative;
        left: 0;
        right: 0;
    }

    .product-card:hover .product-card__link .product-card__description,
    .product-card:active .product-card__link .product-card__description,
    .product-card:focus .product-card__link .product-card__description {
        display: flex;
        height: 54px;
    }

    .product-card .product-card__link .product-card__btn {
        display: flex;
        margin-top: 0px;
    }

    .product-card:hover .product-card__link .product-card__btn,
    .product-card:active .product-card__link .product-card__btn,
    .product-card:focus .product-card__link .product-card__btn {
        display: flex;
        margin-top: 0px;
    }

    .product-card:hover .product-card__link .product-card__delivery,
    .product-card:active .product-card__link .product-card__delivery,
    .product-card:focus .product-card__link .product-card__delivery {
        padding-top: 0px;
    }

}

.product-card__bottom-content {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.product-card .product-card__link .product-card__btn {
    display: flex;
    height: 42px;
    min-height: 42px;
    border-radius: 9999px;
    background: var(--dark);
    padding: 0 20px;
    font-size: 17px;
}


.product-card__bottom {
    width: 100%;
    padding: 0;
    padding-top: 12px;
    border-top: 1px solid var(--border);

}

.product-card__price {
    justify-content: flex-start;
    padding-top: 5px;
}

.product-card__deliveryText {
    margin: 0;
    color: var(--green);
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    padding-left: 6px;
    text-transform: none;
}



.btn.--green {
    background: var(--green);
}

.product-detail__button {
    width: 100%;
}

.product-detail__button button {
    min-height: 58px;
    padding: 0 30px;
    font-family: var(--font-headings);
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
}

.product-detail__qty.stepper {
    height: 58px;
    flex-shrink: 0;
    border-radius: 9999px;
    overflow: hidden;
}

.product-detail__qty.stepper span,
.product-detail__qty.stepper input {
    border: 0;
    height: 58px;
}

.product-detail__qty.stepper input {
    border-radius: 9999px;
    border-color: var(--light);
    border: 1px solid var(--border);
}


.product-detail__carousel {
    border: 0;
}

.product-detail__photos {
    margin-right: 0px;
}

.product-card__tags {
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: 1;
}

.product-detail__info .product-card__tags {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    padding-bottom: 10px;
    flex-direction: row;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-card__tagsRight {
    position: absolute;
    left: auto;
    right: 20px;
    top: 20px;
    z-index: 1;
    text-align: right;
}

.product-detail__thumbs {
    margin: 0;
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.product-detail__thumbWrap {
    width: 100%;
    outline: 1px solid var(--border);
}

.footer__title {
    font-family: var(--font-headings);
    font-size: 22px;
    text-transform: uppercase;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-weight: 600;
}




.nav-linkDesktop img {
    display: none;
}

.nav-link img {
    margin: 0;
    transform: rotate(-90deg);
}

.header-nav .cart {
    border: 1px solid rgb(255 255 255 / 0.1);
    border-radius: 9999px;
    padding: 0;
    height: 48px;
    width: 48px;
    margin: 0;
    color: var(--white);
}

.header-nav .cart__icon {
    background: transparent;
    border: 0;
    height: 48px;
    width: auto;
    margin: 0;
}

.contact__text small {
    color: var(--white);
    display: none;
}

.section-news {
    background: var(--white);
    padding: 80px 0 70px 0;
}

.news-single {
    color: var(--dark);
    margin: 0;
    display: flex;
    flex-direction: column;
}

.news-single__dateWrap {
    background: rgba(0, 0, 0, 0.6);
    color: var(--white);
}

.news-single__bottom {
    padding: 25px;
    padding-bottom: 30px;
    background: var(--white);
    border: 1px solid var(--border);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.news-single__bottom span {
    font-weight: 500;
    border-bottom: 2px solid var(--green);
    display: inline-flex;
    margin-top: 0px;
    padding-bottom: 5px;
}

.news-single__title {
    font-family: var(--font-headings);
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 0;
    line-height: 1.3;
    max-height: 62px;
    width: 100%;
}

.news-single__text {
    color: var(--gray);
    font-size: 13px;
    margin-top: 15px;
    flex-grow: 1;
    width: 100%;
}

.news-single__readmore {
    font-family: var(--font-headings);
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--lime);
    display: inline-flex;
}

section.categories .row .col-md-4:last-child {
    display: none;

}

.categories-single {
    padding: 0;
    position: relative;
}

.categories-single__content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: var(--white);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    flex-direction: column;
}

.categories-single__link {
    padding: 0;
}

.categories-single img {
    aspect-ratio: 10/9;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    mix-blend-mode: normal;
}

.modal__container.--cart .btn.--cart {
    background: var(--lime);
}

.btn.--cart {
    background: var(--lime);
    width: 100%;
    height: 58px;
}

.cart-item-price,
.cart-item-code-price {

    color: var(--red);

}

.cart-aside__row.--main .cart-aside__table-td {
    color: var(--red);
}



.product-card__title {
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-headings);
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0;
    color: var(--dark);
}

.product-card__priceMain {
    color: var(--red);
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--font-headings);
    font-weight: 500;
    white-space: nowrap;
}

.product-card__price {
    padding-top: 8px;
}

.tag {
    text-transform: uppercase;
    font-family: var(--font-headings);
    font-size: 15px;
    font-weight: 500;
}

.tag.--new {
    background: var(--light);
    color: var(--green);
}

.tag.--sale {
    background: #F8E4DE;
    color: var(--red);
}

.tag.--recommended {
    background: var(--light);
    color: var(--dark);
}

.product-card__tagsRight {
    position: absolute;
    left: auto;
    right: -10px;
    top: -10px;
    z-index: 1;
    text-align: right;
}

.product-card__thumb {
    position: relative;
    padding-bottom: 95%;
}

.cart-aside {
    padding: 30px;
    position: sticky;
    top: 0px;
    background: var(--white);
    border: 1px solid var(--border);
}

.cart-content .row {
    gap: 0px;
    display: grid;
    grid-template-columns: 4fr 2fr;
    margin: 0;
}

.cart-content .row .col-12 {
    width: 100%;
    padding: 0;
}


.cart-page header {
    background-color: var(--darker);
}


.cart-heading {
    background: var(--dark);
    padding: 40px 0;
    box-shadow: none;
    border: 0;
}

@media screen and (max-width: 991px) {
    .cart-heading {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.cart-heading .container {
    max-width: 940px;
}

.cart-heading__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 0;
    flex-grow: 1;
    border-right: 0;
    gap: 12px;
}

.cart-heading__icon {
    background-color: var(--darker);
    color: var(--white);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

.cart-heading__item.--active .cart-heading__icon {
    background-color: var(--white);
    color: var(--dark);
}

.cart-heading__title,
.cart-heading__item.--complete .cart-heading__title,
.cart-heading__item.--active .cart-heading__title {
    font-size: 18px;
    color: var(--white);
    padding-left: 0;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
}

.cart-heading__item.--complete .cart-heading__title {
    color: var(--white)
}

.cart-heading__item.--complete .cart-heading__icon {
    background-color: var(--lime);
}

.cart-heading__item.--complete .cart-heading__icon::after {
    content: none;
}

@media screen and (max-width: 767px) {
    .cart-heading__item {
        flex-direction: row;
        padding: 10px 10px;
        border: 0;
        flex-grow: 0;
        display: none;
    }
}

.form-group .g-recaptcha {
    margin-bottom: 20px
}

.product-detail__description h2,
.product-detail__parameters h2 {
    font-size: 22px;
}

.contact__text {
    font-size: 19px;
    text-transform: uppercase;

}


.cart-table-personal .cart-table__title {
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
    font-weight: 500;
    width: 100%;
    max-width: 540px;
    text-transform: none;
    color: var(--dark);
}

.cart-table-personal .cart-table__title {
    font-size: 20px;
    font-family: var(--font-headings);
    font-weight: 600;
    line-height: 1;
    padding-top: 5px;
    text-transform: uppercase;
}

.form-subtitle {
    font-size: 28px;
    font-family: var(--font-headings);
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--dark);
}

#ratingSection {
    padding: 0;
    border: 0;
    border-top: 1px solid var(--border);
}

#ratingSection .vote-wrap {
    border: 1px solid var(--border);
    padding: 20px;
}

#ratingSection .rating-section-inner {
    padding: 80px 0;
    border-top: 0;
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    #ratingSection .rating-section-inner {
        padding: 40px 0;
    }
}

.section-about {
    padding: 0;

}

.section-about .container {
    display: flex;
    gap: 60px;
    padding-top: 80px;
    border-top: 1px solid var(--border);
    align-items: flex-end;
    justify-content: space-between
}

.section-about__col {
    padding: 0px 0 70px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    max-width: 440px;
}

.section-about__col h2 {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 1.3;
}

.section-about__col p {
    font-size: 16px;
    color: #5B606D;
}

.section-about__col .btn {
    margin-top: 20px;

}

section.categories {
    padding: 80px 0 0px 0;
    background: linear-gradient(to top,
            var(--white) 0,
            var(--white) 160px,
            var(--light) 160px,
            var(--light) 100%);

}

@media screen and (max-width: 991px) {
    section.categories {
        padding: 60px 0 0px 0;
    }
}

section.categories h1 {
    text-align: center;
}

.header-top__links a:hover {
    color: var(--white);
}

.footer-logos {
    padding-bottom: 0;
    padding-top: 60px;
}

.footer-logos .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.subcategories__grid {
    display: grid;
    margin: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    background: var(--light);
    padding: 10px;
}

.subcategories__single {
    padding: 0;
    background-color: white;
}

.subcategories__link {
    border: 0;
    height: 58px;
}

.product-detail {
    padding: 30px 0 60px 0;
    border-bottom: 8px solid var(--light);
}

.product-detail__photos .product-card__tags {
    margin: 0;
    top: 20px;
    left: 20px;
}

.product-detail__photos .product-card__tagsRight {
    margin: 20px;
}

.product-detail__priceMain span:last-child {
    color: var(--red);
}

.product-detail__thumb {
    padding-bottom: 100%;
}

.nav-submenu__title {
    color: var(--dark);
}

@media screen and (max-width: 991px) {
    .product-detail__photos {
        margin: 0;
    }
}

.backSubmenu,
.menu-item-more {
    display: none;
}

@media screen and (max-width: 991px) {
    .product-detail {
        padding-top: 20px;
    }

    .product-detail {
        padding: 20px 0 40px 0;
    }

    nav {
        background: var(--white);
        position: fixed;
        border-bottom: 0;
        width: calc(100% - 52px);
        max-width: 400px;
    }

    header {
        padding-top: 60px;
    }

    .header-main {
        height: 60px;
        padding: 0;
    }

    .logo img {
        height: 54px;
        width: auto;
        margin: 0;
    }

    .nav-link:hover,
    .nav-link:active,
    .nav-link:focus {
        color: var(--dark);
    }

    .nav-link,
    .nav-linkDesktop {
        font-family: var(--font-headings);
        text-transform: uppercase;
        font-size: 20px;
        color: var(--dark);
        background-color: transparent;
        height: 60px;
        border-bottom: 1px solid var(--border);
    }

    .nav-linkDesktop img {
        display: none;
    }

    .menu-item-more {
        display: flex;
        border-bottom: 1px solid var(--border);
    }

    .nav-submenu {
        background: var(--white);
        color: var(--dark);
        display: flex;
        position: absolute;
        transform: translateX(-100%);
        transition: .2s ease transform;
        top: 0;
        min-height: 100vh;
        overflow-y: scroll;
        padding: 0;
    }

    .nav-submenu.--active {
        transform: translateX(0%);
    }

    .backSubmenu {
        height: 60px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        gap: 15px;
        font-weight: 600;
        font-family: var(--font-headings);
        text-transform: uppercase;
        font-size: 20px;
        color: var(--dark);
        background: var(--light);
    }

    .backSubmenu::before {
        content: "";
        background-image: url(../ikony/cheveron.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 12px;
        height: 12px;
        display: flex;
        align-items: center;
        transform: rotate(90deg);
    }

    .menu-item-more .nav-submenu__title {
        gap: 25px;
        padding: 0 22px;
    }

    .menu-item-more .nav-submenu__title::before {
        content: "";
        background-image: url(../ikony/show.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 15px;
        height: 12px;
        display: flex;
        align-items: center;
    }

    .nav-submenu__title {
        color: var(--dark);
        height: 60px;
        padding-left: 15px;
    }

    .nav-submenu__grid {
        display: flex;
        flex-direction: column;
    }

    .nav-submenu__top {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .nav-submenu__single {
        align-items: center;
        border-bottom: 1px solid var(--border);
    }

    .nav-submenu__single img {
        display: flex;
        width: 32px;
        height: 32px;
        object-fit: contain;
        margin-left: 15px;
    }

    .nav-submenu__single ul {
        padding: 0;
        width: 100%;
        display: none;
    }

    .header-nav .cart__number {
        padding-top: 1px;
    }

    .section-about .container {
        flex-direction: column;
        align-items: center;

        gap: 30px;
    }

    .section-about__col {
        max-width: 100%;
        padding: 0;
    }

    .footer-logos {}

    .footer-logos .container {
        flex-direction: column;
        gap: 10px;
    }

    section.copyright {
        margin-top: 0px;
        padding: 30px 10px 30px 10px;
        border: 0;
    }

    .footer__title {}

    footer {
        padding: 0px 0 0px 0;
    }

    .header-notice {
        min-height: 36px;
    }

    section.points {
        padding: 20px 0 0 0;
    }

    .nav-submenu .row>* {
        width: 100%;
    }

    section.contact {}

    .header-nav .cart__icon {
        margin-right: 0px;
    }

    .cart-content .row {
        gap: 20px;
        display: grid;
        grid-template-columns: 1fr;
    }

    section.contact {
        height: auto;
        padding: 0;
    }

    section.contact .contact__content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        flex-wrap: nowrap;
    }

    .contact__title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .news-single {
        align-items: stretch;
        margin: 0;
        flex-direction: row;
    }

    .section-news {
        padding: 60px 0;
    }



    .cart-content {
        padding: 40px 0;
    }

    .form-subtitle,
    .cart-table-personal .cart-table__title {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {

    .product-detail__photos .product-card__tags {
        margin: 10px 0;
    }

    .product-detail {
        padding-top: 0px;
    }

    section.copyright {
        margin-top: 0px;
        padding: 30px 10px 30px 10px;
    }

    footer {
        padding: 0px 0 0px 0;
    }

    .product-detail__title {
        font-size: 26px;
        padding-bottom: 20px;
    }

    .product-detail {
        padding: 0px 0 40px 0;
    }
}

@media screen and (max-width: 500px) {
    .contact__title {
        padding-bottom: 0px;
        font-size: 28px;
    }

    .contact__wrap {
        flex-direction: column;
        gap: 10px;
    }

    .product-detail__cta {
        flex-direction: column;
        gap: 20px;
    }

    .product-detail__qty.stepper {
        width: 100%;
    }

    .product-detail__button {
        margin: 0;
    }

    .section-news__header {
        flex-direction: column;
        gap: 10px;
    }

    .section-news {
        padding-bottom: 40px;
    }

    .section-about .container {
        padding-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .cart-heading {
        padding: 0;
    }
}

.subcategories {
    padding-top: 0px;
    padding-bottom: 0px;
}


@media screen and (max-width: 991px) {
    .subcategories__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .subcategories__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 575px) {
    .subcategories__grid {
        grid-template-columns: 1fr;
        max-height: 300px;
        overflow-y: auto;
        padding: 0;
        border: 5px solid var(--light);
        gap: 5px;
    }

    .products-heading {
        padding: 0;
    }

    section.products {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

.page-heading+section.products {
    padding-top: 0;
}

.filter__button {
    background: var(--lime);
    border-radius: 9999px;
    display: flex;
    height: 50px;
    padding: 0 30px;
    font-family: var(--font-headings);
    font-size: 18px;
}

.filter__button img {
    order: -1;
    margin: 0 10px 0 0;
    height: 18px;
    width: 18px;
}

a.breadcrumbs__item {
    color: var(--dark);
}

.modal__container {

    position: relative;
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: auto;

}

.micromodal-slide .modal__overlay {
    background: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.blog-side {
    height: auto;
    align-items: flex-start;
    align-self: flex-start;
}

.news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.news-single.--full {
    margin: 0;
}

.news-single.--full .news-single__title {
    color: var(--dark);
}

.news-single.--full .news-single__bottom {
    padding: 20px 0;
}

.footer-logos-col {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-logos-col img {
    height: 20px;
}

.news-single.--full .news-single__top {
    min-height: auto;
    aspect-ratio: 16/9;
}

@media screen and (max-width: 767px) {
    .news-grid {
        grid-template-columns: 1fr;
    }



    .news-single.--full .news-single__top {
        min-height: auto;
        aspect-ratio: 16 / 9;
        height: 100%;
    }
}

.categories-single__text {
    color: #5B606D;
    height: auto;
}

.products-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    background: var(--light);
    margin-bottom: 20px;
}

.products-heading .products-sort {
    margin: 0;
    border: 0;
    width: 200px;
    position: relative;
    order: 9;

}


.products-sort form {
    background-color: var(--white);
    background-image: url("../ikony/cheveron.svg");
    background-position: right 20px top 22px;
    background-repeat: no-repeat;
    flex-direction: column;
    height: 50px;
    width: 100%;
    border: 1px solid var(--border);
}

.products-sort__single {
    height: 48px;
    margin: 0;
    width: 100%;
}

.products-sort__single.--checked {
    order: -1;
}

.products-sort__single label {
    border: 0;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.products-sort__single input:checked+label {
    border: 0;
}

.products-sort__single input:checked+label::after {
    content: none;
}


.products-sort.--active {
    height: auto;

    overflow: visible;
    position: relative;
    z-index: 9;
}

.products-sort.--active form {
    height: auto;

    position: absolute;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .08);
}

@media screen and (max-width: 575px) {
    .filter {
        margin-bottom: 0px;
    }

    .products-heading .products-sort {
        margin-bottom: 0px;
        width: 100%;
    }

    .products-sort.--active form {
        position: relative;
    }
}

.carousel-content {
    display: flex;
    gap: 20px;

}

@media screen and (min-width: 992px) {
    .carousel-col {
        flex-shrink: 1;
        width: 67%;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }
}

.carousel__side {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: 20px;
    justify-content: stretch;
}

.carousel-inner {
    height: 100%;
}

.carousel-inner>div,
.carousel-inner>div>div {
    height: 100%;
}

.carousel .item {
    height: 100%;
}

.carousel .item picture {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

.carousel .item picture img {
    object-fit: cover;
    height: 100%;
}

.carousel__sideBanner {
    height: 100%;
}

.carousel__sideBanner img {
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .carousel-wrapper {
        width: 100%;
    }

    .carousel-content {
        flex-direction: column;
    }

    .carousel__side {
        flex-direction: row;
    }
}

@media screen and (max-width: 575px) {
    .carousel__side {
        display: none;
    }
}

article .article-thumb {
    display: flex;
    height: 520px;
    width: 100%;

}

article .article-thumb img {
    height: 100%;
    object-fit: cover;
    display: flex;
}

.fotogalerie-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 40px;
}

.fotogalerie-wrap a {
    aspect-ratio: 4/3;
    width: 100%;
    height: 100%;
}

.fotogalerie-wrap a img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 575px) {
    .fotogalerie-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.categories-single img {
    transition: .5s ease opacity;
}

.categories-single:hover img,
.categories-single:active img,
.categories-single:focus img {
    opacity: .5;
}

.news-page #lightbox {
    opacity: 1;
    visibility: visible;
    transition: all 0s ease;
    bottom: auto;
}

.searchAutocomplete {
    margin-top: 10px;
}

.searchAutocomplete::before {
    content: "";
    height: 12px;
    width: 12px;
    display: inline-flex;
    background: #fff;
    position: absolute;
    top: 5px;
    transform: translateY(-10px) translateX(10px) rotate(-45deg);
}

.searchAutocomplete__link {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark);
    display: flex;
    align-items: center;
}

.searchAutocomplete__item img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px;
}

.modal__side {
    display: flex;
}

#modal-login .modal__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 820px;
}

#modal-login .modal__content {
    padding: 0;
}

#modal-login .modal__header {
    padding: 0;
}

#modal-login .modal__title {
    color: #A6A9B1;
    cursor: pointer;
    flex-grow: 1;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light);
}

#modal-login .modal__title.--active {
    color: var(--dark);
    background: white;
}

#modal-login .modal__content form {
    padding: 60px 40px;
    display: block;
}

#modal-login .modal__content form.--active {
    display: block;
}

@media screen and (max-width: 991px) {
    #modal-login .modal__container {
        flex-direction: column;
    }

    #modal-login .modal__side {
        order: -1;
        width: 100%;
        height: 200px;
    }

    #modal-login .modal__side img {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #modal-login .modal__side {
        height: 100px;
    }
}

@media screen and (max-width: 575px) {
    #modal-login .modal__title {
        width: 100%;
        padding: 15px;
    }

    #modal-login .modal__content form {
        padding: 40px 30px;
    }
}

.page-content .rate-average-wrap {
    position: sticky;
    top: 0;
}

.contact-info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

.contact-info section {
    border: 1px solid var(--border);
    padding: 40px 30px;
}

.contact-info section p {
    margin: 0;
}

.alert-success {
    border: 0;
    margin: 0;
    margin-bottom: 20px;
    padding: 8px 20px;
    background: var(--green);
    display: inline-flex;
    width: auto;
}

.contact-info section h2 {
    position: relative;
    margin-bottom: 20px;
}

.contact-info section h2::after {
    content: "";
    height: 3px;
    width: 20px;
    background: var(--green);
    position: absolute;
    bottom: 0;
    left: 0;
}

#pageDescriptionFull h2 {
    padding-top: 10px;
    font-size: 24px;
}

#pageDescriptionFull h3 {
    padding-top: 10px;
    font-size: 20px;
}

#pageDescriptionFull h4 {
    font-size: 18px;
}

#pageDescriptionFull h5 {
    font-size: 16px;
}

#pageDescriptionFull p {
    color: var(--dark);
    margin-bottom: 20px;
    padding: 0;
}

#pageDescriptionFull ul {
    margin-bottom: 30px;
}

#pageDescriptionFull strong,
#pageDescriptionFull b {
    font-weight: 600;
}

.article-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
}

.footer__link {
    cursor: pointer;
}

.footer__link,
.footer__text {
    color: var(--gray);
}

.page-content .vote-grid {
    padding-top: 0px;
    border-top: 0;
    gap: 30px;
}

.page-content .vote-wrap {
    border: 0;
    outline: 1px solid var(--border);
    padding: 30px;
    margin: 0;
}

.page-content .vote-rating .stars {
    position: relative;
}




.cart-table-shipping {
    gap: 10px;
    padding-top: 0;
    padding-bottom: 40px;
}

.cart-table-shipping-item {
    border: 0;
    outline: 1px solid var(--border);
    margin-top: 0px;

}

.page.--narrow {
    border: 1px solid var(--dark);
    box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.15);
}



.cart-aside .btn.--cart {
    background: var(--lime);
    font-size: 18px;
    font-family: var(--font-headings);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;

    &:hover {
        background-color: var(--dark);
    }
}


.cart-table-items {
    gap: 10px;
    margin-top: 20px;
}

.cart-item {
    border: 0;
    outline: 1px solid var(--border);
    padding: 30px 20px;
}

.cart-aside__code {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0px 0 50px 0;
}

.cart-aside__code label {
    font-size: 20px;
    font-weight: 500;
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: uppercase;
    flex-shrink: 0;
    display: flex;
    line-height: 1.2;
}

.cart-aside__code span {
    max-width: 340px;
    display: flex;
    flex-shrink: 1;
    flex-grow: 1;
    width: 100%;
    position: relative;
}

.cart-aside__code input {
    height: 48px;
    border-radius: 9999px;
    width: 100%;
}

.cart-aside__code .btn {
    background: transparent;
    color: var(--lime);
    height: 48px;
    min-height: 48px;
    top: 0;
    bottom: auto;
}

.product-detail__stock {
    font-size: 15px;
    text-transform: none;
}

.product-detail__stock[data-status=disabled] {
    padding-left: 22px;
    background-image: url("../ikony/cross.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.cart-summary__item-price,
.cart-summary__price-sum td:last-child {
    color: var(--red);
}

.tag.--circleSale {
    background-color: transparent;
    background-image: url("../ikony/tag-sale.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 54px;
    width: 42px;
    border-radius: 0;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 5px;
}

.product-detail__photos .tag.--circleSale {
    height: 76px;
    width: 60px;
    font-size: 17px;
    padding-bottom: 5px;
}


.cart-item-stock.--available {
    color: var(--green);
    text-transform: capitalize;
}

.cart-empty {
    border-top: 1px solid var(--border);
}

.product-card__delivery {
    justify-content: flex-start;
    line-height: 1.4;
}

.tag.--free-delivery {
    width: auto;
    height: 24px;
    border-radius: 0;
    margin-bottom: 0px;
    margin-top: 10px;
    background: var(--light);
    color: var(--green);
}

.product-card__title {
    padding-bottom: 0px;
}

.product-card__top {
    padding-bottom: 20px;
}


@media screen and (min-width: 992px) {
    .nav-item.expandable:hover .nav-submenu {
        display: none !important;
    }

    .nav-item.expandable:hover~.nav-item-backdrop {
        display: none !important;
    }



    .nav-item.expandable.hover-enabled.hovering .nav-submenu {
        display: block !important;
    }

    .nav-item.expandable.hover-enabled.hovering~.nav-item-backdrop {
        display: block !important;
    }



}


#productGalleryModal {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    display: flex;
}

body.--activeProductCarousel {
    overflow: hidden;
}

body.--activeProductCarousel #productGalleryModal {
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    align-items: center;

    z-index: 99;
    justify-content: center;
}

body.--activeProductCarousel #productGalleryBackdrop {
    display: flex;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#productGalleryModal .modal-dialog {
    position: relative;
    max-width: 1300px;
}

#productGalleryModal .slider-nav-dark .slider-nav::after {
    background-color: var(--white);
}

#productGalleryClose {
    background: var(--white);
    padding: 5px 10px;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    cursor: pointer;
}

.page-content li strong {
    display: inline-block;
    margin: 0;
}

.user__company {
    color: var(--white);
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
}

#productGallery .slider-item-ratio .slider-container>*>* {
    object-fit: contain;
}

#productGallery .slider-container>* {
    background: var(--light);
}

#productGallery #pgallery.slider-item-ratio-1x1 {
    --swiffy-slider-item-ratio: 4/3;
}

.variants {
    max-width: 100%;
}

.variants__item-price {
    font-weight: 600;
    color: var(--red);
    flex-grow: 1;
    text-align: right;
    justify-content: flex-end;
    font-family: var(--font-headings);
    font-size: 17px;
}

.variants__item.--active .variants__item-price {}

.variants__item {
    height: 72px;
    outline: 1px solid var(--border);
    order: 1;
}

.variants__item-text {
    display: flex;
    flex-direction: column;
}

.variants__item-text span {
    color: #399841;
    font-size: 13px;
}


.variants__item-price {
    display: flex;
    flex-direction: column;
}

.variants__item-price small {
    text-decoration: line-through;
    font-size: 13px;
    color: var(--gray);
    font-weight: 400;
    line-height: 1.2;
}

.variants__title {
    font-size: 18px;
    color: var(--dark);
    font-weight: 600;
    font-family: var(--font-headings);
}

.variants__list-wrap {
    height: auto;
    max-height: 220px;
    overflow-y: auto;
}

.variants__list {
    height: 100%;
    border: 0;
    padding: 1px;
    gap: 1px;
}

.variants__list.--active {
    box-shadow: none;
    height: auto;
    border: 0;
}

.variants__item.default {
    display: none;
}

.variants__list.--active .variants__item:hover {
    background: unset;
}

.variants__list .variants__item.--active {
    background: white;
    border: 0;
    outline: 1px solid var(--lime);
    z-index: 2;
    box-shadow: 0px 5px 25px 1px rgba(154, 168, 32, 0.25);
    background: white;
}

.variants__list::after,
.variants__list.--active::after {
    content: none;
}

.variants__item-content {
    flex-grow: 1;
}

.variants__item-content p {
    margin: 0;
    font-size: 17px;
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
}

.variants__item-content span {
    font-size: 13px;
    line-height: 1;
    color: var(--gray);
    padding-bottom: 40px;
    margin: 0;

}

.variants__item-info {}

.variants__item-stock {
    color: var(--green);
    font-size: 14px;
}

.copyright__author {
    gap: 10px;
}

.copyright__author img {
    margin: 0px;
}

.copyright__author a {
    margin-top: -5px;
}

.modal__content {
    color: var(--dark);
    background: var(--white);
}

.modal__title {
    font-weight: 700;
}

.products-grid {
    gap: 20px;
}

@media screen and (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media screen and (max-width: 575px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        margin: 0 -10px;
    }
}

.contact-social {
    order: 5;
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-social__single {
    background: var(--white);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.about-us {
    padding-top: 80px;
    padding-bottom: 0;
    position: relative;
    background: linear-gradient(to top, var(--white) 0, var(--white) 100px, transparent 100px, transparent 100%),
        url("../img/bg-pattern-dark.png");
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
}

.about-us__content {
    display: grid;
    gap: 80px;
    grid-template-columns: 0.45fr 0.55fr;
}

.about-us__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.about-us p.about-us__welcome {
    color: var(--lime);
    text-transform: uppercase;
    font-family: var(--font-headings);
    font-weight: 600;
    font-size: 20px
}

.about-us__title {
    color: var(--white);
    font-size: 40px;
    margin-bottom: 40px;
}

.about-us p {
    color: var(--white);
}

.about-us .btn {
    margin-top: 30px;
    margin-bottom: 60px;
}

.about-us img {
    box-shadow: 0px 5px 25px 1px rgba(0, 0, 0, 0.09);
}

@media screen and (max-width: 1200px) {
    .products-list .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .products-list .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media screen and (max-width: 575px) {
    .products-list .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        margin: 0 -10px;
    }
}

@media screen and (max-width: 991px) {
    section.about-us {
        padding: 60px 0 0 0;
    }

    .about-us__col {
        align-items: center;
    }

    .about-us p.about-us__welcome {
        text-align: center;
        width: 100%;
    }

    .about-us__title {
        font-size: 32px;
        text-align: center;
    }

    .about-us .btn {
        margin-top: 20px;
        margin-bottom: 40px;
    }
}


header.--cart {}

header.--cart .header-main {
    height: 120px;
    display: flex;
    align-items: center;
}

.header-backbutton {
    flex-shrink: 0;
    height: 48px;
}

.header-backbutton .btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
    gap: 12px;
    min-height: 48px;
    padding: 0 25px;
}

.header-backbutton .btn img {
    filter: brightness(5);
    margin: 0;
    width: 16px;
    height: 16px;
}


header.--cart .header-main .logo-wrap {
    padding: 0;
    border: 0;
}

header.--cart .header-main .container {
    justify-content: space-between;
}

header.--cart .header-main .logo-wrap .logo img {
    height: 94px;
}

header.--cart .header-main .header-content {
    width: auto;
}

header.--cart .header-nav .user {
    border-radius: 9999px;
    padding: 0 25px 0 25px;
    width: auto;
    gap: 10px;
}

header.--cart .header-nav .user .user__title {
    display: flex;
    font-size: 18px;
    color: var(--white);
    padding-left: 0;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
}

header.--cart .header-nav .user.--active .user__title {
    font-size: 18px;

}

@media screen and (max-width: 991px) {
    header.--cart .header-main {
        height: 60px;
        display: flex;
        align-items: center;
    }

    header.--cart .header-main .container {
        padding: 0;
    }

    header.--cart .header-nav .user {
        padding: 0;
        width: 54px;
    }

    header.--cart .header-nav .user .user__title {
        display: none;
    }

    .header-backbutton {
        height: 100%;
    }

    .header-backbutton .btn {
        padding: 0;
        width: 54px;
        height: 100%;
        border: 0;
    }

    .header-backbutton .btn span {
        display: none;
    }

}

.cart-content {
    background: linear-gradient(to bottom, var(--dark) 0, var(--dark) 200px, var(--light) 200px, var(--light) 100%);
    padding-top: 0;
}

.cart-content .row {
    background: var(--white);

}

.cart-content .cart-table {
    padding: 60px;
}

.cart-content .row .col-md-4 {
    padding: 0px;
    border: 10px var(--white) solid;
    background: var(--light);
}

.cart-aside {
    border: 0;
    background: var(--light);
    padding: 50px 40px;
}

.cart-aside__title {
    font-size: 28px;
    font-weight: 600;
    color: var(--dark);
    font-family: var(--font-headings);
}

.cart-table__title {
    font-size: 28px;
    font-weight: 600;
    color: var(--dark);
    font-family: var(--font-headings);
    margin-bottom: 30px;
}


.cart-table-items {
    background: var(--light);
    padding: 10px;
}

.cart-item {
    background: var(--white);
    outline: 0;
}

.cart-item-thumb-wrap {
    position: relative;
    width: 74px;
    height: 74px;
    padding-left: 0;
    flex-shrink: 0;
}

.cart-item-remove-icon {
    margin: 0;
}

.cart-item-remove-text {
    display: none;
}

.cart-table-shipping-item input:checked~.cart-table-shipping-text::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border: 1px solid var(--lime);
    z-index: 2;
    box-shadow: 0px 5px 25px 1px rgba(154, 168, 32, 0.25);
    background: rgba(154, 168, 32, 0.04);
}

.cart-table-shipping-item input {
    width: 18px;
    height: 18px;
    border: 1px solid #6F6F6F;
}

.cart-table-shipping-item input:checked {
    background-image: none;
    background-color: var(--lime);
    box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 4px var(--lime);
    border: 2px solid var(--lime);
}

.cart-table-personal {
    margin-top: 0px;
    padding: 0;
    border: 0;
    align-items: flex-start;
}

.cart-table-shipping-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--dark);
    font-family: var(--font-headings);
    padding-left: 20px;
    text-transform: uppercase;
}

.cart-table-shipping-text small {
    font-family: var(--font-main);
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}

.cart-table-shipping-price {
    font-weight: 500;
}

.cart-table__footer {
    padding-top: 20px;
    padding-bottom: 0;
    justify-content: center;
}

.cart-table-shipping:last-child {
    margin-bottom: 0px;
    padding-bottom: 0;
}

@media screen and (max-width: 991px) {
    .cart-content {
        background: var(--light);
        padding-top: 40px;
    }

    .cart-content.--step1,
    .cart-content.--step2,
    .cart-content.--step3 {
        background: var(--white);
    }

    .cart-content .cart-table {
        padding: 0px;
    }

    .cart-content .row .col-md-4 {
        border: 0;
    }
}

.breadcrumbs {
    background: var(--light);
    padding: 15px 0;

}

.breadcrumbs .container {
    gap: 10px;
    display: flex;
    align-items: center;
}

.breadcrumbs__separator {
    margin: 0;
    margin-top: 1px;
}

.breadcrumbs__item {
    font-size: 13px;
    font-weight: 400;
    color: var(--dark);
    padding-left: 20px;
    padding: 0;
}

.breadcrumbs__item.--home {
    font-size: 0;
    background-image: url(../ikony/home.svg);
    width: 12px;
    height: 12px;
}

.breadcrumbs__item.--active {
    color: var(--gray);
}



/***** step 1 styles *****/

.cart-content.--step1 .container {
    max-width: 980px;
}

.cart-content.--step1 .row {
    grid-template-columns: 1fr;
    padding: 60px;
    gap: 0;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .05);
}

.cart-content.--step1 .cart-table {
    padding: 0px;
}

.cart-content.--step1 .row .col-md-4 {
    padding: 0;
    border: 0;
    background: transparent;
}

.cart-content.--step1 .cart-table__title {
    font-weight: 700;
    text-align: center;
    border: 0;
    font-size: 32px;
}

.cart-content.--step1 .cart-aside {
    background: var(--white);
    padding: 0;
}

.cart-content.--step1 .cart-aside .cart-aside__title {
    display: none;
}

.cart-content.--step1 .cart-aside .cart-aside__table {
    background: var(--light);
    padding: 20px 30px;
}

.cart-content.--step1 .cart-aside__row.--main {
    padding: 0;
    margin: 0;
    border: 0;
}

.cart-content.--step1 .cart-aside__login {
    margin-top: 20px;
}

.cart-content.--step1 .cart-table .cart-table__footer {
    display: none;
}

@media screen and (max-width: 991px) {
    .cart-content.--step1 .row {
        grid-template-columns: 1fr;
        padding: 0px;
        gap: 0;
        box-shadow: none;
    }
}

@media screen and (max-width: 575px) {
    .cart-content.--step1 .cart-table__title {
        margin-bottom: 0px;
        padding: 0;
    }

}

.product-detail__cta-wrap {
    flex-direction: column;
    background: var(--light);
    padding: 30px;
}

.product-detail__button button img {
    margin-left: 0px;
    margin-right: 15px;
    width: 18px;
    height: 20px;
    flex-shrink: 0;
}

.form-group.--checkbox>input:checked {
    background-color: var(--dark);
    border-color: var(--dark);
    background-image: url("../ikony/check-white.svg");
}

.product-detail__stock[data-status=active] {
    color: #399841;
    padding-left: 22px;
    background-image: url("../ikony/check.svg");
}

.product-detail__code {
    gap: 20px;
}

.cart-userlogin {
    border: 1px solid var(--border);
    padding: 25px 30px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.cart-userlogin__img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light);
    border-radius: 50%;

}

.cart-userlogin__content {
    flex-grow: 1;
}

.cart-userlogin__content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.cart-userlogin__content p {
    margin: 0;
    color: var(--gray);
    font-size: 14px;
}

.cart-userlogin .btn {
    background: var(--dark);
    min-height: 46px;
    padding: 0 20px;
}


.header-nav .user.--active {
    width: auto;
    border-radius: 9999px;
    gap: 10px;
    padding: 0 20px;
}

.header-nav .user.--active .user__text {
    display: none;
}

.header-nav .user.--active .user__title {
    display: inline-block;
    color: var(--white);
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.logo-mobile {
    display: none;
    height: 48px;
}

.header-main .logo-wrap .logo {
    display: flex;
    width: 150px;
}

@media screen and (max-width: 991px) {
    .header-main .container {
        gap: 15px;
    }

    .header-nav .user {
        height: 100%;
        border: 0;
        border-radius: 0;
        width: 54px;
    }

    .header-nav .user.--active {
        padding: 0;
        gap: 0;
        width: 54px;
    }

    .header-nav .user.--active .user__title {
        display: none;
    }

    .header-nav .cart,
    .header-nav .cart.--active {
        height: 100%;
        border: 0;
        border-radius: 0;
        width: 54px;
        padding: 0;
    }

    .header-tel {
        display: none;
    }

    #navToggle,
    #searchToggle {
        width: 54px;
    }

    .header-content {
        gap: 0px;
    }

    .header-main .logo-wrap {
        padding-right: 0px;
        border-right: 0;
        flex-shrink: 0;
    }

    .header-main .logo-wrap .logo {
        display: none;
    }

    .header-main .logo-wrap .logo-mobile {
        display: flex;

    }


}

.product-detail__text a {
    color: var(--lime);
}

.show-password {
    background-image: url("../ikony/show.svg");
}

.product-detail__thumbs {
    display: none;
}


/* default = mobil (slider) */
#product-carousel>div {
    display: flex;
    gap: 10px;
}

@media(max-width: 991px) {
    #product-carousel>div {
        gap: 0px;
    }
}

/* desktop = grid */
@media(min-width: 992px) {
    #product-carousel {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 3 produkty vedle sebe */
        gap: 20px;
        width: 100% !important;
        transform: none !important;
        border: 0;
    }

    .product-detail__carousel>.product-detail__carouselIte {
        border: 1px solid var(--border);
    }

    #product-carousel #product-carousel>div>div {
        width: 100% !important;
        cursor: pointer;
    }

    #product-carousel>div:first-child {
        grid-column: span 2;
    }
}

.product-detail__priceMain span:last-child {
    font-family: var(--font-headings);
    font-size: 30px;
    font-weight: 600;
}

.product-top {
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-gap: 60px;
    margin: 0;
}


.product-detail__sizeguide {
    border: 5px solid var(--light);
    margin-top: 20px;
    padding: 18px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    transition: 0.3s ease border;
}

.product-detail__sizeguide:hover {
    border-color: var(--border);
}

.product-detail__sizeguide span {
    font-family: var(--font-headings);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.cart-aside .btn.--cart img {
    height: 12px;
    width: 12px;
    margin-top: 1px;
    margin-left: 10px;
}

.product-detail__description p {
    color: var(--gray);
}

.product-detail__sizeguide {
    border: 5px solid var(--light);
    margin-top: 20px;
    padding: 18px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.product-detail__sizeguide span {
    font-family: var(--font-headings);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.cart-aside .btn.--cart img {
    height: 12px;
    width: 12px;
    margin-top: 1px;
}

.cart-aside__free-shipping {
    display: flex;
    margin: 30px 0 30px 0;
}

.cart-aside__code small {
    color: var(--gray);
}


.cart-item {
    align-items: center;
    gap: 20px;
}

.cart-item-main {
    gap: 40px;
    padding: 0;
    align-items: center;
}

.cart-item-name {
    padding: 0;
    color: var(--dark);
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font-headings);
    text-transform: uppercase;
}

.cart-item-priceWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 86px;
}

.cart-item-price-pc,
.cart-item-price,
.cart-item-code-price {
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

@media screen and (max-width: 575px) {
    .cart-item-price-pc {
        display: block;
    }
}

.cart-item-price-pc {
    font-size: 13px;
}

.cart-item-remove {
    margin: 0;
}

section.logos {
    padding: 80px 0;
}

section.stores {
    padding: 0 0 80px 0;
    position: relative;
    background: linear-gradient(to bottom, var(--white) 0, var(--white) 140px, var(--light) 140px, var(--light) 100%);
}

.stores-wrap {
    display: grid;
    gap: 40px;
    grid-template-columns: 2fr 1.2fr;
}

.stores-content {}


.stores-post-single {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: var(--dark);
    padding: 30px;

}

.stores-post-single h2 {
    color: white;
    margin-bottom: 20px;
}

.stores-post-single .btn {
    height: auto;
    background: white;
    color: var(--dark);
}

.stores-content {
    display: flex;
    gap: 5px;
}

.stores-single {
    background: var(--dark);
    padding: 0px;
    aspect-ratio: 5/4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    flex-basis: 100%;
    position: relative;
    overflow: hidden;
}

.stores-single img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.stores-single__content {
    z-index: 1;
    padding: 30px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
}

.stores-single p {
    color: white;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
}

.stores-single h2 {
    color: white;
    margin: 0;
    text-align: center;
}

.hero__404 {
    background: var(--red);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    color: white;
}

.hero__404 h1 {
    color: white;
}

.hero__404 p {
    color: white;
    margin: 0;
    margin-bottom: 30px;
}

.hero__404 .btn {
    background: var(--dark);
}

section.logos .container {
    position: relative;
}

.logos .prev,
.logos .next {
    background: transparent;
    height: 52px;
    width: 52px;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

.logos .prev,
.logos .next {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.logos .prev {
    left: 0;
}

.logos .prev img {
    transform: rotate(180deg);
}

.logos .prev img,
.logos .next img {
    filter: invert(1);
}

@media screen and (max-width: 767px) {
    .cart-heading__icon {
        height: 32px;
        width: 32px;
    }
}

.toggles-wrap {
    display: none;
}

.product-detail__carouselItem {
    padding-bottom: 0;
    border: 1px solid var(--border);
}

.search-wrapper {
    max-width: 540px;
}


@media screen and (max-width: 991px) {
    .toggles-wrap {
        display: flex;
        height: 100%;
    }

    body.--search-active .search {
        display: flex;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 100%;
        background: #fff;
        border-top: 0;
    }

    body.--search-active .search-wrapper {
        top: 0;
    }

    .header-content {
        gap: 0px;
        width: auto;
    }

    .header-main .logo-wrap {
        flex-grow: 1;
    }
}

@media screen and (max-width: 991px) {
    .product-top {
        display: flex;
        flex-direction: column;
        margin: 0;
        gap: 20px;
    }

    .product-detail__photos {
        margin: 0 -20px;
    }

    .product-detail__carouselItem {
        position: relative;
        padding: 0;
        display: block !important;
    }

    .product-detail__carousel {
        display: block;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    .product-detail__info {
        padding-top: 0px;
    }
}

.product-detail__carouselLink {
    position: relative;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

.product-detail__photos .lightbox .prev,
.product-detail__photos .lightbox .next {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: black;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: fixed;
    transform: translateX(480px);
    right: 50%;
}

.product-detail__photos .lightbox .prev {
    right: auto;
    left: 50%;
    transform: translateX(-480px);
}

@media screen and (max-width: 1200px) {

    .product-detail__photos .lightbox .prev,
    .product-detail__photos .lightbox .next {
        transform: none;
        right: 10px;
    }

    .product-detail__photos .lightbox .prev {
        right: auto;
        left: 10px;
        transform: none;
    }
}

@media screen and (max-width: 575px) {
    .product-detail__photos {
        margin: 0 -10px;
    }

    .product-detail__photos .product-card__tags {
        margin: 20px 20px 0 20px;
        top: 0;
        left: 0;
    }
}

.modal__container.--wide {
    max-width: 960px;
}

.cart-empty {
    border-top: 0;
    position: relative;
    z-index: 1;
}

.cart-empty::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    display: flex;
    background: linear-gradient(to bottom, var(--dark) 0, var(--dark) 260px, var(--white) 260px, var(--white) 100%);
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
}

@media screen and (max-width: 575px) {
    .cart-empty {
        padding: 60px 0 60px 0;
    }

    .cart-empty::before {
        content: none;
    }
}



.logos__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.logos__item img {
    object-fit: contain;
    max-height: 60px;
    max-width: 180px;
}

#logosSlider>div {
    display: flex;
    align-items: center;
}

.footer-grid {
    display: grid;
    gap: 2rem;
    background: #f7f7f7;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.footer__section {}

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

@media (max-width: 991px) {
    footer .container {
        padding: 0;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .footer__section {
        padding: 10px 20px;
        border-bottom: 1px solid #E5E5E5;
    }

    .footer__title {
        padding: 20px 0;
        margin: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .footer__title::after {
        content: "";
        background: url("/ikony/cheveron.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        transform: rotate(-90deg);
    }

    .footer__content {
        display: none;
    }

    .footer__section.--active .footer__content {
        display: block;
        padding-bottom: 10px;
    }

    .footer__section.--active .footer__title::after {
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 991px) {
    section.stores {
        padding-bottom: 20px;
    }

    .stores-wrap {
        gap: 5px;
        display: flex;
        flex-direction: column;
    }

    .stores-post-single {
        aspect-ratio: 16/8;
    }

    .stores-single h2,
    .stores-post-single h2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 575px) {
    section.stores {
        padding-bottom: 10px;
    }

    .stores-content {
        flex-direction: column;
    }

    .stores-single h2,
    .stores-post-single h2 {
        font-size: 22px;
    }

    .stores-single {
        aspect-ratio: 16/8;
        padding: 0px;
    }
}

@media screen and (max-width: 991px) {
    .about-us__content {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
}

#cartSummaryToggle {
    display: none;
    background: var(--white);
    border: 5px solid var(--light);
    color: var(--dark);
    font-size: 18px;
    font-family: var(--font-headings);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    height: 60px;

    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    #cartSummaryToggle {
        display: flex;
    }

    .cart-aside-inner {
        display: none;
    }

    .cart-aside-inner.--active {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 575px) {
    .cart-aside {
        padding: 30px 20px;
    }

    .cart-aside__code {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }


}

@media screen and (max-width: 767px) {
    section.points {
        grid-template-columns: 1fr;
    }
}


.cart-item-content {
    padding-left: 0;
}

.cart-item-stepper {
    height: 54px;
    position: relative;
    width: 120px;
    color: #222427;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .cart-item-main {
        gap: 20px;
    }

    .cart-aside__code small {
        display: none;
    }

}

@media screen and (max-width: 650px) {
    .cart-table-items {
        padding: 2px;
        gap: 2px
    }

    .cart-item {
        display: flex;
    }

    .cart-item-main {
        flex-wrap: wrap;
    }

    .cart-item-name {
        width: 100%;
    }

    .cart-item-priceWrap {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
    }

    .cart-item-bottom {
        display: flex;
    }
}

.cart-aside__contact {
    background: white;
    margin-bottom: 40px;
    padding: 30px;
}

.cart-aside__contact h3 {
    font-size: 20px;
    font-weight: 600;
}

.cart-aside__contact p {
    color: var(--gray);
    font-size: 14px;
}

.cart-aside__contact a {
    color: var(--dark);
    font-size: 20px;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    padding: 5px 0;
    gap: 10px;
}

@media screen and (max-width: 650px) {
    .cart-userlogin {
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }

    .cart-userlogin__content {
        flex-grow: 0;
        text-align: center;
    }

    .cart-userlogin__img {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .cart-userlogin {
        padding: 20px;
        flex-direction: column;
        justify-content: center;
    }

}

.stars .star.star-on {
    background-image: url(../ikony/star-full.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.stars .star.star-off {
    background-image: url(../ikony/star-empty.svg);
}

#ratingSection .rating-content-text {
    align-items: center;
}

#ratingSection .rating-content-title .btn {
    min-height: 44px;
    padding: 0 15px;
}

#ratingSection .rate-average-inner {
    background: var(--white);
    border: 1px solid var(--border);
}

#ratingSection .vote-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#ratingSection .vote-header {
    order: 30;
}

#ratingSection .vote-content {
    order: 20;
    margin: 0;
}

#ratingSection .stars {
    order: 10;
}

@media screen and (max-width: 575px) {
    #ratingSection .rating-content-text {
        flex-direction: row;
        gap: 20px;
    }

    #ratingSectionCount {
        padding-right: 0px;
    }

    .rating-content-title h2 {
        font-size: 26px;
    }
}




.home-page #ratingSection {
    background: var(--light);
    position: relative;
    border: 0;
}

.home-page #ratingSection::before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--dark);
    background-image: url(../img/bg-pattern-dark.png);
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
    z-index: -1;
}

.home-page #ratingSection .rating-section-inner {
    display: flex;
    gap: 60px;
}

.home-page #ratingSection .rating-content {
    flex-direction: column;
    flex-shrink: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.home-page #ratingSection .rating-content-title {
    margin: 0;

}

.home-page #ratingSection .rate-average-inner {
    background: transparent;
    border: 0;

}

.home-page #ratingSection .rate-average {
    font-size: 46px;
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 20px;
}

.home-page #ratingSection .stars {
    gap: 6px;
    order: 0;
}

.home-page #ratingSection .stars .star {
    height: 22px;
    width: 22px;
    display: flex;
    background-size: 100%;
}

.home-page #ratingSection .rating-content-title h3 {
    display: none;
}

.home-page #ratingSection .rating-content-text {
    flex-direction: column;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 30px;
}

.home-page #ratingSection #ratingSectionCount {
    margin: 0;
    padding: 0;
    border: 0;
}

.home-page #ratingSection .vote-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    overflow: hidden;
}

.home-page #ratingSection .vote-wrap {
    border: 0;
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .05);
}

.home-page #ratingSection .vote-wrap:nth-child(3) {
    display: none;
}

.home-page #ratingSection .vote-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    padding: 50px;
}

.home-page #ratingSection .vote-header {
    order: 2;
    align-items: center;
}

.home-page #ratingSection .vote-content {
    margin: 0;
    order: 1;
    font-size: 16px;
}

.home-page #ratingSection .vote-summary {
    flex-direction: row;
    align-items: center;
}

.home-page #ratingSection .vote-name {
    flex-direction: column;
}

.home-page #ratingSection .vote-grid .vote-rating {
    justify-content: flex-end;
}

.home-page#ratingSection .stars {
    order: 0;
}

.home-page #ratingSection .rating-content-title a {
    font-size: 18px;
    background: var(--white);
    padding: 0 20px;
}

.home-page #ratingSection .vote-name {
    font-family: var(--font-headings);
    text-transform: uppercase;
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.home-page #ratingSection .vote-grid .vote-checked {
    font-family: var(--font-headings);
    text-transform: uppercase;
    color: var(--green);
    font-size: 17px;
    font-weight: 500;
}

.home-page #ratingSection .vote-grid .vote-checked::before {
    background-repeat: no-repeat;
}

.home-page #ratingSection .vote-name span:last-child {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-main);
    line-height: 1.4;

}

.home-page #ratingSection .vote-name span:last-child::before {
    content: "";
    display: flex;
    height: 12px;
    width: 12px;
    background-image: url(../ikony/date.svg);
    background-size: contain;
}


.page-heading .read-more {
    color: var(--lime);
}

#modal-login .btn.--fullWidth {
    height: 54px
}

.page.--narrow {
    border: 0px;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .05);
    background: white;
    margin: 0px auto 80px auto;
}

body.registrace main>.container {
    padding-top: 60px;
}

body.registrace main {
    background: var(--light);
}

body.registrace .breadcrumbs {
    display: none;
}

.subcategories__link {
    padding: 0 12px;
}

.subcategories__title {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-size: 18px;
    color: var(--dark);
    background-color: transparent;
    font-weight: 500;
    padding-left: 12px;
    line-height: 1.2;
}

#pageDescription {
    color: var(--gray);
}

section.products-list {
    padding: 0;
    padding-top: 30px;
}

.page-heading.--category {
    padding-bottom: 0;
}

.subcategories {
    margin-top: 30px;
}

.page.--narrow.--user {
    padding: 80px;
}

.page-content.userpage {
    padding: 0;
}

.userpage-info {
    display: none;
    flex-direction: column;
}

.userpage-info.--active {
    display: flex;
}

.userpage-history {
    padding-top: 40px;

}

.userpage-history h2 {
    margin: 0;
}

.userpage-footer {
    display: flex;
    align-items: center;
    background: var(--light);
    padding: 20px;
}

.delete-account {
    margin: 0;
}

#userpageInfoToggle {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    height: 74px;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    padding: 10px 30px;
    cursor: pointer;
}

.infobar {
    background: var(--red);
    min-height: 40px;
    display: flex;
    align-items: center;
    color: white;
    font-family: var(--font-headings);
    font-size: 22px;
    text-transform: uppercase;
    padding: 40px;
    text-align: center;
    justify-content: center;
    margin: 60px auto;
    max-width: 860px;
    margin-top: 0;
    min-height: 180px;
    flex-direction: column;
    gap: 20px;
}

.infobar.--success {
    background: var(--green);
}

@media screen and (max-width: 767px) {
    .infobar {
        padding: 20px;
    }
}

@media screen and (max-width: 575px) {
    body.registrace main>.container .infobar {
        margin-top: 60px;
    }
}

section.categories h2 {
    text-align: center;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
}

.categories-single {
    aspect-ratio: 44/25;
    background: var(--darker);
}

.categories-single__link {
    color: var(--white);
    font-size: 30px;
    margin-bottom: 0px;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 700;
    z-index: 1;
    position: absolute;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    &:hover,
    &:active,
    &:focus {
        color: var(--white);
    }
}

.categories-single__text {
    display: none;
}


@media screen and (max-width: 991px) {
    .categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 20px;
    }
}

@media screen and (max-width: 575px) {
    .categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 1px;
    }

    .categories-single {
        aspect-ratio: 10 / 7;
    }

    .categories-single__link {
        color: var(--white);
        font-size: 22px;
        padding: 20px;
        line-height: 1.2;
        font-weight: 600;
    }
}

@media screen and (max-width: 575px) {
    section.copyright {
        padding: 10px 20px;
    }

    .copyright__wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
}

.product-grid-empty {
    grid-column: 1 / 5;
    background: var(--red);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 20px;
    text-align: center;
    margin-top: 40px;
}

.news-single__top {
    min-height: auto;
    aspect-ratio: 16/9;
}

.news-single__top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .news-single__top {
        width: 150px;
        flex-shrink: 0;
    }

    .news-single__top img {
        height: 100%;
        object-fit: cover
    }

    .news-single__readmore {
        display: none;
    }

    .news-single__bottom {
        padding: 15px 20px;
    }

    .news-single__text {
        margin: 0;
        max-height: 42px;
        overflow: hidden;

    }

    .news-single__title {
        padding-bottom: 0px;
        font-size: 22px;
        max-height: 50px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
}


@media screen and (min-width: 992px) {

    .nav-submenu {
        padding: 0;
    }

    .nav-submenu .container {
        padding-top: 1px;
    }

    .nav-submenu__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1px;
    }

    .nav-submenu__single {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
        outline: 1px solid #E5E5E5;

    }

    .nav-submenu__top {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }

    .nav-submenu__single img {
        width: 50px;
    }

    .nav-submenu__single ul {
        gap: 0 10px;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        text-align: center;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 70px;
    }

    .nav-submenu__single li {
        display: inline-block;
        white-space: normal;
        word-break: break-word;
        text-align: left;
    }

    .nav-submenu__title {
        width: 100%;
        font-family: var(--font-headings);
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 0px;
        line-height: 1.3;
    }

    .nav-submenu__link {
        text-decoration: underline;
        font-size: 13px;
    }
}

@media screen and (min-width: 1920px) {
    .nav-submenu .container {
        padding-top: 0;
        max-width: 1920px;
    }

    .nav-submenu__grid {
        display: grid;
    }

    .nav-submenu__single {
        gap: 15px;
        padding: 30px 40px;
    }

    .nav-submenu__title {
        font-size: 20px;
        font-weight: 600;
    }

    .nav-submenu__link {
        text-decoration: underline;
        font-size: 14px;
    }
}

.tabs {
    display: flex;
    flex-wrap: wrap;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs label {
    padding: 10px 0px 10px 0;
    margin-right: 30px;
    display: inline-block;
    cursor: pointer;
    font-size: 32px;
    color: #A6A9B1;
    font-weight: 700;
    font-family: var(--font-headings);
    text-transform: uppercase;
}

.tabs input[type="radio"]:checked+label {
    background: #fff;
    border-bottom: 0px;
    color: var(--dark);
}

.tab-content {
    border: 0px solid #ddd;
    padding: 0px;
    display: none;
    width: 100%;
    margin-top: 30px;
}

#tab1:checked~#content1,
#tab2:checked~#content2,
#tab3:checked~#content3 {
    display: block;
}

.corner {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    transition: 0.3s ease all;
}

.corner::before,
.corner::after {
    content: "";
    position: absolute;
    background: var(--lime);

}

.corner::before {
    width: 100%;
    height: 2px;
    top: 0px;
    left: 0px;
}

.corner::after {
    width: 2px;
    height: 100%;
    top: 0px;
    left: 0px;
}

.corner.tl {
    top: 10px;
    left: 10px;
}

.corner.tr {
    top: 10px;
    right: 10px;
    transform: rotate(90deg);

}

.corner.br {
    bottom: 10px;
    right: 10px;
    transform: rotate(180deg);

}

.corner.bl {
    bottom: 10px;
    left: 10px;
    transform: rotate(-90deg);

}

.categories-single:hover {

    .corner.tl {
        transform: translate(10px, 10px);
    }

    .corner.tr {
        transform: translate(-10px, 10px) rotate(90deg);
    }

    .corner.bl {
        transform: translate(10px, -10px) rotate(-90deg);
    }

    .corner.br {
        transform: translate(-10px, -10px) rotate(180deg);
    }
}


@media screen and (max-width: 575px) {
    .corner {
        position: absolute;
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 575px) {
    .filter__button {
        height: 48px;
        position: relative;
        z-index: 1;
    }
}

.products-heading .pagination {
    display: none;
}

.blog-grid {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
}

#modal-info .modal__container {
    max-width: 840px;
}

#modal-info .modal__header-img {
    aspect-ratio: 16/9;
}

#modal-cart .modal__image {
    padding: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2/1;
    max-width: 40%;
}

#modal-cart .modal__image img {
    height: 100%;
    width: 100%;

}

@media screen and (max-width: 767px) {
    #modal-cart .modal__image {
        max-width: 100%;
        aspect-ratio: 4/3;
    }
}

.modal__cart-title {
    font-family: var(--font-headings);
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.modal__cart-price {
    font-family: var(--font-headings);
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--red);
}

.newsletterSection {
    background: white;
    padding: 30px 60px;
    margin-bottom: 60px;
    box-shadow: 0px 5px 25px 1px rgba(0, 0, 0, 0.05);
}

.newsletterSection__form {
    display: flex;
    align-items: center;
    gap: 40px;
}

.newsletterSection__form img {
    width: 70px;
}

.newsletterSection__titleWrap {
    flex-grow: 1;
    flex-shrink: 0;
}

.newsletterSection__title {
    margin-bottom: 0px;
}

.newsletterSection__subTitle {
    font-style: normal;
    color: var(--gray);
    line-height: 1.5;
    margin-top: 15px;
    font-size: 14px;
    margin-top: 5px;
    display: flex;
}

.newsletterSection__formGroup {
    display: flex;
    border: 1px solid var(--border);
    border-radius: 9999px;
    height: 50px;
    width: 100%;
    max-width: 420px;
}

.newsletterSection__formGroup .validator-msg-holder {
    width: 100%;
}

.newsletterSection__label {
    display: none;
}

.newsletterSection__input {
    height: 100%;
    border: 0;
    background: transparent;
    width: 100%;
    font-size: 15px;
}

.newsletterSection__btn {
    background: var(--white);
    color: var(--lime);
    height: 100%;
    min-height: 100%;
    padding: 0 20px;

    &:hover {
        background: var(--light);
        color: var(--dark);
    }
}

@media screen and (max-width: 1200px) {
    .newsletterSection {
        padding: 25px 20px;
    }
}

@media screen and (max-width: 991px) {
    .newsletterSection {
        margin: 0;
    }

    .newsletterSection__titleWrap {
        flex-shrink: 1;
        text-align: center;
    }

    .newsletterSection__form {
        flex-direction: column;
        gap: 20px;
    }

    .newsletterSection__form img {
        width: 50px;
    }

    .newsletterSection__title {
        font-size: 28px;
    }

    .newsletterSection__subTitle {
        font-size: 13px;
    }

    .newsletterSection {
        padding: 20px;
    }
}

.stores-post-single {
    position: relative;
    overflow: hidden;
}

.stores-post-single img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.stores-post-single h2 {
    z-index: 1;
}

section.products .carousel-wrapper {

    .prev,
    .next {
        background: rgba(0, 0, 0, .6);
        height: 52px;
        width: 52px;
        border: 0;
        position: absolute;
        top: 10px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .prev {
        left: 0px;
    }

    .prev img {
        transform: rotate(180deg);
    }
}

.homeProductsSlider>div {
    display: flex;
    gap: 0px;
    padding: 1px 0;
}

.homeProductsSlider>div>div {
    height: 100%;
    padding: 0 10px;
}

.homeProductsSlider>div:nth-child(n+5) {
    display: none;
    /* skryjeme itemy od 4. ve výpisu dokud/pokud se neaktivuje slider aby nebyl layoutshift */
}

.carousel-wrapper .homeProductsSlider {
    gap: 0;
}

@media screen and (min-width: 1500px) {

    section.products .carousel-wrapper {

        .prev,
        .next {
            right: -70px;
        }

        .prev {
            left: -70px;
        }
    }
}

@media screen and (max-width: 767px) {
    .homeProductsSlider>div>div {
        padding: 0;
    }
}

#modal-delivery .modal__container,
#modal-delivery2 .modal__container {
    max-width: 100%;
}

.nav-item.--vyrobci a {
    color: #DDE68A;
}

.nav-item.--novinky a {
    color: var(--yellow);
}

@media screen and (max-width: 991px) {
    .nav-item.--vyrobci a {
        color: var(--lime);
    }

    .nav-item.--novinky a {
        color: var(--yellow);
    }
}

.product-detail__stockStores {
    display: flex;
    border: 1px solid var(--border);
    align-items: stretch;
    padding: 10px;
    margin-bottom: 40px;
    gap: 10px;
}

.product-detail__stockStores-online,
.product-detail__stockStores-store {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 50%;
    font-family: var(--font-headings);
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
}

.product-detail__stockStores-online {
    color: var(--green);
    border-right: 1px solid var(--border);
    width: calc(50% + 5px);
}

.product-detail__stockStores-store {
    cursor: pointer;
    transition: 0.3s ease all;

    &:hover {
        background: var(--light);
    }
}

@media screen and (max-width: 575px) {
    .product-detail__stockStores {
        flex-direction: column;
    }

    .product-detail__stockStores-online,
    .product-detail__stockStores-store {
        width: 100%;
    }

    .product-detail__stockStores-online {
        border: 0;
        border-bottom: 1px solid var(--border);
        padding-bottom: 20px;
    }
}


.modal-notice {
    font-family: var(--font-headings);
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--white);
    background: var(--red);
    padding: 10px;
    text-align: center;
    margin: 20px 0 0 0;
}

.products-before-grid {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}

.products-count {
    color: var(--gray);
    font-size: 14px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}

.products-display-count {
    color: var(--gray);
    font-size: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.products-display-count span {
    padding-right: 5px;
}

.products-display-count a {
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light);
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .products-before-grid {
        flex-direction: column;
        gap: 10px;
    }
}

.form-group.--checkbox a {
    text-decoration: underline;
}

.cart-summary__item-title {
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.cart-summary__price-sum {
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
}

.cart-summary__form .order-complete-btn {
    flex-direction: column;
    min-height: 62px;
    padding: 10px 15px;
    height: auto;
}

.cart-summary__form .order-complete-btn small {
    font-family: var(--font-main);
    text-transform: initial;
    font-weight: 400;
    font-size: 13px;
}

@media screen and (max-width: 575px) {
    body.registrace main {
        background: var(--white);
    }

    .page.--narrow {
        box-shadow: none;
        padding-top: 40px;
    }

    body.registrace main>.container {
        padding-top: 0;
    }

    .cart-content {
        background: var(--white);
        padding: 0;
    }

    .cart-page .cart-content {

        padding: 40px 0;
    }

    .cart-page .page.--narrow {
        padding: 0;
        margin: 0;
    }

    .cart-table-personal {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .cart-table__footer {
        display: none;
    }
}

.product-card__link {
    width: 100%;
}

@media screen and (max-width: 575px) {
    .product-card {
        padding: 0;

    }

    .product-card__link {
        gap: 20px;
        padding: 10px;
    }

    .product-card__delivery {
        display: flex;
    }

    .product-card__title {
        font-size: 19px;
        padding-top: 15px;
    }

    .product-card__bottom-content {
        flex-direction: column;
        gap: 15px;
        border: 0;
        padding: 0;
    }

    .product-card__price {
        justify-content: center;
        padding-top: 12px;
    }

    .product-card .product-card__link .product-card__btn {
        margin-bottom: 5px;
        font-size: 16px;
        height: 40px;
        min-height: 40px;
        padding: 0 15px;

    }

    .product-card__top {
        padding-bottom: 0px;
    }

    .product-card__deliveryText {
        font-size: 13px;
    }

    .product-card__description {
        display: none;
    }

    .product-card__bottom {
        border: 0;
        padding: 0;
    }

}

.product-detail__price {
    display: flex;
    align-items: center;
    gap: 35px
}

.product-detail__price-wrap {
    flex-shrink: 0;
}

.product-detail__price-delivery {
    background: var(--white);
    padding: 10px 15px;
    color: var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
}

.product-detail__price-delivery::before {
    content: "";
    height: 20px;
    width: 20px;
    background: var(--white);
    left: -5px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    section.points {
        display: flex;
        gap: 10px;
    }

    section.points .points-single {
        flex-direction: row;
        flex-basis: auto;
        min-width: 180px;
    }

    .points-single__content {
        text-align: left;
        align-items: flex-start;
        padding: 0;

    }
}

@media screen and (max-width: 650px) {
    section.points {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        gap: 1px;

    }

    section.points .points-single {
        gap: 15px;
        padding: 20px;
        border: 0;
        outline: 1px solid var(--border);
    }

    .points-single__content {
        display: inline-block;
    }

    .points-single__content strong {
        padding-right: 8px;
    }

    section.carousel {
        padding-top: 0px;
    }

    section.carousel .container {
        padding: 5px;
    }

}

@media screen and (max-width: 767px) {
    .tabs label {
        width: 100%;
        margin: 0;
        padding: 5px 0;
    }
}

@media screen and (max-width: 991px) {

    .home-page #ratingSection .rating-section-inner,
    section.products {
        padding: 60px 0;
    }

    .home-page #ratingSection::before {
        height: 30%;
        width: 100%;
        bottom: 0;
        top: auto;
    }

    .home-page #ratingSection .rating-section-inner {
        gap: 30px;
        padding: 40px 0;
        flex-direction: column;
    }

    .home-page #ratingSection .rating-content {
        flex-direction: row;
        gap: 30px;
        justify-content: center
    }

    .home-page #ratingSection .vote-grid {
        padding: 0;
    }

    .home-page #ratingSection .vote-wrap {
        padding: 40px 30px;
        gap: 20px
    }

    .home-page #ratingSection .vote-content {
        font-size: 14px;

    }

    .home-page #ratingSection .vote-grid .vote-checked::before {
        display: none;
    }

    .home-page #ratingSection .vote-grid .vote-checked {
        text-align: right;
        font-size: 15px;
        line-height: 1.3;
    }

    .home-page #ratingSection .rating-content-title h3 {
        display: flex;
        padding-bottom: 20px;
        justify-content: center;
    }

    .home-page #ratingSection .rate-average-inner {
        background: white;
        padding: 25px 20px;
    }

    .home-page #ratingSection .rating-content-text {
        gap: 20px;
        align-items: center;
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .home-page #ratingSection .vote-wrap:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .home-page #ratingSection .rating-content {
        flex-direction: column;
    }

    .home-page #ratingSection .rating-content-title h3 {
        display: none;
    }
}

.searchAutocomplete__section.--cats {
    border-top: 1px solid var(--border);
    margin-top: 10px;
}

.searchAutocomplete__title {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: var(--lime);
}

.searchAutocomplete__link {
    padding: 14px 20px;
}

.searchAutocomplete__link:hover,
.searchAutocomplete__link:active,
.searchAutocomplete__link:focus {
    background: var(--light);
}

.searchAutocomplete__item img {
    mix-blend-mode: multiply;
}

@media screen and (max-width: 991px) {
    .searchAutocomplete::before {
        left: 20px;
    }

    .search__input {
        border-radius: 0;
        height: 54px;
    }

}

.form-group-inliner {
    display: flex;
    gap: 10px;
}

.form-group-inliner input {
    flex-grow: 1;
}

.form-group.--short input {
    max-width: 200px;
}



.product-detail__contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 8px solid var(--light);
    padding: 30px;
    margin-top: 40px;
}

.product-detail__contact h3 {
    margin: 0;
    font-weight: 600;
    max-width: 240px;
    width: auto;
}

.product-detail__contact a {
    flex-shrink: 0;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
}

.product-detail__contact-btn {
    flex-shrink: 0;
    background: white;
    border: 1px solid var(--lime);
    color: var(--dark);

}

@media screen and (max-width: 991px) {
    .product-detail__contact {
        display: none;
    }

}

.filter {
    flex-grow: 1;
    justify-content: flex-start;
    display: flex;
}

.products-heading .products-filter-stock {
    display: flex;
    margin: 0;
    border: 0;
    width: 240px;
    position: relative;
    order: 8;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.products-filter-stock form {
    display: flex;
    background-color: var(--white);
    background-image: url(../ikony/cheveron.svg);
    background-position: right 20px top 22px;
    background-repeat: no-repeat;
    flex-direction: column;
    height: 50px;
    width: 100%;
    border: 1px solid var(--border);
}

.products-filter-stock__single {
    display: flex;
    position: relative;
    line-height: 1;
    cursor: pointer;
    margin-right: 25px;
    flex-shrink: 0;
    height: 48px;
    margin: 0;
    width: 100%;
}

.products-filter-stock__single input {
    opacity: 0;
    position: absolute;
    height: 0;
    width: 0;
}

.products-filter-stock__single label {
    color: #6e6e6e;
    cursor: pointer;
    border: 0;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.products-filter-stock__single input:checked+label {
    color: var(--dark);
}

.products-filter-stock.--active {
    height: auto;
    overflow: visible;
    position: relative;
    z-index: 9;
}

.products-filter-stock.--active form {
    height: auto;
    position: absolute;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .08);
}

/* Desktop – klasická tabulka */
.table-responsive table {
    width: 100%;
    border-collapse: collapse;
}

.table-responsive th {
    padding: 8px;
    border: 1px solid var(--border);
}

.table-responsive td {
    padding: 8px;
    border: 1px solid var(--border);
}

@media (max-width: 600px) {

    .table-responsive table,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive tr,
    .table-responsive td {
        display: block;
        width: 100%;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive tr {
        margin-bottom: 10px;
        border: 1px solid var(--border);
        border-radius: 0px;
    }

    .table-responsive td {
        border: none;
        padding: 8px;
        position: relative;
        padding-left: 50%;
    }

    .table-responsive td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        font-weight: bold;
    }
}


.table-striped tbody tr:nth-child(odd) td {
    background: var(--light);
}

@media screen and (max-width: 767px) {
    .products-heading {
        flex-direction: column;
    }

    .products-heading .products-sort,
    .products-heading .products-filter-stock {
        width: 100%;
    }

    .filter__button {
        width: 100%;
    }
}

.blog-main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.news-single.--full {
    display: flex;
    flex-direction: row;
}

.news-single.--full .news-single__top {
    max-width: 440px;
}

.news-single.--full .news-single__top img {
    width: 100%;
}

.news-single.--full .news-single__bottom {
    padding: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.news-single.--full .news-single__title {
    font-size: 24px;
    max-height: 100%;
    line-height: 1.4;
}

@media screen and (max-width: 991px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .blog-main {
        gap: 20px;
    }

    .news-single.--full .news-single__bottom {
        padding: 20px;
    }

    .news-single.--full .news-single__title {
        font-size: 22px;
    }

}

.form-spacer {
    height: 20px;
}

.form-group label {
    padding-bottom: 4px;
}

.form-group.--checkbox>label {
    border: 0;
    padding: 10px 0px 10px 25px;
}

.form-group.--checkbox>input {
    left: 0;
}

.form-collapse {
    background: var(--light);
    padding: 30px;
    margin-top: 10px;
}

.form-collapse .form-collapse {
    padding: 0;
}

.form-collapse .form-group:last-child {
    margin: 0;
}

.form-collapse .form-subtitle {
    margin-top: 0;
}

.form-group.--newsletter {
    border: 1px solid var(--border);
    padding: 20px 30px;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.form-group.--newsletter>label {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.form-group.--newsletter>label span {
    font-size: 24px;
    font-family: var(--font-headings);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark);
    margin-bottom: 5px;
}

.form-group.--newsletter>label small {
    color: var(--gray);

}

.form-group.--newsletter>input {
    left: 0;
    top: 0;
    position: relative;
    height: 24px;
    width: 24px;
    order: -1;
    flex-shrink: 0;
}

.cart-content__form .form-group {
    max-width: 520px;
}

.modal__container.--cart .btn:hover img,
.modal__container.--cart .btn:active img,
.modal__container.--cart .btn:focus img {
    margin-left: 12px;
}

.manufacturer-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px;
}

.manufacturer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--border);
    text-align: center;
    padding: 40px 20px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.4s, box-shadow 0.4s;
}

.manufacturer-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.manufacturer-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 0px;
    max-width: 160px;
    height: 80px;
    flex-grow: 1;
    flex-shrink: 0;
    object-fit: contain;
}

.manufacturer-item h2 {
    font-size: 22px;
    margin: 20px 0 40px 0;
    color: var(--dark);
    padding: 0;
}

.manufacturer-item .btn {
    font-size: 17px;
    padding: 0 15px;
    background: white;
    color: var(--dark);
    border: 1px solid var(--lime);
    min-height: 46px;

    &:hover {
        background: var(--lime);
        color: var(--white);
    }
}

@media screen and (max-width: 991px) {
    .manufacturer-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .manufacturer-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0px;
    }

    .manufacturer-item:hover {
        transform: none;
        box-shadow: none;
    }

}

@media screen and (max-width: 575px) {
    .manufacturer-grid {
        margin: 0 -10px;
    }

    .manufacturer-item {
        padding: 20px 15px;
    }

    .manufacturer-item .btn {
        padding: 0 10px;
    }
}

.products-filter-stock__single.--checked {
    order: -1;
}

.products-filter-stock__single input:checked+label {
    color: #222427;
}

.products-display-count a {
    color: var(--gray);
}

.products-display-count a.--active {
    font-weight: 600;
    color: var(--dark);
}

@media screen and (max-width: 575px) {
    .product-detail__description {
        padding-top: 40px;
        font-size: 15px;
        border-bottom: 0;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1200px) {
    .nav-linkDesktop {
        padding: 0 15px;
        font-size: 18px;
    }

    .product-top {
        grid-gap: 30px;
    }
}

section.products .tabs {
    position: relative;
}

.products__heading {
    display: flex;
    justify-content: space-between;
}

section.products .btn-more {
    background-color: transparent;
    border: 1px solid var(--border);
    color: var(--dark);
    min-height: 44px;
    height: 44px;
    padding: 0 18px;
}

section.products .tabs .btn-more {
    position: absolute;
    top: 13px;
    right: 0;
}

.filter__form .form-group.--checkbox {
    border: 1px solid var(--border);
    padding-left: 15px;

    input {
        left: 15px;
    }
}

.product-detail__stock {
    display: none;
}

.product-detail__stockStores-store.--disabled {
    pointer-events: none;
    filter: grayscale(1);
    opacity: 0.7;
}

.product-detail__stockStores-online.--disabled {
    pointer-events: none;
    filter: grayscale(1);
}

.product-detail__button button.--disabled {
    background: #b3b3b3;
    cursor: not-allowed;
}

.product-detail__cta.--disabled .product-detail__qty.stepper {
    pointer-events: none;
}

.variants__item[data-stockstatus="disabled"] .variants__item-stock {
    color: var(--gray);
}

.header-nav .user__dropdown {
    z-index: 9;
}

.cart-page .infobar {
    margin: 40px 0;
}

.cart-item-name {
    line-height: 1.3;
}

.cart-item-name .cart-item-name-var {
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: 500;
}

.cart-item-name .cart-item-name-var+.cart-item-name-var {
    margin-top: 0px;
}

header.--cart .header-nav .user .user__title {
    display: inline-block;
}

.cart-item-stock {
    padding-top: 15px;
    font-family: var(--font-main);
}

.cart-item-stock img {
    margin-right: 8px;
}

.page-content .order-history th,
.page-content .order-history td {
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    white-space: normal;
}

.order-history__item a {
    padding: 8px 14px;
    background: var(--light);
    border-radius: 9999px;
}


#userpageInfoToggle {
    position: relative;
    justify-content: space-between;
}

#userpageInfoToggle::after {
    content: "";
    background: url(/ikony/cheveron.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
}

@media screen and (max-width: 575px) {
    .products__heading {
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }

    section.products .btn-more {
        margin-bottom: 20px;
    }
}

.search-empty {
    background: var(--light);
    padding: 60px;
    margin-bottom: 60px;
    text-align: center;
    grid-column: 1 / -1;
    font-family: var(--font-headings);
    font-size: 24px;
    color: var(--dark);
    font-weight: 700;
    text-transform: uppercase;
}

#modal-info-content {
    align-items: center;
}

#modal-info-content .modal__header {
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    header.--cart .user__wrap {
        display: none;
    }

    header.--cart .header-nav .user .user__title {
        display: none;
    }
}

.kontakty-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
    margin-bottom: 40px;
}

.kontakty-grid .kontakty-item {
    border: 1px solid var(--border);
    padding: 50px 30px;
    text-align: center;
}

.kontakty-grid .kontakty-item h2 {
    margin-top: 0;
}

.kontakty-grid .kontakty-item a {
    color: var(--lime);
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
}

.kontakty-grid .kontakty-item p {
    padding: 0;
    margin: 0;
    text-align: left;
}

.kontakty-grid .kontakty-item small {
    text-align: left;
    display: block;
}

.kontakty-grid .kontakty-item h3 {
    text-align: left;
}


.konakty-prodejna {
    display: flex;
    width: 100%;
    background: var(--light);
    padding: 40px 60px;
    margin-bottom: 20px;
    gap: 60px
}

.konakty-prodejna .konakty-prodejna-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 40%;
}

.konakty-prodejna .konakty-prodejna-content h2 {}

.konakty-prodejna .konakty-prodejna-content p {
    padding: 0;
    margin: 0;
}

.konakty-prodejna .konakty-prodejna-content a {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 10px 0;
}

.konakty-prodejna .konakty-prodejna-content img {}

.kontakty-tel,
.kontakty-mail {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
}


.konakty-prodejna .konakty-prodejna-map {
    display: flex;
    width: 100%;
    flex-basis: 60%;
    border: 5px solid var(--white);
}

.konakty-prodejna .konakty-prodejna-map iframe {}

@media screen and (max-width: 991px) {
    .kontakty-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }

    .kontakty-grid .kontakty-item {
        padding: 20px;
    }

    .konakty-prodejna {
        flex-direction: column;
    }
}

@media screen and (max-width: 575px) {
    .konakty-prodejna {
        padding: 30px;
    }
}

.products-footer {
    padding: 40px 0 60px 0;
}

.prodejny-notice {
    background: #FFE3A2;
    text-align: center;
    padding: 10px 20px;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    max-width: 960px;
    margin: 0 auto;
}

/* === Sekce prodejny === */
.prodejny-section {
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 80px;
    padding: 100px 0 20px 0;
    position: relative;
    z-index: 1;
}

.prodejny-section::before {
    content: "";
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 180px;
    background: var(--light);
    display: flex;
    position: absolute;
    z-index: -1;
}

.prodejny-section.--dark {
    padding-top: 80px;
}

.prodejny-section.--dark::before {
    top: 0;
    height: auto;
    bottom: 180px;
}

.prodejny-col {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    ;
}

.prodejny-col h2 {
    font-size: 40px;
    text-align: center;
    margin: 0;
}

.prodejny-col p {
    padding: 0;
    margin: 0;
}

.prodejny-col img {}

.prodejny-col:first-child {
    text-align: center;
}

.prodejny-col:first-child img {
    margin-top: 40px;
    border: 5px solid var(--white);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
}

.prodejny-col:last-child p:first-child {
    margin-bottom: 20px;
}

/* === Mapa a souřadnice === */
.prodejny-maps {
    margin: 40px 0;
    display: flex;
    gap: 30px;
    align-items: center;
}

.prodejny-maps a.btn {}

.prodejny-maps span {}

/* === Info blok === */
.prodejny-info {
    display: flex;
    gap: 30px;

}

/* === Otevírací doba === */
.prodejny-timetable {
    background: var(--dark);
    padding: 40px;
    flex-basis: 50%;
}

.prodejny-timetable h3 {
    color: var(--white);
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
}

.page-content .prodejny-timetable table {
    color: var(--white);
    margin: 0;
    width: 100%;
    display: table;
}

.prodejny-timetable table tbody {}

.prodejny-timetable table tr {}

.prodejny-timetable table td {
    border: 0;
    padding: 5px 0;

}

.prodejny-timetable table td:last-child {
    text-align: right;
}

.prodejny-timetable small {
    color: var(--white);
    text-align: center;
    width: 100%;
    display: flex;
    padding-top: 10px;
    justify-content: center;
}

/* === Virtuální prohlídka === */
.prodejny-vr {
    flex-basis: 50%;
    background: var(--dark);

    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--white);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
}

.prodejny-vr a {
    padding: 40px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.prodejny-vr img {
    height: 44px;
}

.prodejny-vr h3 {
    color: var(--white);
}

/* === Sklad sekce === */
.prodejny-sklad {
    text-align: center;
    padding-top: 100px;
}

.prodejny-sklad h2 {
    font-size: 40px;
}

.prodejny-sklad iframe {}

@media screen and (max-width: 991px) {
    .prodejny-section {
        padding-top: 60px;
        display: flex;
        flex-direction: column;
        gap: 40px
    }

    .prodejny-section.--dark {
        padding-top: 40px;
    }
}

@media screen and (max-width: 575px) {
    .prodejny-info {
        flex-direction: column;
        gap: 10px;
    }
}

#souhlas_18 {}

#souhlas_18 .modal__container {
    background: var(--dark);
}

#souhlas_18 .modal__header {
    padding: 40px 0 0 0;
    justify-content: center;
    background: transparent;
}

#souhlas_18 .modal__content {
    background: transparent;
    color: white;
    text-align: center;
}

#souhlas_18 .modal__content h2 {
    padding-bottom: 20px;
}

#souhlas_18 .modal__content p {
    margin: 0;
}

#souhlas_18 .modal__footer {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    gap: 20px;
}

#souhlas_18 .modal__footer .btn.--ghost {
    order: -1;
}

.cart-item.--code {
    padding: 20px;
}

.cart-aside__table-td .alt-price {
    color: var(--gray);
    padding-left: 5px;
    font-size: 85%;
    display: flex;
    justify-content: flex-end;
}

.cart-summary__price-sum td .alt-price {
    color: var(--gray);
    padding-left: 5px;
    font-size: 85%;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {

    .products-sort.--active form,
    .products-filter-stock.--active form {
        height: auto;
        position: relative;
    }
}

@media screen and (max-width: 575px) {

    .home-page #ratingSection .rating-section-inner,
    section.products,
    section.logos,
    .section-news {
        padding: 40px 0;
    }

    section.categories,
    section.about-us {
        padding: 40px 0 0 0;
    }

    section.products h2 {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    section.products .carousel-wrapper {
        width: auto;
    }

    section.products .carousel-wrapper {
        .prev {
            border-radius: 0;
            left: -10px;
            background: rgba(0, 0, 0, .3);
            width: 44px;
            height: 44px;
        }

        .next {
            border-radius: 0;
            right: -10px;
            background: rgba(0, 0, 0, .3);
            width: 44px;
            height: 44px;
        }
    }
}

.cart-item-stock.--overstock {
    color: var(--red);
}

.cart-item-stock.--overstock img {
    filter: sepia(100%) saturate(500%) hue-rotate(-50deg) brightness(0.7) contrast(1.2);
}

.modal__container.--cart {}

.modal__container.--cart .modal__header {}

.modal__container.--cart .modal__content-inner {
    display: flex;
    flex-direction: column;
}

.modal__container.--cart .modal__content {
    background: var(--light);
    padding: 60px 40px 60px 40px;

}

.modal__container.--cart .infobar {
    padding: 10px 20px;
    min-height: 0;
    font-size: 15px;
    margin: 0px 0 30px 0;
    font-family: var(--font-main);
    text-transform: none;
    line-height: 1.3;
}

.modal__cart-variant {
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    #modal-cart .modal__image {
        padding: 40px;
    }

    .modal__container.--cart .modal__content {
        padding: 20px 20px 20px 20px;
        align-items: flex-start;

    }

    .modal__container.--cart .modal__title {
        font-size: 32px;
    }

    .modal__container.--cart .modal__cart-title {
        font-size: 22px;
        margin-top: 0px;
    }

    .modal__container.--cart .infobar {
        font-size: 14px;
    }
}

.modal__container.--cart .btn:last-child {
    flex-grow: 1;
}

.modal__header .modal__close:before {
    content: "";
    background: url("/ikony/cross-alt.svg");
    height: 12px;
    width: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal__cart-delivery {
    display: flex;
    gap: 8px;
    color: var(--green);
    margin: 10px 0 30px 0;
}

.modal__cart-delivery.--overstock {
    color: var(--red);
}

.modal__cart-delivery.--overstock img {
    filter: sepia(100%) saturate(500%) hue-rotate(-50deg) brightness(0.7) contrast(1.2);
}

.section-news__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
}

@media screen and (max-width: 767px) {
    .section-news__grid {
        gap: 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.product-detail__code {
    color: var(--gray);
}

.product-detail__code a {
    margin-left: 5px;
    display: inline-flex;
    align-items: baseline;
    color: var(--gray);
}

@media (max-width: 767px) {
    .page.--narrow.--user {
        padding: 40px 20px;
    }

    .page.--narrow .page-heading h1 {
        font-size: 30px;
    }
}

.userpage-history {
    margin-bottom: 40px;
    width: 100%;
}

.page-content table {
    margin: 0;
    overflow-x: auto;
    display: block;
}

@media (max-width: 575px) {
    .page.--narrow.--user {
        padding: 40px 0px;
    }
}

.cart-item-content {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cart-item-name .cart-item-name-var {
    font-family: var(--font-main);
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}

@media screen and (max-width: 650px) {
    .cart-table-items {
        padding: 5px;
        gap: 5px;
    }

    .cart-item {
        flex-direction: column;
        padding: 20px 15px;
    }

    .cart-item-main {
        width: 100%;
        border-top: 2px solid var(--light);
        padding-top: 20px;
        gap: 10px;
    }

    .cart-item-content {
        width: 100%;
    }

    .cart-item-name {
        font-size: 18px;
    }
}

@media screen and (max-width: 650px) {
    section.points .points-single {
        padding: 15px 20px;
    }

    .points-single__icon img {
        height: 30px;
        width: 30px;
    }

    .points-single__content strong {
        padding-right: 6px;
    }
}

.page-content ul {
    padding-left: 20px;
}

.page-content ul li::marker {
    color: var(--lime);
}

.cart-content__form .form-group.--newsletter {
    max-width: 100%;
}

.cart-content .row .col-md-4 {
    border-left: 0;
}

@media screen and (max-width: 991px) {
    #cartSummaryToggle {
        border-bottom: 0;
    }
}

@media screen and (max-width: 520px) {
    .logos__item img {
        max-height: 40px;
        max-width: 120px;
    }
}

@media screen and (max-width: 350px) {
    .logos__item img {
        max-height: 40px;
        max-width: 100px;
    }
}

.copyright__author {
    padding-top: 2px;
}

.copyright__author a {
    margin-top: -8px;
}

@media screen and (max-width: 991px) {
    section.contact {
        background-color: var(--dark);
        background-image: url("../img/bg-pattern-dark.png");
        background-size: auto;
        background-repeat: repeat;
        background-position: center;
    }
}


.cart-table-shipping-item input:checked~.cart-table-shipping-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    outline: 1px solid var(--lime);
    border: 0;
}

.cart-table-shipping-pobocka {
    margin-top: -9px;
    background: white;
    z-index: 1;
    position: relative;
    padding: 10px 20px;
    box-shadow: 0px 5px 25px 1px rgba(154, 168, 32, 0.25);
    background: var(--lime);
    outline: 1px solid var(--lime);
    color: white;
}

.cart-aside__free-shipping {
    flex-direction: column;
    padding: 25px 30px;
    gap: 15px;
    border-radius: var(--border-radius);
    background: #F6FAF4;
}

.free-shipping-content {
    display: flex;
    gap: 20px;
    align-items: center;
}

.free-shipping-text {
    margin-bottom: 0px;
    font-weight: bold;

}

.free-shipping-content img {
    width: 40px;
}

.free-shipping-text h4 {
    margin: 0;
    display: none;
    line-height: 1.2;
}

.free-shipping-line {
    margin: 0;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
}

.progress-bar-container {
    width: 100%;
    height: 8px;
    background-color: #D3E6CB;
    border-radius: 5px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    width: 100%;
    background-color: var(--green);
    border-radius: 5px;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

@media screen and (max-width: 575px) {
    .cart-aside__free-shipping {
        padding: 20px 20px;
    }
}

.cart-table-shipping-img {
    padding-left: 0px;
    width: 60px;
    height: 30px;
    margin-left: 20px;
    flex-shrink: 0;
}

.cart-table-shipping-img img {
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .cart-table-shipping-pobocka {
        font-size: 14px;
        padding: 10px;
    }
}

.cart-table-shipping-item input {
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .cart-table-shipping-img {
        display: flex;
        margin-left: 0px;
        flex-shrink: 0;
        width: 50px;
        height: 25px;
    }

    .cart-table-shipping-item input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .cart-table-shipping-item {
        padding: 15px;
    }

    .cart-table-shipping-text {
        padding-left: 15px;
        line-height: 1.4;
    }

    .cart-table-shipping-text small {
        line-height: 1.4;
        padding-top: 5px;
    }

    .cart-table-shipping-price {
        padding-left: 15px;
    }
}

.modal.--doprava .modal__content {
    padding: 0;

}

.modal.--doprava .modal__container {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.modal.--doprava .modal__overlay {
    padding: 30px;
}

.modal.--doprava .modal__header {
    padding: 25px 20px;
}

#ifr_posta2 {
    width: 100%;
    height: 100%;
}

#modal-ppl .modal__container,
#modal-dpd .modal__container {
    height: 100%;
}

#packeta-widget {
    padding: 30px !important;
}

@media screen and (max-width: 767px) {
    .modal.--doprava .modal__overlay {
        padding: 0px;
    }

    #packeta-widget {
        padding: 0px !important;
    }
}

.cart-aside__row.--main {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark);
    text-transform: uppercase;
    font-family: var(--font-headings);
}

.cart-aside__row.--main .cart-aside__table-th {
    font-weight: 500;
    font-size: 20px;
}

.cart-aside__row.--main .cart-aside__table-td {
    font-weight: 500;
    font-size: 20px;
}

.cart-aside__row.--main .cart-aside__table-td small {
    font-family: var(--font-main);
    text-transform: none;
}

@media screen and (max-width: 991px) {
    .header-backbutton .btn img {
        height: 20px;
        width: 18px;
    }
}

@media screen and (max-width: 767px) {
    .cart-heading__item {
        padding: 12px 10px;

    }

    .cart-heading__icon {
        height: 28px;
        width: 28px;
    }
}

@media screen and (max-width: 575px) {
    .cart-page .cart-content {
        padding: 30px 0 30px 0;
    }

    .product-detail__stockStores {
        margin-bottom: 30px;
    }

    .product-detail__description {
        padding-top: 30px;
    }

    .cart-aside__free-shipping {
        margin: 10px 0 30px 0;
    }
}

.modal__container.--cart {
    overflow-x: hidden;
}

@media screen and (max-width: 991px) {
    #modal-cart .modal__image {
        padding: 40px;
        max-width: 35%;
    }

    .modal__container.--cart .modal__content {
        max-width: 65%;
    }
}

@media screen and (max-width: 767px) {
    .modal__container.--cart .modal__content-inner {
        width: 100%;

    }

    .modal__container.--cart .modal__content {
        max-width: 100%;
    }

    #modal-cart .modal__image {
        padding: 10px;
        max-width: 100%;
        aspect-ratio: 4 / 2;
    }

    .modal__container.--cart .btn:last-child {
        flex-grow: 1;
        order: -1;
    }

    .modal__cart-delivery {
        margin: 0px 0 20px 0;
    }

    .modal__container.--cart .modal__cart-variant {
        margin-bottom: 10px;
    }

    .modal__container.--cart .modal__title {
        font-size: 26px;
        text-align: center;
        width: 100%;
        background: var(--dark);
        color: white;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 575px) {

    .footer__link,
    .footer__text {
        font-size: 15px;
    }

    .footer__link {
        line-height: 2.5;
    }
}

@media screen and (min-width: 768px) {
    .cart-heading .container {
        padding: 0;
    }

    .cart-heading__item {
        flex-shrink: 0;
        padding: 0 20px;
    }

    .cart-heading__spacer {
        height: 3px;
        width: auto;
        background: rgba(255, 255, 255, 0.15);
        flex-grow: 1;
        margin-top: 23px;
    }

    .cart-heading__title {
        text-align: center;
        white-space: nowrap;
    }
}

@media screen and (max-width: 991px) {
    .product-detail {
        padding-top: 0;
    }
}

.breadcrumbs__item.--home {
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .breadcrumbs {
        display: flex;

    }

    .breadcrumbs__item,
    .breadcrumbs__separator {
        display: none;
    }

    .breadcrumbs__item:nth-last-child(3) {
        display: flex;
    }

    .breadcrumbs__item.--home+.breadcrumbs__separator {
        transform: rotate(90deg);
        display: flex;
    }

    span.breadcrumbs__item:nth-child(3) {
        display: flex;
        transform: none;
    }

    .micromodal-slide .modal__overlay {
        padding: 10px;
    }

}

@media (max-width: 991px) {
    #product-carousel>div {
        height: 100%;
    }

    #product-carousel>div>div {
        height: 100%;
    }

    .product-detail__carouselItem,
    .product-detail__carouselLink {
        height: 100%;
        border-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .modal__content {
        padding: 30px 20px 20px 20px;
    }

    .modal__header {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    .page-heading {
        padding-top: 30px;
    }
}


input[type=range]::-webkit-slider-thumb {
    border: 2px solid var(--lime);
}

input[type=range]::-moz-range-thumb {
    border: 2px solid var(--lime);
}

@supports(-ms-ime-align: auto) {
    input[type=range]::-ms-thumb {
        border: 2px solid var(--lime);
    }
}

.filter__footer {
    padding-top: 20px;
}

.filter__form .form-group.--checkbox:last-child {
    margin: 0;
}

@media screen and (max-width: 575px) {
    .product-card__thumb .product-card__tags {
        top: -5px;
        left: -5px;
    }
}

.page-heading.--search {
    padding-bottom: 0;
}

.page-heading.--search h1 {
    font-size: 18px;
    color: var(--lime);
    font-weight: 600;
}

.page-heading.--search #pageDescription {
    padding-top: 5px;
    font-size: 36px;
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--dark);
}

.page-heading.--search #pageDescription strong {
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .page-heading.--search h1 {
        text-align: center;
    }

    .page-heading.--search #pageDescription {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
}

.nav-item-footer {
    display: none;
}

@media screen and (max-width: 991px) {
    nav {
        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.4s ease-out;
    }

    .nav-submenu {
        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.4s ease-out;
    }

    body.--nav-active nav {
        content-visibility: auto;
    }
}

@media screen and (max-width: 991px) {
    #darkBackdrop {
        transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.4s ease-out;
    }

    nav {
        content-visibility: auto;
    }

    .search {
        height: 64px;
        padding: 0;
    }

    .search-wrapper {
        height: 100%;
    }

    .search__input {
        height: 100%;
        background: #fff;
    }

    .search__button {
        width: 54px;
        height: 54px;
        margin: 5px;
        border-radius: 0;
    }

    #darkBackdrop {
        background: rgba(0, 0, 0, .7);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    nav>.container {
        height: 100%;
        justify-content: flex-start;
    }

    .nav-item {
        display: flex;
        flex-grow: 0;
        flex-direction: column;
    }

    .nav-item-footer {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-end;
        padding: 20px 0;
    }

    .nav-item-footer a {
        padding: 8px 20px;

    }
}

.product-detail__text {
    color: var(--gray);
}

.variants__list-wrap {
    padding-right: 2px;
}

.variants__list-wrap::-webkit-scrollbar {
    width: 8px;
    cursor: pointer;

}

.variants__list-wrap::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 0px;
    cursor: grab;
}

.variants__list-wrap::-webkit-scrollbar-thumb:hover {
    background-color: #c3c3c3;
}

.variants__list-wrap::-webkit-scrollbar-track {
    background-color: transparent;
}

@media screen and (max-width: 991px) {
    #ratingSection .vote-grid::-webkit-scrollbar {
        width: 4px;
        cursor: pointer;
        height: 6px;
    }

    #ratingSection .vote-grid::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 0px;
        cursor: grab;
    }

    #ratingSection .vote-grid::-webkit-scrollbar-thumb:hover {
        background-color: #c3c3c3;
    }

    #ratingSection .vote-grid::-webkit-scrollbar-track {
        background-color: transparent;
    }
}

@media screen and (max-width: 991px) {
    .home-page #ratingSection .vote-grid {
        padding-bottom: 10px;
        overflow-x: auto;
        gap: 10px
    }

    .home-page #ratingSection .vote-wrap:nth-child(3) {
        display: flex;
    }

    .home-page #ratingSection .vote-wrap {
        min-width: 400px;
    }
}

@media screen and (max-width: 575px) {
    .subcategories__grid {
        padding-right: 5px;
        height: auto;
    }

    .subcategories__grid::-webkit-scrollbar {
        width: 8px;
        cursor: pointer;

    }

    .subcategories__grid::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 0px;
        cursor: grab;
    }

    .subcategories__grid::-webkit-scrollbar-thumb:hover {
        background-color: #c3c3c3;
    }

    .subcategories__grid::-webkit-scrollbar-track {
        background-color: transparent;
    }
}

.mainNav-header {
    display: none;
}

@media screen and (max-width: 991px) {
    .mainNav-header {
        height: auto;
        padding: 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: var(--font-headings);
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: 600;
        background: var(--light);
    }

    .mainNav-close {
        background: var(--white);
        height: 42px;
        width: 42px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-link,
    .nav-linkDesktop {
        border: 0;
    }
    .nav-item-footer a:first-child{
    border-top: 1px solid var(--border);
    padding-top: 30px;
}
}