/*
Theme Name: Dikotech
Theme URI: https://dikotech.ru
Author: DikoTech
Author URI: https://dikotech.ru
Description: Custom theme for project Dikotech.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dikotech
*/

@font-face {
    font-family: 'Benzin';
    src: url('assets/fonts/benzin-semibold.woff2') format('woff2'),
    url('assets/fonts/benzin-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.d-container {
    max-width: 84rem;
    margin-left: auto;
    margin-right: auto;
}


/**
 ** HERO
 */
.hero-swiper {
    --swiper-pagination-bottom: 70px;
    --swiper-pagination-top: auto
}

.hero-swiper .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 10px !important;
    background: #D9D9D9 !important;
    opacity: 25% !important;
    border-radius: 50%
}

.hero-swiper .swiper-pagination-bullet-active {
    background: #4861FF !important;
    opacity: 1!important;
}

.hero-swiper .swiper-pagination {
    z-index: 40;
}

@media (max-width: 768px) {
    .hero-swiper {
        overflow: visible !important;
    }

    .hero-swiper .swiper-pagination {
        bottom: -30px !important;
    }
}

/*
.stories-list li:nth-child(n+5) {
    display: none;
}*/

@media (min-width: 768px) {
    .stories-list li:nth-child(n+5) {
        display: flex;
    }
}

@media (max-width: 768px) {
    .stories-list {
        justify-content: center;
    }

    .hero-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
    }

    .hero-swiper .swiper-pagination-bullet {
        width: 7px !important;
        height: 7px !important;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/**
 ** Slider card
 */
.products-swiper, .compare-swiper{height:auto !important;}
.products-swiper .swiper-wrapper, .compare-swiper .swiper-wrapper{height:auto !important; align-items:stretch;}
.products-swiper .swiper-slide{
    height:auto !important;
    display:flex;
}
.products-swiper .swiper-slide > *{
    flex:1 1 auto;
}

.product-card{
    display:flex;
    flex-direction:column;
    height:100%;
}
.product-card .p-4{
    flex:1 1 auto;
}


/**
 ** Wishlist
 */
.wf-account{display:grid;grid-template-columns:280px 1fr;gap:24px}
@media(max-width:900px){.wf-account{grid-template-columns:1fr}}


/**
 ** Woocommerce cart
 */
.cart_totals {
    width: 100% !important;
}
.cart_totals bdi {
    color: #fff;
    font-family: Public Sans, sans-serif;
}

.woocommerce-Price-currencySymbol {
    font-family: Inter, sans-serif;
}

/**
 * Woocommerce Checkout
 */
.woocommerce form .form-row {
    width: 100%;
}

.woocommerce-Price-amount.amount {
    color: #fff;
    font-family: Public Sans, sans-serif;
}

.product-card .woocommerce-Price-amount.amount,
.product .woocommerce-Price-amount.amount {
    color: #000;
}

/* Compare slider: force price color */
.compare-swiper .price,
.compare-swiper .price *,
.compare-swiper .woocommerce-Price-amount.amount,
.compare-swiper .woocommerce-Price-amount.amount bdi,
.compare-swiper .woocommerce-Price-currencySymbol,
.compare-swiper del,
.compare-swiper ins {
    color: #0F0F0F !important;
}

/* Hide WooCommerce default "View cart" link on product cards */
.product-card a.added_to_cart{
    display: none !important;
}


/**
 * Header menus
 */
.diko-top-menu,
.diko-main-menu { list-style: none; margin: 0; padding: 0; }
.diko-top-menu li,
.diko-main-menu li { margin: 0; }
.diko-top-menu li + li { margin-left: 34px; }
.diko-main-menu li + li { margin-left: 40px; }

.diko-top-menu a {
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.42px;
    display: inline-block;
}

.diko-main-menu a {
    color: var(--White, #FFF);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.42px;
    display: inline-block;
    opacity: 0.6;
}

/**
 * Product card action icons (wishlist/compare)
 * Toggle between default and active svg icons using aria-pressed
 */
.yith-wcwl-add-to-wishlist .icon-active,
.diko-compare-btn .icon-active { display: none; }

.yith-wcwl-add-to-wishlist[aria-pressed="true"] .icon-active,
.diko-compare-btn[aria-pressed="true"] .icon-active { display: inline-block; }

/**
 * Blog Hero cards stacking and offsets
 */
.blog-hero .blog-hero-card { position: relative; }

/* Left group: cards 1–3 */
.blog-hero .blog-hero-left .blog-hero-card:nth-child(1) { z-index: 1; }
.blog-hero .blog-hero-left .blog-hero-card:nth-child(2) { z-index: 2; left: -100px; transform: scale(0.9); align-self: flex-end; }
.blog-hero .blog-hero-left .blog-hero-card:nth-child(3) { z-index: 3; left: -200px; transform: scale(0.8); align-self: flex-end; bottom: -3px; }

/* Right group: cards 4–6 (mapped to 1–3 inside right wrapper) */
.blog-hero .blog-hero-right { justify-content: flex-end; }
.blog-hero .blog-hero-right .blog-hero-card:nth-child(1) { z-index: 6; right: -200px; transform: scale(0.8); align-self: flex-end;  bottom: -3px;}
.blog-hero .blog-hero-right .blog-hero-card:nth-child(2) { z-index: 5; right: -100px; transform: scale(0.9); align-self: flex-end; }
.blog-hero .blog-hero-right .blog-hero-card:nth-child(3) { z-index: 4; }

.yith-wcwl-add-to-wishlist[aria-pressed="true"] .icon-default,
.diko-compare-btn[aria-pressed="true"] .icon-default { display: none; }
.diko-main-menu a:hover { opacity: 1; }

.bg-icon-home {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M14.4002 13.1828V6.16262C14.4002 5.89994 14.2666 5.65351 14.0414 5.50127L8.49478 1.75026C8.19871 1.55004 7.8018 1.55004 7.50572 1.75026L1.95906 5.50127C1.73395 5.6535 1.60025 5.89994 1.60025 6.16262V13.1828C1.60025 13.8551 2.17333 14.4001 2.88025 14.4001H13.1202C13.8272 14.4001 14.4002 13.8551 14.4002 13.1828Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-icon-compare {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M1.5 12.9375V4.9375M5.5 12.9375V8.27083M9.5 12.9375V2.0625M13.5 12.9375V4.9375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-icon-favorite {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M2.95068 8.20772L8 13.257L13.0493 8.20772C14.3169 6.94015 14.3169 4.885 13.0493 3.61743C11.7817 2.34985 9.7266 2.34985 8.45903 3.61743L8 4.07646L7.54097 3.61743C6.2734 2.34985 4.21825 2.34985 2.95068 3.61743C1.68311 4.885 1.68311 6.94015 2.95068 8.20772Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-icon-cart {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M3.60001 6.41596L6.82056 2.90263C7.4547 2.21084 8.54531 2.21084 9.17945 2.90263L12.4 6.41596M13.9975 7.71278L12.3831 12.9128C12.2532 13.3312 11.8662 13.6163 11.4281 13.6163H4.61441C4.17853 13.6163 3.79286 13.334 3.66115 12.9185L2.01279 7.71846C1.80841 7.07372 2.28969 6.41628 2.96604 6.41628H13.0425C13.7163 6.41628 14.1973 7.06922 13.9975 7.71278Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-icon-profile {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M3.33333 13.3333V12.6667C3.33333 10.8257 4.82571 9.33333 6.66666 9.33333H9.33333C11.1743 9.33333 12.6667 10.8257 12.6667 12.6667V13.3333M10.6667 4.66667C10.6667 6.13943 9.47275 7.33333 8 7.33333C6.52724 7.33333 5.33333 6.13943 5.33333 4.66667C5.33333 3.19391 6.52724 2 8 2C9.47275 2 10.6667 3.19391 10.6667 4.66667Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Cart page (scoped overrides) */
.wf-cart .cart-line-price .woocommerce-Price-amount.amount,
.wf-cart .cart-line-price .woocommerce-Price-amount.amount bdi {
    color: var(--Gray, #0F0F0F);
}

/* Checkout page (items list inside white cards) */
.wf-checkout .cart-line-price .woocommerce-Price-amount.amount,
.wf-checkout .cart-line-price .woocommerce-Price-amount.amount bdi {
    color: var(--Gray, #0F0F0F);
}

/* Checkout titles: mobile-first (P3 SemiBold) */
.wf-checkout .wf-checkout-title {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.54px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .wf-checkout .wf-checkout-title {
        color: var(--White, #FFF);
        font-size: 27px;
        font-weight: 600;
        line-height: 0.96; /* ~25.92px */
        letter-spacing: -0.81px;
        margin-bottom: 20px;
    }
}

/* Mobile chips: customer type + delivery methods */
@media (max-width: 767px) {
    .wf-checkout .wf-chip {
        color: var(--White, #FFF);
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 0.94; /* 9.4px */
        letter-spacing: -0.3px;
        padding: 8.8px 14.6px;
    }
}

/* Payment methods — mobile typography/layout */
@media (max-width: 767px) {
    .wf-checkout .wf-pay-card {
        flex-direction: column;
        /*align-items: center !important;*/
        width: 100%;
        /*text-align: center;*/
        gap: 8px;
    }
    .wf-checkout .wf-pay-card label {
        color: var(--White, #FFF);
        text-align: center;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.42px;
    }
    .wf-checkout .wf-pay-card .payment_box {
        color: var(--White, #FFF);
        /*text-align: center;*/
        font-family: Inter, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25; /* 125% */
        letter-spacing: -0.3px;
        /*max-width: 200px;*/
        margin-left: auto;
        margin-right: auto;
    }
    .wf-checkout .wf-pay-price {
        color: var(--White, #FFF);
        /*text-align: center;*/
        align-self: start;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.42px;
    }
}

/* Confirm area — mobile-first adjustments */
.wf-checkout .wf-confirm-wrap { /* flex already set in markup */ }
@media (max-width: 767px) {
    .wf-checkout .wf-confirm-text {
        color: var(--White, #FFF);
        font-family: Inter, sans-serif;
        font-size: 10px; /* mob P1 Reg */
        font-style: normal;
        font-weight: 400;
        line-height: 1.07; /* 107% */
        letter-spacing: -0.3px;
        order: 1;
        max-width: 100%;
    }
    .wf-checkout .wf-confirm-btn {
        width: 100%;
        font-family: Inter, sans-serif;
        font-size: 27px; /* Mob H3 */
        font-style: normal;
        font-weight: 600;
        line-height: 0.96; /* 25.92px */
        letter-spacing: -0.81px;
        order: 2;
        padding: 20px 25px; /* mobile padding */
    }
}

/* Cart: mobile checkout CTA font size */
@media (max-width: 767px) {
    .wf-cart .wf-cart-cta {
        font-size: 27px; /* Mob H3 */
        line-height: 0.96;
        letter-spacing: -0.81px;
        width: 100%;
        display: flex; /* override inline-flex from markup */
    }
}

/* Breadcrumbs (Yoast) */
#diko-breadcrumbs,
#diko-breadcrumbs a,
#diko-breadcrumbs span {
    color: var(--Main-Blue, #4861FF);
    font-family: Inter, sans-serif; /* P2 Reg */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 107%; /* 17.12px */
}

/* Woo Breadcrumbs on single product: use semi-transparent black */
.single-product nav[aria-label="Breadcrumb"],
.single-product nav[aria-label="Breadcrumb"] a,
.single-product nav[aria-label="Breadcrumb"] a:hover,
.single-product nav[aria-label="Breadcrumb"] span {
    color: rgba(0, 0, 0, 0.40) !important;
}

/* Extra hard override for Tailwind utility classes inside Woo breadcrumb */
.single-product nav[aria-label="Breadcrumb"] .text-\[\#4861FF\] { color: rgba(0,0,0,0.40) !important; }
.single-product nav[aria-label="Breadcrumb"] .hover\:text-\[\#4861FF\]:hover { color: rgba(0,0,0,0.40) !important; }


/**
 * TMP
 */
.bg-gray-300 {
    background-color: #cccccc;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* для Firefox */
}

/**
 ** Blog templates
 */
.blog-hero {
    position: relative;
    background: linear-gradient(0deg, #4861FF 0%, rgba(6, 2, 17, 0.00) 100%);
    height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible; /* allow stories to overflow half outside */
}
.blog-hero__title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Benzin-Semibold, Inter, sans-serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 103%; /* 98.88px */
    letter-spacing: -0.96px;
    margin: 0;
}
@media(max-width: 768px){
    .blog-hero__title { font-size: 48px; letter-spacing: -0.48px; }
}

/* Single article container */
.blog-article {
    background: var(--White, #FFF);
    border-radius: 25px;
    padding: 25px;
    color: var(--Gray, #0F0F0F);
}
@media(max-width: 768px){
    .blog-article { border-radius: 15px; padding: 12px; }
}

/* Article typography */
.blog-article__title {
    color: var(--Gray, #0F0F0F);
    font-family: Inter, sans-serif;
    font-size: 34px; /* H3 */
    font-style: normal;
    font-weight: 600;
    line-height: 107%; /* 36.38px */
    letter-spacing: -1.02px;
    margin: 0 0 30px; /* 30px space to first paragraph */
}
@media(max-width: 768px){
    .blog-article__title {
        font-size: 27px; /* Mob H3 */
        font-weight: 600;
        line-height: 96%; /* 25.92px */
        letter-spacing: -0.81px;
    }
}

.blog-article__content p {
    color: var(--Gray, #0F0F0F);
    font-family: Inter, sans-serif;
    font-size: 27px; /* H4 Reg 107% */
    font-style: normal;
    font-weight: 300; /* was 400 */
    line-height: 107%; /* 28.89px */
    letter-spacing: -0.81px;
    margin: 0 0 12px; /* 12px between paragraphs on desktop */
}
/* Headings inside content */
.blog-article__content h1,
.blog-article__content h2 {
    color: var(--Gray, #0F0F0F);
}
.blog-article__content h2 {
    font-family: Inter, sans-serif;
    font-size: 34px; /* H3 */
    font-style: normal;
    font-weight: 600;
    line-height: 107%; /* 36.38px */
    letter-spacing: -1.02px;
    margin: 15px 0; /* 30px above and below paragraphs */
}
.blog-article__content h3 {
    color: var(--Gray, #0F0F0F);
    font-family: Inter, sans-serif;
    font-size: 34px; /* H3 */
    font-style: normal;
    font-weight: 600;
    line-height: 107%; /* 36.38px */
    letter-spacing: -1.02px;
    margin: 30px 0; /* 30px above and below paragraphs */
}
@media(max-width: 768px){
    .blog-article__content p {
        font-size: 16px; /* P2 Reg 135% */
        font-weight: 300;
        line-height: 135%; /* 21.6px */
        letter-spacing: -0.48px;
        margin-bottom: 8px; /* 8px between paragraphs on mobile */
    }
    .blog-article__content h3 {
        color: var(--Gray, #0F0F0F);
        font-size: 27px; /* Mob H3 */
        font-weight: 600;
        line-height: 96%; /* 25.92px */
        letter-spacing: -0.81px;
    }
    .blog-article__content h2 {
        color: var(--Gray, #0F0F0F);
        font-size: 27px; /* Mob H3 */
        font-weight: 600;
        line-height: 96%; /* 25.92px */
        letter-spacing: -0.81px;
    }
}

/* Keep Gutenberg image floats */
.blog-article__content img { max-width: 100%; height: auto; border-radius: 15px; background: #D9D9D9; }
.blog-article__content figure { margin: 0 0 16px; }
.blog-article__content .alignleft {
    float: left;
    margin: 0 24px 16px 0;
}
.blog-article__content .alignright {
    float: right;
    margin: 0 0 16px 24px;
}
.blog-article__content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Bottom CTA button (full width of white container) */
.blog-cta {
    display: flex;
    width: 100%;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--Main-Blue, #4861FF);
    color: var(--White, #FFF);
    font-family: Inter, sans-serif; /* H4 SemiBold */
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 96%; /* 25.92px */
    letter-spacing: -0.81px;
    text-decoration: none;
    margin-top: 24px;
}
@media(max-width: 768px){
    .blog-cta {
        padding: 15px 25px;
        color: var(--White, #FFF);
        font-size: 18px; /* Mob H4 SemiBold 107% */
        font-weight: 600;
        line-height: 107%; /* 19.26px */
        letter-spacing: -0.54px;
    }
}

/**
 ** Gutenberg Page template
 */
.gutenberg-page {
    color: #F9F9F9;
}

.gutenberg-page .gutenberg-title {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.08px;
    margin: 0 0 24px;
}

.gutenberg-page .gutenberg-content p {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%; /* 21.6px */
    letter-spacing: -0.48px;
    margin: 0 0 16px;
}

.gutenberg-page .gutenberg-content h3 {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.54px;
    margin: 24px 0 12px;
}

/* Lists (UL) inside Gutenberg content */
.gutenberg-page .gutenberg-content ul {
    list-style: disc;
    padding-left: 1.25rem; /* 20px */
    margin: 0 0 16px;
}
.gutenberg-page .gutenberg-content ul li {
    margin: 8px 0;
}
.gutenberg-page .gutenberg-content ul ul {
    margin-top: 8px;
}
.gutenberg-page .gutenberg-content .wp-block-list {
    list-style: disc; /* Gutenberg UL */
}

@media (max-width: 768px) {
    .gutenberg-page .gutenberg-title {
        /* Mob H2 */
        color: #F9F9F9;
        font-family: Inter, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 96%; /* 17.28px */
        letter-spacing: -0.54px;
        margin-bottom: 16px;
    }

    .gutenberg-page .gutenberg-content p {
        /* Mob P3 Reg 117% */
        color: #F9F9F9;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 117%; /* 16.38px */
        letter-spacing: -0.42px;
    }

    .gutenberg-page .gutenberg-content h3 {
        /* Mob P3 SemiBold */
        color: #F9F9F9;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.42px;
        margin: 20px 0 10px;
    }
}

/* External pagination for sliders */
.dots-products:empty, .dots-reviews:empty, .dots-compare:empty { display: none; }
.dots-products .swiper-pagination-bullet, .dots-reviews .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    background: #D9D9D9 !important;
    opacity: 0.25 !important;
    border-radius: 50% !important;
}
.dots-products .swiper-pagination-bullet-active, .dots-reviews .swiper-pagination-bullet-active {
    background: #4861FF !important;
    opacity: 1 !important;
}

/* Compare dots: 12x12, active blue, inactive gray without extra opacity */
.dots-compare .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    background: #D9D9D9 !important;
    opacity: 1 !important;
    border-radius: 50% !important;
}
.dots-compare .swiper-pagination-bullet-active {
    background: #4861FF !important;
    opacity: 1 !important;
}

/* Arrow additional style for brands and products */
.arrow-main {
    box-shadow: 0 1.719px 29.563px rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath d='M1.625 2L9.125 9.5L1.625 17' stroke='%231C1D35' stroke-width='2.57812' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 55% center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
    .arrow-main {
        display: none !important;
    }
}
.arrow-main-left {
    box-shadow: 0 1.719px 29.563px rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath d='M9.375 2L1.875 9.5L9.375 17' stroke='%231C1D35' stroke-width='2.57812' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 45% center;
    background-repeat: no-repeat;
}

/* Compare card top: pin price to bottom */
.compare-card-top {
    display: flex;
    flex-direction: column;
}
.compare-card-top .compare-card-price {
    margin-top: auto;
    padding-top: 13px;
}

/* Slider brads/reviews styles */

.brands-swiper > .swiper-wrapper, .reviews-swiper > .swiper-wrapper {
    height: unset !important;
}

/* Link additional styles */
.before-link:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.button-increase {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.button-trigger-increase:hover ~ .button-increase {
    transform: scale(1.08);
}

/* Loader styles */
.loader {
    width: 48px;
    height: 48px;
    border: 10px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: absolute;
    z-index: 1111;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    opacity: 0.1;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Small cards styles */
.bg-special-gradient {
    /*background-image: url( "data: image/svg+xml,%0A%3Csvg width='420' height='313' viewBox='0 0 420 313' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='422' height='312' transform='matrix(1 0 0 -1 -2 312.707)' fill='url(%23paint0_linear_191_7875)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_191_7875' x1='321' y1='0' x2='321' y2='312' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234861FF'/%3E%3Cstop offset='1' stop-color='%23060211' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");*/
    background-image: url("data:image/svg+xml,%0A%3Csvg width='416' height='217' viewBox='0 0 416 217' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='416' height='217' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 416 0)' fill='url(%23paint0_linear_557_25285)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_557_25285' x1='316.436' y1='0' x2='316.436' y2='217' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234861FF'/%3E%3Cstop offset='1' stop-color='%23060211' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
}

.small-card-image {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    object-fit: cover;
    object-position: right bottom;
}

.before-disabled:before {
    display: none;
}

.bg-icon-question {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.25'%3E%3Cpath d='M11.5673 16.1958V16.2364M9.25463 8.71989C9.25463 7.41793 10.2905 6.36248 11.5683 6.36248C12.8462 6.36248 13.8821 7.41793 13.8821 8.71989C13.8821 10.0219 12.8462 11.0773 11.5683 11.0773C11.5683 11.0773 11.5673 11.7809 11.5673 12.6489M20.8232 11.5683C20.8232 16.6797 16.6797 20.8232 11.5683 20.8232C6.45702 20.8232 2.31348 16.6797 2.31348 11.5683C2.31348 6.45702 6.45702 2.31348 11.5683 2.31348C16.6797 2.31348 20.8232 6.45702 20.8232 11.5683Z' stroke='%230F0F0F' stroke-width='1.9281' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@keyframes fadeInUp-1 {
    0% {
        opacity: 0;
        margin-top: 40px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

.fadeInUp-1 {
    animation: fadeInUp-1 0.8s ease-out forwards;
}

/**
* Reviews
 */

.three-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .products-swiper-main .arrow-main, .reviews-swiper-main .arrow-main, .brands-swiper-main .arrow-main {
        display: none !important;
    }
}
h2.gutenberg-title{
    display: none;
}
body.customize-support .woocommerce form .form-row {
    padding: 4px 0;
    margin: 0;
}

.woocommerce-form-row .password-input > .show-password-input,
.woocommerce-form .password-input > .show-password-input {
  display: none;
}

.woocommerce-MyAccount-navigation .is-active>a {
    font-weight: 600;
    text-decoration: none;
}
.d-container {
    max-width: 84rem;
    margin-left: auto;
    margin-right: auto;
}
.gutenberg-page .gutenberg-content ul li {
    margin: 0;
}
.gutenberg-page .gutenberg-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.body > main  .is-active{
    background-color: #4861FF;
}
body.customize-support .woocommerce form .form-row {
    padding: 5px 0 2px 0;
    margin: 0;
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
    content: "";
    display: none;
    height: 22px;
    width: 22px;
}

@media screen and (max-width: 768px){
    body.customize-support .woocommerce form .form-row {
        padding:  0;
        margin: 0 0 8px;
    }
}

/* Woo password meter (My Account + Register) */
.woocommerce-MyAccount-content .woocommerce-password-strength {
    display: inline-block;
    margin-top: 4px;
    padding: 6px 10px;
    border-radius: 10px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.85);
}
.woocommerce-MyAccount-content .woocommerce-password-strength.short,
.woocommerce-MyAccount-content .woocommerce-password-strength.bad {
    background: rgba(239, 68, 68, 0.15); /* red-500/15 */
    color: #fecaca; /* red-200 */
    border-color: rgba(239, 68, 68, 0.35);
}
.woocommerce-MyAccount-content .woocommerce-password-strength.good {
    background: rgba(245, 158, 11, 0.15); /* amber-500/15 */
    color: #fde68a; /* amber-200 */
    border-color: rgba(245, 158, 11, 0.35);
}
.woocommerce-MyAccount-content .woocommerce-password-strength.strong {
    background: rgba(16, 185, 129, 0.15); /* emerald-500/15 */
    color: #a7f3d0; /* emerald-200 */
    border-color: rgba(16, 185, 129, 0.35);
}
.woocommerce-MyAccount-content .woocommerce-password-hint {
    color: rgba(255,255,255,0.7);
}

/* catalog page */

.menu-sidebar-cat:before {
  content: " ";
  width: 1000%;
  height: 100%;
  background: rgb(14 14 14);
  position: absolute;
  left: -1000%;
  top: 0;
  z-index: 1;
}

.ul-menu-cat > li> .bg-primary {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5999 7.19995L14.3999 12L9.5999 16.8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
}

.ul-menu-cat li > *:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5999 7.19995L14.3999 12L9.5999 16.8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 25px) center;
}

@media screen and (max-width: 768px) {
  .ul-menu-cat > li > *, .ul-menu-cat > li > *:hover {
    background: unset;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M9.60039 7.19995L14.4004 12L9.60039 16.8' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100%) center !important;
  }
}

.next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M8.75 16.75L0.750001 8.75L8.75 0.749999' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 8px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
}

.close-icon {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 0.750004L0.75 16.75M16.75 16.75L0.750001 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
}
.cart-products-slider > * > .d-container {
  padding-left: 0;
  padding-right: 0;
}

/**
 * Gutenberg Page: rich text, lists, tables (scoped)
 * Applies only within `.gutenberg-page .gutenberg-content` wrapper from templates/page-gutenberg.php
 */
.gutenberg-page .gutenberg-content {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
}

/* Headings */
.gutenberg-page .gutenberg-content h1,
.gutenberg-page .gutenberg-content h2,
.gutenberg-page .gutenberg-content h3,
.gutenberg-page .gutenberg-content h4,
.gutenberg-page .gutenberg-content h5,
.gutenberg-page .gutenberg-content h6 {
    color: #F9F9F9;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 1.07;
    margin: 24px 0 12px;
}
.gutenberg-page .gutenberg-content h1 { font-size: 36px; letter-spacing: -1.08px; }
.gutenberg-page .gutenberg-content h2 { font-size: 27px; letter-spacing: -0.81px; }
.gutenberg-page .gutenberg-content h3 { font-size: 21px; letter-spacing: -0.63px; }
.gutenberg-page .gutenberg-content h4 { font-size: 18px; letter-spacing: -0.54px; }
.gutenberg-page .gutenberg-content h5 { font-size: 16px; letter-spacing: -0.48px; }
.gutenberg-page .gutenberg-content h6 { font-size: 14px; letter-spacing: -0.42px; }

/* Paragraphs */
.gutenberg-page .gutenberg-content p {
    color: #F9F9F9;
    font-size: 16px;
    font-weight: 300;
    line-height: 135%;
    letter-spacing: -0.48px;
    margin: 0 0 16px;
}

/* Links */
.gutenberg-page .gutenberg-content a {
    color: var(--Main-Blue, #4861FF);
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
.gutenberg-page .gutenberg-content a:hover { opacity: 0.85; }

/* Generic Gutenberg content (page.php, e.g. Contacts): underline links */
.gutenberg-content a {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* Lists */
.gutenberg-page .gutenberg-content ul,
.gutenberg-page .gutenberg-content ol,
.gutenberg-page .gutenberg-content .wp-block-list {
    margin: 0 0 16px;
    padding-left: 1.25rem; /* 20px */
}
.gutenberg-page .gutenberg-content ul { list-style: disc; }
.gutenberg-page .gutenberg-content ol { list-style: decimal; }
.gutenberg-page .gutenberg-content li { margin: 6px 0; }
.gutenberg-page .gutenberg-content ul li::marker,
.gutenberg-page .gutenberg-content ol li::marker { color: var(--Main-Blue, #4861FF); }
.gutenberg-page .gutenberg-content ul ul,
.gutenberg-page .gutenberg-content ol ol { margin-top: 6px; }

/* Blockquote */
.gutenberg-page .gutenberg-content blockquote {
    margin: 20px 0;
    padding: 12px 16px;
    border-left: 3px solid var(--Main-Blue, #4861FF);
    color: rgba(249, 249, 249, 0.9);
    background: rgba(255, 255, 255, 0.04);
    border-radius: 6px;
}
.gutenberg-page .gutenberg-content blockquote p { margin: 0; }

/* Tables (Gutenberg Table block and generic tables) */
.gutenberg-page .gutenberg-content .wp-block-table { overflow-x: auto; margin: 0 0 16px; }
.gutenberg-page .gutenberg-content .wp-block-table table,
.gutenberg-page .gutenberg-content table {
    width: 100%;
    border-collapse: collapse;
    color: #F9F9F9;
    font-size: 16px;
}
.gutenberg-page .gutenberg-content table thead th {
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    padding: 12px 16px;
}
.gutenberg-page .gutenberg-content table tbody td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 12px 16px;
}
.gutenberg-page .gutenberg-content table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}
.gutenberg-page .gutenberg-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: rgba(255, 255, 255, 0.03); }

/* Images and captions */
.gutenberg-page .gutenberg-content img { max-width: 100%; height: auto; border-radius: 12px; }
.gutenberg-page .gutenberg-content figure { margin: 0 0 16px; }
.gutenberg-page .gutenberg-content figcaption {
    color: rgba(249, 249, 249, 0.7);
    font-size: 14px;
    line-height: 1.3;
    margin-top: 6px;
}

/* Code and horizontal rules */
.gutenberg-page .gutenberg-content code {
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}
.gutenberg-page .gutenberg-content pre {
    background: rgba(255, 255, 255, 0.06);
    padding: 12px 14px;
    border-radius: 8px;
    overflow: auto;
}
.gutenberg-page .gutenberg-content hr { border: none; border-top: 1px solid rgba(255,255,255,0.12); margin: 24px 0; }

/* Mobile adjustments */
@media (max-width: 768px) {
    .gutenberg-page .gutenberg-content h1 { font-size: 27px; letter-spacing: -0.81px; }
    .gutenberg-page .gutenberg-content h2 { font-size: 21px; letter-spacing: -0.63px; }
    .gutenberg-page .gutenberg-content h3 { font-size: 18px; letter-spacing: -0.54px; }
}