/*
 * Client custom styles.
 *
 * This file is loaded after the theme and plugin styles.
 * Keep project-specific CSS here to avoid editing generated theme files.
 */
 .mix-catalog-panel.mix-catalog-open {
  visibility: visible;
  opacity: 1;
  /* или display: block; */
}
 ul {
    margin: 0 0 0 25px;
}
.product-groups {
    position: relative;
    margin-top: 0;
}
.mix-product-rating-row {
    justify-content: space-between;
    display: inline;
}
.mix-popular-categories-grid {
    display: grid;
    grid-flow: column;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(5, minmax(6.5rem, 1fr));
    gap: 0.5rem;
}
.icon-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
}
a.items-list__soc-item.button.button_style_transparent_gray {
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    padding: 8px 14px 9px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: var(--button-text-color);
    border: 1px solid #0000000d;
    border-radius: 8px;
    background-color: var(--button-color);
    user-select: none;
    text-shadow: none;
    outline: 0;
    margin: 7px 0 4px 0;
}
.items-list .items-list__soc-item, .items-list-horizontal .items-list__soc-item {
    width: 100%;
}
span.icon-box__content {
    position: relative;
    top: 7px;
}
span.icon-box__icon.telegram {
    background-color: var(--color-sky-500);
    padding: 3px 3px;
    color: #fff;
    border-radius: 7px;
}
span.icon-box__icon.whatsapp {
    padding: 3px 3px;
    color: #fff;
    border-radius: 7px;
    background-color: var(--color-green-500);
}
 p.text-sm.leading-5.font-normal.mb-2.text-gray-600.dark\:text-gray-400 i.icon16.color.fas.fa-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    margin: 0 3px -3px 0px;
    border: 1px solid #d9d9d9;
}
span.text-sm.leading-5.font-normal.mb-0.block.basis-6\/12 i.icon16.color.fas.fa-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    margin: 0 3px -3px 0px;
    border: 1px solid #d9d9d9;
}
span.text-sm.leading-5.font-normal.mb-0.min-w-0.text-right.text-gray-800.dark\:text-gray-100 i.icon16.color.fas.fa-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    margin: 0 3px -3px 0px;
   border: 1px solid #d9d9d9;
}
.flag1 {
    display: inline-block !important;
    width: 70px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

#characteristics .mix-feature-id-6 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}


#characteristics .mix-feature-id-6 .relative {
    width: 50% !important;
    flex: 0 0 50% !important;
    position: relative !important;
}



#characteristics .mix-feature-id-6 .relative .text-gray-600 {
    background: #ffffff !important;
    padding-right: 4px !important;
    display: inline !important;
    position: relative !important;
    z-index: 1 !important;
}


.dark #characteristics .mix-feature-id-6 .relative .text-gray-600 {
    background: #111827 !important;
}

.dark #characteristics .mix-feature-id-6 .relative::before {
    border-bottom-color: #374151 !important;
}


#characteristics .mix-feature-id-6 [data-mix="specification-item-value"] {
    display: flex !important;
    align-items: center !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 4px !important;
}


#characteristics .mix-feature-id-6 .mix-product-spec-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

#characteristics .mix-feature-id-6 .mix-product-spec-value span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}


.mix-feature-id-6 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px !important;
}

.mix-product-specs-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}
img.image.img-border.h-7.w-20 {
    position: relative;
    top: 5px;
}

.flag {
    display: inline-block !important;
    width: 24px !important;
    height: 18px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}
.mix-promo-banner.bg-gray-900.dark\:bg-gray-950.q1 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
.mix-promo-banner.bg-gray-900.dark\:bg-gray-950.q1 p.heading.mb-0.line-clamp-2.text-2xl.font-bold.leading-7 {
    color: #fff;
}
button.base-button.-small.-primary.-filled.link-hyq {
    width: 100%;
}
.mix-promo-banner.bg-gray-900.dark\:bg-gray-950.q1 a.base-button.-small.-primary.-link.mt-1\.5 {
    background-color: var(--color-white);
    color: var(--color-gray-800);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--element-border-radius);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    border-width: 0;
    outline-style: none;
    text-decoration-line: none;
    transition-duration: .2s;
    display: inline-flex;
    position: relative;
    overflow: hidden;
}
 .colorvalue {
    font-size: 14px;
}
 .mix-sans-font .mix-header-shell .mix-header-grid {
    grid-template-columns: 9rem 2fr 19.25rem auto;
}
.mix-header-shell.mix-header-compact .mix-header-grid {
    grid-template-columns: 9.75rem 2fr 18.25rem auto;
}
 .text-page .flex {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

            .contacts-page .item {
                margin-bottom: 12px;
                width: 24%;
                box-shadow: 0 0 22px rgba(0,0,0,.11);
                border-radius: 10px;
                padding: 20px 20px 26px 20px;
            }

            .contacts-page .item .icon {
                margin-bottom: 17px;
            }

            .contacts-page .item .name {
                margin-bottom: 10px;
                font-weight: 700;
                font-size: 18px;
                line-height: 21px;
                text-transform: uppercase;
                color: #434343;
            }

            .contacts-page .item p {
                margin-bottom: 13px;
                font-size: 16px;
                line-height: 134.2%;
                color: #454545;
            }

            .contacts-page .item .phone {
                margin-bottom: 10px;
                font-size: 16px;
                line-height: 134.2%;
                color: #454545;
            }

            .contacts-page .item .phone:last-child {
                margin-bottom: 0;
            }

    .start-page__title {
        color: #333;
        font-size: 24px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .start-page__info {
        width: fit-content;
        max-width: 510px;
        padding: 32px 45px 32px 40px;
        justify-content: center;
        align-items: flex-start;
        border-radius: 15px;
        height: fit-content;
        background: #F7F7F7;
    }
    

    .content-tabs__content {
        display: none;
    }
    
    .content-tabs__content_selected {
        display: block;
    }
    
    .tabs__tab {
        cursor: pointer;
        padding: 10px 20px;
        border: 1px solid #ccc;
        background: #f5f5f5;
        display: inline-block;
    }
    
    .tabs__tab_selected {
        background: #fff;
        border-bottom-color: #fff;
        font-weight: bold;
    }
    

    .start-page__list {
        list-style-type: decimal;
        padding-left: 25px;
        margin: 10px 0;
    }
    
    .start-page__list li {
        margin-bottom: 8px;
        padding-left: 5px;
    }
    
 
    @media screen and (max-width: 1024px) {
        .start-page__form {
            flex-direction: column !important;
            gap: 30px !important;
        }
        
        .start-page__info {
            flex: 1 1 auto !important;
            width: 100% !important;
            max-width: 100% !important;
            padding: 25px 30px;
        }
        
        .start-page__tabs {
            flex: 1 1 auto !important;
            width: 100% !important;
        }
    }
    

   
    
 
    @media screen and (max-width: 480px) {
        .start-page__form {
            gap: 15px !important;
        }
        
        .start-page__info {
            padding: 15px;
            border-radius: 10px;
        }
        
        .start-page__title {
            font-size: 18px;
        }
        
        .start-page__list {
            padding-left: 18px;
        }
        
        .start-page__list li {
            font-size: 13px;
            margin-bottom: 5px;
        }
        
        .tabs__tab {
            padding: 10px 12px;
            font-size: 14px;
        }
    }
    
    .s-reviews-list1.q1 {
    display: flex;
    flex-wrap: wrap;
}
.s-reviews-list.f1 {
    border: 1px solid #F7F7F7;
    padding: 15px 38px;
    border-radius: 15px;
    margin: 0 10px 20px 0;
    flex-basis: 48%;
    box-sizing: border-box;
}

p.s-review {
    font-weight: bold;
}
.mix-product-spec-value span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mix-product-spec-value img {
    display: block;
    flex-shrink: 0;
}
.image.img-border.h-7.w-20 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.image.img-border.h-5.w-8 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}



 @media screen and (max-width: 768px) {
     .mix-product-title {
    min-height: 90px;
}
        .start-page__form {
            gap: 20px !important;
        }
        
        .start-page__info {
            padding: 20px;
        }
        
        .start-page__title {
            font-size: 20px;
        }
        
        .start-page__list {
            padding-left: 20px;
        }
        
        .start-page__list li {
            font-size: 14px;
            margin-bottom: 6px;
        }
        
  
        .tabs {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        
        .tabs__tab {
            display: block;
            width: 100%;
            text-align: center;
            padding: 12px 15px;
            border-radius: 8px;
            border: 1px solid #ddd;
        }
        
        .tabs__tab_selected {
            background: #fff;
            border-color: #333;
        }
        .s-reviews-list.f1 {
    flex-basis: 100%;
}
.bg-sky-50 {
    background-color: oklch(0.98 0.01 236.62 / 0);
}
.mix-promo-banner.bg-gray-900.dark\:bg-gray-950.q1 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    background: #ffffff00;
}
p.text-xs.leading-4.font-normal.mb-0 {
    font-size: 10px;
}
.flex.flex-col.items-center.py-8.container.q1 {
    margin: -85px 0 0 0;
}
.text-page.contacts-page .flex {
    display: inline;
}
.contacts-page .item {
    margin-bottom: 12px;
    width: 100%;
    box-shadow: 0 0 22px rgba(0,0,0,.11);
    border-radius: 10px;
    padding: 20px 20px 26px 20px;
    margin: 10px 0 0 0;
}
.mix-listing-grid.-wide.product-list.mix-listing-tile-mode {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mix-product-card.-compact img {
    height: 100px;
}
.mix-promo-banner.bg-gray-900.dark\:bg-gray-950.q1 .scrollbar-none.col-span-2.row-start-3.overflow-x-auto.py-4 .mix-product-cart-panel a.base-button.-small.-filled.-no-paddings.-icon.size-11.min-h-11.shrink-0.rounded-\(--element-border-radius\).p-0.bg-gray-800.dark\:bg-gray-600.text-white.hover\:bg-gray-700.dark\:hover\:bg-gray-500 {
    display: none;
}
.relative.overflow-hidden.rounded-2xl.bg-gray-200.dark\:bg-gray-950.z1 a.base-button.-small.-filled.-no-paddings.-icon.size-11.min-h-11.shrink-0.rounded-\(--element-border-radius\).p-0.bg-gray-800.dark\:bg-gray-600.text-white.hover\:bg-gray-700.dark\:hover\:bg-gray-500 {
    display: none;
}
.mix-mobile-header-button-slot a {
    padding: 0.4rem 0.6rem !important;
    margin: 0 !important;
    border-radius: 0.375rem !important;
}

.mix-mobile-header-phone-slot .mix-mobile-catalog-btn {
    padding: 0.5rem !important;
    margin: 0 !important;
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
}
.mix-mobile-header-logo-slot img {
    max-height: 32px !important;
    width: auto !important;
    max-width: 120px !important;
    object-fit: contain !important;
}



.image.img-border.h-7.w-20 {
  display: inline-block;
  flex-shrink: 0; 
}
    }
    
ul.sub-links.wa-flex.wa-flex-wrap.mb-5 {
    display: none;
}    
    
    img.flex.h-10.w-auto.mix-logo-full {
    height: inherit !important;
    width: 266px !important;
}
button.buy1click2-open-button.buy1click2-button {
    background: #ffffff !important;
    color: #333 !important;
    border: 1px solid #131f56 !important;
}
button.buy1click2-open-button.buy1click2-button:hover {
 background: #f9f7f7 !important;
    color: #333 !important;
    border: 1px solid #131f56 !important;
}