/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: artware-child
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/*
 * Contents:
 * General.
 * Pagination.
 * Slide popup.
 * - Sale points.
 * - Search products.
 * - Cart.
 * Masonry.
 * Breadcrumbs.
 * Contact form 7.
 * Header.
 * - Top header.
 * - Middle header.
 * - Responsive menu.
 * - Menu actions.
 * Page.
 * Product.
 * - Gallery.
 * - Brand.
 * - Product meta.
 * - Product description.
 * - Product features.
 * - Product variations.
 * - Product cart.
 * - Product stock clearance.
 * - Product toggles.
 * - Procuct specs.
 * - Product banners.
 * - Related products.
 * - Product share.
 * Product category lvl1.
 * - Block splide slider.
 * - Product categories.
 * - Brands carousel.
 * - Popular products.
 * - Related articles.
 * Product category lvl2.
 * Product category lvl3.
 * - Filter sidebar.
 * - General filter item.
 * - Colored filter item.
 * - Tag view filter item.
 * - Price range slider.
 * - Product archive settings.
 * - Active filters section.
 * - Archive products list.
 * Brand.
 * - Discover brand.
 * - Why brand.
 * - Partnership.
 * Post.
 * Post blog.
 * Blocks.
 * - Gallery (WordPress Gutenberg).
 * - Catalog.
 * - Brands grid.
 * - Manufacturer.
 * - Brands carousel.
 * - Network carousel.
 * - Manufacturer carousel.
 * - Product categories.
 * - Infobox.
 * - FAQ.
 * - CF7 (Contact form).
 * - Guarantee form.
 * - Contact details.
 * - Contact infobox.
 * - Map contact details.
 * - Network banner.
 * - Timeline carousel.
 * - Wide banner.
 * - General intro.
 * - Vertical banners.
 * - Horizontal banners.
 * - Downloads.
 * - ERP products.
 * Footer.
 * - Content.
 * - Copyrights.
 */

/* General. */
@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica-Regular.woff2') format('woff2'),
         url('assets/fonts/Geologica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geologica';
    src: url('assets/fonts/Geologica-SemiBold.woff2') format('woff2'),
         url('assets/fonts/Geologica-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Bold.woff2') format('woff2'),
         url('assets/fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Medium.woff2') format('woff2'),
         url('assets/fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
         url('assets/fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-0: #000000;
    --color-1: #143E40;
    --color-2: #1D5355;
    --color-3: #71E3CC;
    --color-4: #8D949D;
    --color-5: #D2D2D2;
    --color-6: #E9E9E9;
    --color-7: #F5F7F7;
    --color-8: #F6F6F6;
    --color-9: #FFFFFF;
    --color-10: #DEE3F3;
    --color-11: #ACC4B7;
    --color-12: #1B4A4C;
    --color-13: #909090;

    --width-1920: 1920px;
    --width-1890: 1890px;
    --width-1700: 1700px;
    --width-1600: 1600px;
    --width-1574: 1574px;
    --width-1280: 1280px;
    --width-935: 935px;
    --width-790: 790px;
    --width-660: 660px;
    --width-620: 620px;
    --width-555: 555px;
    --width-480: 480px;
    --width-450: 450px;
    --width-285: 285px;

    --fontfamily-roboto: 'Roboto';
    --fontfamily-geologica: 'Geologica';
}

* {
    scrollbar-width: thin !important;
    scrollbar-color: var(--color-1) var(--color-3) !important;
}

::selection {
    background-color: var(--color-3);
    color: var(--color-0);
}

html.no-scroll {
    overflow: hidden;
}

body {
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    color: var(--color-0);
}

h2 {
    margin: 0;
    padding: 0;
}
h2:not(:last-child) {
    margin-bottom: 20px;
}

p {
    margin: 0;
    padding: 0;
}
p:not(:last-child) {
    margin-bottom: 20px;
}

strong {
    font-weight: 500;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul:not(:last-child),
ol:not(:last-child) {
    margin-bottom: 20px;
}

a {
    color: var(--color-0);
    position: relative;
}
a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: transparent;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: background-color .3s;
}
a:hover::after {
    background-color: var(--color-0);
    transition: background-color .3s;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
svg .rotated {
    animation: rotate 15s linear infinite;
    transform-origin: center;
}

.width-1920 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1920);
}
.width-1890 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
}
.width-1700 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1700);
}
.width-1600 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1600);
}
.width-1574 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1574);
}
.width-1280 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1280);
}
.width-935 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-935);
}
.width-790 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-790);
}
.width-660 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-660);
}
.width-620 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-620);
}
.width-555 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-555);
}
.width-480 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-480);
}
.width-450 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-450);
}
.width-285 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-285);
}

/* Pagination. */
.pagination {
    margin-top: 34px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.pagination > a,
.pagination > span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: var(--color-4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s, color .3s;
}
.pagination > a:hover::after {
    display: none;
}
.pagination > a:hover,
.pagination > span.current {
    background-color: var(--color-7);
    color: var(--color-1);
}
.pagination > span.current {
    font-weight: 600;
}
.pagination > a > span.previous > span,
.pagination > a > span.next > span {
    display: none;
}
.pagination > a > span.previous::before,
.pagination > a > span.next::before {
    content: '';
    width: 16px;
    height: 15px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.pagination > a > span.next::before {
    transform: rotate(180deg);
}

@media(max-width: 600px) {
    .pagination > a,
    .pagination > span {
        width: 40px;
        height: 40px;
    }
}

/*
 * Slide popup.
 * - Sale points.
 * - Search products.
 * - Cart.
 */
.overlay,
.overlay__menu {
    background-color: rgba(0,0,0,0);
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .3s;
}
.overlay.show,
.overlay__menu.show {
    z-index: 9993;
    background-color: rgba(0,0,0,.6);
}

.slidePopup {
    padding: 20px;
    width: 80%;
    height: 100vh;
    border: 1px solid var(--color-6);
    /* border-radius: 20px 0 0 20px; */
    background-color: var(--color-9);
    position: fixed;
    z-index: 9995;
    top: 0;
    right: 0;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform .3s;
}
.slidePopup.open {
    transform: translateX(0);
}

.slidePopup__header__text__title {
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.slidePopup__header__text__tagline {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.slidePopup__header__text_description {
    margin-top: 20px;
    line-height: 24px;
    text-align: center;
}

.slidePopup__content {
    margin-top: 20px;
}

/* - Sale points. */
#salePoint-slidePopup {
    width: 80%;
    max-width: 420px;
}

.slidePopup__header__icon::before {
    margin-left: auto;
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(45deg);
    cursor: pointer;
}

#salePoint-slidePopup .slidePopup__header__text__icon::before {
    margin: 0 auto 10px auto;
    content: '';
    width: 26px;
    height: 25px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/sale-point.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/sale-point.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* - Search products. */
#searchProducts-slidePopup {
    padding: 0;
    width: 80%;
    /* max-width: 285px; */
    max-width: 420px;
}

#searchProducts-slidePopup .slidePopup__header__icon {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 14px;
}
#searchProducts-slidePopup .slidePopup__header__icon::before {
    margin-left: 0;
}

#searchProducts-slidePopup .slidePopup__header__text__content {
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-6);
    background-color: var(--color-7);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
#searchProducts-slidePopup .slidePopup__header__text__content label {
    font-size: 0;
    line-height: 0;
}
#searchProducts-slidePopup .slidePopup__header__text__content label::before {
    content: '';
    width: 22px;
    height: 22px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/search.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/search.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
#searchProducts-slidePopup .slidePopup__header__text__content input::placeholder {
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    line-height: 26px;
    color: var(--color-0);
}
#searchProducts-slidePopup .slidePopup__header__text__content input:focus {
    outline: none;
}
#searchProducts-slidePopup .slidePopup__header__text__content input {
    padding: 6px 0;
    width: calc(100% - 77px);
    border: none;
    background-color: transparent;
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    line-height: 26px;
    color: var(--color-0);
}

#searchProducts-slidePopup .slidePopup__content {
    margin-top: 0;
    padding: 20px 14px;
}
.searchProducts__suggested__container:not(:first-child) {
    margin-top: 20px;
}
.searchProducts__suggested__container.searchProducts__list {
    margin-top: 27px;
}
.searchProducts__suggested__title {
    font-weight: 700;
    line-height: 24px;
}
.searchProducts__suggested__results {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.searchProducts__suggested__results__item a {
    font-size: 14px;
    color: var(--color-4);
}
.searchProducts__suggested__results__item a span,
.searchProducts__categories .searchProducts__suggested__results__item a {
    color: var(--color-0);
}
.searchProducts__suggested__results__item a:hover::after {
    display: none;
}

.searchProducts__suggested__container.searchProducts__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__media {
    width: 90px;
    height: 90px;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__content {
    margin-top: 0;
    width: calc(100% - 120px);
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__color {
    width: 12px;
    height: 12px;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__meta {
    margin-top: 0;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__meta h2,
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__meta h2 a {
    font-size: 14px;
    line-height: 16px;
}
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__more,
.searchProducts__suggested__container.searchProducts__list .productItem.productSearch .productItem__sku {
    font-size: 12px;
    line-height: 20px;
}

/* - Cart. */
#cart-slidePopup {
    padding: 5px 10px 10px 10px;
    width: 80%;
    max-width: 420px;
    background-color: var(--color-7);
}

#cart-slidePopup .slidePopup__header {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
#cart-slidePopup .slidePopup__header__icon {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-9);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#cart-slidePopup .slidePopup__header__icon::before {
    margin-left: 0;
    width: 14px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    mask-image: url(assets/icons/arrow-chevron.svg);
    transform: rotate(90deg);
}

.cart__removeItem {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
}
.cart__removeItem::before {
    content: '';
    width: 9px;
    height: 9px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(45deg);
}

.cart__title {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-6);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.cart__title__label,
.cart__empty {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
}
.cart__title__counter {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: var(--color-1);
    font-family: var(--fontfamily-geologica);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

#cart-slidePopup .slidePopup__content {
    margin-top: 0;
}

.cart__empty {
    padding: 10px 0;
    text-align: center;
}

.cart__list {
    padding: 0 0 10px 0;
    border-bottom: 1px solid var(--color-6);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cart__list .productItem.cart {
    padding: 3px 3px 10px 3px;
    border-radius: 10px;
    border: 1px solid var(--color-6);
    background-color: var(--color-9);
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
.cart__list .productItem.cart .productItem__media {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    display: flex;
}
.cart__list .productItem.cart .productItem__media a {
    display: flex;
}
.cart__list .productItem.cart .productItem__media a:hover::after {
    display: none;
}
.cart__list .productItem.cart .productItem__content {
    margin-top: 0;
    width: calc(100% - 90px);
}
.cart__list .productItem.cart .productItem__meta h2,
.cart__list .productItem.cart .productItem__meta h2 a {
    font-size: 12px;
    line-height: 14px;
}
.cart__list .productItem.cart .productItem__more,
.cart__list .productItem.cart .productItem__sku {
    font-size: 10px;
    line-height: 16px;
}
.cart__list .productItem.cart .productInfo__cart {
    margin-top: 10px;
}
.cart__list .productItem.cart .productInfo__cart__row {
    padding-top: 10px;
}
.cart__list .productItem.cart .productInfo__cart__col:first-child {
    width: calc(65% - 7px);
}
.cart__list .productItem.cart .productInfo__cart__col:last-child {
    width: calc(35% - 7px);
}
.cart__list .productItem.cart .productInfo__price {
    gap: 2px;
}
.cart__list .productItem.cart .productInfo__price__label {
    font-size: 10px;
    line-height: 15px;
}
.cart__list .productItem.cart .productInfo__price__values {
    gap: 5px;
}
.cart__list .productItem.cart .productInfo__price__regular,
.cart__list .productItem.cart .productInfo__price__final {
    font-size: 12px;
}
.cart__list .productItem.cart .productInfo__price__final {
    color: var(--color-1);
}
.cart__list .productItem.cart .productInfo__quantity {
    padding: 5px 10px;
    height: 42px;
}
.cart__list .productItem.cart .productInfo__quantity input#qty {
    font-size: 14px;
}
.cart__list .productItem.cart .minus,
.cart__list .productItem.cart .plus {
    width: 14px;
    height: 14px;
}
.cart__list .productItem.cart .minus::before {
    width: 14px;
}
.cart__list .productItem.cart .plus::before {
    width: 14px;
    height: 14px;
}

.cart__totals {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-6);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cart__totals__row {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
}
.cart__totals__col:first-child {
    width: calc(60% - 7px);
    font-size: 12px;
    line-height: 20px;
}
.cart__totals__col:last-child {
    width: calc(40% - 7px);
    font-size: 14px;
    line-height: 20px;
    text-align: end;
}
.cartFinalCost .cart__totals__col:first-child,
.cartFinalCost .cart__totals__col:last-child {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.cart__completeOrder {
    margin-top: 10px;
    padding: 5px;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    transition: background-color .3s;
    cursor: pointer;
}
.cart__completeOrder:hover {
    background-color: var(--color-2);
}
.completeOrder__label {
    width: calc(100% - 60px);
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--color-8);
}
.completeOrder__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s;
}
.cart__completeOrder:hover .completeOrder__icon {
    border-color: var(--color-1);
}
.completeOrder__icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

/* Masonry. */
.masonry {
    position: relative;
}
.masonry__item {
    width: calc(50% - 7px);
    position: absolute;
    box-sizing: border-box;
}

/* Breadcrumbs. */
.breadcrumbs,
.breads {
    margin: 0;
    padding: 20px 0;
}
.breadcrumbs > ul,
.breads .breads-inn {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.breadcrumbs > ul > li,
.breads > ul > li {
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.breadcrumbs > ul > li:not(:first-child)::before,
.breads > ul > li:not(:first-child)::before {
    content: '';
    width: 10px;
    height: 9px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
    transition: background-color .3s;
}
.breads > ul > li.breads-sep {
    display: none;
}
.breadcrumbs > ul > li > a,
.breads > ul > li > a {
    font-weight: normal;
}
.breadcrumbs > ul > li > a:hover::after,
.breads > ul > li > a:hover::after {
    display: none;
}

/* Contact form 7. */
.wpcf7 .wpcf7-form {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 14px;
}

.wpcf7 .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.wpcf7 .wp-block-column {
    position: relative;
}
.wpcf7 .wp-block-column {
    width: calc(50% - 7px);
}
.wpcf7 .wp-block-column:only-child {
    width: 100%;
}
.wpcf7 .wp-block-column > label {
    display: none;
}
.wpcf7 .wp-block-columns > .wp-block-column > h3 {
    margin: 16px 0 6px 0;
    width: 100%;
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.wpcf7 .wp-block-columns:nth-child(2) > .wp-block-column > h3 {
    margin: 0 0 6px 0;
}

.wpcf7__lastRow > .wp-block-column:last-child {
    justify-content: end;
}

@media(max-width: 600px) {
    .wpcf7 .wp-block-column {
        width: 100%;
    }

    .wpcf7__lastRow > .wp-block-column:last-child {
        justify-content: start;
    }
}

.wpcf7 .wpcf7-form-control-wrap {
    width: 100%;
    display: flex;
}

.wpcf7 .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 10px;
    color: var(--color-3);
    position: absolute;
    bottom: -12px;
    left: 20px;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    line-height: 24px;
    color: var(--color-0);
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea,
.blockGuarantee__contactForm > div > select {
    padding: 12px 20px;
    width: 100%;
    border: 1px solid var(--color-6);
    border-radius: 100vh;
    background-color: var(--color-7);
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    line-height: 24px;
    color: var(--color-0);
}
.wpcf7 select,
.blockGuarantee__contactForm > div > select {
    appearance: none;
    background-image: url(assets/icons/arrow-caret.svg);
    background-repeat: no-repeat;
    background-size: 13px 10px;
    background-position: right 20px top 50%;
}
.wpcf7 textarea {
    border-radius: 30px;
}

.wpcf7 .wp-block-columns.uploadFile > .wp-block-column {
    flex-wrap: wrap;
}
.wpcf7 .wp-block-columns.uploadFile > .wp-block-column > label {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.uploadFile__button {
    padding: 3px 5px 3px 19px;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}
.uploadFile__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.uploadFile__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uploadFile__icon::before {
    content: '';
    width: 20px;
    height: 17px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/upload.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/upload.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.wpcf7 [type="file"] {
    padding: 3px 5px 3px 19px;
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-0);
}
.wpcf7 [type="file"]::-webkit-file-upload-button {
    display: none;
}

@media(max-width: 980px) {
    .wpcf7 .wp-block-columns.uploadFile > .wp-block-column > label {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    .uploadFile__info {
        padding: 3px 5px 3px 19px;
    }
}

.wpcf7 .wpcf7-acceptance {
    width: 100%;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span { /* Text color for the label */
    cursor: pointer;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span::before { /* Checkbox un-checked style */
    margin: 0 10px 0 0;
    content: '';
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-7);
    display: inline-block;
    vertical-align: middle;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]:checked + span::before { /* Checked checkbox style (in this case the background is green #e7ffba, change this to change the color) */
    /* NOTE: Replace the url with a path to an SVG of a checkmark to get a checkmark icon */
    background-image: url(assets/icons/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    /* The size of the checkmark icon, you may/may not need this */
    background-size: 11px;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span {
    display: inline-block;
    width: calc( 100% - 56px );
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-0);
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: unset;
    display: inline-block;
    position: relative;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-0);
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.wpcf7 .wpcf7-submit {
    padding: 5px;
    border: none;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    transition: background-color .3s;
}
.wpcf7 .wpcf7-submit:disabled {
    opacity: .75;
}
.wpcf7 .wpcf7-submit:not(:disabled):hover {
    background-color: var(--color-2);
}
.cf7__submit__text {
    padding-left: 9px;
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--color-8);
}
.cf7__submit__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s;
}
.wpcf7 .wpcf7-submit:not(:disabled):hover .cf7__submit__icon {
    border-color: var(--color-1);
}
.cf7__submit__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

.wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: calc(100% - 24px);
    transform: translate(0,-50%);
}

/*
 * Header.
 * - Top header.
 * - Middle header.
 * - Responsive menu.
 * - Menu actions.
 */

/* - Top header. */
.headerTop {
    margin: 0 auto;
    padding: 14px 20px 10px 20px;
    width: 100%;
    max-width: var(--width-1920);
    border-left: 1px solid var(--color-2);
    border-right: 1px solid var(--color-2);
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 14px;
    position: relative;
}

@media(max-width: 1280px) {
    .headerTop {
        align-items: center;
    }
}

.headerTop > .mainLogo > a::after {
    display: none;
}
.headerTop > .mainLogo > a > svg {
    width: 100%;
    height: auto;
}

@media(max-width: 1280px) {
    .headerTop > .mainLogo {
        width: 170px;
    }
}

nav.responsiveMenu__company2 {
    margin: 25px 0 0 10px;
}

.headerTop > nav.topHeaderMenu__company > ul,
.headerTop > nav.topHeaderMenu__company2 > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
nav.responsiveMenu__company2 > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    row-gap: 25px;
}
nav.responsiveMenu__company2 > ul > li:not(.lang-item) {
    width: 100%;
}

.headerTop > nav.topHeaderMenu__company > ul > li:not(:last-child) {
    margin-right: 15px;
}

.headerTop > nav.topHeaderMenu__company2 > ul > li:not(.lang-item) {
    margin-right: 15px;
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.salePoints,
.headerTop > nav.topHeaderMenu__company2 > ul > li.support,
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item-first,
nav.responsiveMenu__company2 > ul > li.salePoints,
nav.responsiveMenu__company2 > ul > li.support,
nav.responsiveMenu__company2 > ul > li.lang-item-first {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.salePoints::before,
.headerTop > nav.topHeaderMenu__company2 > ul > li.support::before,
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item-first::before,
nav.responsiveMenu__company2 > ul > li.salePoints::before,
nav.responsiveMenu__company2 > ul > li.support::before,
nav.responsiveMenu__company2 > ul > li.lang-item-first::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.salePoints::before,
nav.responsiveMenu__company2 > ul > li.salePoints::before {
    width: 13px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/marker.svg);
    mask-image: url(assets/icons/marker.svg);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.support::before,
nav.responsiveMenu__company2 > ul > li.support::before {
    width: 13px;
    height: 15px;
    -webkit-mask-image: url(assets/icons/toggle-contact.svg);
    mask-image: url(assets/icons/toggle-contact.svg);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item-first::before,
nav.responsiveMenu__company2 > ul > li.lang-item-first::before {
    width: 24px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/language-switcher.svg);
    mask-image: url(assets/icons/language-switcher.svg);
}

.headerTop > nav.topHeaderMenu__company > ul > li > a,
.headerTop > nav.topHeaderMenu__company2 > ul > li > a {
    white-space: nowrap;
    color: var(--color-8);
}
nav.responsiveMenu__company2 > ul > li > a {
    font-weight: 500;
}
.headerTop > nav.topHeaderMenu__company > ul > li > a:hover::after,
.headerTop > nav.topHeaderMenu__company2 > ul > li > a:hover::after {
    background-color: var(--color-8);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item > a:hover {
    color: var(--color-8);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.current-lang > a {
    color: var(--color-10);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.current-lang > a::after {
    background-color: var(--color-10);
}
nav.responsiveMenu__company2 > ul > li.current-lang > a::after {
    background-color: var(--color-0);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.current-lang > a:hover::after {
    background-color: var(--color-8);
}
nav.responsiveMenu__company2 > ul > li.current-lang > a:hover::after {
    background-color: var(--color-0);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item:not(.current-lang) > a {
    color: var(--color-11);
}
nav.responsiveMenu__company2 > ul > li.lang-item:not(.current-lang) > a {
    color: var(--color-4);
}
.headerTop > nav.topHeaderMenu__company2 > ul > li.lang-item:not(.current-lang) > a:hover {
    color: var(--color-8);
}
nav.responsiveMenu__company2 > ul > li.lang-item:not(.current-lang) > a:hover {
    color: var(--color-0);
}

@media(max-width: 1280px) {
    .headerTop > nav.topHeaderMenu__company,
    .headerTop > nav.topHeaderMenu__company2 {
        display: none;
    }
}

.headerTop > nav.topHeaderMenu__b2b {
    display: none;
}
.headerMiddle__col > nav.middleHeaderMenu__b2b {
    padding-left: 10px;
    height: 70px;
    border-left: 1px solid var(--color-2);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > a {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
    white-space: nowrap;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children > a {
    line-height: 70px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children > a {
    line-height: normal;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children > a::after,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children > a::after {
    content: '';
    width: 13px;
    height: 12px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: relative;
    transition: transform .3s;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children:hover > a::after,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.headerTop > nav.topHeaderMenu__b2b > ul > li > ul,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul {
    margin-right: -1px;
    padding: 15px 0 5px 0;
    border-radius: 0 0 20px 20px;
    width: 100%;
    max-width: max-content;
    background-color: var(--color-1);
    position: absolute;
    z-index: 9;
    top: calc(100% + 1px);
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul {
    z-index: 100;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.menu-item-has-children:hover > ul,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}

.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: radial-gradient(circle at 0 0, transparent 0%, transparent 20px, var(--color-1) 20px);
    display: block;
    position: absolute;
    z-index: 9;
    top: -20px;
    left: calc(100% - 20px);
}

.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li > a {
    padding: 10px 14px;
    width: 100%;
    font-size: 14px;
    color: var(--color-9);
    display: block;
    transition: background-color .3s;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li > a:hover,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li > a:hover {
    background-color: var(--color-2);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li > a::after,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li > a::after {
    display: none;
}

.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li:last-child > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li:last-child > a {
    border-radius: 0 0 12.5px 12.5px;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.lastGenericMenuItem,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.lastGenericMenuItem {
    border-bottom: 1px solid var(--color-2);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > a.myAccount,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.login > a,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.myAccount > a,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.listOrder > a,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.logout > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > a.myAccount,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.login > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.myAccount > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.listOrder > a,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.logout > a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.myAccount > a::before,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.login > a::before,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.myAccount > a::before,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.listOrder > a::before,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.logout > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.myAccount > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.login > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.myAccount > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.listOrder > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.logout > a::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.login > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.login > a::before {
    width: 20px;
    height: 15px;
    -webkit-mask-image: url(assets/icons/key.svg);
    mask-image: url(assets/icons/key.svg);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li.myAccount > a::before,
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.myAccount > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li.myAccount > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.myAccount > a::before {
    width: 20px;
    height: 16px;
    -webkit-mask-image: url(assets/icons/user.svg);
    mask-image: url(assets/icons/user.svg);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.listOrder > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.listOrder > a::before {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/orders.svg);
    mask-image: url(assets/icons/orders.svg);
}
.headerTop > nav.topHeaderMenu__b2b > ul > li > ul > li.logout > a::before,
.headerMiddle__col > nav.middleHeaderMenu__b2b > ul > li > ul > li.logout > a::before {
    width: 20px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/logout.svg);
    mask-image: url(assets/icons/logout.svg);
}

@media(max-width: 1280px) {
    .headerTop > nav.topHeaderMenu__b2b {
        display: block;
    }
    .headerMiddle__col > nav.middleHeaderMenu__b2b {
        display: none;
    }
}

/* - Middle header. */
.headerMiddle {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: var(--width-1920);
    border: 1px solid var(--color-2);
    border-radius: 0 0 20px 20px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    position: sticky;
    z-index: 99;
    top: 0;
}

.headerMiddle__col {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.productsMenu__desktop {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.productsMenu__item {
    height: 70px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 7.5px;
    cursor: pointer;
}
.productsMenu__item:not(:first-child) {
    margin-left: 7.5px;
    padding-left: 7.5px;
    border-left: 1px solid var(--color-2);
}
.productsMenu__item .productsMenu__item__label,
.productsMenu__item .productsMenu__item__label a {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
}
.productsMenu__item .productsMenu__item__label a:hover::after {
    display: none;
}
.productsMenu__item .productsMenu__item__icon,
.productsMenu__item .productsMenu__item__submenu {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productsMenu__item .productsMenu__item__icon::before,
.productsMenu__item .productsMenu__item__submenu::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productsMenu__item .productsMenu__item__submenu::before {
    width: 14px;
    height: 12px;
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    mask-image: url(assets/icons/arrow-chevron.svg);
}

@media(max-width: 1280px) {
    .productsMenu__desktop {
        display: none;
    }
}

/* - Responsive menu. */
.productsMenu__responsive {
    /* display: flex; */
    display: none;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.productsMenu__responsive::before {
    content: '';
    width: 21px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/burger-menu.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/burger-menu.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productsMenu__responsive span {
    width: calc(100% - 31px);
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
}

@media(max-width: 1280px) {
    .productsMenu__responsive {
        display: flex;
    }
}

.responsiveMenu,
[class^="responsiveMenu__block__"] {
    padding: 5px 10px 10px 10px;
    width: 80%;
    /* max-width: 340px; */
    height: 100vh;
    border: 1px solid var(--color-9);
    background-color: var(--color-7);
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .3s;
}
.responsiveMenu,
.responsiveMenu__lvl2 {
    max-width: 340px;
}
.responsiveMenu__lvl3 {
    max-width: 650px;
    z-index: 9994;
}
[class^="responsiveMenu__block__"].responsiveMenu__lvl3.open {
    transform: translateX(340px);
}
.responsiveMenu.open,
[class^="responsiveMenu__block__"].open,
.responsiveMenu__block__stock-clearance.responsiveMenu__lvl3.open {
    transform: translateX(0);
}

@media(max-width: 1280px) {
    .responsiveMenu__lvl3 {
        z-index: 9995;
    }
    [class^="responsiveMenu__block__"].responsiveMenu__lvl3.open {
        transform: translateX(0);
    }
}
@media(max-width: 600px) {
    .responsiveMenu__lvl3 {
        max-width: 340px;
    }
}

.responsiveMenu__header,
.responsiveMenu__header__text {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.responsiveMenu__header {
    margin-bottom: 5px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-6);
    justify-content: space-between;
}
.responsiveMenu__header__close,
.responsiveMenu__header__text__icon {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-9);
    display: flex;
    align-items: center;
    justify-content: center;
}
.responsiveMenu__header__text__icon.hideOnDesktop {
    display: none;
}
.responsiveMenu__header__close::before,
.responsiveMenu__header__text__icon::before {
    content: '';
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.responsiveMenu__header__close::before {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(assets/icons/plus.svg);
    mask-image: url(assets/icons/plus.svg);
    transform: rotate(45deg);
}
.responsiveMenu__header__text__icon::before {
    width: 14px;
    height: 12px;
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    mask-image: url(assets/icons/arrow-chevron.svg);
    transform: rotate(90deg);
}
.responsiveMenu__header__text__content {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-0);
}

@media(max-width: 1280px) {
    .responsiveMenu__header__text__icon.hideOnDesktop {
        display: flex;
    }
}

.productsList0,
.productsList1 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

nav.responsiveSubMenu__company > ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.responsiveMenu__item,
nav.responsiveSubMenu__company > ul > li > a,
.productsList1__item {
    padding: 5px;
    border: 1px solid var(--color-6);
    border-radius: 20px;
    background-color: var(--color-9);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    transition: border-color .3s, background-color .3s;
}
.productsList1__item:hover {
    border-color: var(--color-2);
    background-color: var(--color-9);
}
.productsList1__item.is-active {
    border-color: var(--color-2);
    background-color: var(--color-1);
}
nav.responsiveSubMenu__company > ul > li > a {
    padding: 25px 10px;
    font-weight: 500;
}
nav.responsiveSubMenu__company > ul > li > a:hover::after {
    display: none;
}
.responsiveMenu__item__icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.responsiveMenu__item__icon::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.menuItem__outdoors .productsMenu__item__icon::before,
.menuItem__outdoors .responsiveMenu__item__icon::before {
    width: 27px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/outdoors.svg);
    mask-image: url(assets/icons/outdoors.svg);
}
.menuItem__diving-fishing .productsMenu__item__icon::before,
.menuItem__diving-fishing .responsiveMenu__item__icon::before {
    width: 25px;
    height: 23px;
    -webkit-mask-image: url(assets/icons/diving.svg);
    mask-image: url(assets/icons/diving.svg);
}
.menuItem__watersports .productsMenu__item__icon::before,
.menuItem__watersports .responsiveMenu__item__icon::before {
    width: 18px;
    height: 24px;
    -webkit-mask-image: url(assets/icons/watersports.svg);
    mask-image: url(assets/icons/watersports.svg);
}
.menuItem__clothing .productsMenu__item__icon::before,
.menuItem__clothing .responsiveMenu__item__icon::before {
    width: 20px;
    height: 22px;
    -webkit-mask-image: url(assets/icons/clothing.svg);
    mask-image: url(assets/icons/clothing.svg);
}
.menuItem__stock-clearance .productsMenu__item__icon::before,
.menuItem__stock-clearance .responsiveMenu__item__icon::before {
    width: 14px;
    height: 25px;
    -webkit-mask-image: url(assets/icons/stockClearance.svg);
    mask-image: url(assets/icons/stockClearance.svg);
}
.menuItem__company .responsiveMenu__item__icon::before {
    width: 19px;
    height: 17px;
    -webkit-mask-image: url(assets/icons/unigreen.svg);
    mask-image: url(assets/icons/unigreen.svg);
}
.responsiveMenu__item__label,
.productsList1__label {
    width: calc(100% - 135px);
    font-weight: 500;

}
.responsiveMenu__item__label a,
.productsList1__label a {
    transition: color .3s;
}
.productsList1__item:hover .productsList1__label a {
    color: var(--color-1);
}
.productsList1__item.is-active .productsList1__label a {
    color: var(--color-9);
}
.responsiveMenu__item:not(.responsiveMenu__hasSubMenu) .responsiveMenu__item__label,
.productsList1__item:not(.productsList1__hasSubMenu) .productsList1__label {
    width: calc(100% - 80px);
}
.responsiveMenu__item__submenu,
.productsList1__submenu {
    width: 35px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 15px;
    background-color: var(--color-7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .3s, background-color .3s;
}
.responsiveMenu__item__submenu::before,
.productsList1__submenu::before {
    content: '';
    width: 14px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(-90deg);
    cursor: pointer;
    transition: background-color .3s;
}
.productsList1__item:hover .productsList1__submenu {
    border-color: var(--color-2);
    background-color: var(--color-1);
}
.productsList1__item.is-active .productsList1__submenu {
    border-color: var(--color-2);
    background-color: var(--color-12);
}
.productsList1__item:hover .productsList1__submenu::before,
.productsList1__item.is-active .productsList1__submenu::before {
    background-color: var(--color-3);
}

.responsiveMenu__separator {
    margin: 20px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-6);
}

.productsList2__item {
    padding: 5px;
    border: 1px solid var(--color-6);
    border-radius: 20px;
    background-color: var(--color-9);
    display: flex;
    gap: 20px;
}
.productsList1__media,
.productsList2__media {
    padding: 5px;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background-color: var(--color-7);
    overflow: hidden;
}
.productsList1__media img,
.productsList2__media img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    mix-blend-mode: darken;
}
.productsList2__content {
    padding: 10px 0;
    width: calc(100% - 80px);
}
.productsList2__label {
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 24px;
}
.productsList2__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.responsiveMenu__item__label a,
.productsList1__label a,
.productsList2__list a {
    width: 100%;
    display: flex;
}
.responsiveMenu__item__label a:hover::after,
.productsList1__label a:hover::after,
.productsList2__list a:hover::after {
    display: none;
}

@media(max-width: 600px) {
    .productsList2__item:not(:last-child) {
        margin-bottom: 5px;
    }
}

/* - Menu actions. */
.actionProducts {
    padding-left: 10px;
    height: 70px;
    border-left: 1px solid var(--color-2);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}

.actionProducts__cart {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.actionProducts__cart__label {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
}

.searchProducts__icon,
.actionProducts__favorite__icon,
.actionProducts__compare__icon,
.actionProducts__cart__icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.searchProducts__icon::before,
.actionProducts__favorite__icon::before,
.actionProducts__compare__icon::before,
.actionProducts__cart__icon::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.searchProducts__icon::before {
    width: 22px;
    height: 22px;
    -webkit-mask-image: url(assets/icons/search.svg);
    mask-image: url(assets/icons/search.svg);
}
.actionProducts__favorite__icon::before {
    width: 20px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/heart.svg);
    mask-image: url(assets/icons/heart.svg);
}
.actionProducts__compare__icon::before {
    width: 22px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/compare.svg);
    mask-image: url(assets/icons/compare.svg);
}
.actionProducts__cart__icon::before {
    width: 21px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/cart.svg);
    mask-image: url(assets/icons/cart.svg);
}

@media(max-width: 1440px) {
    .actionProducts__cart__label {
        display: none;
    }
}

/* Page. */
.page-template-default main {
    margin-top: 60px;
}

/*
 * Product.
 * - Gallery.
 * - Brand.
 * - Product meta.
 * - Product description.
 * - Product features.
 * - Product variations.
 * - Product cart.
 * - Product stock clearance.
 * - Product toggles.
 * - Procuct specs.
 * - Product banners.
 * - Related products.
 * - Product share.
 */
.productInfo__container {
    margin-top: 15px;
    padding: 0 20px;
}
.productInfo__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1574);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 60px;
}

.productInfo__media,
.productInfo__content {
    width: calc(50% - 30px);
}
.productInfo__media {
    max-width: 780px;
}
.productInfo__content {
    max-width: 620px;
}

@media(max-width: 1024px) {
    .productInfo__inner {
        max-width: var(--width-660);
        gap: 14px;
    }

    .productInfo__media,
    .productInfo__content {
        width: 100%;
    }
}
@media(max-width: 600px) {
    .productInfo__content {
        padding: 0 20px;
    }
}

/* - Gallery. */
.productInfo__media__container {
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.productInfo__badges,
.productInfo__actions,
.productInfo__mediaActions {
    position: absolute;
    z-index: 9;
}
.productInfo__badges {
    top:  20px;
    left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.productInfo__badge {
    padding: 10px 12px;
    border-radius: 100vh;
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    cursor: context-menu;
}
.badgeNew {
    background-color: var(--color-1);
    color: var(--color-3);
}
.badgeSale {
    background-color: var(--color-3);
    color: var(--color-1);
}
.badgeStockClearance {
    background-color: var(--color-0);
    color: var(--color-3);
}
.productInfo__actions {
    padding: 9px 5px;
    border: 1px solid var(--color-6);
    border-radius: 30px;
    background-color: var(--color-9);
    top: 20px;
    right: 20px;
}
.actionFavorite,
.actionCompare {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.actionFavorite::before,
.actionCompare::before {
    content: '';
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.actionFavorite::before {
    width: 17px;
    height: 15px;
    -webkit-mask-image: url(assets/icons/heart.svg);
    mask-image: url(assets/icons/heart.svg);
}
.actionCompare::before {
    width: 18.5px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/compare.svg);
    mask-image: url(assets/icons/compare.svg);
}
.productInfo__action__sep {
    margin: 2px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-6);
}
.productInfo__mediaActions {
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.productInfo__mediaActions a::after {
    display: none;
}
.productInfo__mediaAction {
    width: 51px;
    height: 51px;
    border: 1px solid var(--color-6);
    border-radius: 100%;
    background-color: var(--color-9);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.actionVideo::before,
.actionZoom::before {
    content: '';
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.actionVideo::before {
    width: 16px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/play.svg);
    mask-image: url(assets/icons/play.svg);
}
.actionZoom::before {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/maximize.svg);
    mask-image: url(assets/icons/maximize.svg);
}

.productInfo__carousel .splide__slide {
    background-color: var(--color-8);
    aspect-ratio: 1;
}
.productInfo__carousel .splide__slide a {
    pointer-events: none;
}
.productInfo__carousel .splide__slide a::after {
    display: none;
}
.productInfo__carousel .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
}

.productInfo__thumbCarousel {
    margin-top: 14px;
}
.productInfo__thumbCarousel .splide__list {
    height: auto;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px;
}

.productInfo__thumbCarousel .splide__slide {
    width: calc(33.33% - 9.5px) !important;
    border: 1px solid transparent !important;
    border-radius: 16px;
    background-color: var(--color-8);
    overflow: hidden;
    aspect-ratio: 1;
}
.productInfo__thumbCarousel .splide__slide a::after {
    display: none;
}
.productInfo__thumbCarousel .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
}
.productInfo__thumbCarousel .splide__slide.is-active {
    border: 1px solid var(--color-1) !important;
}

.productInfo__thumbCarousel .splide__arrow {
    padding: 10px;
    width: auto;
    height: 100%;
    border: 1px solid var(--color-6);
    border-radius: 10px;
    background: unset;
    background-color: var(--color-9);
    opacity: 1;
}
.productInfo__thumbCarousel .splide__arrow::before {
    content: '';
    width: 17px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productInfo__thumbCarousel .splide__arrow.splide__arrow--prev {
    left: 0;
}
.productInfo__thumbCarousel .splide__arrow.splide__arrow--prev::before {
    transform: rotate(90deg);
}
.productInfo__thumbCarousel .splide__arrow.splide__arrow--next {
    right: 0;
}
.productInfo__thumbCarousel .splide__arrow.splide__arrow--next::before {
    transform: rotate(-90deg);
}
.productInfo__thumbCarousel .splide__arrow > svg {
    display: none;
}

@media(max-width: 1024px) {
    .productInfo__thumbCarousel .splide__track {
        margin: 0 auto;
        width: calc(100% - 90px);
    }
    .productInfo__thumbCarousel .splide__list {
        flex-wrap: nowrap;
    }

    .productInfo__thumbCarousel .splide__slide {
        width: calc(25% - 17px) !important;
        border-radius: 20px;
    }
    .productInfo__thumbCarousel .splide__slide a {
        pointer-events: none;
    }
}
@media(max-width: 600px) {
    .productInfo__container {
        padding: 0;
    }

    .productInfo__thumbCarousel .splide__track {
        width: 100%;
    }

    .productInfo__thumbCarousel .splide__slide {
        width: calc(33.33% - 18px) !important;
    }
}
@media(max-width: 500px) {
    .productInfo__thumbCarousel .splide__slide {
        width: calc(50% - 22px) !important;
    }
}

/* - Brand. */
.productInfo__brand {
    margin-bottom: 20px;
    padding: 17.5px 15px;
    border: 1px solid var(--color-6);
    border-radius: 10px;
    background-color: var(--color-9);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* - Product meta. */
.productInfo__meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.productInfo__meta h1 {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
}

.productInfo__sku__label,
.productInfo__stockStatus__label {
    font-family: var(--fontfamily-geologica);
    font-weight: normal;
}
.productInfo__sku__value {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
}
.productInfo__stockStatus__value {
    font-weight: 500;
    color: var(--color-1);
}

/* - Product description. */
.productInfo__description {
    margin-top: 30px;
}

.productInfo__description h2,
.productInfo__features h2,
.productInfo__variations h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
}

.productInfo__description > ul,
.banner__description > ul,
.blockSplideSlide__description > ul,
.blockNetworkBanner__contentInner__text__description > ul {
    padding-left: 14px;
}
.productInfo__description > ul > li,
.banner__description > ul > li,
.blockSplideSlide__description > ul > li,
.blockNetworkBanner__contentInner__text__description > ul > li {
    font-weight: 500;
    position: relative;
}
.productInfo__description > ul > li:not(:last-child),
.banner__description > ul > li:not(:last-child),
.blockSplideSlide__description > ul > li:not(:last-child),
.blockNetworkBanner__contentInner__text__description > ul > li:not(:last-child) {
    margin-bottom: 10px;
}
.productInfo__description > ul > li::before,
.banner__description > ul > li::before,
.blockSplideSlide__description > ul > li::before,
.blockNetworkBanner__contentInner__text__description > ul > li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--color-3);
    display: block;
    position: absolute;
    top: 8px;
    left: -14px;
}

/* - Product features. */
.productInfo__features {
    margin-top: 30px;
}

.productInfo__features__list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.productInfo__feature__item {
    padding: 20px;
    width: calc(33.33% - 9.5px);
    border: 1px solid var(--color-6);
    border-radius: 20px;
    background: var(--color-9);
}
.productInfo__feature__item__label {
    margin-top: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--color-0);
}

@media(max-width: 600px) {
    .productInfo__feature__item {
        width: calc(50% - 7px);
    }
}

/* - Product variations. */
.productInfo__variations {
    margin-top: 30px;
}

.productInfo__imageVariations__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.productInfo__imageVariation__item {
    padding: 3px;
    width: calc(50% - 7px);
    border: 1px solid var(--color-6);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    transition: border-color .3s;
}
.productInfo__imageVariation__item:hover {
    border-color: var(--color-2);
}
.productInfo__imageVariation__item:hover::after {
    display: none;
}
.productInfo__imageVariation__item.current {
    border-color: var(--color-1);
}

@media(max-width: 600px) {
    .productInfo__imageVariation__item {
        width: 100%;
    }
}

.productInfo__imageVariation__item__image {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background-color: var(--color-8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.productInfo__imageVariation__item__image img {
    mix-blend-mode: darken;
}

.productInfo__imageVariation__item__meta {
    width: calc(100% - 79px);
}
.productInfo__imageVariation__item__title {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
}
.productInfo__imageVariation__item__sku {
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px;
}

.productInfo__variations__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.productInfo__variation__item {
    padding: 0 10px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-7);
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    transition: border-color .3s;
}
.productInfo__variation__item:hover {
    border-color: var(--color-2);
}
.productInfo__variation__item:hover::after {
    display: none;
}
.productInfo__variation__item.current {
    border-color: var(--color-1);
}

/* - Product cart. */
.productInfo__cart {
    margin-top: 20px;
}

.productInfo__cart__row {
    padding: 20px 0;
    border-top: 1px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.productInfo__cart__row:last-child {
    padding-bottom: 0;
}

.productInfo__cart__col {
    width: calc(50% - 7px);
}

@media(max-width: 600px) {
    .productInfo__cart__col {
        width: 100%;
    }
}

.productInfo__price {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.productInfo__price__label {
    font-size: 14px;
    line-height: 21px;
}
.productInfo__price__values {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.productInfo__price__regular {
    font-family: var(--fontfamily-geologica);
    font-weight: 400;
    line-height: normal;
    color: var(--color-4);
    position: relative;
}
.productInfo__price__regular::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-4);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.productInfo__price__final {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
}

.productInfo__quantity {
    padding: 5px 14px;
    width: 100%;
    max-width: 160px;
    height: 56px ;
    border: 1px solid var(--color-6);
    border-radius: 10px;
    background-color: var(--color-7);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.productInfo__quantity input#qty {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
    background-color: transparent;
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    text-align: center;
}
.minus,
.plus {
    width: 20px;
    height: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.minus::before {
    content: '';
    width: 16px;
    height: 2px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/minus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/minus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.plus::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.productInfo__addToCart,
.productInfo__salePoint {
    padding: 5px;
    width: 100%;
    border-radius: 100vh;
    background-color: var(--color-1);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    transition: background-color .3s;
}
.productInfo__addToCart:hover,
.productInfo__salePoint:hover {
    background-color: var(--color-2);
}
.addToCart__label,
.salePoint__label {
    width: calc(100% - 60px);
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--color-8);
}
.addToCart__icon,
.salePoint__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s;
}
.productInfo__addToCart:hover .addToCart__icon,
.productInfo__salePoint:hover .salePoint__icon {
    border-color: var(--color-1);
}
.addToCart__icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/cart.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/cart.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.salePoint__icon::before {
    content: '';
    width: 16px;
    height: 20px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/marker.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/marker.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* - Product stock clearance. */
.productInfo__stockClearance {
    margin-top: 80px;
    padding: 20px 20px 10px 20px;
    border-radius: 20px;
    background-color: var(--color-7);
}

.productInfo__stockClearance__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.productInfo__stockClearance__icon::before {
    content: '';
    width: 14px;
    height: 25px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/stockClearance.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/stockClearance.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.productInfo__stockClearance__label {
    margin: 20px 0;
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-0);
}
.productInfo__stockClearance__description,
.productInfo__stockClearance__description p {
    line-height: 24px;
}

.productInfo__stockClearance__button {
    margin-top: 20px;
    padding: 5px 0;
    border-top: 1px solid var(--color-6);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.productInfo__stockClearance__button__label {
    width: calc(100% - 54px);
    font-weight: 700;
}
.productInfo__stockClearance__button__icon {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.productInfo__stockClearance__button:hover .productInfo__stockClearance__button__icon {
    background-color: var(--color-2);
}
.productInfo__stockClearance__button__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

/* - Product toggles. */
.productInfo__toggles {
    margin-top: 40px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 5px;
}

.toggle {
    padding: 20px;
    border: 1px solid var(--color-6);
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .3s;
}
.toggle.is-open {
    background-color: var(--color-7);
}

.toggle__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.toggle__header__text {
    width: calc(100% - 48px);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.toggle__header__text__icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toggle__features .toggle__header__text__icon::before,
.toggle__details .toggle__header__text__icon::before,
.toggle__maintenance .toggle__header__text__icon::before,
.toggle__guarantee .toggle__header__text__icon::before,
.toggle__downloads .toggle__header__text__icon::before,
.toggle__contact .toggle__header__text__icon::before {
    content: '';
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.toggle__features .toggle__header__text__icon::before {
    width: 19px;
    height: 8px;
    -webkit-mask-image: url(assets/icons/toggle-features.svg);
    mask-image: url(assets/icons/toggle-features.svg);
}
.toggle__details .toggle__header__text__icon::before {
    width: 8px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/toggle-details.svg);
    mask-image: url(assets/icons/toggle-details.svg);
}
.toggle__maintenance .toggle__header__text__icon::before {
    width: 28px;
    height: 28px;
    -webkit-mask-image: url(assets/icons/toggle-maintenance.svg);
    mask-image: url(assets/icons/toggle-maintenance.svg);
}
.toggle__guarantee .toggle__header__text__icon::before {
    width: 17px;
    height: 24px;
    -webkit-mask-image: url(assets/icons/toggle-guarantee.svg);
    mask-image: url(assets/icons/toggle-guarantee.svg);
}
.toggle__downloads .toggle__header__text__icon::before {
    width: 20px;
    height: 17px;
    -webkit-mask-image: url(assets/icons/toggle-downloads.svg);
    mask-image: url(assets/icons/toggle-downloads.svg);
}
.toggle__contact .toggle__header__text__icon::before {
    width: 17px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/toggle-contact.svg);
    mask-image: url(assets/icons/toggle-contact.svg);
}
.toggle__header__text__label {
    width: calc(100% - 48px);
    font-family: var(--fontfamily-geologica);
    font-size: 17px;
    font-weight: 500;
}
.toggle__header__icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toggle__header__icon::before {
    content: '';
    width: 17px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.toggle.is-open .toggle__header__icon::before {
    transform: rotate(180deg);
}

.toggle__content {
    margin-top: 20px;
}
.toggle__content.has-scroll {
    height: 100%;
    max-height: 175px;
    overflow: hidden;
}
.toggle__content__inner {
    height: 175px;
    overflow-y: auto;
}
.toggle__content.has-scroll .toggle__content__inner {
    padding-right: 28px;
}

.toggle__contact .toggle__content {
    max-height: unset;
}
.toggle__contact .toggle__content__inner {
    height: 100%;
    overflow-y: visible;
}
.toggle__contact .toggle__content.has-scroll .toggle__content__inner {
    padding-right: 0;
}
.toggle__contact .wpcf7 input[type="text"],
.toggle__contact .wpcf7 input[type="email"],
.toggle__contact .wpcf7 input[type="tel"],
.toggle__contact .wpcf7 select,
.toggle__contact .wpcf7 textarea,
.toggle__contact .wpcf7 .wpcf7-acceptance input[type="checkbox"] + span::before {
    background-color: var(--color-9);
}

/* - Procuct specs. */
.productSpecs__container,
.relatedProducts__container,
.combineProducts__container,
.relatedArticles__container {
    margin-top: 60px;
    padding: 0 20px;
}
.relatedProducts__container,
.combineProducts__container,
.relatedArticles__container {
    margin-top: 14px;
}
.productSpecs__inner,
.relatedProducts__inner,
.combineProducts__inner,
.relatedArticles__inner {
    margin: 0 auto;
    padding: 0 14px 20px 14px;
    width: 100%;
    max-width: var(--width-1890);
    border: 1px solid var(--color-6);
    border-radius: 30px;
}
.productSpecs__inner h2,
.relatedProducts__inner h2,
.combineProducts__inner h2,
.relatedArticles__inner > h2 {
    padding: 24px 10px 0 10px;
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
}

@media(max-width: 980px) {
    .relatedArticles__inner {
        padding: 0;
    }
    .relatedArticles__inner > h2 {
        margin-bottom: 30px;
        padding: 40px 24px 0 24px;
    }
}
@media(max-width: 600px) {
    .productSpecs__container,
    .relatedProducts__container,
    .combineProducts__container,
    .relatedArticles__container {
        padding: 0;
    }
    .combineProducts__container,
    .relatedArticles__container {
        margin-top: 44px;
    }
    .productSpecs__inner,
    .relatedProducts__inner,
    .combineProducts__inner,
    .relatedArticles__inner {
        padding: 0;
        border: none;
        border-radius: 0;
    }
    .productSpecs__inner h2,
    .relatedProducts__inner h2,
    .combineProducts__inner h2,
    .relatedArticles__inner > h2 {
        margin-bottom: 30px;
        padding: 40px 44px 0 44px;
        position: relative;
    }
    .productSpecs__inner h2::before,
    .relatedProducts__inner h2::before,
    .combineProducts__inner h2::before,
    .relatedArticles__inner > h2::before {
        content: '';
        width: calc(100% - 40px);
        height: 1px;
        background-color: var(--color-6);
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
    }
}

.productSpecs__carousel .splide__slide {
    padding: 5px 5px 30px 5px;
    border-radius: 20px;
    background-color: var(--color-1);
}

.blockSplideSlide .splide__arrows,
.productSpecs__carousel .splide__arrows,
.productRelated__carousel .splide__arrows,
.productCombine__carousel .splide__arrows,
.relatedArticles__carousel .splide__arrows {
    padding: 8px 14px;
    width: 94px;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 14px; */
    position: absolute;
    z-index: 9;
    top: -58px;
    right: 0;
}
.blockSplideSlide .splide__arrows {
    border: 1px solid var(--color-2);
    top: calc(100% - 86px);
    right: 14px;
}
.blockSplideSlide .splide__arrow,
.productSpecs__carousel .splide__arrow,
.productRelated__carousel .splide__arrow,
.productCombine__carousel .splide__arrow,
.relatedArticles__carousel .splide__arrow {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    background: unset;
    background-color: transparent;
    position: relative;
    top: 0;
    transform: translateY(0);
    opacity: 1;
}
.blockSplideSlide .splide__arrow:disabled,
.productSpecs__carousel .splide__arrow:disabled,
.productRelated__carousel .splide__arrow:disabled,
.productCombine__carousel .splide__arrow:disabled,
.relatedArticles__carousel .splide__arrow:disabled {
    opacity: 1;
}

.blockSplideSlide .splide__arrow.splide__arrow--prev,
.productSpecs__carousel .splide__arrow.splide__arrow--prev,
.productRelated__carousel .splide__arrow.splide__arrow--prev,
.productCombine__carousel .splide__arrow.splide__arrow--prev,
.relatedArticles__carousel .splide__arrow.splide__arrow--prev {
    left: 0;
}
.blockSplideSlide .splide__arrow.splide__arrow--next,
.productSpecs__carousel .splide__arrow.splide__arrow--next,
.productRelated__carousel .splide__arrow.splide__arrow--next,
.productCombine__carousel .splide__arrow.splide__arrow--next,
.relatedArticles__carousel .splide__arrow.splide__arrow--next {
    right: 0;
}
.blockSplideSlide .splide__arrow.splide__arrow--prev::before,
.productSpecs__carousel .splide__arrow.splide__arrow--prev::before,
.productRelated__carousel .splide__arrow.splide__arrow--prev::before,
.productCombine__carousel .splide__arrow.splide__arrow--prev::before,
.relatedArticles__carousel .splide__arrow.splide__arrow--prev::before {
    content: '';
    width: 16px;
    height: 18px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.blockSplideSlide .splide__arrow.splide__arrow--next::after,
.productSpecs__carousel .splide__arrow.splide__arrow--next::after,
.productRelated__carousel .splide__arrow.splide__arrow--next::after,
.productCombine__carousel .splide__arrow.splide__arrow--next::after,
.relatedArticles__carousel .splide__arrow.splide__arrow--next::after {
    content: '';
    width: 16px;
    height: 18px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}
.blockSplideSlide .splide__arrow.splide__arrow--prev::after,
.blockSplideSlide .splide__arrow.splide__arrow--next::before,
.productSpecs__carousel .splide__arrow.splide__arrow--prev::after,
.productSpecs__carousel .splide__arrow.splide__arrow--next::before,
.productRelated__carousel .splide__arrow.splide__arrow--prev::after,
.productRelated__carousel .splide__arrow.splide__arrow--next::before,
.productCombine__carousel .splide__arrow.splide__arrow--prev::after,
.productCombine__carousel .splide__arrow.splide__arrow--next::before,
.relatedArticles__carousel .splide__arrow.splide__arrow--prev::after,
.relatedArticles__carousel .splide__arrow.splide__arrow--next::before {
    content: '';
    width: 1px;
    height: 30px;
    background-color: var(--color-2);
    display: block;
}
.blockSplideSlide .splide__arrow.splide__arrow--prev::after,
.productSpecs__carousel .splide__arrow.splide__arrow--prev::after,
.productRelated__carousel .splide__arrow.splide__arrow--prev::after,
.productCombine__carousel .splide__arrow.splide__arrow--prev::after,
.relatedArticles__carousel .splide__arrow.splide__arrow--prev::after {
    margin-left: 14px;
}
.blockSplideSlide .splide__arrow.splide__arrow--next::before,
.productSpecs__carousel .splide__arrow.splide__arrow--next::before,
.productRelated__carousel .splide__arrow.splide__arrow--next::before,
.productCombine__carousel .splide__arrow.splide__arrow--next::before,
.relatedArticles__carousel .splide__arrow.splide__arrow--next::before {
    margin-right: 14px;
}

.blockSplideSlide .splide__arrow > svg,
.productSpecs__carousel .splide__arrow > svg,
.productRelated__carousel .splide__arrow > svg,
.productCombine__carousel .splide__arrow > svg,
.relatedArticles__carousel .splide__arrow > svg {
    display: none;
}

.blockSplideSlide .splide__pagination,
.relatedArticles__carousel .splide__pagination {
    padding: 0;
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: unset;
    right: unset;
}
.relatedArticles__carousel .splide__pagination {
    margin: 40px 0 10px;
    position: relative;
}
.blockSplideSlide .splide__pagination li button,
.relatedArticles__carousel .splide__pagination li button {
    width: 10px;
    height: 10px;
    border-radius: 100vh;
    background-color: var(--color-5);
    opacity: 1;
    transition: width .3s, background-color .3s;
}
.blockSplideSlide .splide__pagination li button.is-active,
.relatedArticles__carousel .splide__pagination li button.is-active {
    width: 60px;
    background-color: var(--color-3);
}
.relatedArticles__carousel .splide__pagination li button.is-active {
    background-color: var(--color-1);
}

.productSpecs__slide__media {
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 579/380;
}
.productSpecs__slide__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productSpecs__slide__content {
    margin-top: 30px;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.productSpecs__slide__title {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-8);
}
.productSpecs__slide__description {
    line-height: 24px;
    color: var(--color-8);
}

/* - Product banners. */
.productBanners__container {
    margin-top: 14px;
    padding: 0 20px;
}
.productBanners__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
    border-radius: 30px;
    background-color: var(--color-1);
}

.banner__container {
    padding: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.banner__container:not(:first-child) {
    border-top: 1px solid var(--color-2);
}
.banner__reverse {
    flex-direction: row-reverse;
}

.banner__media,
.banner__content {
    width: calc(50% - 30px);
    max-width: var(--width-790);
}
.banner__media {
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    aspect-ratio: 247/163;
}
.banner__media video,
.banner__media img,
.banner__media iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width: 1024px) {
    .banner__container {
        gap: 40px;
    }

    .banner__media,
    .banner__content {
        width: 100%;
        max-width: unset;
    }
    .banner__content {
        padding: 0 55px;
    }
}
@media(max-width: 600px) {
    .banner__content {
        padding: 0;
    }
}

.banner__content__inner {
    padding: 40px 0;
    width: 100%;
    max-width: var(--width-620);
}
.banner__reverse .banner__content__inner {
    margin-left: auto;
}
.banner__title {
    margin-bottom: 30px;
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-8);
}
.banner__description {
    line-height: 24px;
    color: var(--color-8);
}
.banner__link {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
}
.banner__link::after {
    display: none;
}
.banner__link__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    color: var(--color-8);
}
.banner__link__icon {
    width: 39px;
    height: 39px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.banner__link__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}
.banner__link:hover .banner__link__icon {
    background-color: var(--color-2);
}

@media(max-width: 1280px) {
    .banner__content__inner {
        padding: 0;
    }
}
@media(max-width: 1024px) {
    .banner__content__inner {
        max-width: unset;
    }
    .banner__reverse .banner__content__inner {
        margin-left: 0;
    }
}

/* - Related products. */
.productRelated__carousel .splide__pagination,
.productCombine__carousel .splide__pagination {
    margin: 24px 0 10px;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
}
.productRelated__carousel .splide__pagination__page,
.productCombine__carousel .splide__pagination__page {
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 100vh;
    background: transparent;
    background-color: var(--color-5);
    opacity: 1;
    transition: width .3s, background-color .3s;
}
.productRelated__carousel .splide__pagination__page.is-active,
.productCombine__carousel .splide__pagination__page.is-active {
    width: 60px;
    background-color: var(--color-1);
}

.productItem {
    padding: 0 14px 20px 14px;
    border-radius: 20px;
    background-color: var(--color-7);
    position: relative;
    overflow: hidden;
}
.productItem__media {
    overflow: hidden;
}
.productItem__media .productInfo__badges {
    width: calc(100% - 68px);
    top: 14px;
    left: 14px;
    gap: 5px;
}
.productItem__media .productInfo__badge {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
}
.productItem__media .productInfo__actions {
    padding: 6px 2px;
    top: 14px;
    right: 14px;
}
.productItem__media .actionFavorite,
.productItem__media .actionCompare {
    width: 30px;
    height: 30px;
}
.productItem__media a::after{
    display: none         ;
}
.productItem__media img {
    mix-blend-mode: darken;
    transition: transform .3s;
}
.productItem:hover .productItem__media img {
    transform: scale(1.1);
}

@media(max-width: 1024px) {
    .productItem {
        padding: 0 10px 20px 10px;
    }

    .productItem__media .productInfo__badges {
        top: 10px;
        left: 10px;
    }
    .productItem__media .productInfo__badge {
        padding: 5px 10px;
        font-size: 12px;
    }
    .productItem__media .productInfo__actions {
        top: 10px;
        right: 10px;
    }
}

.productItem__content {
    margin-top: 10px;
}
.productItem__colors {
    height: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}
.productItem__color {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-7);
    border-radius: 100%;
}
.productItem__color:not(:first-child) {
    margin-left: -10px;
}
.colorBlack {
    background-color: #000000 !important;
}
.colorGray {
    background-color: #808080 !important;
}
.colorSilver {
    background-color: #C0C0C0 !important;
}
.colorWhite {
    background-color: #FFFFFF !important;
}
.colorRed {
    background-color: #FF0000 !important;
}
.colorPink {
    background-color: #E96188 !important;
}
.colorPurple {
    background-color: #9972C9 !important;
}
.colorMagenta {
    background-color: #FF00FF !important;
}
.colorBlue {
    background-color: #096EB0 !important;
}
.colorCyan {
    background-color: #00FFFF !important;
}
.colorGreen	{
    background-color: #008000 !important;
}
.colorOlive	{
    background-color: #808000 !important;
}
.colorBrown	{
    background-color: #800000 !important;
}
.colorYellow {
    background-color: #FFC320 !important;
}

.productItem__more {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-4);
}

@media(max-width: 1024px) {
    .productItem__color {
        width: 14px;
        height: 14px;
    }
    .productItem__more {
        font-size: 12px;
        line-height: 20px;
    }
}

.productItem__meta {
    margin-top: 10px;
}
.productItem__meta h2,
.productItem__meta h2 a {
    margin-bottom: 0;
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--color-1);
}
.productItem__meta h2 {
    padding: 0;
}
.productItem__meta h2::before {
    display: none;
}
.productItem__meta h2 a::after {
    display: none;
}
.productItem__sku {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-4);
}

@media(max-width: 1024px) {
    .productItem__meta {
        margin-top: 5px;
    }
    .productItem__meta h2,
    .productItem__meta h2 a {
        font-size: 14px;
        line-height: 16px;
    }
    .productItem__sku {
        font-size: 12px;
        line-height: 20px;
    }
}

.productItem__meta + .productItem__prices {
    margin-top: 9px;
}

.productItem__prices__row {
    padding: 10px 0 0 0;
    border-top: 1px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    gap: 14px;
}
.productItem__prices__col {
    width: calc(50% - 7px);
}
.productItem__price__label {
    font-size: 12px;
    line-height: 18px;
}
.productItem__price__values {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.productItem__price__regular {
    font-family: var(--fontfamily-geologica);
    font-size: 12px;
    color: var(--color-4);
    position: relative;
}
.productItem__price__regular::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-4);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.productItem__price__final {
    font-family: var(--fontfamily-geologica);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-1);
}

@media(max-width: 1024px) {
    .productItem__price__label {
        font-size: 10px;
        line-height: 15px;
    }
    .productItem__price__final {
        font-size: 12px;
    }
}

/* - Product share. */
.productShare {
    padding: 15px 5px 15px 10px;
    border-top: 1px solid var(--color-2);
    border-bottom: 1px solid var(--color-2);
    border-left: 1px solid var(--color-2);
    border-radius: 20px 0 0 20px;
    background-color: var(--color-1);
    position: fixed;
    z-index: 10;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.socialMedia {
    width: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.socialMedia > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.socialMedia > a > span {
    display: none;
}
.socialMedia > a::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}
.socialMedia > a:hover::before {
    background-color: var(--color-9);
}
.socialMedia > a.x::before {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/x.svg);
    mask-image: url(assets/icons/x.svg);
}
.socialMedia > a.linkedin::before {
    width: 16px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/linkedin.svg);
    mask-image: url(assets/icons/linkedin.svg);
}
.socialMedia > a.facebook::before {
    width: 10px;
    height: 16px;
    -webkit-mask-image: url(assets/icons/facebook.svg);
    mask-image: url(assets/icons/facebook.svg);
}
.socialMedia > a.envelope::before {
    width: 22px;
    height: 16px;
    -webkit-mask-image: url(assets/icons/envelope.svg);
    mask-image: url(assets/icons/envelope.svg);
}
.socialMedia > a:not(:last-child)::after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: var(--color-2);
    display: block;
    position: unset;
}

/*
 * Product category lvl1.
 * - Block splide slider.
 * - Product categories.
 * - Brands carousel.
 * - Popular products.
 * - Related articles.
 */
.productCategory__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1920);
}

.productCategory__header {
    padding: 0 20px;
    background-color: var(--color-1);
    position: relative;
}
.productCategory__header::before,
.productCategory__header::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    z-index: 9;
    top: -20px;
}
.productCategory__header::before {
    background-image: radial-gradient(circle at 100% 0, transparent 0%, transparent 20px, var(--color-1) 20px);
    right: calc(100% - 20px);
}
.productCategory__header::after {
    background-image: radial-gradient(circle at 0 0, transparent 0%, transparent 20px, var(--color-1) 20px);
    left: calc(100% - 20px);
}

.productCategory__header .breadcrumbs > ul {
    justify-content: center;
}
.productCategory__header .breadcrumbs > ul > li,
.productCategory__header .breadcrumbs > ul > li > a,
.single-unigreen_brands .breads > ul > li,
.single-unigreen_brands .breads > ul > li > a {
    color: var(--color-8);
}

.productCategory__header {
    padding-bottom: 30px;
}
.productCategory__header h1 {
    font-family: var(--fontfamily-geologica);
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: var(--color-8);
}
.productCategory__header h1::before {
    margin: 0 auto 20px auto;
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productCategory__outdoors .productCategory__header h1::before {
    width: 41px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/outdoors.svg);
    mask-image: url(assets/icons/outdoors.svg);
}
.productCategory__diving-fishing .productCategory__header h1::before {
    width: 41px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/diving.svg);
    mask-image: url(assets/icons/diving.svg);
}
.productCategory__watersports .productCategory__header h1::before {
    width: 41px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/watersports.svg);
    mask-image: url(assets/icons/watersports.svg);
}
.productCategory__clothing .productCategory__header h1::before {
    width: 41px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/clothing.svg);
    mask-image: url(assets/icons/clothing.svg);
}
.productCategory__stock-clearance .productCategory__header h1::before {
    width: 21px;
    height: 37.5px;
    -webkit-mask-image: url(assets/icons/stockClearance.svg);
    mask-image: url(assets/icons/stockClearance.svg);
}

@media(max-width: 1024px) {
    .productCategory__header h1 {
        font-size: 24px;
    }
}

.productCategory__header__sep {
    background-color: var(--color-1);
}
.productCategory__header__sep::before {
    content: '';
    margin: 0 auto;
    width: calc(100% - 28px);
    height: 1px;
    background-color: var(--color-2);
    display: block;
}

/* - Block splide slider. */
.blockSplideSlide {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1920);
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.blockSplideSlide__item {
    padding: 20px 14px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.blockSplideSlide__media {
    width: calc(60% - 10px);
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 579/380;
}
.blockSplideSlide__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockSplideSlide__content {
    width: calc(40% - 10px);
}
.blockSplideSlide__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-450);
}
.blockSplideSlide__inner h2 {
    margin-bottom: 0;
    font-family: var(--fontfamily-geologica);
    font-size: 36px;
    font-weight: 600;
    color: var(--color-9);
}
.blockSplideSlide__inner .wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.blockSplideSlide__inner .wp-block-button {
    display: flex;
    align-items: center;
}
.blockSplideSlide__inner .wp-block-button__link {
    padding: 3px 5px 3px 19px;
    order: 0;
    border-radius: 100vh;
    background-color: var(--color-7);
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    color: var(--color-0);
    display: flex;
    align-items: center;
    gap: 9px;
}
.blockSplideSlide__inner .wp-block-button__link::before {
    content: '';
    order: 1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    transition: background-color .3s;
}
.blockSplideSlide__inner .wp-block-button__link:hover::before {
    background-color: var(--color-2);
}
.blockSplideSlide__inner .wp-block-button__link::after {
    content: '';
    order: 2;
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
    position: absolute;
    top: calc(50% - 7px);
    left: calc(100% - 32px);
}
.blockSplideSlide__tagline {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.blockSplideSlide__description > p {
    line-height: 24px;
    color: var(--color-8);
}
.blockSplideSlide__description > ul > li {
    color: var(--color-8);
}

.blockSplideSlide__tagline + h2 {
    margin-top: 5px;
}
.blockSplideSlide__tagline + .blockSplideSlide__description,
.blockSplideSlide__inner h2 + .blockSplideSlide__description {
    margin-top: 30px;
}
.blockSplideSlide__tagline + .wp-block-buttons,
.blockSplideSlide__inner h2 + .wp-block-buttons,
.blockSplideSlide__description + .wp-block-buttons {
    margin-top: 40px;
}

.blockSplideSlide__pagination {
    margin: 0 0 -16px auto;
    width: calc(40% - 10px);
    transform: translateY(-70px);
}
.blockSplideSlide__pagination .splide__pagination {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: var(--width-450);
    display: flex;
    justify-content: start;
    gap: 10px;
    position: unset;
    /* bottom: 0; */
    /* left: unset; */
    /* right: unset; */
}

@media(max-width: 1366px) {
    .blockSplideSlide__inner h2 {
        font-size: 34px;
    }
}
@media(max-width: 1180px) {
    .blockSplideSlide__pagination {
        display: none;
    }
}
@media(max-width: 1024px) {
    .blockSplideSlide__inner h2 {
        font-size: 22px;
    }

    .blockSplideSlide__tagline + .blockSplideSlide__description,
    .blockSplideSlide__inner h2 + .blockSplideSlide__description {
        margin-top: 20px;
    }
}
@media(max-width: 980px) {
    .blockSplideSlide .splide__arrows {
        display: none;
    }

    .blockSplideSlide__item {
        padding: 20px 14px 96px 14px;
        flex-direction: column;
    }
    .blockSplideSlide__media,
    .blockSplideSlide__content,
    .blockSplideSlide__pagination {
        width: 100%;
        max-width: var(--width-480);
    }

    .blockSplideSlide__pagination {
        margin: 0 auto -16px auto;
        padding: 0 14px;
        display: flex;
        transform: translateY(-66px);
    }
}
@media(max-width: 600px) {
    .blockSplideSlide__inner {
        margin: 0;
        padding: 0 20px;
        max-width: unset;
    }

    .blockSplideSlide__pagination {
        padding: 0 34px;
        max-width: unset;
    }
}

.blockSplideSlide__backgroundMedia .blockSplideSlide__media {
    border-radius: 0 0 24px 24px;
    width: 100%;
    height: 100%;
    max-width: unset;
    position: absolute;
    top: 0;
    left: 0;
}
.blockSplideSlide__backgroundMedia .blockSplideSlide__media::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,.0) 50%, rgba(0,0,0,.6) 75%);
    background-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
}
.blockSplideSlide__backgroundMedia .blockSplideSlide__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockSplideSlide__backgroundMedia .blockSplideSlide__content {
    margin: 0 0 0 auto;
    z-index: 9;
}

@media(max-width: 980px) {
    .blockSplideSlide__backgroundMedia .blockSplideSlide__media::after {
        background: linear-gradient(180deg, rgba(0,0,0,.0) 40%, rgba(0,0,0,.6) 80%);
    }
    .blockSplideSlide__backgroundMedia .blockSplideSlide__content {
        margin: auto 0 0 0;
    }
}

/* - Product categories. */
.productCategories__container,
.productBrands__container,
.productPopular__container {
    margin-top: 14px;
    padding: 0 20px;
}
.productCategories__inner,
.productBrands__inner,
.productPopular__inner {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: var(--width-1890);
    border: 1px solid var(--color-6);
    border-radius: 20px;
}
.productCategories__inner > h2,
.productBrands__inner > h2 {
    padding: 20px 20px 10px 20px;
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-0);
    text-align: center;
}

@media(max-width: 980px) {
    .productBrands__inner {
        padding: 20px 0;
    }
}
@media(max-width: 600px) {
    .productCategories__inner {
        padding: 20px 0 0 0;
        border: none;
        border-radius: 0;
    }
    .productBrands__container,
    .productPopular__container {
        margin-top: 34px;
        padding: 0;
    }
    .productPopular__container {
        margin-top: 48px;
    }
    .productBrands__container::before,
    .productPopular__container::before {
        content: '';
        margin: 0 auto;
        width: calc(100% - 40px);
        height: 1px;
        background-color: var(--color-6);
        display: block;
    }
    .productBrands__inner {
        padding: 40px 0 0 0;
        border: none;
        border-radius: 0;
    }
    .productPopular__inner {
        padding: 30px 20px 0 20px;
        border: none;
        border-radius: 0;
    }
    .productBrands__inner > h2 {
        margin: 0;
        padding: 0 20px 40px 20px;
    }
}

.productCategories__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}
.productCategories__item {
    padding: 10px;
    width: calc(20% - 11.5px);
    border-radius: 20px;
    background-color: var(--color-8);
}
.productCategories__item__media {
    border-radius: 20px;
    overflow: hidden;
}
.productCategories__item__media a {
    display: flex;
}
.productCategories__item__media a:hover::after {
    display: none;
}
.productCategories__item__media img {
    mix-blend-mode: darken;
}

@media(max-width: 1366px) {
    .productCategories__list {
        justify-content: start;
    }
    .productCategories__item {
        width: calc(25% - 10.5px);
    }
}
@media(max-width: 1024px) {
    .productCategories__item {
        width: calc(33.33% - 9.5px);
    }
}
@media(max-width: 980px) {
    .productCategories__item {
        width: calc(50% - 7px);
    }
}
@media(max-width: 600px) {
    .productCategories__item {
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }
}

.productCategories__item__content {
    padding: 10px 10px 0 10px;
}
.productCategories__item__media + .productCategories__item__content {
    margin-top: 20px;
}
.productCategories__item__content h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-0);
}
.productCategories__item__subcategoriesList,
.productCategory__item__subcategoriesList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}
.productCategories__item__subcategoriesList a,
.productCategory__item__subcategoriesList a {
    padding: 4px 10px;
    border-radius: 100vh;
    background-color: var(--color-1);
    font-size: 14px;
    line-height: 24px;
    color: var(--color-8);
    display: block;
    transition: background-color .3s;
}
.productCategories__item__subcategoriesList a:hover,
.productCategory__item__subcategoriesList a:hover {
    background-color: var(--color-2);
}
.productCategories__item__subcategoriesList a:hover::after,
.productCategory__item__subcategoriesList a:hover::after {
    display: none;
}
.productCategories__item__subcategoriesList__more,
.productCategory__item__subcategoriesList__more {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-0);
}
.productCategories__item__content h2 + .productCategories__item__subcategoriesList {
    margin-top: 20px;
}

.productCategories__item__subcategoriesList__button,
.productCategory__item__subcategoriesList__button {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--color-6);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.productCategories__item__subcategoriesList__button__label,
.productCategory__item__subcategoriesList__button__label {
    width: calc(100% - 54px);
    font-family: var(--fontfamily-geologica);
    font-size: 14px;
    font-weight: 500;
}
.productCategories__item__subcategoriesList__button__icon,
.productCategory__item__subcategoriesList__button__icon {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.productCategories__item__subcategoriesList__button:hover .productCategories__item__subcategoriesList__button__icon,
.productCategory__item__subcategoriesList__button:hover .productCategory__item__subcategoriesList__button__icon {
    background-color: var(--color-2);
}
.productCategories__item__subcategoriesList__button__icon::before,
.productCategory__item__subcategoriesList__button__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

/* - Brands carousel. */
.productBrands__slider {
    margin: 0 auto;
    padding: 0 70px;
    width: 100%;
    max-width: 1750px;
}

@media(max-width: 980px) {
    .productBrands__slider {
        padding: 0;
    }
}

.productBrands__item {
    border-radius: 20px;
    background-color: var(--color-7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.productBrands__item:hover {
    background-color: var(--color-8);
}
.productBrands__item > a:hover::after {
    display: none;
}

.productBrands__carousel .splide__arrow,
.subCategories__carousel .splide__arrow,
.network__carousel .splide__arrow,
.manufacturer__carousel .splide__arrow,
.timeline__carousel .splide__arrow {
    /* padding: 10px; */
    width: 50px;
    height: 50px;
    /* border: 1px solid var(--color-6); */
    border-radius: 100%;
    background: unset;
    background-color: var(--color-1);
    opacity: 1;
    transition: background-color .3s;
}
.productBrands__carousel .splide__arrow:hover:not(:disabled),
.subCategories__carousel .splide__arrow:hover:not(:disabled),
.network__carousel .splide__arrow:hover:not(:disabled),
.manufacturer__carousel .splide__arrow:hover:not(:disabled),
.timeline__carousel .splide__arrow:hover:not(:disabled) {
    background-color: var(--color-2);
    opacity: 1;
}
.productBrands__carousel .splide__arrow::before,
.subCategories__carousel .splide__arrow::before,
.network__carousel .splide__arrow::before,
.manufacturer__carousel .splide__arrow::before,
.timeline__carousel .splide__arrow::before {
    content: '';
    width: 16px;
    height: 18px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productBrands__carousel .splide__arrow.splide__arrow--prev,
.subCategories__carousel .splide__arrow.splide__arrow--prev,
.network__carousel .splide__arrow.splide__arrow--prev,
.manufacturer__carousel .splide__arrow.splide__arrow--prev,
.timeline__carousel .splide__arrow.splide__arrow--prev {
    left: unset;
    right: calc(100% + 20px);
}
.productBrands__carousel .splide__arrow.splide__arrow--prev::before,
.subCategories__carousel .splide__arrow.splide__arrow--prev::before,
.network__carousel .splide__arrow.splide__arrow--prev::before,
.manufacturer__carousel .splide__arrow.splide__arrow--prev::before,
.timeline__carousel .splide__arrow.splide__arrow--prev::before {
    /* transform: rotate(90deg); */
}
.productBrands__carousel .splide__arrow.splide__arrow--next,
.subCategories__carousel .splide__arrow.splide__arrow--next,
.network__carousel .splide__arrow.splide__arrow--next,
.manufacturer__carousel .splide__arrow.splide__arrow--next,
.timeline__carousel .splide__arrow.splide__arrow--next {
    left: calc(100% + 20px);
    right: unset;
}
.productBrands__carousel .splide__arrow.splide__arrow--next::before,
.subCategories__carousel .splide__arrow.splide__arrow--next::before,
.network__carousel .splide__arrow.splide__arrow--next::before,
.manufacturer__carousel .splide__arrow.splide__arrow--next::before,
.timeline__carousel .splide__arrow.splide__arrow--next::before {
    transform: rotate(180deg);
}
.productBrands__carousel .splide__arrow > svg,
.subCategories__carousel .splide__arrow > svg,
.network__carousel .splide__arrow > svg,
.manufacturer__carousel .splide__arrow > svg,
.timeline__carousel .splide__arrow > svg {
    display: none;
}

/* - Popular products. */
.productPopular__header {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

@media(max-width: 1024px) {
    .productPopular__header {
        flex-direction: column;
    }
}

.productPopular__header h2 {
    margin: 0;
    /* padding: 20px 20px 10px 20px; */
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-0);
}

.productPopular__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.productPopular__filter__item {
     padding: 10px 14px;
     border-radius: 100vh;
     background-color: var(--color-7);
     font-weight: 500;
     line-height: 26px;
     color: var(--color-0);
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     transition: background-color .3s, color .3s;
}
.productPopular__filter__item:first-child::before {
    content: '';
    width: 19px;
    height: 17px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/unigreen.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/unigreen.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productPopular__filter__item:hover,
.productPopular__filter__item.active {
    background-color: var(--color-1);
    color: var(--color-8);
}

.productPopular__list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.productPopular__list .productItem {
    width: calc(16.67% - 11.75px);
}
.productPopular__list .productItem .productItem__price__values {
    flex-wrap: wrap;
    gap: 5px;
}

@media(max-width: 1366px) {
    .productPopular__list .productItem {
        width: calc(25% - 10.5px);
    }
}
@media(max-width: 980px) {
    .productPopular__list .productItem {
        width: calc(33.33% - 9.5px);
    }
}
@media(max-width: 600px) {
    .productPopular__list .productItem {
        width: calc(50% - 7px);
    }

    .productPopular__list .productItem .productItem__prices__row,
    .productListing__results__list .productItem .productItem__prices__row {
        flex-direction: column;
    }
    .productPopular__list .productItem .productItem__prices__col,
    .productListing__results__list .productItem .productItem__prices__col {
        width: 100%;
    }
}

/* - Related articles. */
.articleItem {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
}

.articleItem__image {
    width: 100%;
    height: 100%;
    position: relative;
}
.articleItem__image a {
    display: contents;
}
.articleItem__image a::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,.0) 60%, rgba(0,0,0,.8) 100%);
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}
.articleItem__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
.articleItem:hover .articleItem__image img {
    transform: scale(1.05);
}

.articleItem__date {
    padding: 10px 5px;
    width: 70px;
    border-radius: 20px;
    background-color: var(--color-1);
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 15px;
}
.articleItem__day {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-9);
    text-align: center;
}
.articleItem__month {
    line-height: 24px;
    color: var(--color-9);
    text-align: center;
}
.articleItem__month::before {
    content: '';
    margin: 5px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-2);
    display: block;
}

.articleItem__intro {
    padding: 0 20px 14px 20px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
}

.articleItem__category a {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-3);
}
.articleItem__category a:hover::after {
    display: none;
}

.articleItem__title a {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-9);
}
.articleItem__title a:hover::after {
    display: none;
}

@media(max-width: 600px) {
    .articleItem__title a {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

/* Product category lvl2. */
.page-template-page-product_category_lvl2 .productCategory__header,
.page-template-page-product_category_stock .productCategory__header,
.page-template-page-product_brand .productCategory__header,
.single-unigreen_brands .productCategory__header.borderedRadiusEdges {
    border-radius: 0 0 20px 20px;
}
.page-template-page-product_category_lvl2 .productCategory__header h1::before,
.page-template-page-product_category_lvl3 .productCategory__header h1::before,
.page-template-page-product_brand .productCategory__header h1::before,
.page-template-page-product_brand_extended .productCategory__header h1::before {
    margin: 0 auto;
}

/*
 * Product category lvl3.
 * - Filter sidebar.
 * - General filter item.
 * - Colored filter item.
 * - Tag view filter item.
 * - Price range slider.
 * - Product archive settings.
 * - Active filters section.
 * - Archive products list.
 */
.subcategoriesSlider {
    padding-bottom: 20px;
    border-radius: 0 0 20px 20px;
    background-color: var(--color-1);
}
.subcategoriesSlider__inner {
    margin: 0 auto;
    padding: 0 84px;
    width: 100%;
    max-width: var(--width-1890);
}

.subCategoryItem {
    padding: 3px;
    border: 1px solid var(--color-2);
    border-radius: 20px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.subCategoryItem:hover::after {
    display: none;
}

.subCategoryItem__media {
    padding: 5px;
    width: 100px;
    height: 100px;
    border-radius: 18px;
    background-color: var(--color-8);
    overflow: hidden;
    aspect-ratio: 1;
}
.subCategoryItem__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
}

.subCategoryItem__info {
    padding: 0 20px;
    width: calc(100% - 100px);
}

.subCategoryItem__title {
    margin-bottom: 5px;
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 500;
    color: var(--color-8);
}
.subCategoryItem__counter {
    font-size: 14px;
    line-height: 21px;
    color: var(--color-8);
}

@media(max-width: 1024px) {
    .subCategoryItem__media {
        width: 70px;
        height: 70px;
    }

    .subCategoryItem__info {
        width: calc(100% - 70px);
    }

    .subCategoryItem__title {
        margin-bottom: 0;
        font-size: 14px;
    }
    .subCategoryItem__counter {
        font-size: 10px;
        line-height: 15px;
    }
}
@media(max-width: 600px) {
    .subcategoriesSlider__inner {
        padding: 0;
        width: 100%;
    }
}

.productListing__container {
    padding: 0 20px;
}
.productListing__inner {
    margin: 20px auto 0 auto;
    width: 100%;
    max-width: var(--width-1890);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.productListing__filters {
    width: 340px;
}
.productListing__main {
    width: calc(100% - 354px);
}

@media(max-width: 1024px) {
    .productListing__filters {
        height: 100vh;
        background-color: var(--color-9);
        position: fixed;
        z-index: 9995;
        top: 0;
        right: 0;
        transform: translateX(100%);
        overflow-y: scroll;
        transition: transform .3s;
    }
    .productListing__filters.open {
        transform: translateX(0);
    }
    .productListing__main {
        width: 100%;
    }
}

/* - Filter sidebar. */
.productListing__filters__responsiveHeader {
    display: none;
}

.toggle__filter:not(:first-child),
.price__filter {
    border-top: 1px solid var(--color-6);
}

.toggle__filter__header {
    padding: 20px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.toggle__filter__header__label,
.price__filter__header__label {
    font-family: var(--fontfamily-geologica);
    font-size: 17px;
    font-weight: 500;
    color: var(--color-0);
}
.toggle__filter__header__iconInfo {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: var(--color-7);
    font-family: var(--fontfamily-geologica);
    line-height: 24px;
    color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.toggle__filter__infoPopup {
    padding: 14px;
    width: 320px;
    border: 1px solid var(--color-2);
    border-radius: 10px;
    background-color: var(--color-1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    z-index: 10;
    bottom: 32px;
    left: 50%;
    transform: translateX(-82.5%);
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s;
}
.toggle__filter__header__iconInfo.active .toggle__filter__infoPopup {
   visibility: visible;
   opacity: 1;
}
.toggle__filter__infoPopup__title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-8);
}
.toggle__filter__infoPopup__description,
.toggle__filter__infoPopup__description > a {
    line-height: 24px;
    color: var(--color-8);
}
.toggle__filter__header__icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle__filter__header__icon::before {
    content: '';
    width: 17px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-chevron.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-chevron.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.toggle__filter.is-open .toggle__filter__header__icon::before {
    transform: rotate(180deg);
}
.toggle__filter__header__label + .toggle__filter__header__iconInfo,
.toggle__filter__header__label + .toggle__filter__header__icon {
    margin-left: auto;
}

.toggle__filter__content {
    margin-bottom: 20px;
}
.toggle__filter__content.has-scroll {
    height: 100%;
    max-height: 400px;
    overflow: hidden;
}
.toggle__filter__content.has-scroll .toggle__filter__content__inner {
    height: 400px;
    overflow-y: auto;
}

@media(max-width: 1024px) {
    .productListing__filters__responsiveHeader {
        display: block;
    }
    .productListing__filters__responsiveTitle {
        padding: 10px 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        position: relative;
    }
    .productListing__filters__responsiveTitle::after,
    .productListing__filters .productListing__activeFilters::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--color-6);
        position: absolute;
        top: 100%;
        left: 0;
    }
    .productListing__filters__responsiveTitle__label {
        font-family: var(--fontfamily-geologica);
        font-size: 17px;
        font-weight: 500;
        color: var(--color-0);
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }
    .productListing__filters__responsiveTitle__label__icon {
        width: 46px;
        height: 46px;
        border-radius: 100%;
        background-color: var(--color-1);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .productListing__filters__responsiveTitle__iconClose::before {
        margin-left: auto;
        content: '';
        width: 16px;
        height: 16px;
        background-color: var(--color-1);
        -webkit-mask-image: url(assets/icons/plus.svg);
        -webkit-mask-position: center center;
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-image: url(assets/icons/plus.svg);
        mask-position: center center;
        mask-size: contain;
        mask-repeat: no-repeat;
        display: block;
        transform: rotate(45deg);
        cursor: pointer;
    }

    .productListing__filters .productListing__activeFilters {
        padding: 10px 20px;
        position: relative;
    }

    .productListing__filters__list {
        padding: 10px 10px 20px 20px;
    }
}

/* - General filter item. */
.filter__checkbox__item:not(:last-child) {
    margin-bottom: 10px;
}
.filter__checkbox__item input[type="checkbox"] {
    display: none;
}
.filter__checkbox__item label {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.filter__checkbox__item__icon {
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-7);
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter__checkbox__item input[type="checkbox"]:checked + label .filter__checkbox__item__icon::before {
    content: '';
    width: 11px;
    height: 6.5px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/tick.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/tick.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.filter__checkbox__item__label {
    font-size: 14px;
    line-height: 21px;
    color: var(--color-0);
}
.filter__checkbox__item__counter {
    font-size: 14px;
    line-height: 21px;
    color: var(--color-13);
}
.filter__checkbox__item__brandLogo {
    margin-left: auto;
    padding: 2.5px 5px;
    width: 70px;
    height: 30px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter__checkbox__item__brandLogo svg,
.filter__checkbox__item__brandLogo img {
    width: 40px;
    height: auto;
}

.lvl4SubCategories__list {
    margin-bottom: 20px;
    padding: 0 0 6px 30px;
    position: relative;
}
.lvl4SubCategories__list::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--color-1);
    position: absolute;
    top: 0;
    left: 14px;
}
.lvl4SubCategories__list .filter__checkbox__item:not(:last-child) {
    margin-bottom: 12px;
}

/* - Colored filter item. */
.coloredCheckbox .filter__checkbox__item__icon {
    border-radius: 100%;
}
.coloredCheckbox.filter__checkbox__item.lightBackground input[type="checkbox"]:checked + label .filter__checkbox__item__icon::before {
    background-color: var(--color-1);
}
.coloredCheckbox.filter__checkbox__item.darkBackground input[type="checkbox"]:checked + label .filter__checkbox__item__icon::before {
    background-color: var(--color-3);
}

/* - Tag view filter item. */
.taggedListFilter .toggle__filter__content__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.capacityCheckbox {
    margin-bottom: 0 !important;
}
.capacityCheckbox label {
    padding: 10px;
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-7);
    transition: border-color .3s;
}
.capacityCheckbox.filter__checkbox__item input[type="checkbox"]:checked + label {
    border-color: var(--color-1);
}

/* - Price range slider. */
.price__filter__header {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.price__filter__header__note {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-0);
}

.price__filter__content .noUi-target {
    border: 1px solid transparent;
    border-radius: 100vh;
    background: transparent;
    background-color: var(--color-6);
    box-shadow: unset;
}
.price__filter__content .noUi-horizontal {
    margin: 0 auto;
    width: calc(100% - 30px);
    height: 5px;
}
.price__filter__content .noUi-connect {
    background-color: var(--color-1);
}
.price__filter__content .noUi-handle {
    border: 4px solid var(--color-1);
    border-radius: 100%;
    background-color: var(--color-3);
    box-shadow: unset;
}
.price__filter__content .noUi-handle:after,
.price__filter__content .noUi-handle:before {
    display: none;
}
.price__filter__content .noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.rangeSlider__filter__priceMinMax {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.rangeSlider__filter__priceMinMax > input[type="text"] {
    padding: 10px;
    width: calc(50% - 5px);
    border: 1px solid var(--color-6);
    border-radius: 5px;
    background-color: var(--color-7);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* - Product archive settings. */
.productListing__settings {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.productListing__filters__button {
    padding: 3px 5px 3px 19px;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: none;
    align-items: center;
    gap: 9px;
    transition: background-color .3s;
    cursor: pointer;
}
.productListing__filters__button:hover {
    background-color: var(--color-2);
}
.productListing__filters__button__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.productListing__filters__button__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.productListing__filters__button__icon::before,
.productListing__filters__responsiveTitle__label__icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/filters.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/filters.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

@media(max-width: 1024px) {
    .productListing__filters__button {
        display: inline-flex;
    }
}
@media(max-width: 600px) {
    .productListing__filters__button {
        position: fixed;
        z-index: 10;
        bottom: 14px;
        left: 14px;
    }
}

.productListing__counter {
    line-height: 24px;
}

@media(max-width: 1024px) {
    .productListing__counter {
        margin-left: auto;
    }
}
@media(max-width: 600px) {
    .productListing__counter {
        margin-left: 0;
        width: 100%;
    }
}

.productListing__orderby {
    margin-left: auto;
    padding: 10px 20px;
    width: 300px;
    border-radius: 100vh;
    background-color: var(--color-7);
    position: relative;
    cursor: pointer;
    /* transition: border-radius .1s; */
}
.productListing__orderby.is-open {
    border-radius: 30px 30px 0 0;
}
.productListing__orderby__title {
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.productListing__orderby__title::after {
    content: '';
    width: 14px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-caret.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-caret.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .3s;
}
.productListing__orderby.is-open .productListing__orderby__title::after {
    transform: rotate(180deg);
}
.productListing__orderby__list {
    margin-top: 10px;
    padding: 0 20px 10px 20px;
    width: 100%;
    border-radius: 0 0 30px 30px;
    background-color: var(--color-7);
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    z-index: 8;
    top: calc(100% - 10px);
    left: 0;
}

@media(max-width: 1024px) {
    .productListing__orderby {
        margin-left: 0;
    }
}

/* - Active filters section. */
.productListing__activeFilters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.productListing__activeFilter,
.productListing__clearAllFilters {
    padding: 6px 10px;
    border: 1px solid var(--color-6);
    border-radius: 100vh;
    background-color: var(--color-7);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}
.productListing__activeFilter__label,
.productListing__clearAllFilters__label {
    font-size: 12px;
    line-height: 18px;
    color: var(--color-0);
}
.productListing__activeFilter__icon::before,
.productListing__clearAllFilters__icon::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(45deg);
    cursor: pointer;
}

/* - Archive products list. */
.productListing__results {
    margin-top: 20px;
}
.productListing__results__list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.productListing__results__list .productItem {
    width: calc(20% - 11.25px);
}
.productListing__results__list .productItem .productItem__price__values {
    flex-wrap: wrap;
    gap: 5px;
}

@media(max-width: 1366px) {
    .productListing__results__list .productItem {
        width: calc(33.33% - 9.5px);
    }
}
@media(max-width: 1024px) {
    .productListing__results__list .productItem {
        width: calc(25% - 10.5px);
    }
}
@media(max-width: 980px) {
    .productListing__results__list .productItem {
        width: calc(33.33% - 9.5px);
    }
}
@media(max-width: 600px) {
    .productListing__results__list .productItem {
        width: calc(50% - 7px);
    }
}

/*
 * Brand.
 * - Discover brand.
 * - Why brand.
 * - Partnership.
 */
.page-template-page-product_brand .productCategory__header,
.page-template-page-product_brand_extended .productCategory__header,
.single-unigreen_brands .productCategory__header {
    text-align: center;
}

/* - Discover brand. */
.discoverBrand__container,
.whyBrand__container,
.partnership__container {
    padding: 0 20px;
}
.discoverBrand__container {
    margin-top: 54px;
    margin-bottom: 40px;
}
.discoverBrand__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-620);
}

.discoverBrand__inner h2,
.whyBrand__intro h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}

@media(max-width: 1024px) {
    .discoverBrand__inner h2,
    .whyBrand__intro h2 {
        font-size: 26px;
    }
}

.discoverBrand__icon {
    text-align: center;
}

.discoverBrand__description,
.whyBrand__description {
    line-height: 24px;
    text-align: center;
}

/* - Why brand. */
.whyBrand__container {
    margin-top: 54px;
}
.whyBrand__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1700);
}
.whyBrand__intro {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-620);
}
.whyBrand__intro h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 53px;
    height: 53px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow-bullseye.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-bullseye.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.whyBrand__cards,
.blockInfobox__list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}
.whyBrand__cardItem,
.blockInfobox__item {
    padding: 20px 20px 30px 20px;
    width: 100%;
    max-width: var(--width-450);
    border-radius: 30px;
    background-color: var(--color-1);
}
.whyBrand__cardItem__icon,
.blockInfobox__item__icon {
    margin: 3px 3px 20px 3px;
    width: auto;
    height: 32px;
}
.whyBrand__cardItem__icon svg,
.blockInfobox__item__icon svg {
    width: auto;
    height: 100%;
}
.whyBrand__cardItem__label,
.blockInfobox__item__title {
    margin-bottom: 20px;
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-9);
}
.whyBrand__cardItem__description,
.blockInfobox__item__description {
    line-height: 24px;
    color: var(--color-9);
}

/* - Partnership. */
.page-template-page-product_brand_extended .partnership__container {
    margin-top: 88px;
}
.partnership__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
}
.partnership__media {
    height: 520px;
    border-radius: 30px;
    display: flex;
    overflow: hidden;
}
.partnership__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagePartnership__heading {
    margin-top: -80px;
}
.pagePartnership__heading .partnership__container {
    padding: 0;
}
.pagePartnership__heading .partnership__inner {
    max-width: var(--width-1920);
}
.pagePartnership__heading .partnership__media {
    height: 540px;
    border-radius: 0 0 30px 30px;
}

@media(max-width: 980px) {
    .partnership__container {
        padding: 0;
    }
}
@media(max-width: 600px) {
    .partnership__media,
    .pagePartnership__heading .partnership__media {
        height: 340px;
    }
}

.partnership__content {
    margin: -150px auto 0 auto;
    padding: 30px;
    width: 100%;
    max-width: var(--width-935);
    border: 1px solid var(--color-6);
    border-radius: 30px;
    background-color: var(--color-9);
    position: relative;
    z-index: 9;
}
.partnership__content h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}
.partnership__content h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 47px;
    height: 40px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/partnership.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/partnership.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

@media(max-width: 1024px) {
    .partnership__content h2 {
        font-size: 26px;
    }
}
@media(max-width: 600px) {
    .partnership__content {
        margin: -50px auto 0 auto;
        padding: 30px 14px;
    }
}

.partnership__description {
    line-height: 24px;
    text-align: center;
}

.partnership__contacts {
    margin-top: 20px;
}
.partnership__contacts__inner {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    max-width: var(--width-555);
    border-top: 2px solid var(--color-6);
    border-bottom: 2px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

@media(max-width: 600px) {
    .partnership__contacts__inner {
        max-width: var(--width-285);
    }
}

.partnership__contacts__phone,
.partnership__contacts__email {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
}
.partnership__contacts__phone::before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/phone.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/phone.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.partnership__contacts__email::before {
    content: '';
    width: 22px;
    height: 16px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/envelope.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/envelope.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(-30deg);
}
.partnership__contacts__phone > a,
.partnership__contacts__email > a {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
}
.partnership__contacts__phone > a:hover::after,
.partnership__contacts__email > a:hover::after {
    display: none;
}
.partnership__contacts__phone > a > span {
    color: var(--color-4);
}

.partnership__actions,
.blockWideBanner__actions {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.partnership__actions > a:hover::after,
.blockWideBanner__actions > a:hover::after {
    display: none;
}
.partnership__actions__services,
.partnership__actions__contact,
.blockWideBanner__actions__services,
.blockWideBanner__actions__contact {
    padding: 5px 5px 5px 19px;
    border-radius: 100vh;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    transition: background-color .3s;
}
.partnership__actions__services,
.blockWideBanner__actions__services {
    background-color: var(--color-7);
}
.partnership__actions__contact,
.blockWideBanner__actions__contact {
    background-color: var(--color-1);
}
.partnership__actions__contact:hover,
.blockWideBanner__actions__contact:hover {
    background-color: var(--color-2);
}
.partnership__actions__label,
.blockWideBanner__actions__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
}
.partnership__actions__contact .partnership__actions__label,
.blockWideBanner__actions__contact .blockWideBanner__actions__label {
    color: var(--color-8);
}
.partnership__actions__icon,
.blockWideBanner__actions__icon {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s, background-color .3s;
}
.partnership__actions__services .partnership__actions__icon,
.blockWideBanner__actions__services .blockWideBanner__actions__icon {
    background-color: var(--color-1);
}
.partnership__actions__services:hover .partnership__actions__icon,
.blockWideBanner__actions__services:hover .blockWideBanner__actions__icon {
    background-color: var(--color-2);
}
.partnership__actions__contact .partnership__actions__icon,
.blockWideBanner__actions__contact .blockWideBanner__actions__icon {
    border-color: var(--color-2);
}
.partnership__actions__contact:hover .partnership__actions__icon,
.blockWideBanner__actions__contact:hover .blockWideBanner__actions__icon {
    border-color: var(--color-1);
}
.partnership__actions__icon::before,
.blockWideBanner__actions__icon::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.partnership__actions__services .partnership__actions__icon::before,
.blockWideBanner__actions__services .blockWideBanner__actions__icon::before {
    width: 15px;
    height: 14px;
    -webkit-mask-image: url(assets/icons/arrow.svg);
    mask-image: url(assets/icons/arrow.svg);
    transform: rotate(180deg);
}
.partnership__actions__contact .partnership__actions__icon::before,
.blockWideBanner__actions__contact .blockWideBanner__actions__icon::before {
    width: 17px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/toggle-contact.svg);
    mask-image: url(assets/icons/toggle-contact.svg);
}

.partnership__contactForm__label {
    margin: 40px 0;
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

/* Post. */
.single-post > main {
    padding: 0 20px;
}

.singlePost__categories {
    margin: 20px 0 10px 0;
    line-height: 24px;
    text-align: center;
    color: var(--color-1);
}
.singlePost__categories a {
    font-weight: 500;
    color: var(--color-1);
}
.singlePost__categories a:hover::after {
    background-color: var(--color-1);
}

.single-post h1 {
    margin-bottom: 30px;
    font-family: var(--fontfamily-geologica);
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    color: var(--color-0);
}

.singlePost__media {
    margin-bottom: 40px;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.singlePost__content > h2 {
    margin-bottom: 30px;
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
}
.singlePost__content > h2:last-child {
    margin-bottom: 0;
}
.singlePost__content > p {
    line-height: 24px;
}
.singlePost__content > ul {
    padding-left: 18px;
    list-style: disc;
    list-style-position: outside;
    font-weight: 600;
}
.singlePost__content > ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.singlePost__content > .wp-block-buttons:not(:last-child) {
    margin-bottom: 20px;
}
.singlePost__content > .wp-block-buttons > .wp-block-button > .wp-block-button__link {
    padding: 3px 5px 3px 19px;
    border-radius: 100vh;
    background-color: var(--color-7);
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    position: relative;
}
.singlePost__content > .wp-block-buttons > .wp-block-button > .wp-block-button__link::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: 8;
    top: calc(50% - 7px);
    right: 17px;
    transform: rotate(180deg);
}
.singlePost__content > .wp-block-buttons > .wp-block-button > .wp-block-button__link::after {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-1);
    position: relative;
}
.singlePost__content > .wp-block-buttons > .wp-block-button > .wp-block-button__link:hover::after {
    background-color: var(--color-2);
}

.tagCloud {
    margin-top: 40px;
}
.tagCloud__title,
.shareOnSocial__title {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-0);
}
.tagCloud__list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tagCloud__list a {
    padding: 10px 12px;
    border-radius: 100vh;
    background-color: var(--color-7);
    font-weight: 500;
    color: var(--color-1);
    transition: background-color .3s;
}
.tagCloud__list a:hover {
    background-color: var(--color-6);
}
.tagCloud__list a:hover::after {
    display: none;
}

.shareOnSocial {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.shareOnSocial__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.shareOnSocial__list > a {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.shareOnSocial__list > a:hover {
    background-color: var(--color-2);
}
.shareOnSocial__list > a::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.shareOnSocial__list > a.linkedin::before {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/linkedin.svg);
    mask-image: url(assets/icons/linkedin.svg);
}
.shareOnSocial__list > a.facebook::before {
    width: 13px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/facebook.svg);
    mask-image: url(assets/icons/facebook.svg);
}
.shareOnSocial__list > a.twitter::before {
    width: 30px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/x-twitter.svg);
    mask-image: url(assets/icons/x-twitter.svg);
}
.shareOnSocial__list > a.pinterest::before {
    width: 32px;
    height: 32px;
    -webkit-mask-image: url(assets/icons/pinterest.svg);
    mask-image: url(assets/icons/pinterest.svg);
}
.shareOnSocial__list > a:hover::after,
.shareOnSocial__list > a > span {
    display: none;
}

@media(max-width: 600px) {
    .shareOnSocial {
        flex-direction: column;
        align-items: flex-start;
    }
}

.single-post .relatedArticles__container {
    margin-top: 40px;
    padding: 0;
}

@media(max-width: 600px) {
    .single-post .relatedArticles__inner {
        margin-left: -20px;
        width: calc(100% + 40px);
        max-width: unset;
    }
    .single-post .relatedArticles__inner > h2 {
        padding: 40px 20px 0 20px;
    }
}

/* Post blog. */
.blog main,
.archive.category main {
    margin-top: 20px;
}

.blog h1,
.archive.category h1 {
    margin-bottom: 30px;
    font-family: var(--fontfamily-geologica);
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    color: var(--color-0);
}

.artwareLiveSearch__wrap {
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: center;
}
input.artwareLiveSearch__input {
    margin: 0;
    padding: 10px 15px 10px 20px;
    width: 100%;
    max-width: var(--width-555);
    border: 1px solid var(--color-6);
    border-radius: 100vh;
    background-color: var(--color-7);
    font-weight: 500;
    line-height: 26px;
    color: var(--color-0);
    position: relative;
    z-index: 19;
}
input.artwareLiveSearch__input::placeholder {
    font-family: var(--fontfamily-roboto);
    font-size: 16px;
    line-height: 26px;
    color: var(--color-0);
}
input.artwareLiveSearch__input:focus {
    outline: none;
}
input.artwareLiveSearch__input::-webkit-search-decoration,
input.artwareLiveSearch__input::-webkit-search-cancel-button,
input.artwareLiveSearch__input::-webkit-search-results-button,
input.artwareLiveSearch__input::-webkit-search-results-decoration { /* Chrome, Safari, Edge (Chromium), Opera */
    -webkit-appearance: none;
    appearance: none;
    /* display: none; */

    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    cursor: pointer;
    transform: rotate(45deg);
}
input.artwareLiveSearch__input::-ms-clear,
input.artwareLiveSearch__input::-ms-reveal { /* Legacy Edge/IE */
    /* display: none; */
    /* width: 0; */
    /* height: 0; */

    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/plus.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/plus.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    cursor: pointer;
    transform: rotate(45deg);
}
input.artwareLiveSearch__input:placeholder-shown {
    background-image: url(assets/icons/search-darkGreen.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 22px 22px;
}
.artwareLiveSearch__results {
    padding: 0 20px;
    position: relative;
}
.artwareLiveSearch__list {
    margin-top: -20px;
    padding: 30px 10px 10px 10px;
    width: 100%;
    max-width: var(--width-555);
    height: 500px;
    border: 1px solid var(--color-6);
    border-radius: 0 0 20px 20px;
    background-color: var(--color-7);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 18;
}
.artwareLiveSearch__item {
    /* padding: 10px; */
    width: 100%;
    /* border-radius: 12px; */
    /* overflow: hidden; */
}
.artwareLiveSearch__link {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background-color: var(--color-9);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    overflow: hidden;
    transition: border-color .3s;
}
.artwareLiveSearch__link:hover {
    border-color: var(--color-1);
}
.artwareLiveSearch__link:hover::after {
    display: none;
}
.artwareLiveSearch__thumbWrap {
    width: 125px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 1;
}
.artwareLiveSearch__thumbWrap img {
    width: 100%;
    height: auto;
}
.artwareLiveSearch__body {
    width: calc(100% - 139px);
    text-align: left;
}
.artwareLiveSearch__categories {
    font-size: 12px;
    font-weight: 500;
    /* line-height: 24px; */
    color: var(--color-3);
    display: block;
}
.artwareLiveSearch__title {
    font-family: var(--fontfamily-geologica);
    font-size: 16px;
    font-weight: 600;
    display: block;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.artwareLiveSearch__excerpt {
    font-size: 14px;
    display: block;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.artwareLiveSearch__categories + .artwareLiveSearch__title {
    margin-top: 2.5px;
}
.artwareLiveSearch__title + .artwareLiveSearch__excerpt {
    margin-top: 10px;
}
.artwareLiveSearch__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 14px;
    /* color: #475569; */
}
.artwareLiveSearch__spinner {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--color-1);
    border-top-color: var(--color-3); /* current color family; adjust if needed */
    animation: artwareLiveSearch__spin 0.75s linear infinite;
    display: inline-block;
}
@keyframes artwareLiveSearch__spin {
    to { transform: rotate(360deg); }
}

.postCategories {
    margin-bottom: 20px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

[class^="categoryIcon__"] {
    padding: 10px 14px;
    border-radius: 100vh;
    background-color: var(--color-7);
    font-weight: 500;
    line-height: 26px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    transition: background-color .3s;
}
[class^="categoryIcon__"]:hover {
    background-color: var(--color-6);
}
[class^="categoryIcon__"]:hover::after {
    display: none;
}
[class^="categoryIcon__all"]::before,
[class^="categoryIcon__company-news"]::before,
[class^="categoryIcon__clothing-footwear"]::before,
[class^="categoryIcon__watersports"]::before,
[class^="categoryIcon__outdoors"]::before,
[class^="categoryIcon__diving-fishing"]::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
[class^="categoryIcon__all"]::before {
    width: 20px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/unigreen.svg);
    mask-image: url(assets/icons/unigreen.svg);
}
[class^="categoryIcon__company-news"]::before {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url(assets/icons/news.svg);
    mask-image: url(assets/icons/news.svg);
}
[class^="categoryIcon__clothing-footwear"]::before {
    width: 20px;
    height: 22px;
    -webkit-mask-image: url(assets/icons/clothing.svg);
    mask-image: url(assets/icons/clothing.svg);
}
[class^="categoryIcon__watersports"]::before {
    width: 18px;
    height: 24px;
    -webkit-mask-image: url(assets/icons/watersports.svg);
    mask-image: url(assets/icons/watersports.svg);
}
[class^="categoryIcon__outdoors"]::before {
    width: 27px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/outdoors.svg);
    mask-image: url(assets/icons/outdoors.svg);
}
[class^="categoryIcon__diving-fishing"]::before {
    width: 25px;
    height: 23px;
    -webkit-mask-image: url(assets/icons/diving.svg);
    mask-image: url(assets/icons/diving.svg);
}
[class^="categoryIcon__"].current {
    background-color: var(--color-1);
    color: var(--color-9);
}

.postList {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.postList .articleItem {
    width: calc(33.33% - 9.5px);
}

@media(max-width: 980px) {
    .postList .articleItem {
        width: calc(50% - 7px);
    }
}
@media(max-width: 600px) {
    .postList .articleItem {
        width: 100%;
    }
}

.blog .pagination,
.archive.category .pagination {
    margin-top: 20px;
}

.blog .tagCloud,
.archive.category .tagCloud {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid var(--color-6);
}
.blog .tagCloud__title,
.archive.category .tagCloud__title {
    text-align: center;
}
.blog .tagCloud__list,
.archive.category .tagCloud__list {
    justify-content: center;
}

/*
 * Blocks.
 * - Gallery (WordPress Gutenberg).
 * - Catalog.
 * - Brands grid.
 * - Manufacturer.
 * - Brands carousel.
 * - Network carousel.
 * - Manufacturer carousel.
 * - Product categories.
 * - Infobox.
 * - FAQ.
 * - CF7 (Contact form).
 * - Guarantee form.
 * - Contact details.
 * - Contact infobox.
 * - Map contact details.
 * - Network banner.
 * - Timeline carousel.
 * - Wide banner.
 * - General intro.
 * - Vertical banners.
 * - Horizontal banners.
 * - Downloads.
 * - ERP products.
 */

/* - Gallery (WordPress Gutenberg). */
.wp-block-gallery.use-magic-grid {
    margin: 0;
}
.wp-block-gallery.use-magic-grid .wp-block-image {
    width: calc(50% - 14px) !important;
}
.wp-block-gallery.use-magic-grid figure.wp-block-image > a {
    border-radius: 24px;
    overflow: hidden;
}
.wp-block-gallery.use-magic-grid figure.wp-block-image figcaption {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    max-height: none !important;
    background: none !important;
    font-family: var(--fontfamily-roboto) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left !important;
    text-shadow: none !important;
    color: var(--color-0) !important;
    flex-basis: auto !important;
    position: relative !important;
    scrollbar-gutter: auto !important;
}
@media (max-width: 650px) {
    .wp-block-gallery.use-magic-grid {
        gap: 0 !important;
    }
    .wp-block-gallery.use-magic-grid .wp-block-image {
        width: 100% !important;
    }
}

/* - Catalog. */
.blockCatalog__icon {
  text-align: center;
}

.blockCatalog__2ndTitle {
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    color: var(--color-0);
    text-align: center;
}

.blockCatalog__icon + h2 {
    margin-top: 20px;
}

.blockCatalog__inner h2 + .blockCatalog__description,
.blockCatalog__inner h2 + .blockCatalog__2ndTitle,
.blockCatalog__inner h2 + .blockCatalog__grid {
    margin-top: 30px;
}

.blockCatalog__description + .blockCatalog__2ndTitle,
.blockCatalog__description + .blockCatalog__grid {
    margin-top: 40px;
}

.blockCatalog__2ndTitle + .blockCatalog__grid {
    margin-top: 34px;
}

.blockCatalog__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.blockCatalog__item {
    padding: 4px;
    width: calc(33.33% - 9.5px);
    border: 1px solid var(--color-2);
    border-radius: 20px;
    background-color: var(--color-1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
}
.blockCatalog__item:hover::after {
    display: none;
}

.blockCatalog__item__media {
    border-radius: 16px;
    display: flex;
    overflow: hidden;
}
.blockCatalog__item__media img {
    transition: transform .3s;
}
.blockCatalog__item:hover .blockCatalog__item__media img {
    transform: scale(1.1);
}
.blockCatalog__item__label {
    padding: 0 14px 20px 14px;
    font-family: var(--fontfamily-geologica);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--color-9);
}

@media(max-width: 600px) {
    .blockCatalog__item {
        width: calc(50% - 7px);
    }
}

/* - Brands grid. */
.blockBrandsGrid__container,
.blockManufacturer__container,
.blockBrandsCarousel__intro,
.blockNetworkCarousel__intro,
.blockManufacturerCarousel__intro,
.blockProductCategories__container,
.blockInfobox__intro,
.blockFaq__container,
.blockCf7__container,
.blockGuarantee__container,
.blockContactDetails__container,
.blockContactInfobox__container,
.blockMapContactDetails__container,
.blockNetworkBanner__container,
.blockTimelineCarousel__intro,
.blockWideBanner__content,
.blockWideBanner__container,
.blockGeneralIntro__container,
.blockVerticalBanner__container,
.blockHorizontalBanner__container,
.blockDownloads__container {
    padding: 0 20px;
}
.blockBrandsGrid__inner,
.blockFaq__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1280);
}
.blockBrandsGrid__intro,
.blockManufacturer__intro,
.blockBrandsCarousel__description,
.blockBrandsCarousel__inner h3,
.blockNetworkCarousel__intro,
.blockManufacturerCarousel__intro,
.blockProductCategories__intro,
.blockInfobox__intro,
.blockFaq__intro,
.blockCf7__intro,
.blockGuarantee__intro,
.blockContactDetails__intro,
.blockContactDetails__workingHours,
.blockTimelineCarousel__intro,
.blockWideBanner__contentInner,
.blockDownloads__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-620);
}

.blockBrandsGrid__tagline,
.blockBrandsCarousel__tagline {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    text-align: center;
}
.blockBrandsGrid__tagline::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 47px;
    height: 40px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/partnership.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/partnership.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.blockCatalog__inner h2,
.blockBrandsGrid__intro h2,
.blockManufacturer__intro h2,
.blockBrandsCarousel__inner h2,
.blockNetworkCarousel__intro h2,
.blockManufacturerCarousel__intro h2,
.blockProductCategories__intro > h2,
.blockInfobox__intro h2,
.blockFaq__intro h2,
.blockCf7__intro h2,
.blockGuarantee__intro h2,
.blockContactDetails__intro h2,
.blockTimelineCarousel__intro h2 {
    margin-bottom: 0;
    font-family: var(--fontfamily-geologica);
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}
.blockCatalog__description,
.blockBrandsGrid__description,
.blockManufacturer__description,
.blockBrandsCarousel__description,
.blockNetworkCarousel__description,
.blockManufacturerCarousel__description,
.blockProductCategories__description,
.blockInfobox__description,
.blockFaq__description,
.blockCf7__description,
.blockGuarantee__description,
.blockContactDetails__description,
.blockTimelineCarousel__description {
    line-height: 24px;
    text-align: center;
}
.blockBrandsGrid__tagline + h2,
.blockManufacturer__icon + h2,
.blockBrandsCarousel__tagline + h2,
.blockBrandsCarousel__tagline + h3 {
    margin-top: 5px;
}
.blockBrandsGrid__tagline + .blockBrandsGrid__description,
.blockBrandsGrid__intro h2 + .blockBrandsGrid__description,
.blockManufacturer__icon + .blockManufacturer__description,
.blockManufacturer__intro h2 + .blockManufacturer__description,
.blockBrandsCarousel__tagline + .blockBrandsCarousel__description,
.blockBrandsCarousel__inner h2 + .blockBrandsCarousel__description,
.blockBrandsCarousel__inner h3 + .blockBrandsCarousel__description,
.blockNetworkCarousel__intro h2 + .blockNetworkCarousel__description,
.blockManufacturerCarousel__intro h2 + .blockManufacturerCarousel__description,
.blockProductCategories__intro > h2 + .blockProductCategories__description,
.blockInfobox__intro h2 + .blockInfobox__description,
.blockFaq__intro h2 + .blockFaq__description,
.blockCf7__intro h2 + .blockCf7__description,
.blockGuarantee__intro h2 + .blockGuarantee__description,
.blockContactDetails__intro h2 + .blockContactDetails__description,
.blockTimelineCarousel__intro h2 + .blockTimelineCarousel__description {
    margin-top: 30px;
}

@media(max-width: 1024px) {
    .blockCatalog__inner h2,
    .blockBrandsGrid__intro h2,
    .blockManufacturer__intro h2,
    .blockBrandsCarousel__inner h2,
    .blockNetworkCarousel__intro h2,
    .blockManufacturerCarousel__intro h2,
    .blockProductCategories__intro > h2,
    .blockInfobox__intro h2,
    .blockFaq__intro h2,
    .blockCf7__intro h2,
    .blockGuarantee__intro h2,
    .blockContactDetails__intro h2,
    .blockTimelineCarousel__intro h2 {
        font-size: 26px;
    }
}

.blockBrandsGrid__list,
.blockManufacturer__list,
.blockProductCategories__list,
.blockFaq__list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.blockBrandsGrid__list > .productBrands__item {
    width: 200px;
    height: 200px;
}

/* - Manufacturer. */
.blockManufacturer__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1700);
}

.blockManufacturer__brandItem {
    padding: 10px;
    width: calc(33.33% - 9.5px);
    max-width: var(--width-450);
    border-radius: 30px;
    background-color: var(--color-1);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.blockManufacturer__brandItem.blockManufacturer__typeProduct {
    padding: 0;
}

@media(max-width: 1024px) {
    .blockManufacturer__brandItem {
        width: calc(50% - 7px);
    }
}
@media(max-width: 600px) {
    .blockManufacturer__brandItem {
        width: 100%;
    }
}

.blockManufacturer__brandItem__media {
    border-radius: 20px;
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}
.blockManufacturer__brandItem.blockManufacturer__typeProduct .blockManufacturer__brandItem__media {
    padding: 50px;
    border-radius: 30px;
}
.blockManufacturer__brandItem__media::before {
    content: '';
    width: 50vw;
    max-width: 740px;
    height: auto;
    aspect-ratio: 16 / 9;
    background-color: var(--color-2);
    -webkit-mask-image: url(assets/icons/unigreen-line-effect-01.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/unigreen-line-effect-01.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blockManufacturer__brandItem__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 9;
}

@media(max-width: 1024px) {
    .blockManufacturer__brandItem__media::before {
        width: 75vw;
    }
}
@media(max-width: 600px) {
    .blockManufacturer__brandItem__media::before {
        width: 150vw;
    }
}

.blockManufacturer__brandItem__content {
    padding: 10px 10px 0 10px;
}
.blockManufacturer__brandItem.blockManufacturer__typeProduct .blockManufacturer__brandItem__content {
    padding: 10px 20px;
}
.blockManufacturer__brandItem__content .productInfo__brand,
.blockVerticalBanner__brand.productInfo__brand {
    margin-bottom: 0;
    padding: 5.5px 11px;
    width: 70px;
}
.blockManufacturer__brandItem__content h3 {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-9);
}
.blockManufacturer__brandItem__description {
    line-height: 24px;
    color: var(--color-9);
}

.blockManufacturer__brandItem__link {
    padding-top: 10px;
    border-top: 1px solid var(--color-2);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
}
.blockManufacturer__brandItem__link:hover::after {
    display: none;
}
.blockManufacturer__brandItem__link__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    color: var(--color-8);
}
.blockManufacturer__brandItem__link__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.blockManufacturer__brandItem__link:hover .blockManufacturer__brandItem__link__icon {
    background-color: var(--color-2);
}
.blockManufacturer__brandItem__link__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

.blockManufacturer__brandItem__content .productInfo__brand + h3,
.blockManufacturer__brandItem__content .productInfo__brand + .blockManufacturer__brandItem__description,
.blockManufacturer__brandItem__content .productInfo__brand + .blockManufacturer__brandItem__link,
.blockManufacturer__brandItem__content h3 + .blockManufacturer__brandItem__description,
.blockManufacturer__brandItem__content h3 + .blockManufacturer__brandItem__link,
.blockManufacturer__brandItem__description + .blockManufacturer__brandItem__link {
    margin-top: 20px;
}

/* - Brands carousel. */
.blockBrandsCarousel__icon,
.blockBrandsCarousel__tagline,
.blockBrandsCarousel__inner h2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--width-935);
    text-align: center;
}
.blockBrandsCarousel__inner h3 {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.blockBrandsCarousel__icon + .blockBrandsCarousel__tagline,
.blockBrandsCarousel__icon + h2,
.blockBrandsCarousel__icon + .blockBrandsCarousel__description,
.blockBrandsCarousel__icon + h3 {
    margin-top: 20px;
}
.blockBrandsCarousel__description + h3 {
    margin-top: 60px;
}

.blockBrandsCarousel__slider,
.blockNetworkCarousel__slider,
.blockManufacturerCarousel__slider,
.blockTimelineCarousel__slider {
    padding: 0 70px;
}
.blockBrandsCarousel .productBrands__slider,
.blockNetworkCarousel .productBrands__slider,
.blockManufacturerCarousel__slider .blockManufacturerCarousel__slider__inner,
.blockTimelineCarousel__slider .blockTimelineCarousel__slider__inner {
    padding: 0 20px;
    margin-top: 40px;
    max-width: 1388px;
}

@media(max-width: 980px) {
    .blockBrandsCarousel__slider,
    .blockBrandsCarousel .productBrands__slider,
    .blockNetworkCarousel__slider,
    .blockNetworkCarousel .productBrands__slider,
    .blockManufacturerCarousel__slider,
    .blockManufacturerCarousel__slider .blockManufacturerCarousel__slider__inner,
    .blockTimelineCarousel__slider,
    .blockTimelineCarousel__slider .blockTimelineCarousel__slider__inner {
        padding: 0;
    }
}

/* - Network carousel. */
.blockNetworkCarousel__intro h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 64px;
    height: 49px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/network.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/network.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* - Manufacturer carousel. */
.blockManufacturerCarousel__slider .blockManufacturerCarousel__slider__inner,
.blockTimelineCarousel__slider .blockTimelineCarousel__slider__inner {
    margin: 40px auto 0 auto;
}

.manufacturer__carousel .blockManufacturer__brandItem__media::before {
    width: 45vw;
}

@media(max-width: 1024px) {
    .manufacturer__carousel .blockManufacturer__brandItem__media::before {
        width: 67.5vw;
    }
}
@media(max-width: 980px) {
    .manufacturer__carousel .blockManufacturer__brandItem__media::before {
        width: 120vw;
    }
}
@media(max-width: 600px) {
    .manufacturer__carousel .blockManufacturer__brandItem__media::before {
        width: 142.5vw;
    }
}

/* - Product categories. */
.blockProductCategories__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
}

.blockProductCategories__intro > h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 53px;
    height: 40px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/outdoors.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/outdoors.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.productCategory__item {
    width: calc(25% - 10.5px);
    border-radius: 30px;
    display: flex;
    align-items: end;
    position: relative;
    aspect-ratio: 3/4;
    overflow: hidden;
}
.productCategory__item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(20,62,64,0) 0%, rgba(34,35,36,.7) 57.5%);
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
}
.productCategory__outdoors,
.productCategory__watersports,
.productCategory__diving,
.productCategory__clothing {
    background-size: cover;
    background-position: center;
}
.productCategory__outdoors {
    background-image: url(blocks/productCategories/images/blockProductCategories-outdoors.webp);
}
.productCategory__watersports {
    background-image: url(blocks/productCategories/images/blockProductCategories-watersports.webp);
}
.productCategory__diving {
    background-image: url(blocks/productCategories/images/blockProductCategories-diving.webp);
}
.productCategory__clothing {
    background-image: url(blocks/productCategories/images/blockProductCategories-clothing.webp);
}

@media(max-width: 1280px) {
    .productCategory__item {
        width: calc(33.33% - 9.5px);
    }
}
@media(max-width: 1024px) {
    .productCategory__item {
        width: calc(50% - 7px);
    }
}
@media(max-width: 600px) {
    .productCategory__item {
        width: 100%;
    }
}

.productCategory__item__content {
    padding: 0 20px 10px 20px;
    width: 100%;
    position: relative;
    z-index: 9;
}
.productCategory__item__content > h2 {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-9);
}
.productCategory__outdoors .productCategory__item__content > h2::before,
.productCategory__watersports .productCategory__item__content > h2::before,
.productCategory__diving .productCategory__item__content > h2::before,
.productCategory__clothing .productCategory__item__content > h2::before {
    margin-bottom: 20px;
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productCategory__outdoors .productCategory__item__content > h2::before {
    width: 41px;
    height: 30px;
    -webkit-mask-image: url(assets/icons/outdoors.svg);
    mask-image: url(assets/icons/outdoors.svg);
}
.productCategory__watersports .productCategory__item__content > h2::before {
    width: 27px;
    height: 36px;
    -webkit-mask-image: url(assets/icons/watersports.svg);
    mask-image: url(assets/icons/watersports.svg);
}
.productCategory__diving .productCategory__item__content > h2::before {
    width: 37px;
    height: 34px;
    -webkit-mask-image: url(assets/icons/diving.svg);
    mask-image: url(assets/icons/diving.svg);
}
.productCategory__clothing .productCategory__item__content > h2::before {
    width: 29px;
    height: 32px;
    -webkit-mask-image: url(assets/icons/clothing.svg);
    mask-image: url(assets/icons/clothing.svg);
}

.productCategory__item__subcategoriesList a {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
}

.productCategory__item__subcategoriesList__button {
    margin-top: 20px;
    border-top: 1px solid var(--color-2);
    gap: 14px;
}
.productCategory__item__subcategoriesList__button:hover::after {
    display: none;
}
.productCategory__item__subcategoriesList__button__label {
    width: auto;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-8);
}

/* - Infobox. */
.blockInfobox__list {
    margin: 40px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: var(--width-1700);
}

.blockInfobox__intro h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 53px;
    height: 53px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow-bullseye.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-bullseye.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.blockInfobox__gallery {
    margin-top: 40px;
}
.blockInfobox__galley__carousel .splide__slide {
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 4/3;
}
.blockInfobox__galley__carousel .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* - FAQ. */
.blockFaq__list {
    align-items: start;
}

.blockFaq__item {
    width: calc(50% - 7px);
    border: none;
    background-color: var(--color-1);
}
.blockFaq__item.toggle.is-open {
    background-color: var(--color-1);
}
.blockFaq__item .toggle__header__icon {
    width: 46px;
    height: 46px;
    border: 1px solid var(--color-2);
    border-radius: 100%;
}
.blockFaq__item .toggle__header__icon::before {
    background-color: var(--color-3);
}
.blockFaq__item .toggle__header__text__label,
.blockFaq__item .toggle__content__inner {
    color: var(--color-9);
}
.blockFaq__item .toggle__header__text__label {
    width: calc(100% - 66px);
}

@media(max-width: 980px) {
    .blockFaq__list {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: var(--width-620);
    }

    .blockFaq__item {
        width: 100%;
    }
}

/* - CF7 (Contact form). */
.blockCf7__inner,
.blockGuarantee__inner {
    margin: 0 auto;
    padding: 30px;
    width: 100%;
    max-width: var(--width-935);
    border: 1px solid var(--color-6);
    border-radius: 30px;
}

.blockCf7__icon,
.blockGuarantee__icon,
.blockContactDetails__icon {
    margin-bottom: 20px;
    text-align: center;
}

.blockCf7__intro + .blockCf7__contactForm,
.blockGuarantee__intro + .blockGuarantee__contactForm {
    margin-top: 40px;
}

/* - Guarantee form. */
.blockGuarantee__contactForm {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.blockGuarantee__contactForm > div {
    width: 100%;
}
.blockGuarantee__contactForm > div > select {
    width: 100%;
}

.blockGuarantee__download > button {
    padding: 3px 5px 3px 19px;
    border-radius: 100vh;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}
.blockGuarantee__download > button:disabled {
    opacity: .75;
}
.blockGuarantee__download > button:disabled {
    cursor: not-allowed;
}
.blockGuarantee__download__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.blockGuarantee__download__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blockGuarantee__download__icon::before {
    content: '';
    width: 20px;
    height: 17px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/download.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/download.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* - Contact details. */
.blockContactDetails__workingHours {
    margin-top: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 9px;
}
.blockContactDetails__workingHours::before {
    content: '';
    width: 24px;
    height: 24px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/clock.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/clock.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* - Contact infobox. */
.blockContactInfobox__list {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1700);
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    gap: 14px;
}
.blockContactInfobox__item {
    padding: 30px;
    width: 100%;
    max-width: var(--width-555);
    border-radius: 30px;
    background-color: var(--color-1);
}

.blockContactInfobox__item__icon {
    margin-bottom: 30px;
    width: auto;
    height: 40px;
}
.blockContactInfobox__item__icon svg {
    width: auto;
    height: 100%;
}
.blockContactInfobox__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-9);
}
.blockContactInfobox__item__description {
    margin-top: 20px;
    line-height: 24px;
    color: var(--color-9);
}
.blockContactInfobox__item__email {
    margin-top: 20px;
}
.blockContactInfobox__item__email a {
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    color: var(--color-9);
    transition: color .3s;
}
.blockContactInfobox__item__email a:hover {
    color: var(--color-3);
}
.blockContactInfobox__item__email a:hover::after {
    display: none;
}
.blockContactInfobox__item__links,
.blockContactInfobox__item__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:  10px;
}
.blockContactInfobox__item__links {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid var(--color-2);
}
.blockContactInfobox__item__link {
    padding: 15px;
    border: 2px solid var(--color-2);
    border-radius: 100vh;
    transition: background-color .3s;
}
.blockContactInfobox__item__link:hover::after {
    display: none;
}
.blockContactInfobox__item__link:hover {
    background-color: var(--color-2);
}
.blockContactInfobox__item__link__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.blockContactInfobox__item__link__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

/* - Map contact details. */
.blockMapContactDetails__inner {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: var(--width-1700);
    border-radius: 30px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.blockMapContactDetails__mapContainer {
    width: calc(60% - 7px);
}
.blockMapContactDetails__contactsContainer {
    width: calc(40% - 7px);
}

.blockMapContactDetails__inner > div:only-child {
    width: 100%;
}

@media(max-width: 600px) {
    .blockMapContactDetails__inner {
        gap: 35px;
    }

    .blockMapContactDetails__mapContainer,
    .blockMapContactDetails__contactsContainer {
        width: 100%;
    }
}

.blockMapContactDetails__mapInner {
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}
.blockMapContactDetails__mapInner iframe {
    width: 100%;
    height: 650px;
}

@media(max-width: 600px) {
    .blockMapContactDetails__mapInner iframe {
        height: 350px;
    }
}

.blockMapContactDetails__contactsInner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-450);
}

.blockMapContactDetails__contacts {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.blockMapContactDetails__logo {
    margin-bottom: 35px;
}
.blockMapContactDetails__logo > svg {
    width: 100%;
    max-width: 195px;
    height: auto;
}
.blockMapContactDetails__logo > svg path {
    fill: var(--color-3);
}

.blockMapContactDetails__contact__label {
    margin-bottom: 5px;
    font-family: var(--fontfamily-geologica);
    color: var(--color-8);
}
.blockMapContactDetails__contact__description a {
    font-weight: 500;
    color: var(--color-8);
}
.blockMapContactDetails__contact__description a:hover::after {
    background-color: var(--color-8);
}
.blockMapContactDetails__contact__description a span {
    color: var(--color-4);
}
.blockMapContactDetails__contact__list {
    margin-top: 10px;
}

/* - Network banner. */
.blockNetworkBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1920);
    height: 630px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

@media(max-width: 1520px) {
    .blockNetworkBanner__inner {
        height: 530px;
    }
}
@media(max-width: 1024px) {
    .blockNetworkBanner__inner {
        height: 920px;
    }
}
@media(max-width: 500px) {
    .blockNetworkBanner__inner {
        height: 900px;
    }
}
@media(max-width: 450px) {
    .blockNetworkBanner__inner {
        height: 875px;
    }
}

.blockNetworkBanner__backgroundMedia {
    width: 100%;
    height: 100%;
    position: absolute;
}
.blockNetworkBanner__backgroundMedia::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.7) 100%);
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
}
.blockNetworkBanner__backgroundMedia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blockNetworkBanner__content {
    padding: 0 60px;
    position: relative;
    z-index: 9;
}
.blockNetworkBanner__contentInner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.blockNetworkBanner__contentInner > div {
    width: calc(50% - 30px);
}
.blockNetworkBanner__contentInner__mediaInner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-660);
}
.blockNetworkBanner__contentInner__textInner {
    margin: 0 0 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: var(--width-620);
}

@media(max-width: 1520px) {
    .blockNetworkBanner__content {
        padding: 0 20px;
    }
    .blockNetworkBanner__contentInner {
        align-items: start;
        gap: 40px;
    }
    .blockNetworkBanner__contentInner > div.blockNetworkBanner__contentInner__media {
        width: calc(40% - 20px);
    }
    .blockNetworkBanner__contentInner > div.blockNetworkBanner__contentInner__text {
        width: calc(60% - 20px);
    }
    .blockNetworkBanner__contentInner__textInner {
        padding: 30px 0;
        max-width: var(--width-790);
    }
}
@media(max-width: 1024px) {
    .blockNetworkBanner__contentInner {
        gap: 10px;
    }

    .blockNetworkBanner__contentInner > div.blockNetworkBanner__contentInner__media,
    .blockNetworkBanner__contentInner > div.blockNetworkBanner__contentInner__text {
        width: 100%;
    }
    .blockNetworkBanner__contentInner__mediaInner,
    .blockNetworkBanner__contentInner__textInner {
        margin: 0 auto;
        max-width: var(--width-480);
    }
    .blockNetworkBanner__contentInner__textInner {
        padding: 0;
    }
}

.blockNetworkBanner__contentInner__text__icon {
    padding: 3px;
    width: 38px;
    height: 34px;
}
.blockNetworkBanner__contentInner__text__icon svg {
    width: 100%;
    height: auto;
}
.blockNetworkBanner__contentInner__text__tagline {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.blockNetworkBanner__contentInner__text__title {
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-8);
}
.blockNetworkBanner__contentInner__text__description {
    line-height: 24px;
    color: var(--color-8);
}
.blockNetworkBanner__contentInner__text__description > ul.listColumns2 {
    column-count: 2;
    column-gap: 10px;
    column-width: calc(50% - 5px);
}
.blockNetworkBanner__contentInner__text__description > ul > li {
    color: var(--color-8);
}

.blockNetworkBanner__contentInner__text__link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
}
.blockNetworkBanner__contentInner__text__link:hover::after {
    display: none;
}
.blockNetworkBanner__contentInner__text__link__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    color: var(--color-8);
}
.blockNetworkBanner__contentInner__text__link__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.blockNetworkBanner__contentInner__text__link:hover .blockNetworkBanner__contentInner__text__link__icon {
    background-color: var(--color-2);
}
.blockNetworkBanner__contentInner__text__link__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

.blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__tagline,
.blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__title,
.blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__description {
    margin-top: 20px;
}
.blockNetworkBanner__contentInner__text__tagline + .blockNetworkBanner__contentInner__text__title {
    margin-top: 5px;
}
.blockNetworkBanner__contentInner__text__title + .blockNetworkBanner__contentInner__text__description,
.blockNetworkBanner__contentInner__text__title + .blockNetworkBanner__contentInner__text__link {
    margin-top: 30px;
}
.blockNetworkBanner__contentInner__text__description + .blockNetworkBanner__contentInner__text__link {
    margin-top: 35px;
}

@media(max-width: 1366px) {
    .blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__tagline,
    .blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__title,
    .blockNetworkBanner__contentInner__text__icon + .blockNetworkBanner__contentInner__text__description {
        margin-top: 15px;
    }
    .blockNetworkBanner__contentInner__text__title + .blockNetworkBanner__contentInner__text__description,
    .blockNetworkBanner__contentInner__text__title + .blockNetworkBanner__contentInner__text__link {
        margin-top: 20px;
    }
    .blockNetworkBanner__contentInner__text__description + .blockNetworkBanner__contentInner__text__link {
        margin-top: 25px;
    }
}

/* - Timeline carousel. */
.blockTimelineCarousel__intro > h2::before {
    margin: 0 auto 20px auto;
    content: '';
    width: 48px;
    height: 48px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/clock-rotate-left.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/clock-rotate-left.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

.timeline__carousel .splide__list {
    align-items: center;
}
.timeline__carousel .splide__track::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--color-3);
    background: repeating-linear-gradient(to right, var(--color-3), var(--color-3) 7.5px, transparent 8px, transparent 12px);
    position: absolute;
    z-index: -1;
    top: calc(50% - 1px);
    left: 0;
}

.blockTimeline__cardItem {
    padding: 10px 10px 30px 10px;
    width: calc(33.33% - 9.5px);
    max-width: var(--width-450);
    border-radius: 30px;
    background-color: var(--color-7);
}
.blockTimeline__cardItem__media {
    margin-bottom: 20px;
    border-radius: 20px;
    aspect-ratio: 16/9;
    overflow: hidden;
}
.blockTimeline__cardItem__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blockTimeline__cardItem__svg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blockTimeline__cardItem__svg svg {
    width: 100%;
    max-width: 200px;
    height: auto;
}

.blockTimeline__cardItem__content {
    padding: 10px 10px 0 10px;
}
.blockTimeline__cardItem__year {
    padding: 5px 10px;
    border-radius: 100vh;
    background-color: var(--color-3);
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}
.blockTimeline__cardItem__content h3 {
    font-family: var(--fontfamily-geologica);
    font-size: 18px;
    font-weight: 600;
}
.blockTimeline__cardItem__description {
    line-height: 24px;
}

.blockTimeline__cardItem__year + h3,
.blockTimeline__cardItem__year + .blockTimeline__cardItem__description {
    margin-top: 10px;
}
.blockTimeline__cardItem__content h3 + .blockTimeline__cardItem__description {
    margin-top: 20px;
}

/* - Wide banner. */
.blockWideBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
    height: 750px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media(max-width: 1366px) {
    .blockWideBanner__inner {
        height: 570px;
    }
}

.blockWideBanner__backgroundMedia {
    width: 100%;
    height: 100%;
    position: absolute;
}
.blockWideBanner__backgroundMedia::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%);
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
}
.blockWideBanner__backgroundMedia img,
.blockWideBanner__backgroundMedia iframe,
.blockWideBanner__backgroundMedia video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blockWideBanner__content {
    padding: 0 20px;
    position: relative;
    z-index: 9;
}

.blockWideBanner__content__icon {
    text-align: center;
}
.blockWideBanner__content__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 48px;
    font-weight: 600;
    color: var(--color-9);
    text-align: center;
}

.blockWideBanner__content__title {
    height: 80px;
    position: relative;
    overflow: hidden;
}
.blockWideBanner__content__title__animated {
    width: 100%;
    font-family: var(--fontfamily-geologica);
    font-size: 64px;
    font-weight: 600;
    color: var(--color-9);
    text-align: center;
    position: absolute;
    opacity: 0;
}
.letter {
    white-space: pre;
    display: inline-block;
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}
.letter.out {
    transform: rotateX(90deg);
    transition: transform .32s cubic-bezier(.55, .055, .675, .19);
}
.letter.behind {
    transform: rotateX(-90deg);
}
.letter.in {
    transform: rotateX(0deg);
    transition: transform .38s cubic-bezier(.175, .885, .32, 1.275);
}

.blockWideBanner__content__description {
    line-height: 24px;
    color: var(--color-9);
    text-align: center;
}

.blockWideBanner__actions {
    margin-top: 50px;
}

.blockWideBanner__content__icon + .blockWideBanner__content__tagline,
.blockWideBanner__content__icon + .blockWideBanner__content__title,
.blockWideBanner__content__icon + .blockWideBanner__content__description,
.blockWideBanner__content__tagline + .blockWideBanner__content__description,
.blockWideBanner__content__title + .blockWideBanner__content__description {
    margin-top: 20px;
}

@media(max-width: 1366px) {
    .blockWideBanner__content__tagline {
        font-size: 36px;
    }

    .blockWideBanner__content__title {
        height: 60px;
    }
    .blockWideBanner__content__title__animated {
        font-size: 48px;
    }
}
@media(max-width: 980px) {
    .blockWideBanner__content__tagline {
        font-size: 34px;
    }

    .blockWideBanner__content__title {
        height: 45px;
    }
    .blockWideBanner__content__title__animated {
        font-size: 36px;
    }
}

.page__heading-100 {
    margin-top: -100px;
}
.page__heading-75 {
    margin-top: -75px;
}
.page__heading-100 .blockWideBanner__container,
.page__heading-75 .blockWideBanner__container {
    padding: 0;
}
.page__heading-100 .blockWideBanner__inner,
.page__heading-75 .blockWideBanner__inner {
    max-width: var(--width-1920);
}

/* - General intro. */
.blockGeneralIntro__inner,
.blockVerticalBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1574);
}

.blockGeneralIntro__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}
.blockGeneralIntro__row__icon {
    margin-top: -77.5px;
    display: inline-flex;
    position: relative;
    z-index: 9;
}
.blockGeneralIntro__row__icon + .blockGeneralIntro__row__tagline,
.blockGeneralIntro__row__icon + .blockGeneralIntro__row__restContent {
    margin-top: 30px;
}
.blockGeneralIntro__row__tagline + .blockGeneralIntro__row__restContent {
    margin-top: 14px;
}
.blockGeneralIntro__column {
    width: calc(50% - 15px);
}
.blockGeneralIntro__column:only-child {
    width: 100%;
}

@media(max-width: 1280px) {
    .blockGeneralIntro__inner {
        max-width: 1024px;
    }

    .blockGeneralIntro__row__icon {
        margin-top: -50px;
    }

    .blockGeneralIntro__column {
        width: 100%;
    }
}
@media(max-width: 1024px) {
    .blockGeneralIntro__inner {
        max-width: var(--width-660);
    }
}
@media(max-width: 980px) {
    .blockGeneralIntro__row__icon {
        margin-top: 40px;
    }
}

.blockGeneralIntro__tagline {
    font-family: var(--fontfamily-geologica);
    font-size: 20px;
    font-weight: 600;
    color: var(--color-1);
}
.blockGeneralIntro__column > h2 {
    width: 100%;
    max-width: var(--width-660);
    font-family: var(--fontfamily-geologica);
    font-size: 36px;
    font-weight: 600;
}

.blockGeneralIntro__tagline + h2 {
    margin-top: 14px;
}

.blockGeneralIntro__description {
    margin-left: auto;
    width: 100%;
    max-width: var(--width-620);
    line-height: 24px;
}

@media(max-width: 1366px) {
    .blockGeneralIntro__description {
        max-width: var(--width-555);
    }
}
@media(max-width: 1280px) {
    .blockGeneralIntro__icon svg {
        width: 100px;
        height: auto;
    }

    .blockGeneralIntro__column > h2,
    .blockGeneralIntro__description {
        max-width: unset;
    }
}
@media(max-width: 1024px) {
    .blockGeneralIntro__column > h2 {
        font-size: 26px;
    }
}

/* - Vertical banners. */
.blockVerticalBanner__inner,
.blockHorizontalBanner__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.blockVerticalBanner__item {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blockVerticalBanner__inner:has(> .blockVerticalBanner__item:only-child) > .blockVerticalBanner__item {
    width: 100%;
    aspect-ratio: 4 / 3;
}
.blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(2)) > .blockVerticalBanner__item {
    width: calc(50% - 7px);
    aspect-ratio: 3 / 4;
}
.blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(1) {
    width: calc(40% - 9.5px);
    aspect-ratio: 3 / 4;
}
.blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(2),
.blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(3) {
    width: calc(30% - 9.5px);
    aspect-ratio: 3 / 4;
}

@media(max-width: 1024px) {
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(1) {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(2),
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(3) {
        width: calc(50% - 7px);
        height: 600px;
        aspect-ratio: 3 / 4;
    }
}
@media(max-width: 600px) {
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:only-child) > .blockVerticalBanner__item,
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(2)) > .blockVerticalBanner__item,
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(1),
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(2),
    .blockVerticalBanner__inner:has(> .blockVerticalBanner__item:first-child:nth-last-child(3)) > .blockVerticalBanner__item:nth-child(3) {
        width: 100%;
        aspect-ratio: 3 / 4;
    }
}

.blockVerticalBanner__media {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}
.blockVerticalBanner__simpleBanner .blockVerticalBanner__media {
    height: auto;
    border-radius: 30px;
    overflow: hidden;
    aspect-ratio: 3 / 4;
}
.blockVerticalBanner__effect::before {
    content: '';
    /* width: 50vw; */ width: 110%;
    /* max-width: 740px; */
    height: auto;
    aspect-ratio: 16 / 9;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/unigreen-line-effect-02.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/unigreen-line-effect-02.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    /* top: 50%; */ top: 0;
    left: 50%;
    /* transform: translate(-50%, -50%); */ transform: translate(-50%, -12.5%);
}
.blockVerticalBanner__overlay::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(20, 62, 64, 0) 37%, var(--color-1) 93%);
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}
.blockVerticalBanner__media img,
.blockVerticalBanner__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blockVerticalBanner__intro {
    padding: 0 20px 14px 20px;
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
}
.blockVerticalBanner__simpleBanner .blockVerticalBanner__intro {
    position: relative;
}
.blockVerticalBanner__icon {
    width: 53px;
    height: 36px;
    text-align: center;
}
.blockVerticalBanner__icon svg {
    width: auto;
    height: 100%;
}
.blockVerticalBanner__brand {
    margin-top: 20px;
}
.blockVerticalBanner__tagline {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-9);
}
.blockVerticalBanner__intro h2 {
    margin-bottom: 0;
    font-family: var(--fontfamily-geologica);
    font-size: 34px;
    font-weight: 600;
    color: var(--color-9);
}
.blockVerticalBanner__intro h2.blockVerticalBanner__smallerTitle {
    font-size: 26px;
}
.blockVerticalBanner__description {
    line-height: 24px;
    color: var(--color-9);

    /*
     * Keep text on 2 lines and hide the rest by showing ...
     * text-overflow: ellipsis;
     * display: -webkit-box;
     * -webkit-box-orient: vertical;
     * -webkit-line-clamp: 2;
     * overflow: hidden;
     */
}

.blockVerticalBanner__links {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    row-gap: 10px;
}
.blockVerticalBanner__links a {
    padding: 8px 14px;
    border: 1px solid var(--color-2);
    border-radius: 100vh;
    background-color: var(--color-1);
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
    display: block;
    transition: background-color .3s;
}
.blockVerticalBanner__links a:hover {
    background-color: var(--color-2);
}
.blockVerticalBanner__links a:hover::after {
    display: none;
}
.blockVerticalBanner__links__more {
    padding: 8px 14px;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
}

.blockVerticalBanner__singleLink {
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
}
.blockVerticalBanner__singleLink:hover::after {
    display: none;
}

.blockVerticalBanner__singleLink__label {
    font-family: var(--fontfamily-geologica);
    font-weight: 600;
    color: var(--color-8);
}
.blockVerticalBanner__singleLink__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    background-color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.blockVerticalBanner__singleLink:hover .blockVerticalBanner__singleLink__icon {
    background-color: var(--color-2);
}
.blockVerticalBanner__singleLink__icon::before {
    content: '';
    width: 15px;
    height: 14px;
    background-color: var(--color-3);
    -webkit-mask-image: url(assets/icons/arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);
}

.blockVerticalBanner__icon + .blockVerticalBanner__tagline,
.blockVerticalBanner__icon + h2,
.blockVerticalBanner__icon + .blockVerticalBanner__description,
.blockVerticalBanner__icon + .blockVerticalBanner__links,
.blockVerticalBanner__brand + .blockVerticalBanner__tagline,
.blockVerticalBanner__brand + h2,
.blockVerticalBanner__brand + .blockVerticalBanner__description,
.blockVerticalBanner__brand + .blockVerticalBanner__singleLink {
    margin-top: 20px;
}
.blockVerticalBanner__tagline + h2,
.blockVerticalBanner__tagline + .blockVerticalBanner__description,
.blockVerticalBanner__tagline + .blockVerticalBanner__links,
.blockVerticalBanner__tagline + .blockVerticalBanner__singleLink {
    margin-top: 5px;
}
.blockVerticalBanner__intro h2 + .blockVerticalBanner__description,
.blockVerticalBanner__intro h2 + .blockVerticalBanner__links,
.blockVerticalBanner__intro h2 + .blockVerticalBanner__singleLink {
    margin-top: 20px;
}
.blockVerticalBanner__description + .blockVerticalBanner__links,
.blockVerticalBanner__description + .blockVerticalBanner__singleLink {
    margin-top: 20px;
}

.blockVerticalBanner__simpleBanner .blockVerticalBanner__intro.lightBackground .blockVerticalBanner__tagline,
.blockVerticalBanner__simpleBanner .blockVerticalBanner__intro.lightBackground h2,
.blockVerticalBanner__simpleBanner .blockVerticalBanner__intro.lightBackground .blockVerticalBanner__description,
.blockVerticalBanner__simpleBanner .blockVerticalBanner__intro.lightBackground .blockVerticalBanner__singleLink__label {
    color: var(--color-0);
}

@media(max-width: 1280px) {
    .blockVerticalBanner__intro h2 {
        font-size: 26px;
    }
    .blockVerticalBanner__intro h2.blockVerticalBanner__smallerTitle {
        font-size: 22px;
    }
    .blockVerticalBanner__links a,
    .blockVerticalBanner__links__more {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 24px;
    }
}

/* - Horizontal banners. */
.blockHorizontalBanner__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1890);
}

.blockHorizontalBanner__item {
    padding: 10px;
    width: calc(50% - 7px);
    border-radius: 30px;
    background-color: var(--color-1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.blockHorizontalBanner__item:only-child {
    width: 100%;
}

.blockHorizontalBanner__media {
    width: calc(100% - var(--width-480) - 7px);
    height: 100%;
    max-height: 400px;
    border-radius: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
}
.blockHorizontalBanner__effect01::before,
.blockHorizontalBanner__effect02::before {
    content: '';
    /* max-width: calc(100% + var(--width-480)); */
    height: auto;
    aspect-ratio: 16 / 9;
    background-color: var(--color-1);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    top: 0;
    transition: left .3s, transform .3s;
}
.blockHorizontalBanner__effect01::before {
    width: 250%;
    -webkit-mask-image: url(assets/icons/unigreen-horizontalBanner-effect-01.svg);
    mask-image: url(assets/icons/unigreen-horizontalBanner-effect-01.svg);
    left: 45%;
    transform: translate(-55%, 2%);
}
.blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect01::before {
    width: 125%;
    left: 40%;
    transform: translate(-60%, -8%);
}
.blockHorizontalBanner__effect02::before {
    width: 300%;
    -webkit-mask-image: url(assets/icons/unigreen-horizontalBanner-effect-02.svg);
    mask-image: url(assets/icons/unigreen-horizontalBanner-effect-02.svg);
    left: 50.5%;
    transform: translate(-49.5%, 4%);
}
.blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect02::before {
    width: 150%;
    left: 45%;
    transform: translate(-55%, -10%);
}
.blockHorizontalBanner__media img,
.blockHorizontalBanner__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width: 1440px) {
    .blockHorizontalBanner__item {
        width: 100%;
    }

    .blockHorizontalBanner__effect01::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect01::before {
        width: 175%;
        left: 45%;
        transform: translate(-55%, -8%);
    }
    .blockHorizontalBanner__effect02::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect02::before {
        width: 200%;
        left: 50%;
        transform: translate(-50%, -4%);
    }
}
@media(max-width: 1024px) {
    .blockHorizontalBanner__effect01::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect01::before {
        transform: translate(-55%, 8%);
    }
    .blockHorizontalBanner__effect02::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect02::before {
        transform: translate(-50%, 8%);
    }
}
@media(max-width: 980px) {
    .blockHorizontalBanner__media {
        width: 100%;
        max-height: 330px;
    }
    .blockHorizontalBanner__effect01::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect01::before {
        transform: translate(-55%, -8%);
    }
    .blockHorizontalBanner__effect02::before,
    .blockHorizontalBanner__item:only-child .blockHorizontalBanner__effect02::before {
        left: 52.5%;
        transform: translate(-47.5%, -8%);
    }

    .blockHorizontalBanner__intro {
        max-width: unset;
    }
}
@media(max-width: 600px) {
    .blockHorizontalBanner__media {
        max-height: 200px;
    }
}

.blockHorizontalBanner__intro {
    margin: 0 auto;
    width: 100%;
    max-width: calc(var(--width-480) - 7px);
}
.blockHorizontalBanner__intro__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-450);
    text-align: center;
}

.blockHorizontalBanner__tagline {
    font-family: var(--fontfamily-geologica);
    font-weight: 500;
    color: var(--color-8);
}
.blockHorizontalBanner__intro h2 {
    margin-bottom: 0;
    font-family: var(--fontfamily-geologica);
    font-size: 26px;
    font-weight: 600;
    color: var(--color-9);
}
.blockHorizontalBanner__description {
    line-height: 24px;
    color: var(--color-8);
}

.blockHorizontalBanner__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.blockHorizontalBanner__link01 {
    padding: 8px 14px;
    border: 1px solid var(--color-2);
    border-radius: 100vh;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    transition: background-color .3s;
}
.blockHorizontalBanner__link01:hover {
    background-color: var(--color-2);
}
.blockHorizontalBanner__link01:hover::after,
.blockHorizontalBanner__link02:hover::after {
    display: none;
}
.blockHorizontalBanner__link__label {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: var(--color-8);
}
.blockHorizontalBanner__link02 {
    display: flex;
    align-items: center;
    gap: 14px;
}
.blockHorizontalBanner__link02 .blockHorizontalBanner__link__icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.blockHorizontalBanner__link02:hover .blockHorizontalBanner__link__icon {
    background-color: var(--color-2);
}
.blockHorizontalBanner__link02 .blockHorizontalBanner__link__icon svg {
    width: 15px;
    height: auto;
}
.blockHorizontalBanner__link02 .blockHorizontalBanner__link__icon svg path {
    stroke: var(--color-3);
}

.blockHorizontalBanner__icon + .blockHorizontalBanner__tagline,
.blockHorizontalBanner__icon + h2,
.blockHorizontalBanner__icon + .blockHorizontalBanner__description {
    margin-top: 20px;
}
.blockHorizontalBanner__tagline + h2,
.blockHorizontalBanner__tagline + .blockHorizontalBanner__description,
.blockHorizontalBanner__tagline + .blockHorizontalBanner__links {
    margin-top: 5px;
}

.blockHorizontalBanner__intro h2 + .blockHorizontalBanner__description,
.blockHorizontalBanner__intro h2 + .blockHorizontalBanner__links {
    margin-top: 30px;
}

.blockHorizontalBanner__description + .blockHorizontalBanner__links {
    margin-top: 20px;
}

/* - Downloads. */
.blockDownloads__inner h2 {
    margin-bottom: 34px;
    font-family: var(--fontfamily-geologica);
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: var(--color-0);
}

.blockDownloads__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.blockDownloads__cards__item {
    padding: 20px;
    width: calc(50% - 7px);
    border: 2px solid var(--color-9);
    border-radius: 10px;
    background-color: var(--color-7);
    display: block;
    transition: background-color .3s;
}
.blockDownloads__cards__item:hover {
    background-color: var(--color-6);
}
.blockDownloads__cards__item:hover::after {
    display: none;
}
.blockDownloads__cards__item__title {
    font-family: var(--fontfamily-geologica);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: underline;
    color: var(--color-1);
    display: block;
}
.blockDownloads__cards__item__infos {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-4);
    display: block;
}

@media(max-width: 600px) {
    .blockDownloads__cards__item {
        width: 100%;
    }
}

/* - ERP products. */
.blockErpProducts__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.blockErpProducts__inner .productItem {
    width: calc(33.33% - 9.5px);
}

@media(max-width: 980px) {
    .blockErpProducts__inner .productItem .productItem__price__values {
        flex-wrap: wrap;
        gap: 5px;
    }
}
@media(max-width: 600px) {
    .blockErpProducts__inner .productItem {
        width: calc(50% - 7px);
    }
    .blockErpProducts__inner .productItem .productItem__prices__row {
        flex-direction: column;
    }
    .blockErpProducts__inner .productItem .productItem__prices__col {
        width: 100%;
    }
}

/*
 * Footer.
 * - Content.
 * - Copyrights.
 */
body > footer {
    margin-top: 40px;
    display: block;
    justify-content: unset;
}

.footer__container {
    margin: 0 auto;
    padding: 40px 20px 0 20px;
    width: 100%;
    max-width: var(--width-1920);
    border-radius: 20px 20px 0 0;
    background-color: var(--color-1);
}
.footer__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1600);
}

/* - Content. */
.footer__content {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 14px;
}
.footer__contacts,
.footer__widgets {
    width: calc(50% - 7px);
}

@media(max-width: 980px) {
    .footer__content {
        gap: 54px;
    }
    .footer__contacts,
    .footer__widgets {
        width: 100%;
    }
}
@media(max-width: 600px) {
    .footer__content {
        gap: 44px;
    }
}

.footer__contacts__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    row-gap: 20px;
}
.footer__contacts__row.contactLogo {
    margin-bottom: 35px;
}
.footer__contacts__row.contactLogo > svg {
    width: 100%;
    max-width: 195px;
    height: auto;
}
.footer__contacts__row.contactLogo > svg path {
    fill: var(--color-3);
}
.footer__contacts__row.contactSocialMedia {
    margin-top: 20px;
}
.footer__contacts__col {
    width: calc(50% - 7px);
}

@media(max-width: 600px) {
    .footer__contacts__col {
        width: 100%;
    }
}

.footer__contact__label {
    margin-bottom: 5px;
    color: var(--color-8);
}
.footer__contacts__row.contactSocialMedia .footer__contact__label {
    margin-bottom: 10px;
}

.footer__contact__description a {
    font-weight: 500;
    color: var(--color-8);
}
.footer__contact__description a:hover::after {
    background-color: var(--color-8);
}
.footer__contact__description a span {
    color: var(--color-4);
}

.footer__contact__list,
.blockMapContactDetails__contact__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.footer__contact__list > a,
.blockMapContactDetails__contact__list > a {
    width: 50px;
    height: 50px;
    border: 2px solid var(--color-2);
    border-radius: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s;
}
.footer__contact__list > a:hover,
.blockMapContactDetails__contact__list > a:hover {
    background-color: var(--color-2);
}
.footer__contact__list > a::before,
.blockMapContactDetails__contact__list > a::before {
    content: '';
    background-color: var(--color-3);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.footer__contact__list > a.linkedin::before,
.blockMapContactDetails__contact__list > a.linkedin::before {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/linkedin.svg);
    mask-image: url(assets/icons/linkedin.svg);
}
.footer__contact__list > a.facebook::before,
.blockMapContactDetails__contact__list > a.facebook::before {
    width: 13px;
    height: 20px;
    -webkit-mask-image: url(assets/icons/facebook.svg);
    mask-image: url(assets/icons/facebook.svg);
}
.footer__contact__list > a.instagram::before,
.blockMapContactDetails__contact__list > a.instagram::before {
    width: 23px;
    height: 23px;
    -webkit-mask-image: url(assets/icons/instagram.svg);
    mask-image: url(assets/icons/instagram.svg);
}
.footer__contact__list > a.youtube::before,
.blockMapContactDetails__contact__list > a.youtube::before {
    width: 23px;
    height: 23px;
    -webkit-mask-image: url(assets/icons/youtube.svg);
    mask-image: url(assets/icons/youtube.svg);
}
.footer__contact__list > a::after,
.blockMapContactDetails__contact__list > a::after {
    display: none;
}
.footer__contact__list > a > span,
.blockMapContactDetails__contact__list > a > span {
    display: none;
}

/* - Copyrights. */
.copyrights {
    padding: 30px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.copyrights > nav,
.copyrights__container {
    width: calc(50% - 7px);
}

@media(max-width: 1180px) {
    .copyrights > nav,
    .copyrights__container {
        width: 100%;
    }
}

.copyrights > nav > ul,
.copyrights__container__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.copyrights__container__inner {
    justify-content: end;
}
.copyrights > nav > ul > li,
.copyrights > nav > ul > li > a,
.copyrights__label,
.copyrights__label > a {
    line-height: 24px;
    color: var(--color-8);
}
.copyrights > nav > ul > li > a:hover::after,
.copyrights__label > a:hover::after {
    background-color: var(--color-8);
}

@media(max-width: 1180px) {
    .copyrights__container__inner {
        justify-content: start;
    }
}