:root {
    --white: #FFFFFF;
    --light: #F7F7F9;
    --dark: #03274F;
    --darker: #031A33;
    --red: #D50000;

    --lime: #9AA820;
    --lime-dark: #899616;

    --yellow: #FFE500;
    --yellow-l: #FFF387;
    --yellow-dark: #FFCC00;

    --gray: #6D6C79;
    --green: #48AE29;
    --border: #E5E5E5;

    --blue: #217FE7;
    --blue-l: #CEE5FF;

    --pink: #E71E80;
    --pink-l: #FFCEE6;
    --pink-dark: #AD1F64;

    --aqua: #4FEDCC;
    --aqua-l: #B1F4E6;
    --aqua-dark: #0EA384;

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

    --font-main: "Nunito Sans", sans-serif;
    --font-headings: "Nunito", sans-serif;

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

}


@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito/Nunito-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: 'Nunito Sans';
    src: url('../fonts/NunitoSans/NunitoSans-VariableFont.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;

    ascent-override: 94%;
    descent-override: 20%;
    line-gap-override: 0%;
    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);
    font-weight: 800;
}

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


main {
    background: linear-gradient(to bottom, var(--light) 0, var(--light) 0px, var(--white) 440px, var(--white) 100%);
}

.cart-page main {
    background: linear-gradient(to bottom, var(--light) 0, var(--light) 30%, var(--white) 80%, var(--white) 100%);
}


.btn {
    background-color: var(--yellow);
    font-family: var(--font-main);
    font-size: 15px;
    border-radius: var(--border-radius);
    font-weight: 500;
    min-height: 50px;
    color: var(--dark);

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

.btn.--dark,
.btn.--cart-dark {
    background-color: var(--dark);
    color: var(--white);

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

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

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

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

nav {
    background-color: transparent;
    position: relative;
}

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





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

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

.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: transparent;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    padding-top: 20px;
}

.header-notice a {
    color: var(--dark);

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

.header-notice__content {
    background-color: var(--aqua);
    color: var(--dark);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: var(--border-radius);
}

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


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


.nav-link,
.nav-linkDesktop {
    font-family: var(--font-headings);
    text-transform: uppercase;
    font-size: 16px;
    color: var(--dark);
    background-color: transparent;
    font-weight: 700;
    height: 34px;
    background-color: var(--light);
    border-radius: 4px;
    padding: 0 12px;
}

.header-top__tel {
    justify-content: flex-end;
}

.header-top__links {
    gap: 20px;
}

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

.search-form {
    border-radius: var(--border-radius);

}

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

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

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

.header-nav .user {
    margin: 0;
    border: 0;
    background-color: var(--light);
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius);
}

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

.header-nav .user__icon img,
.header-nav .cart__icon img {}

.header-nav .cart-title {
    color: var(--dark);
    font-weight: 500;
}

.header-nav .cart.--active {
    background: var(--yellow);
    width: auto;
    padding: 0 20px;
    gap: 12px;
}

.header-nav .cart.--active .cart-title {
    display: none;
}

.header-nav .user__title {
    display: none;

}


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

.header-main .logo-wrap {}

@media screen and (min-width: 992px) {
    .header-main nav {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
}

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

.header-top {
    width: 100%;
    background: var(--dark);
    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;

}

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

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

.product-detail__title {
    font-size: 34px;
    padding-bottom: 20px;
    font-weight: 800;
}

.product-card {
    outline: 0;
    border-radius: var(--border-radius);
}

.product-card__link {
    background-color: var(--white);
    border-radius: var(--border-radius);
    color: var(--dark);
}

.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: 34px;
}


.header-nav .cart__number {
    left: 8px;
    top: 23px;
    background: var(--dark);
    border: 2px solid var(--yellow);
    color: var(--white);
    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);
    }
}



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

section.carousel {
    padding-top: 20px;
    padding-bottom: 0;
    position: relative;
}

section.points {
    padding: 60px 0;
}

section.points .container {
    padding-top: 0px;
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

section.points .points-single {
    background-color: var(--white);
    flex-direction: row;
    border: 0;
    padding: 0px;
    gap: 15px;
}

.points-single__content {
    padding: 0;
    align-items: flex-start;
    text-align: left;
    padding-top: 5px;
    font-family: var(--font-headings);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
}

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

section.products {
    padding-bottom: 80px;
    padding-top: 80px;
    background-color: var(--light);
}

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

.copyright {
    margin-top: 60px;
    padding: 20px 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: 0;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}

section.contact::before {
    content: "";
    height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--light);
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
    z-index: -1;
}

.contact__content {
    background-color: transparent;
    display: flex;
    padding: 0;
    background-image: none;
    justify-content: flex-start;
    height: 100%;
    gap: 20px;
    background-color: var(--aqua);
    border-radius: var(--border-radius);
}

.contact__img {
    padding: 30px;
    padding-bottom: 0;
}

.contact__title {
    max-width: 520px;
    color: var(--dark);
    font-size: 30px;
    line-height: 1.3;
}

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

.contact__item {
    color: var(--dark);
    padding: 0;
    padding: 0;
    gap: 10px;
    font-family: var(--font-headings);
    font-size: 18px;

}

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

.contact__item img {

    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);
    display: none;
}

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

    .product-card:hover,
    .product-card:active,
    .product-card:focus {
        z-index: 2;
        height: 100%;
        margin-bottom: 0;
        outline: 0px 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: 0;
}

.product-card .product-card__link .product-card__btn {
    display: flex;
    height: 46px;
    min-height: 46px;
    border-radius: var(--border-radius);
    background: var(--yellow);
    color: var(--dark);
    padding: 0 15px;
    font-size: 14px;
    gap: 8px;
    font-weight: 600;
}

.product-card .product-card__link .product-card__btn img {
    margin: 0;
    height: 17px;
    width: 17px;
    margin-top: -2px;
}

.product-card__bottom {
    width: 100%;
    padding: 0;
    padding-top: 0px;
    border-top: 0;

}

.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: 16px;
    font-weight: 600;
    width: 100%;
}

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

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

.product-detail__qty.stepper input {
    border-radius: var(--border-radius);
    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: 18px;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-weight: 700;
}




.nav-linkDesktop img {
    display: none;
}

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

.header-nav .cart {
    border: 0;
    border-radius: var(--border-radius);
    padding: 0 15px;
    height: 48px;
    width: auto;
    margin: 0;
    background-color: var(--light);
    color: var(--dark);
    gap: 10px;
}

.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;
    aspect-ratio: 4/4;
}

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

.news-single__bottom span {
    font-weight: 500;
    display: inline-flex;
    margin-top: 0px;
}

.news-single__title {
    font-family: var(--font-headings);
    font-size: 24px;

    font-weight: 600;
    padding-bottom: 0;
    line-height: 1.3;
    max-height: 62px;
}

.news-single__text {
    color: var(--gray);
    font-size: 13px;
    margin-top: 15px;
}

.news-single__readmore {
    font-family: var(--font-headings);
    font-size: 17px;

    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: 4 / 3;
    width: auto;
    height: 100px;
    object-fit: contain;
    position: relative;
}

.categories-grid .col-md-3 {
    width: 100%;
}

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

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

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

    color: var(--dark);

}

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



.product-card__title {
    text-align: left;

    font-family: var(--font-headings);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0;
}

.product-card__priceMain {
    color: var(--dark);
    font-weight: 600;
    margin: 0;
    font-size: 20px;
    font-family: var(--font-headings);
    white-space: nowrap;
}

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

.tag {
    font-family: var(--font-headings);
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
}

.tag.--new {
    background: var(--aqua-l);
    color: var(--dark);
}

.tag.--sale {
    background: var(--pink-l);
    color: var(--pink-dark);
}

.tag.--recommended {
    background: var(--yellow-l);
    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: 20px;
    background: var(--white);
    border: 0;
}

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


.cart-heading {
    background: transparent;
    padding: 50px 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 {}

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

.cart-heading__icon {
    background-color: var(--white);
    color: var(--dark);
    font-family: var(--font-headings);
    font-size: 18px;
    font-weight: 600;
    height: 38px;
    width: 38px;
}

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

.cart-heading__title,
.cart-heading__item.--complete .cart-heading__title,
.cart-heading__item.--active .cart-heading__title {
    font-size: 16px;
    color: var(--dark);
    padding-left: 0;
    font-family: var(--font-headings);
    font-weight: 600;
}

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

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

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


}


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

}

.form-subtitle {
    font-size: 28px;
    font-family: var(--font-headings);
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;

    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 80px 0;

}

@media screen and (max-width: 991px) {
    section.categories {
        padding: 40px 0 40px 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 .row {
    display: grid;
    margin: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    background: transparent;
    padding: 0px;

}

.subcategories .row .col-8 {
    width: 100%;
    padding: 0;
}

.subcategories__single {
    padding: 0;
    background-color: white;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
}

.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;
        z-index: 99;
    }

    .logo {}

    .logo img {
        height: 44px;
        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 {
        display: flex;
        height: 60px;
        border-bottom: 1px solid var(--border);
        padding: 0 20px;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .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: 12px;
    }

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

    .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;
        padding-top: 0;
    }

    .header-notice .container {
        padding: 0;
    }

    section.points {
        padding: 20px 0 20px 0;
        border-bottom: 0;
    }

    section.points .container {
        padding-top: 0px;
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
    }

    .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: 10px 0;
    }

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

.filter__button {
    background: var(--lime);
    border-radius: var(--border-radius);
    height: 48px;
}

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

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

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

    .products-heading {
        padding: 0;
    }

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

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

.filter__button {
    display: flex;
    height: 50px;
    padding: 0 30px;
}

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



.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: 0px;
    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: 20px;
        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;
        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%;
    aspect-ratio: 10 / 9;
}

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


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



@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: 0px;
}

.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;
    border-radius: var(--border-radius);
}

.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(--yellow);
    font-size: 16px;
    font-family: var(--font-headings);
    font-weight: 600;
    line-height: 1;
    color: var(--dark);

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


.cart-table-items {
    gap: 1px;
    margin-top: 0px;
}

.cart-item {
    border: 0;
    outline: 0;
    padding: 30px 0px;
}

.cart-aside__code {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin: 30px 0 30px 0;
}

.cart-aside__code label {
    font-size: 20px;
    font-weight: 500;
    color: var(--dark);
    font-family: var(--font-headings);

    flex-shrink: 0;
    display: flex;
    line-height: 1.2;
}

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

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

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

.cart-aside__login {
    margin: 30px 0;
}

.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;
    color: var(--pink-dark);
}

.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;
    flex-grow: 0;
}

.product-card__bottom-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card__bottom-size {
    font-size: 14px;
    background: var(--light);
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: 500;
}

.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(--green);
    z-index: 2;
    box-shadow: 0px 5px 25px 1px rgba(32, 168, 47, 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);

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


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



.cart-content {
    padding-top: 0;
}

.cart-content .row {
    background: transparent;
    gap: 20px;

}

.cart-content .cart-table {
    padding: 60px;
    background-color: var(--white);
    height: 100%;
}

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

.cart-aside__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--dark);
    font-family: var(--font-headings);
    text-transform: none;
    border: 0;
}

.cart-table__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--dark);
    font-family: var(--font-headings);
    margin-bottom: 30px;
    text-transform: none;
    border: 0;
    padding: 0;
}


.cart-table-items {
    background: var(--border);
    padding: 0px;
}

.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(--green);
    z-index: 2;
    box-shadow: 0px 5px 25px 1px rgba(32, 168, 47, 0.25);
    background: rgba(32, 168, 43, 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(--green);
    box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 4px var(--green);
    border: 2px solid var(--green);
}

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

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

}

.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: transparent;
    padding: 15px 0;
    margin-top: 15px;
}

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




.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: var(--border-radius);
    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;
}


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

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

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

    .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;
        background-color: transparent;
    }

    .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;
        margin-left: 5px;
    }

    .header-main .logo-wrap .logo {}

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

    }


}

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

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

.product-top {
    display: grid;
    grid-template-columns: 8fr 5.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;

}

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

}

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

.cart-aside__free-shipping {
    display: flex;
    margin: 30px 0 0 0;
    background-color: rgba(72, 174, 41, 0.1);
    border-radius: var(--border-radius);
    color: var(--green);
}

.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: 16px;
    font-weight: 600;
    font-family: var(--font-headings);

}

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

.cart-item-price {
    font-size: 16px;
    font-weight: 600;
}


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

.stores-wrap {}


.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: 50px;
    background: white;
    color: var(--dark);
}

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

.stores-single {
    background: var(--dark);
    padding: 0px;
    aspect-ratio: 5/4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    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%;
    text-align: left;
    align-items: flex-start;
    justify-content: center;
    max-width: 520px;
    gap: 20px;
}

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

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

.stores-content .stores-single:last-child .stores-single__content {
    color: var(--dark);
    position: absolute;
    top: 60px;
    right: 10px;
    padding: 0;
    max-width: 280px;
}

.stores-content .stores-single:last-child .stores-single__content h2 {
    color: var(--dark);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.5;
}

.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: 0;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--white);
}

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

@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 {}

    .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: 20px;
    }
}



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

    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: 1px
    }

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

    font-weight: 600;
    display: flex;
    padding: 5px 0;
}

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

}

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

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

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

#ratingSection .stars {
    order: 10;
    gap: 4px
}

.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);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

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

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

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



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

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

}

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

.home-page #ratingSection .rate-average {
    font-size: 46px;
    color: var(--dark);
    font-family: var(--font-headings);

    font-weight: 700;
    padding-bottom: 20px;
}

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

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

    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.home-page #ratingSection .vote-grid .vote-checked {
    font-family: var(--font-headings);

    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(--aqua-dark);
}

#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);
    font-size: 15px;
    color: var(--dark);
    background-color: transparent;
    font-weight: 500;
    padding-left: 12px;
}

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

section.products-list {
    padding: 40px 0 80px 0;
    background: var(--light);
}

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

.subcategories {
    margin-top: 0px;
    margin-bottom: 40px;
}

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

    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;

    padding: 20px;
    text-align: center;
    justify-content: center;
    margin-bottom: 60px;
}

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

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

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

.categories-single {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 20px;
}

.categories-single__link {
    color: var(--dark);
    font-size: 18px;
    margin-bottom: 0px;
    font-family: var(--font-headings);
    font-weight: 700;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 15px;

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

.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(1, minmax(0, 1fr));
        grid-gap: 10px;
    }
}

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

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

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

.news-single__top {
    min-height: auto;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .news-single__top {
        width: 100%;
        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(3, 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: 12px;
        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);

        font-size: 18px;
        font-weight: 600;
        padding-bottom: 0px;
        line-height: 1.3;
    }

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


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

}

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

}

.modal__cart-price {
    font-family: var(--font-headings);
    font-size: 26px;
    font-weight: 600;

    color: var(--red);
}

.newsletterSection {
    background: white;
    padding: 40px 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: 80px;
    transform: rotate(-25deg);
    opacity: 0.6;
}

.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: 0;
    border-radius: 0;
    height: 50px;
    width: 100%;
    max-width: 420px;
    gap: 10px;
}

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

.newsletterSection__label {
    display: none;
}

.newsletterSection__input {
    height: 100%;
    background: transparent;
    width: 100%;
    font-size: 15px;
    border: 1px solid var(--border);
}

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

    &:hover {
        background: var(--yellow-dark);
        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%;
}


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

    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;

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

    font-weight: 500;
    font-size: 18px;
}

.cart-summary__price-sum {
    color: var(--dark);
    font-family: var(--font-headings);

    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;
        border-radius: 0;
    }

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

    .homeProductsSlider>div {
        padding: 0;
    }

}

.product-detail__price {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
}

.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;
        padding-bottom: 10px;
        gap: 1px;

    }

    section.points .points-single {}

    .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);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #03274f;
}

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

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

.table-responsive td {
    padding: 8px;
    border: 1px solid #ddd;
}

@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: 1rem;
        border: 1px solid #ddd;
        border-radius: 6px;
    }

    .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: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}





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


}

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

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

.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.showcase {}

section.showcase .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.showcase__item {
    background: var(--blue-l);
    display: flex;
    flex-direction: column;
    padding: 60px;
    position: relative;
    text-align: center;
    padding-left: 300px;
    gap: 20px;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
}

.showcase__item::before {
    content: "";
    width: 280px;
    height: 410px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("/img/chlapec.png");
}

.showcase__item.--girl h2,
.showcase__item.--girl p {
    color: var(--pink-dark);
}

.showcase__item.--girl::before {
    background-image: url("/img/divka.png");
}

.showcase__item .btn {
    background: white;
    color: var(--dark);
    height: 50px;
}

.showcase__item.--girl {
    background: var(--pink-l);
}

@media screen and (max-width: 991px) {
    section.showcase .container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .showcase__item {
        flex-direction: column;
        padding: 40px 30px;
    }
}



.nav-item:first-child .nav-link {
    background: var(--blue-l);

}

.nav-item:nth-child(2) .nav-link {
    background: var(--pink-l);
}

.cart-content.--step1 .cart-table__title {
    display: none;
}

.cart-content.--step1 .cart-table-items {
    margin: 0;
}

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

.cart-content .cart-item-name-var {
    display: none;
}

.cart-aside__table {
    background: var(--light);
    padding: 20px;
    border-radius: var(--border-radius);
}

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

.products-footer {
    grid-column: 1 / -1;
}

.products-wrapper {
    display: grid;
    grid-template-columns: 1fr minmax(0, 3fr);
    gap: 40px;
    padding: 0;
    align-items: flex-start;
}

.products-wrapper .products-heading {
    padding: 0;
    margin-top: -68px;
}

.filter__button {
    display: none;
}

.filter__content {
    display: flex;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.filter__content::before {
    content: none;
}

.products-wrapper .products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.filter__form {
    width: 100%;
}

#filter-submit {
    height: 54px;
    background: var(--aqua);
    color: var(--dark);
}

.filter__form {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter__item {
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: var(--border-radius);
}

.filter__title {
    margin-top: 0;
    font-weight: 700;
}

.range-slider-wrap::after {
    background: var(--white);
    height: 3px;
}

.products-wrapper {
    display: grid;
    grid-template-columns: 1fr minmax(0, 3fr);
    gap: 40px;
    padding: 0;
}

.products-wrapper .products-heading {
    padding: 0;
}

.filter__button {
    display: none;
}

.filter__content {
    display: flex;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.filter__content::before {
    content: none;
}

.products-wrapper .products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.filter__form {
    width: 100%;
}

#filter-submit {
    height: 54px;
    background: var(--aqua);
    color: var(--dark);
}

.filter__form {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter__item {
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: var(--border-radius);
}

.filter__title {
    margin-top: 0;
    font-weight: 700;
}

.range-slider-wrap::after {
    background: var(--white);
    height: 3px;
}

.product-detail__qty.stepper {
    display: none;
}

.product-detail__button {
    margin: 0;
}

.product-detail__cta-wrap {
    flex-direction: row;
    background: transparent;
    padding: 0;
    justify-content: space-between;
    gap: 60px;
    align-items: center;
}

.product-detail__priceMain {
    padding: 0;
}

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

section.categories::before {
    content: "";
    max-width: 1380px;
    width: 100%;
    height: 1px;
    display: flex;
    background: var(--border);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.section-news {
    position: relative;
}

.section-news::before {
    content: "";
    max-width: 1380px;
    width: 100%;
    height: 1px;
    display: flex;
    background: var(--border);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.news-single {
    position: relative;
    border-radius: var(--border-radius);
}

.news-single__bottom {
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    border: 0;
    padding-top: 60px;
    width: 100%;
}

.news-single__title {
    color: white;
}

section.stores {
    background: var(--light);
}

.stores-single {
    aspect-ratio: 10 / 5;
    border-radius: var(--border-radius);
}

.stores-single:last-child {
    aspect-ratio: 5 / 5;
}

.product-detail__info {
    display: flex;
    flex-direction: column;
}

.product-detail__info .product-card__tags {
    order: 10;
}

.product-detail__title {
    order: 20;
}

.product-detail__code {
    order: 30;
}

.product-detail__text {
    order: 40;
}

.product-detail__form {
    order: 50;
}

.product-detail__description {
    order: 60;
}

.product-detail__parameters {
    order: 45;
    padding: 0;
    margin-bottom: 40px;
}

.product-detail__description h2,
.product-detail__parameters h2 {
    font-size: 18px;
    font-weight: 700;
}

.product-detail__parameters table tr td {
    padding: 10px 15px;
}

.product-detail__parameters table tr:nth-child(odd) td {
    background: var(--light);

}

.product-detail__parameters table tr td:last-child {
    text-align: right;
}

.product-detail__photos .product-card__tagsRight {
    margin: 0;
    top: 20px;
    right: 20px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.tag.--free-delivery {
    margin: 0;
}

.product-detail__specialTable {
    order: 48;
    margin-bottom: 40px;
}

.product-detail__specialTable h3 {
    font-size: 19px;
    color: var(--pink-dark);
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}

.product-detail__specialTable-wrap {
    background: #E5FAF6;
    padding: 10px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    gap: 10px;

}

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

.product-detail__specialTable-single {
    background: white;
    border-radius: var(--border-radius);
    padding: 25px 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-detail__specialTable-single span {
    font-size: 22px;
    color: var(--aqua-dark);
    font-weight: 700;
    line-height: 1;
    padding-top: 10px;
}

.product-detail__specialTable-wrap a {
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 8px;
}

.products-sort {
    display: grid;
    grid-template-columns: 1fr minmax(0, 3fr);
    gap: 40px;
    border: 0;
}

.products-sort form {
    height: auto;
    flex-direction: row;
    background: transparent;
    border: 0;
    grid-column: 2 /3;
    border-bottom: 1px solid var(--border);
}

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

.products-sort {
    display: grid;
    grid-template-columns: 1fr minmax(0, 3fr);
    gap: 40px;
    border: 0;
}

.products-sort form {
    height: auto;
    flex-direction: row;
    background: transparent;
    border: 0;
    grid-column: 2 /3;
    border-bottom: 1px solid var(--border);
}

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

.header-top__lang {
    display: flex;
    gap: 10px;
    padding-left: 40px;
}

.header-top__tel small,
.header-top__tel span {
    font-size: 14px;
}

.products-sort form span {
    display: flex;
    align-items: center;
    font-size: 13px;
    flex-grow: 1;
    justify-content: flex-end;
    color: var(--gray);
}

.products-sort__single input:checked+label {
    color: var(--dark);
}

section.points {
    position: relative;
}

section.points::before {
    content: "";
    width: 100%;
    max-width: 1380px;
    height: 1px;
    display: flex;
    background: var(--border);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

@media screen and (max-width: 991px) {
    section.points::before {
        content: none;
    }
}

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

.carousel {
    padding: 0;
}

@media screen and (min-width: 992px) {
    .carousel .slider-container {}

    .carousel .item {
        width: 100%;
        aspect-ratio: 44 / 50;
        height: 100%;
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    .carousel .item:first-child {
        grid-column: 1 / span 2;
        aspect-ratio: 84 / 50;
    }
}

@media screen and (max-width: 991px) {
    .carousel .item {
        height: 100%;
        width: 100%;
        aspect-ratio: 44 / 50;
    }

    .carousel .item:first-child {
        grid-column: 1 / span 1;
    }
}

.news-single__bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.news-single__dateWrap {
    position: relative;
    top: auto;
    right: auto;
    background: transparent;
    padding: 0;
}

.news-single__bottom-row .btn.--ghost {
    color: white;
    padding: 0 15px;
    min-height: 46px;
}

@media screen and (max-width: 1500px) {
    .showcase__item {
        flex-direction: column;
        padding: 30px 30px 30px 280px;
        gap: 15px;
    }

    .showcase__item::before {
        height: 100%;
        width: 240px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left top;
    }

    .showcase__item h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1200px) {
    .showcase__item {
        flex-direction: column;
        padding: 30px 30px 30px 200px;
        gap: 10px;
    }

    .showcase__item::before {
        height: 100%;
        width: 200px;
        background-size: contain;
        background-position: left bottom;
    }

    .showcase__item p {
        margin-bottom: 10px;
        font-size: 14px;
    }
}

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

    .showcase__item::before {
        height: 100%;
        width: 200px;
        background-size: cover;
        background-position: left top;
    }

    .showcase__item {
        flex-direction: column;
        padding: 40px 30px 40px 200px;
    }
}

@media screen and (max-width: 500px) {
    section.showcase {
        padding: 10px 0;
    }

    .showcase__item h2 {
        font-size: 24px;
    }

    .showcase__item::before {
        height: 100%;
        width: 140px;
        background-size: cover;
        background-position: right top;
    }

    .showcase__item {
        flex-direction: column;
        padding: 40px 20px 40px 130px;
        overflow: hidden;
    }

    .showcase__item .btn {
        padding: 0 15px;
        height: 46px;
        min-height: 46px;
    }
}

.rating-home {
    position: relative;
}

.rating-home .vote-grid::after {
    content: "";
    background: white;
    position: absolute;
    left: 0;
    right: calc(50% - 60px);
    top: 0;
    bottom: 0;
    z-index: 1;
}

.rating-home-inner {
    display: flex;
    gap: 0px;
}

.rating-home-image {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 50%;
    align-self: flex-start;
    flex-shrink: 0;
    z-index: 2;
}

.rating-home-image img {
    border-radius: var(--border-radius);
    margin-bottom: 40px;
}

.rating-home-image span {
    position: absolute;
    bottom: 0;
    right: 60px;
    background: var(--yellow);
    border-radius: var(--border-radius);
    max-width: 280px;
    padding: 30px 22px;
    text-align: center;
}

.rating-home-image h3 {
    font-size: 22px;
}

.rating-home-image p {
    margin: 0;
}

.rating-home-content {
    width: 50%;
    max-width: 50%;
    padding-left: 60px;
}

.rating-home-title {
    margin-bottom: 40px;
}

.rating-home-title h2 {
    margin-bottom: 20px;
}

.rating-home .vote-grid {
    padding: 0 2px;
    overflow: visible !important;
    z-index: -1;
}

.rating-home .vote-wrap {
    border: 1px solid var(--border);
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-right: 30px;
}

.rating-home .vote-header {
    order: 30;
}

.rating-home .vote-content {
    order: 20;
}

.rating-home .stars {
    display: flex;
    gap: 4px;
    order: 10;
}

.rating-home .star {
    height: 18px;
    width: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

.rating-home .vote-summary {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

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

.rating-home .vote-grid .vote-checked {
    font-size: 15px;
}

.rating-home .vote-grid>div {
    display: flex
}

.rating-home .vote-grid>div>div {
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: stretch;
    justify-content: center;
}

.rating-home .vote-wrap {
    height: 100%;

}

.rating-home .vote-header {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
}

.btn.--cart img {
    margin-left: 10px;
}

.rating-home .vote-grid {
    margin-bottom: 30px;
}


.rating-home-inner .home-prev,
.rating-home-inner .home-next {
    background: transparent;
    border: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 42px;
    width: 42px;

    img {
        height: 24px;
        width: 24px;
    }
}

.rating-home-inner .home-prev img {
    transform: rotate(180deg);
}

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

    .rating-home-image {
        max-width: 100%;
        align-self: flex-start;
        flex-shrink: 0;
        z-index: 2;
    }

    .rating-home-content {
        width: 100%;
        max-width: 100%;
        padding-left: 0px;
    }

    .rating-home .vote-grid::after {
        content: none;
    }
}

.news-single.--full .news-single__title {
    font-family: var(--font-headings);
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 0;
    line-height: 1.3;
    max-height: 62px;
}

.news-single__bottom-row .btn.--ghost:hover {
    background: var(--white);
    color: var(--dark);
}

.article-content {
    border: 0;
}

.blog-post {
    max-width: 980px;
    border: 1px solid var(--border);
    margin: 40px auto;
    border-radius: var(--border-radius);
    box-shadow: 0px 5px 25px 1px rgba(0, 0, 0, 0.05);
}


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

    .header-main nav,
    .nav-item {
        position: initial;
    }

    .nav-submenu {
        padding: 0;
        position: absolute;
        top: 100px;
        padding-top: 35px;
        background: transparent;
        z-index: 99;
    }

    .nav-submenu .container {
        background: white;
        padding-top: 20px;
    }

    .nav-submenu__single {
        outline: 0;
    }
}

.nav-item:first-child .nav-linkDesktop {
    background: var(--blue-l);

}

.nav-item:nth-child(2) .nav-linkDesktop {
    background: var(--pink-l);
}

@media screen and (max-width: 500px) {
    .header-main .logo-wrap {
        flex-shrink: 1;
        margin-right: 10px;
    }

    #navToggle,
    #searchToggle,
    .header-nav .user,
    .header-nav .cart {
        width: 50px;
    }
}

.filter .form-group {
    margin-bottom: 0px;
}

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

    .products-wrapper,
    .products-sort {
        display: flex;
        gap: 0px;
        padding: 0;
        flex-direction: column;
    }

    .products-wrapper .products-heading {
        display: flex;
        margin-top: 0px;
        flex-direction: column;
    }

    .products-wrapper .products-grid {}

    .filter {
        flex-direction: column;
    }

    .filter__button {
        display: flex;
    }
}

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



@media screen and (min-width: 992px) {
    .filter__item-inner {
        max-height: 260px;
        overflow-y: auto;
    }
}

.filter__item-inner::-webkit-scrollbar {
    width: 6px;
}

.filter__item-inner::-webkit-scrollbar-thumb {
    background-color: #D3D2DE;
    border-radius: 3px;
}

.filter__item-inner::-webkit-scrollbar-thumb:hover {
    background-color: #D3D2DE;
}

.filter__item-inner::-webkit-scrollbar-track {
    background-color: transparent;
}

.product-detail__code a {
    margin-left: 5px;
    display: inline-flex;
    align-items: baseline;
    color: var(--gray);
}

.sizeguide-toggle {
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 8px;
    cursor: pointer;
}

#product-carousel>div {
    height: 100%;
}

.product-detail__carouselItem {

    height: 100%;
}

.product-detail__carouselLink {
    height: 100%;
}

@media screen and (max-width: 575px) {
    .product-card__link {
        gap: 10px;
        padding: 10px 5px;
    }

    .product-card__title {
        font-size: 16px;
        padding-top: 15px;
        text-align: center;
    }

    .product-card__bottom-line {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .product-card__delivery {
        display: none;
    }

    .product-card .product-card__link .product-card__btn {
        font-size: 14px;
        margin: 0;
    }

    .product-card__bottom-size {
        font-size: 13px;
    }

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

    .product-detail__cta {
        flex-grow: 1;
        width: 100%;
    }

    .product-card__thumb .product-card__tags {
        top: 0px;
        left: 5px;
    }

    .product-top {
        grid-gap: 20px;
    }

    .header-notice__content {
        padding: 5px;
        font-size: 13px;

    }
}

.homepage-product-carousels {
    display: flex;
    flex-direction: column;
    gap: 20px
}

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

    .homepage-product-carousels {
        gap: 10px;
    }

    .home-page section.products .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.category-page .page-heading {
    padding: 40px 0;
}

@media screen and (max-width: 575px) {
    .page-heading {
        padding: 30px 0;
    }
}

.subcategories__single {
    position: relative;
}

.subcategories__link {
    cursor: pointer;
}

.subcategories__link input:checked+.subcategories__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--green);
    background: rgba(72, 174, 41, 0.05);
    display: flex;
    border-radius: var(--border-radius);
}

.subcategories__link input {
    margin-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 14px;
    width: 14px;
    padding: 0;
    border: 1px solid #222427;
    flex-shrink: 0;
}

.subcategories__link input:checked {
    background-color: var(--green);
    border-color: var(--green);
    background-image: url(../ikony/check-white.svg);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    .nav-submenu .container {
        gap: 60px;
        padding-bottom: 20px;
        align-items: center;
    }

    .nav-submenu__side {
        width: 35%;
        padding: 20px 40px;
    }

    .nav-submenu__side h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .nav-submenu__grid {
        width: 65%;
    }

    .nav-submenu__side-grid {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 6px;
        margin-bottom: 30px;
    }

    .nav-submenu__side-item {
        background: var(--light);
        padding: 8px 2px;
        text-align: center;
        font-size: 14px;
    }

    .nav-submenu__single {
        padding: 15px;
    }

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

    .nav-submenu__single img {
        width: 30px;
        height: 30px;
        object-fit: contain;
        flex-shrink: 0;
    }
}

.form-group.--checkbox>input,
.subcategories__link input {
    border-radius: 3px;
}

.form-group.--checkbox>label span.hl-novinka {
    background: #B1F4E6;
    color: var(--dark);
    border-radius: var(--border-radius);
    padding: 4px 8px;
    font-weight: 500;
}

.form-group.--checkbox>label span.hl-akce {
    background: #FFCEE6;
    color: var(--dark);
    border-radius: var(--border-radius);
    padding: 4px 8px;
    font-weight: 500;
}

.form-group.--checkbox>label span.hl-doporucujeme {
    background: #FFF387;
    color: var(--dark);
    border-radius: var(--border-radius);
    padding: 4px 8px;
    font-weight: 500;
}

.form-group.--checkbox>label span.hl-doprodej {
    background: #CEE5FF;
    color: var(--dark);
    border-radius: var(--border-radius);
    padding: 4px 8px;
    font-weight: 500;
}

.products-sort__single input:checked+label {
    font-weight: 600;
    border-bottom: var(--dark) 1px solid;
}

.subcategories .row {
    gap: 5px;
}

.subcategories__single {
    border: 0;
}

.subcategories__link {
    border: 0;
    height: auto;
    padding: 8px 10px;
}

@media screen and (min-width: 992px) {
    .nav-submenu__single {
        padding: 5px;
    }

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

    .nav-submenu__grid {
        padding: 0px 0 0px 0;
    }

    .nav-submenu .container {
        border: 1px solid var(--border);
        border-top: 0;
        box-shadow: 0px 10px 16px rgba(0, 0, 0, .08);
    }

}

.subcategories__link {
    border-radius: var(--border-radius);
}

.subcategories__img {
    flex-shrink: 0;
}

.subcategories__title {
    padding-left: 8px;
}

.subcategories__img img {
    object-fit: contain;
    height: 30px;
    width: 30px;
}

.subcategories__single {
    border: 0;
    height: 100%;
}

.subcategories__link {
    height: 100%;
}

.subcategories__link:hover,
.subcategories__link:active,
.subcategories__link:focus {
    box-shadow: none;
    outline: 1px solid var(--border);
}

.cart-aside__row.--main .cart-aside__table-td small {
    display: none;
}

.products-footer {
    padding-top: 20px;
    flex-direction: row;
    justify-content: space-between;
}

.searchAutocomplete__title {
    text-transform: none;
}

.cart-aside__row.--main {
    border-top: 2px solid var(--white);
    padding-top: 20px;
}

.txt-page .page-content p a {
    color: white;
}

.cart-aside__login {
    margin-bottom: 0;
}

.cart-aside .btn.--cart {
    margin-top: 20px;
}

.cart-table-items {
    padding: 0 20px;
    background: transparent;
}

.cart-item {
    border-bottom: 1px solid var(--border);

}

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

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

@media screen and (max-width: 575px) {
    .cart-aside {
        background: var(--light);
    }

    .cart-page .cart-content {
        padding: 20px 0;
    }
}

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

    section.contact::before {
        content: none;
    }

    .nav-submenu__side {
        display: none;
    }
}

.reserve-notice {
    margin-top: 30px;
    background: var(--pink-l);
    color: var(--pink-dark);
    font-size: 16px;
    text-align: center;
    border-radius: var(--border-radius);
    padding: 14px 20px;
    font-weight: 500;
}

.reserve-banner {
    background: #F5FAFF;
    border-radius: var(--border-radius);
    padding: 25px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.reserve-banner .btn {
    background: var(--blue-l);
    font-weight: 600;
    padding: 0 20px;
    min-height: 46px;
}

.reserve-banner-img {
    height: 60px;
    width: 60px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 50%;

}

.reserve-banner-img img {
    height: 26px;
}

.reserve-banner h3 {
    font-size: 18px;
}

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

.cart-table-shipping-item input:checked~.cart-table-shipping-text::after {
    border-radius: var(--border-radius);
}

input,
select {
    border-radius: var(--border-radius);
}

@media screen and (min-width: 992px) {
    .nav-item.--vyrobci .nav-submenu .nav-submenu__grid {
        width: 100%;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .nav-item.--vyrobci .nav-submenu .container {
        flex-direction: column;
        gap: 20px
    }

    .nav-item.--vyrobci .nav-submenu .btn {
        min-height: 44px;
        padding: 0 18px;
    }
}

.cart-aside__contact {
    margin: 30px 0 0 0;
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
}

.cart-aside .btn.--cart {
    margin-top: 30px;
}

.cart-aside__contact a {
    color: var(--dark);
    font-size: 18px;
    font-family: var(--font-headings);
    font-weight: 700;
}

@media screen and (min-width: 992px) {
    .nav-item-backdrop {
        height: 0;
    }
}

.cart-aside__code label {
    font-size: 18px;
    font-weight: 700;
}

.cart-aside__code {
    gap: 10px;
    margin-bottom: 0;
}

.cart-heading__icon img {
    object-fit: contain;
}

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

@media screen and (max-width: 991px) {
    .header-nav .cart.--active {
        background-color: var(--yellow);
    }

    .header-nav .cart.--active .cart__icon img {
        filter: none;
    }
}

.product-detail__specialTable-single {
    justify-content: space-between;
}

@media (min-width: 992px) and (max-width: 1250px) {
    .product-detail__specialTable-content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media screen and (max-width: 500px) {
    .product-detail__specialTable-content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.manufacturer-item {
    border-radius: var(--border-radius);
}

.manufacturer-item .btn {
    font-size: 15px;
    padding: 0 15px;
    background: var(--yellow);
    color: var(--dark);
    border: 0;
    min-height: 46px;
    height: auto;
}

.manufacturer-item .btn:hover {
    background: var(--yellow-dark);
    color: var(--dark);
}

.product-card__priceOld {
    font-size: 14px;
    margin-left: 0;
}

.product-card__priceOld+.product-card__priceMain {
    color: var(--red);
}

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

@media screen and (min-width: 992px) {
    .subcategories.--vyrobce .row {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .subcategories.--vyrobce .subcategories__single:nth-child(1n+31) {
        display: none;
    }

    .subcategories.--vyrobce.--active .subcategories__single:nth-child(1n+31) {
        display: flex;
    }

}

.subcategories__title {
    line-height: 1.2;
}

.subcategories.--vyrobce.--active .subcategories__footer {
    display: none;
}

.subcategories__single.checked {
    order: -1;
    display: flex !important;
}

.subcategories__footer {
    display: flex;
    justify-content: center;
    padding: 10px;
    padding-bottom: 40px;
    background: linear-gradient(to top, var(--light) 0, var(--light) 0px, var(--white) 50%, var(--white) 100%);
}

.subcategories__footer .btn {
    min-height: 48px;
    padding: 0 22px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .subcategories.--vyrobce .subcategories__single:nth-child(1n+25) {
        display: none;
    }

    .subcategories.--vyrobce.--active .subcategories__single:nth-child(1n+31) {
        display: flex;
    }

    .subcategories__link {
        padding: 4px 10px;
    }
}

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

    .subcategories__footer {
        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;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kontakty-grid .kontakty-item h2 {
    margin-top: 20px;

    font-size: 20px;
}


.kontakty-grid .kontakty-item p {
    padding: 0;
    margin: 0;
    text-align: center
}

.kontakty-grid .kontakty-item small {
    text-align: left;
    display: block;
}

.kontakty-grid .kontakty-item h3 {
    text-align: left;
}

.kontakty-item-img {
    background: var(--aqua);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.kontakty-item-img img {
    height: 36px;
}

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

.modal__container.--cart .btn:hover img,
.modal__container.--cart .btn:active img,
.modal__container.--cart .btn:focus img {
    margin-left: 10px;
}

.product-detail__priceMain span:last-child {
    padding: 0;
}

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

.rezervace-content {
    padding: 0;
    max-width: 920px;
    margin: 0 auto;
    padding: 60px;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0px 5px 25px 1px rgba(0, 0, 0, 0.05);
}

.rezervace-content .reserve-banner {
    font-weight: 500;
    text-align: center;
    justify-content: center;
}

.rezervace-cell {
    margin: 30px 0;
    background: var(--light);
    padding: 20px;
}

.rezervace-cell h3 {
    font-size: 24px;
}

#rezervace_dp {
    margin-bottom: 40px;
}

.rezervace-footer {
    margin-top: 40px;
}

.rezervace-dp-toggle {
    margin-bottom: 40px;
}

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

.rezervace-heading h1 {
    padding-bottom: 10px;
}

.rezervace-heading p {
    text-align: center;
    color: #6e6e6e;
    font-size: 14px;

}

.rezervace-cell strong {
    display: block;
    font-weight: 500;
    padding: 3px 0;
}

.rezervace-dp-toggle {
    background-color: var(--aqua);
    color: var(--dark);
}

.rezervace-dp-toggle:hover,
.rezervace-dp-toggle:focus {
    background-color: var(--aqua);
}

.rezervace-items {}

.rezervace-items h3 {
    border-bottom: 1px solid var(--border);
}

.rezervace-footer .btn.--cart {
    font-size: 16px;
    font-weight: 600;
}

.rezervace-footer .btn.--cart:hover {
    background-color: var(--yellow-dark);
}

@media screen and (max-width: 991px) {
    .rezervace-content {
        padding: 0;
        max-width: 100%;
        margin: 0 auto;
        padding: 0px;
        box-shadow: none;
        background: transparent;
    }
}

.rezervace-alert {
    margin-top: 30px;
    background: var(--pink-l);
    color: var(--pink-dark);
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border-radius: var(--border-radius);
}

.rezervace-content .order-complete-btn:hover,
.rezervace-content .order-complete-btn:focus {
    background-color: var(--yellow-dark);
}

.rezervace-content .cart-summary__price {
    margin: 0;
}

.rezervace-content .cart-summary__price tr td {
    border: 0;
    padding: 0;
}

.rezervace-content .cart-summary__price-sum td {
    border: 0;
    padding: 0;
}

.rezervace-items .cart-summary__item-title {
    color: var(--dark);
    font-family: var(--font-headings);
    font-weight: 500;
    font-size: 18px;
    max-width: 50%;
}

.rezervace-items .cart-summary__date {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .reserve-banner {
        flex-direction: column;
        text-align: center;
    }

    .cart-summary__item-content {
        display: grid;
        grid-template-columns: auto auto auto;
    }

    .rezervace-items .cart-summary__item-title {
        max-width: 100%;
        grid-column: 3 span;
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
        text-align: center;
    }

    .rezervace-items .cart-summary__date {
        justify-content: center;
    }

    .cart-summary__item-qty,
    .cart-summary__item-price {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 991px) {
    .nav-linkDesktop+.nav-link {
        border: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 500px) {
    section.contact .contact__content {
        padding: 20px;
    }

    .contact__title {
        padding-bottom: 0px;
        font-size: 26px;
    }
}

@media screen and (max-width: 991px) {
.stores-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.stores-single {
    aspect-ratio: 16/9 !important;
}
.stores-single:first-child{
    
}
}
@media screen and (max-width: 575px) {
    .stores-single:first-child .stores-single__content{
    padding: 0px;
    max-width: 60%;
}
.stores-single:first-child .stores-single__content p{
    display: none;
}
.stores-single {
    aspect-ratio: 21/9 !important;
}
.stores-content .stores-single:last-child .stores-single__content {
    color: var(--dark);
    position: absolute;
    top: 20px;
    right: 0px;
    padding: 0;
    max-width: 280px;
}
.news-single {
    aspect-ratio: 8 / 4;
}
}


.cart-aside__free-shipping {
    background: #f6faf4;
    border-radius: var(--border-radius);
    flex-direction: column;
    gap: 15px;
    padding: 25px 30px
}

.free-shipping-content {
    align-items: center;
    display: flex;
    gap: 20px
}

.free-shipping-text {
    font-weight: 700;
    margin-bottom: 0
}

.free-shipping-content img {
    width: 40px
}

.free-shipping-text h4 {
    display: none;
    line-height: 1.2;
    margin: 0;
}

.free-shipping-line {
    font-family: var(--font-headings);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.progress-bar-container {
    background-color: #d3e6cb;
    border-radius: 5px;
    height: 8px;
    overflow: hidden;
    width: 100%
}

.progress-bar {
    background-color: var(--green);
    border-radius: 5px;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s ease;
    width: 100%
}

@media screen and (max-width: 575px) {
    .cart-aside__free-shipping {
        padding:20px
    }
}

.page-content .rezervace-content  table th, 
.page-content .rezervace-content table td{
    border: 0;
    padding: 5px 0;
}

.page-content .rezervace-content  table th{
    border-bottom: 1px solid var(--border);
    font-weight: 700;
    font-size: 18px;
}

.cart-item-stepper{
    width: auto;
}
.cart-item-stepper .plus,.cart-item-stepper .minus{
    display: none;
}
.cart-item-stepper input{
    pointer-events: none;
    border: 0;
    width: auto;
    padding: 0px;
}
.cart-item-stock.--available{
    flex-grow: 1;
    justify-content: flex-end;
    padding: 0;
}
.infobar{
    flex-direction: column;
}
.infobar p{
    color: white;
    display: flex;
    margin: 0;
}
.infobar p .btn{
    margin-top: 20px;
}
.filter__item-inner::-webkit-scrollbar {
  width: 6px;
}

.filter__item-inner::-webkit-scrollbar-thumb {
  background-color: #C5C3DA;
  border-radius: 3px;
}

.filter__item-inner::-webkit-scrollbar-thumb:hover {
  background-color: #C5C3DA;
}

.filter__item-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

@media screen and (max-width: 991px) {
    .filter__content {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        z-index: 15;
        overflow-y: scroll;
        left: auto;
        height: 100%;
        border: 0;
        transform: translateX(100%);
        transition: .2s ease transform;
        opacity: 1;
        content-visibility: hidden;
    }
        body.--filter-active .filter__content {
        transform: translateX(0%);
        content-visibility: visible;
        background: white;
    }
    .range-slider-wrap::after {
    background: var(--dark);
    height: 3px;
}
.filter__item {
    border: 0;
    border-top: 1px solid var(--border);
    padding: 20px;
    border-radius: 0;
}
#filter-submit{
    border-radius: 0;
}
}
.filter__button {
    background: var(--aqua);
    border-radius: var(--border-radius);
    height: 48px;
    color: var(--dark);
    font-weight: 600;
    font-size: 15px;
}
.filter__button img{
    filter: invert(1);
}