/* FONTS SETTINGS */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot");
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot");
    src: local("Roboto"), local("Roboto-Regular"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.svg#Roboto") format("svg");
}

/*Edge - works to 41.16299.402.0*/
@supports (-ms-ime-align:auto) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
        position: relative;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: auto;
        height: 100%;
    }
}

/* SETTINGS */
:root {
    --header-background-color: #ffffff;
    --header-text-color: #1b1b1b;
    --header-accent-color: #29589C;
    
    --footer-background-color: #222222;
    --footer-text-color: #ffffff;
    --footer-accent-color: #29589C;

    --text-color: #ffffff;
    --accent-color: #274C81;
    --accent-additional-color: #29589C;
}

/*HEADER - FOOTER*/
header.af-header .af-header-container,
footer.af-footer .af-footer-container {
    max-width: 1210px;
}
html,
body {
    display: block;
    width: 100%;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    scroll-behavior: smooth;
    background-color: #000000;
}
a {
    text-decoration: none;
    color: #373737;
}
img,video {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.hidden {
    display: none;
}
.af-page__kaldewei .af-shop-carousel[data-empty]::before {
    content: 'По данному запросу товаров не найдено. Измените параметры поиска';
    display: inline-block;
    width: auto;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-color);
    margin: 0 0 0 0;
}

/* ALL MEDIA */
@media screen and (min-width: 0) {

    /* COMMON */
    .af-page.af-page__kaldewei {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page__kaldewei .af-page-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .af-page__kaldewei strong {
        font-weight: 500;
    }
    .af-page__kaldewei .af-text-accent {
        color: var(--text-color);
    }
    .af-page__kaldewei .af-page-title {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: var(--text-color);
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 40px;
    }

    /* MAIN */
    .af-page__kaldewei .af-main {
        background-repeat: no-repeat;
        background-image: url('/upload/medialibrary/1c2/sn2nae3ifqxwgvr8fgvy0ial4jhhoro3/composite_common.jpg');
    }
    .af-page__kaldewei .af-main-logotype {
        display: block;
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-bottom: 80px;
    }
    .af-page__kaldewei .af-main-logotype svg {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page__kaldewei .af-main-credo {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-weight: 500;
        font-style: normal;
        line-height: 1.3;
        color: #FFFFFF;
        text-align: center;
        margin: 0 auto 40px;
    }
    .af-page__kaldewei .af-main-image {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

    /* CATEGORIES */
    .af-page__kaldewei .af-categories-items {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .af-page__kaldewei .af-categories-item {
        display: block;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        font-size: 18px;
        text-align: center;
        letter-spacing: normal;
        color: var(--text-color);
        text-transform: uppercase;
    }
    .af-page__kaldewei .af-categories-item::after {
        content: '\00A0\00A0\2192';
        display: inline-block;
        color: inherit;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        font-style: normal;
        font-stretch: normal;
        font-family: "Roboto";
        margin: 0 5px 0 0;
    }
    .af-page__kaldewei .af-categories-image {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page__kaldewei .af-categories-image img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* FEATURES */
    .af-page__kaldewei .af-features-article.af-articles-item {
        flex-direction: row-reverse;
        margin-bottom: 40px;
    }
    .af-page__kaldewei .af-features-items {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .af-page__kaldewei .af-features-item {
        display: flex;
        height: auto;
        height: auto;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-features-media {
        display: block;
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-features-item img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
    }
    .af-page__kaldewei .af-features-information {
        display: block;
        height: auto;
    }
    .af-page__kaldewei .af-features-title {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        font-stretch: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: var(--text-color);
        margin-top: 0;
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-features-description {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: var(--text-color);
        margin-top: 0;
    }

    /* ARTICLES */
    .af-page__kaldewei .af-articles-item {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    .af-page__kaldewei .af-articles-information {
        display: block;
        height: auto;
    }
    .af-page__kaldewei .af-articles-title {
        display: block;
        width: 100%;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        font-size: 18px;
        letter-spacing: normal;
        color: var(--text-color);
        text-transform: uppercase;
        margin-top: 0;
    }
    .af-page__kaldewei .af-articles-description {
        display: block;
        width: 100%;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: var(--text-color);
        margin-top: 0;
    }
    .af-page__kaldewei .af-articles-list {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .af-page__kaldewei .af-articles-list li {
        display: block;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: var(--text-color);
    }
    .af-page__kaldewei .af-articles-list li::before {
        content: '\2713\00A0\00A0';
        display: inline-block;
    }
    .af-page__kaldewei .af-articles-media {
        display: block;
        height: auto;
    }
    .af-page__kaldewei .af-articles-media img,
    .af-page__kaldewei .af-articles-media video {
        display: block;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    
    /* DESIGNERS */
    .af-page__kaldewei .af-designers-items {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .af-page__kaldewei .af-designers-item {
        display: block;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        font-size: 18px;
        text-align: center;
        letter-spacing: normal;
        color: var(--text-color);
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .af-page__kaldewei .af-designers-item::after {
        content: '\00A0\00A0\2192';
        display: inline-block;
        color: inherit;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        font-style: normal;
        font-stretch: normal;
        font-family: "Roboto";
        margin: 0 5px 0 0;
    }
    .af-page__kaldewei .af-designers-image {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page__kaldewei .af-designers-image img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* ACHIEVEMENTS */
    .af-page__kaldewei .af-achievements-items {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .af-page__kaldewei .af-achievements-item {
        display: block;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        font-size: 18px;
        letter-spacing: normal;
        color: var(--text-color);
        text-transform: uppercase;
    }
    .af-page__kaldewei .af-achievements-image {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .af-page__kaldewei .af-achievements-image img {
        display: block;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

    /* FILTERS */
    .af-page__kaldewei .af-shop-filters {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-shop-filter {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        white-space: nowrap;
        color: var(--text-color);
        margin: 0 10px 10px 0;
    }
    .af-page__kaldewei .af-shop-filter select {
        display: block;
        max-width: 200px;
        height: 26px;
        font-family: "Roboto";
        font-style: normal;
        font-weight: normal;
        text-overflow: ellipsis;
        color: #535353;
        margin-left: 5px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        padding: 0 26px 0 10px;
        box-sizing: border-box;
        border: 1px solid #535353;
        background-color: #ffffff;
        background-image: url("../img/select-arrow.svg");
        background-size: 10px auto;
        background-repeat: no-repeat;
        background-position: right 10px center;
    }
    .af-page__kaldewei .af-shop-filter [type="checkbox"] {
        width: 0;
        height: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        outline: 0;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }
    .af-page__kaldewei .af-shop-filter [type="checkbox"] + .af-checkbox-mask {
        display: block;
        width: 25px;
        height: 25px;
        margin-left: 5px;
        background-color: #ffffff;
        border: 1px solid var(--main-border-color);
        box-sizing: border-box;
    }
    .af-page__kaldewei .af-shop-filter [type="checkbox"]:checked + .af-checkbox-mask {
        background-size: 13px auto;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../img/checkbox-mark.svg");
    }

    /* CAROUSEL */
    .af-page__kaldewei .owl-nav:not(.disabled) {
        display: flex;
        width: 100%;
        width: 100%;
        height: auto;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .af-page__kaldewei .owl-nav[data-index][data-count]::before,
    .af-page__kaldewei .owl-nav[data-index][data-count]::after {
        display: block;
        width: auto;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        color: var(--text-color);
    }
    .af-page__kaldewei .owl-nav[data-index][data-count]::before {
        order: 2;
        width: 1.4em;
        content: attr(data-index) "\00A0";
    }
    .af-page__kaldewei .owl-nav[data-index][data-count]::after {
        order: 3;
        content: "/\00A0" attr(data-count);
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-prev,
    .af-page__kaldewei .owl-nav [class*=owl-].owl-next {
        display: block;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 10px;
        border-radius: 100%;
        background-color: var(--accent-color);
        background-size: 14px auto;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../img/arrow-left.svg");
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-prev.disabled,
    .af-page__kaldewei .owl-nav [class*=owl-].owl-next.disabled {
        opacity: .6;
        pointer-events: none;
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-prev {
        order: 1;
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-next {
        order: 4;
        transform: rotate(180deg);
    }
    .af-page__kaldewei .owl-item,
    .af-page__kaldewei .owl-stage .owl-item {
        padding: 1px;
        box-sizing: border-box;
    }

    /* PRODUCT */
    .af-page__kaldewei .af-product {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 10px 20px;
        box-sizing: border-box;
        border: 1px solid #535353;
        background-color: #ffffff;
    }
    .af-page__kaldewei .af-product-image {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }
    .af-page__kaldewei .af-product-image.JSProductImage::after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        bottom: 10px;
        border-radius: 100%;
        background-color: var(--accent-color);
        background-size: 45% auto;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../img/plus.svg");
    }
    .af-page__kaldewei .af-product-image picture,
    .af-page__kaldewei .af-product-image img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .af-page__kaldewei .af-product-image img {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        color: var(--header-text-color);
        text-align: left;
        text-decoration: none;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .af-page__kaldewei .af-product-title {
        display: block;
        width: 100%;
        height: 3.9em;
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        color: var(--header-text-color);
        text-align: left;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -moz-box;
        display: -webkit-box;
        line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-line-clamp: 3;
        margin-bottom: 10px;
    }
    .af-page__kaldewei .af-product-prices {
        display: flex;
        width: 100%;
        line-height: 1;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: baseline;
        margin-bottom: 10px;
    }
    .af-page__kaldewei .af-product-price {
        display: block;
        width: auto;
        font-size: 1em;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: var(--header-text-color);
    }
    .af-page__kaldewei .af-product-price__new {
        font-size: .9em;
        font-weight: 500;
        color: var(--accent-color);
        margin-right: 5px;
    }
    .af-page__kaldewei .af-product-price__old {
        font-size: .5em;
        text-decoration: line-through;
        color: var(--header-text-color);
    }
    .af-page__kaldewei .af-product-buttons {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .af-page__kaldewei .af-product-link {
        display: flex;
        width: calc(100% - 50px);
        height: 40px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 500;
        line-height: 1;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        font-variant: small-caps;
        color: var(--text-color);
        text-transform: uppercase;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin-right: 10px;
        background-color: var(--accent-color);
    }
    .af-page__kaldewei .af-product-add {
        display: block;
        width: 40px;
        height: 40px;
        font-size: 0;
        letter-spacing: 0;
        color: transparent;
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-image: url("../img/cart-icon.svg");
        position: relative;
    }
    .af-page__kaldewei .af-product-add::before,
    .af-page__kaldewei .af-product-add::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        right: 0;
        top: 0;
        transform-origin: center center;
        transform-style: preserve-3d;
    }
    .af-page__kaldewei .af-product-add::before {
        transition: 100ms ease 50ms;
        transform: scale3d(1, 1, 1);
        background-image: url("../img/cart-add.svg");
    }
    .af-page__kaldewei .af-product-add::after {
        transition: 100ms ease 0;
        transform: scale3d(0, 0, 1);
        background-image: url("../img/cart-added.svg");
    }
    .af-page__kaldewei .af-product-add.af-button__buy::before,
    .af-page__kaldewei .af-product-add.active::before {
        transition: 100ms ease 0;
        transform: scale3d(0, 0, 1);
    }
    .af-page__kaldewei .af-product-add.af-button__buy::after,
    .af-page__kaldewei .af-product-add.active::after {
        transition: 100ms ease 50ms;
        transform: scale3d(1, 1, 1);
    }    
}

/* MOBILE MEDIA */
@media (min-width: 0) and (max-width: 767px) {

    /* COMMON */
    .af-page__kaldewei .af-page-wrapper {
        padding: 20px;
    }
    .af-page__kaldewei .af-page-title {
        font-size: 18px;
        text-align: center;
    }

    /* MAIN */
    .af-page__kaldewei .af-main {
        background-size: auto;
        background-position: bottom 10% center;
    }
    .af-page__kaldewei .af-main-credo {
        font-size: 24px;
    }
    
    /* CATEGORIES */
    .af-page__kaldewei .af-categories-item {
        width: 100%;
        margin-bottom: 20px;
    }

    /* FEATURES */
    .af-page__kaldewei .af-features-item {
        width: 100%;
    }
    .af-page__kaldewei .af-features-media {
        margin-left: auto;
        margin-right: auto;
    }
    .af-page__kaldewei .af-features-title {
        text-align: center;
    }
    .af-page__kaldewei .af-features-description {
        font-size: 14px;
        text-align: center;
    }

    /* ARTICLES */
    .af-page__kaldewei .af-articles-description,
    .af-page__kaldewei .af-articles-list li {
        font-size: 14px;
    }

    /* ACHIEVEMENTS */
    .af-page__kaldewei .af-achievements-item {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    /* SHOP */
    .af-page__kaldewei .af-shop-filter {
        font-size: 14px;

    }
    .af-page__kaldewei .af-product-image {
        height: 35vw;
    }
}

/* MOBILE AND VERTICAL PADS MEDIA */
@media (min-width: 0) and (max-width: 999px) {

    /* ARTICLES */
    .af-page__kaldewei .af-articles-item:not(:last-of-type) {
        margin-bottom: 40px;
    }
    .af-page__kaldewei .af-articles-media {
        width: 100%;
    }
    .af-page__kaldewei .af-articles-information {
        width: 100%;
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-articles-title {
        margin-bottom: 20px;        
    }
    .af-page__kaldewei .af-articles-list li:not(:last-of-type) {
        margin-bottom: 20px;
    }

    /* DESIGNERS */
    .af-page__kaldewei .af-designers-image {
        margin-bottom: 10px;
    }

    /* FEATURES */
    .af-page__kaldewei .af-achievements-item {
        text-align: center;
    }

    /* SHOP */
    .af-page__kaldewei .af-filter {
        font-size: 12px;
    }
    .af-page__kaldewei .owl-item .af-product {
        padding: 20px;
    }
    .af-page__kaldewei .af-product-prices {
        height: 26px;
        font-size: 26px;
    }
    .af-page__kaldewei .af-product-tags {
        display: none;
    }
}

/* PADS AND PC MEDIA */
@media screen and (min-width: 768px) {
    
    /* COMMON */
    .af-page__kaldewei .af-page-wrapper {
        padding: 40px;
    }
    .af-page__kaldewei .af-page-title {
        font-size: 24px;
    }

    /* MAIN */
    .af-page__kaldewei .af-main-credo {
        font-size: 32px;
    }

    /* CATEGORIES */
    .af-page__kaldewei .af-categories-item {
        width: calc(33.33% - 13.33px);
    }
    .af-page__kaldewei .af-categories-item:not(:last-of-type) {
        margin-right: 20px;
    }

    /* FEATURES */
    .af-page__kaldewei .af-features-item {
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-features-media {
        margin-right: 20px;
    }
    .af-page__kaldewei .af-features-information {
        width: calc(100% - 100px);
    }
    .af-page__kaldewei .af-features-title {
        margin-bottom: 20px;
    }
    .af-page__kaldewei .af-features-description {
        font-size: 16px;
    }

    /* ARTICLES */
    .af-page__kaldewei .af-articles-description,
    .af-page__kaldewei .af-articles-list li {
        font-size: 16px;
    }

    /* ACHIEVEMENTS */
    .af-page__kaldewei .af-achievements-item {
        width: calc(25% - 15px);
    }
}

/* VERTICAL PADS MEDIA*/
@media (min-width: 768px) and (max-width: 999px) {
    
    /* MAIN */
    .af-page__kaldewei .af-main {
        background-size: 90% auto;
        background-position: bottom 10% center;
    }

    /* FEATURES */
    .af-page__kaldewei .af-features-item {
        width: calc(50% - 10px);
    }

    /* DESIGNERS */
    .af-page__kaldewei .af-designers-item {
        width: calc(50% - 20px);
    }

    /* SHOP */
    .af-page__kaldewei .af-filter {
        font-size: 14px;
    }
    .af-page__kaldewei .af-product-image {
        height: 15vw;
    }
}

/* HORIZONTAL PADS AND PC MEDIA */
@media screen and (min-width: 1000px) {

    /* COMMON */
    .af-page__kaldewei .af-page-wrapper {
        min-width: 1000px;
        width: 100%;
        max-width: 1210px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* MAIN */
    .af-page__kaldewei .af-main {
        min-height: 90vh;
        background-size: 1000px auto;
        background-position: bottom 20% center;
    }

    /* CATEGORIES */
    .af-page__kaldewei .af-categories-item {
        transition: 150ms ease 50ms;
        -webkit-transition: 150ms ease 50ms;
        -moz-transition: 150ms ease 50ms;
        -ms-transition: 150ms ease 50ms;
        -o-transition: 150ms ease 50ms;
    }
    .af-page__kaldewei .af-categories-item::after {
        transition: 150ms ease;
        -webkit-transition: 150ms ease;
        -moz-transition: 150ms ease;
        -ms-transition: 150ms ease;
        -o-transition: 150ms ease;
    }
    .af-page__kaldewei .af-categories-item:hover {
        color: var(--accent-color);
    }
    .af-page__kaldewei .af-categories-item:hover::after {
        color: var(--accent-color);
        margin: 0 0 0 5px;
    }

    /* FEATURES */
    .af-page__kaldewei .af-features-item {
        width: calc(33.33% - 13.33px);
    }
    .af-page__kaldewei .af-features-media::before,
    .af-page__kaldewei .af-features-media::after {
        content: "";
        display: block;
        transition: 150ms ease 50ms;
        -webkit-transition: 150ms ease 50ms;
        -moz-transition: 150ms ease 50ms;
        -ms-transition: 150ms ease 50ms;
        -o-transition: 150ms ease 50ms;
        position: absolute;
        z-index: 1;
        opacity: 0;
    }
    .af-page__kaldewei .af-features-media::before {
        width: 0;
        height: 0;
        top: 24px;
        left: 31px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #ffffff;
    }
    .af-page__kaldewei .af-features-media::after {
        width: 0;
        height: 0;
        top: 28px;
        left: 33px;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 15px solid #000000;
    }
    .af-page__kaldewei .af-features-item:hover .af-features-media {
        position: relative;
        border-radius: 100%;
        border: 2px solid #ffffff;
        box-sizing: border-box;
    }
    .af-page__kaldewei .af-features-item:hover img {
        opacity: 0;
    }
    .af-page__kaldewei .af-features-item:hover .af-features-media::before,
    .af-page__kaldewei .af-features-item:hover .af-features-media::after {
        opacity: 1;
    }

    /* ARTICLES */
    .af-page__kaldewei .af-articles-item {
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .af-page__kaldewei .af-articles-items .af-articles-item:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .af-page__kaldewei .af-articles-information {
        width: calc(50% - 20px);
    }
    .af-page__kaldewei .af-articles-list li:not(:last-of-type) {
        margin-bottom: 10px;
    }
    .af-page__kaldewei .af-articles-media {
        width: calc(50% - 20px);
    }
    .af-page__kaldewei .af-articles-media img,
    .af-page__kaldewei .af-articles-media video {
        height: 100%;
    }

    /* DESIGNERS */
    .af-page__kaldewei .af-designers-item {
        width: calc(50% - 40px);
        text-align: left;
        transition: color 150ms ease 50ms;
        -webkit-transition: color 150ms ease 50ms;
        -moz-transition: color 150ms ease 50ms;
        -ms-transition: color 150ms ease 50ms;
        -o-transition: color 150ms ease 50ms;
    }
    .af-page__kaldewei .af-designers-item::after {
        transition: 100ms ease;
        -webkit-transition: 100ms ease;
        -moz-transition: 100ms ease;
        -ms-transition: 100ms ease;
        -o-transition: 100ms ease;
    }
    .af-page__kaldewei .af-designers-image {
        margin-bottom: 20px;
        transition: color 150ms ease 50ms;
        -webkit-transition: color 150ms ease 50ms;
        -moz-transition: color 150ms ease 50ms;
        -ms-transition: color 150ms ease 50ms;
        -o-transition: color 150ms ease 50ms;
        box-sizing: border-box;
    }
    .af-page__kaldewei .af-designers-item:hover .af-designers-image {
        box-shadow: 0 24px 130px 0 rgb(39 76 129 / 77%);
    }
    .af-page__kaldewei .af-designers-item:hover {
        color: var(--accent-additional-color);
    }
    .af-page__kaldewei .af-designers-item:hover::after {
        color: var(--accent-additional-color);
        margin-left: 5px;
    }

    /* SHOP */
    .af-page__kaldewei .af-filter select,
    .af-page__kaldewei .af-filter [type="checkbox"] + .af-checkbox-mask {
        outline: 0;
        cursor: pointer;
    }
    .af-page__kaldewei .af-filter select:hover {
        border-color: var(--accent-color);
    }
    .af-page__kaldewei .af-filter:hover [type="checkbox"] + .af-checkbox-mask {
        border-color: var(--accent-color);
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-prev,
    .af-page__kaldewei .owl-nav [class*=owl-].owl-next {
        transition: 100ms ease 30ms;
    }
    .af-page__kaldewei .owl-nav [class*=owl-].owl-prev:hover,
    .af-page__kaldewei .owl-nav [class*=owl-].owl-next:hover {
        background-color: var(--accent-additional-color);
    }

    /* PRODUCT */
    .af-page__kaldewei .af-product-image {
        height: 150px;
    }
    .af-page__kaldewei .af-product-image.JSProductImage {
        cursor: pointer;
    }
    .af-page__kaldewei .af-product-image.JSProductImage::after {
        transition: 100ms ease 30ms;
    }
    .af-page__kaldewei .af-product-image.JSProductImage:hover::after {
        background-color: var(--accent-additional-color);
    }
    .af-page__kaldewei .af-product-title {
        margin-bottom: 20px;
        transition: 100ms ease 30ms;
    }
    .af-page__kaldewei .af-product-title:hover {
        color: var(--accent-color);
    }
    .af-page__kaldewei .af-product-prices {
        height: 22px;
        font-size: 20px;
    }
    .af-page__kaldewei .af-product-link {
        transition: backgroundColor 100ms ease 30ms;
    }
    .af-page__kaldewei .af-product-link:hover {
        background-color: var(--accent-additional-color);
    }
    .af-page__kaldewei .af-product-add {
        transition: 100ms ease 30ms;
    }
    .af-page__kaldewei .af-product-add:hover {
        -webkit-filter: brightness(.8) opacity(0.9);
                filter: brightness(.8) opacity(0.9);
    }
    .af-page__kaldewei .af-product-tags {
        display: block;
        width: calc(100% - 20px);
        height: auto;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 1;
    }
    .af-page__kaldewei .af-product-tags .af-commoncontent-container {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .af-page__kaldewei .af-product-tag,
    .af-page__kaldewei .af-product-tags .af-commoncontent {
        display: flex;
        width: 100%;
        max-width: 28px;
        overflow: hidden;
        height: auto;
        flex-flow: row nowrap;
        transition: 300ms ease;
        margin: 0 0 5px 0;
    }
    .af-page__kaldewei .af-product-tag > a,
    .af-page__kaldewei .af-product-tags .af-commoncontent > a {
        display: flex;
        flex-flow: row nowrap;
        margin: 0;
        white-space: nowrap;
    }
    .af-page__kaldewei .af-product-tag:hover,
    .af-page__kaldewei .af-product-tags .af-commoncontent:hover {
        max-width: 300px;
    }
}