/* Google Fonts moved to header-full-v2.php with async loading for better performance */

/* ============================================
   CLS Prevention: Aspect Ratio for Images
   Reserves space before images load
   Updated to 1:1 (square) for consistency with Vue components
   ============================================ */

/* Fallback for 404 images - prevent card collapse (2026-01-19) */
.main__products-item-image {
    aspect-ratio: 1;  /* Square aspect ratio for consistency with Vue components */
    min-height: 180px;
    background: #f5f5f5;
    border-radius: 12px;
    overflow: hidden;
}
.main__products-item-slider,
.main__products-item-slider-no {
    min-height: inherit;
}

.header__location, .btn:not(.btn-fullscreen) {
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
    pointer-events: all !important;
    cursor: pointer
}

.header__location:active, .btn:active:not(.btn-fullscreen) {
    transform: scale(.98)
}

.main__products-item-slider .swiper-button-next.swiper-button-disabled, .main__products-item-slider .swiper-button-prev.swiper-button-disabled {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-fill-mode: both
}

.header__location:hover * {
    color: #f66 !important;
    transition: .3s
}

@media (max-width: 552px) {
    .bc-552-remove {
        display: none !important
    }
}

.bc-552-add {
    display: none
}

@media (max-width: 552px) {
    .bc-552-add {
        display: block
    }
}

.accordion__item.item-mini {
    gap: 8px
}

.accordion__item.active .accordion__item-title {
    color: #000
}

.accordion__item-content .tabs {
    margin-bottom: 16px
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

input.input {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    transition: .1s;
    padding: 8.5px 8px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

input.input:focus {
    border-color: #000
}

input.input::-moz-placeholder {
    color: #8f8f8f
}

input.input::placeholder {
    color: #8f8f8f
}

.radio label {
    color: #000
}

.product__info .info-reviews.star-danger:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M8.52235 0.543569C8.66766 0.0739803 9.33234 0.0739801 9.47765 0.543569L11.1362 5.90313C11.201 6.11254 11.3946 6.25532 11.6138 6.25532H17.0308C17.5092 6.25532 17.7144 6.86267 17.334 7.15285L12.9103 10.5276C12.7436 10.6548 12.6739 10.8726 12.7359 11.0729L14.4156 16.501C14.5595 16.966 14.0217 17.3415 13.6347 17.0463L9.30326 13.742C9.12417 13.6054 8.87583 13.6054 8.69674 13.742L4.36528 17.0463C3.9783 17.3415 3.44048 16.966 3.58437 16.501L5.26407 11.0729C5.32607 10.8726 5.25643 10.6548 5.08968 10.5276L0.665955 7.15285C0.285569 6.86267 0.490782 6.25532 0.969218 6.25532H6.38619C6.6054 6.25532 6.79904 6.11254 6.86384 5.90313L8.52235 0.543569Z' fill='%23FF6666'/%3e%3c/svg%3e")
}

.product__info .info-reviews:before {
    transform: translateY(-1px)
}

.product__info b {
    color: #000;
    font-weight: 600
}

.orders__header {
    margin-left: 12px
}

.main {
    margin: 16px 0 32px;
    width: 100%
}

@media (max-width: 772px) {
    .main .breadcrumbs__links a {
        font-size: 12px !important
    }
}

.main .worktime {
    margin: 16px 0 16px
}

.main .product__header {
    margin-top: 16px
}

@media (max-width: 772px) {
    .main .product__title {
        font-size: 20px !important
    }
}

.main__title {
    margin-top: 40px;
    font-weight: 600
}

@media (max-width: 992px) {
    .main__title {
        font-size: 20px;
        font-style: normal;
        line-height: 120%;
        letter-spacing: .1px;
        margin-top: 32px
    }
}

/* Fix: Catalog header layout - H1 first, breadcrumbs below */
.grid-catalog > h1.main__title,
.grid-catalog > .main__title {
    grid-column: 1 / -1;  /* span all columns */
    order: -2;            /* place before everything */
    margin-bottom: 8px;
}

.grid-catalog > .breadcrumbs {
    grid-column: 1 / -1;  /* span all columns */
    order: -1;            /* place after H1, before products */
    margin-bottom: 24px;
}

.main__setub {
    position: relative;
    display: flex;
    gap: 8px;
    margin-top: 16px
}

.main__setub-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #f5f5f5;
    border-radius: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.4px;
    padding: 6px 16px;
    transition: background-color .1s ease, color .1s ease
}

@media (max-width: 772px) {
    .main__setub-item span {
        display: none !important
    }
}

.main__setub-item:hover {
    background-color: #ececec
}

.main__setub-item.item-selected, .main__setub-item.context-active {
    background-color: #f66;
    color: #fff
}

.main__setub-item.item-selected img, .main__setub-item.context-active img {
    filter: invert(1)
}

.main__setub-item-icon {
    position: relative;
    width: 24px;
    height: 24px
}

.main__setub-item-icon.icon-max:after {
    visibility: visible;
    opacity: 1;
    transform: none
}

.main__setub-item-icon:after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    border: 1px solid #fff;
    background-color: #f66;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: .2s
}

.main__setub-item-icon img {
    width: 100%;
    height: 100%
}

.main__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 32px
}
.block--tags .main__tags
{
   /* display: flex;
    overflow-x: auto;
    flex-wrap: inherit;*/
}

@media (max-width: 772px) {
    .main__tags {
        margin-top: 16px
    }
}

.main__tags-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    background-color: #f5f5f5;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: background-color .2s ease, color .2s ease;
    cursor: pointer;
    color: #000;
    white-space: pre;
}

.main__tags-item:hover {
    background-color: #ececec
}

.main__tags-item.active {
    background-color: #f66;
    color: #fff
}

.main__tags-item.active img {
    filter: invert(1)
}

/* ★ Subfilters (price ranges, flower types) */
.subfilters {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 0;
    margin-top: 8px;
    border-top: 1px solid #f0f0f0;
}

.subfilters__group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.subfilters__label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.subfilters__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Subfilter chips inherit .main__tags-item styles from opt/style.css */
/* Active state uses brand coral color (#f66) matching other UI elements */

/* Toggle variant for delivery (2026-01-20) */
.subfilters__group--toggle .switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}
.subfilters__group--toggle .switch:hover {
    background: #e8e8e8;
}
.subfilters__group--toggle .switch.active {
    background: #dcfce7;
}
.subfilters__group--toggle .switch__label {
    font-size: 14px;
    color: #333;
    margin-right: 0;
}
.subfilters__group--toggle .switch__input {
    width: 36px;
    height: 20px;
    flex-shrink: 0;
}
/* Green toggle */
.subfilters__group--toggle .switch.active .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='20' rx='10' fill='%2322c55e'/%3e%3ccircle cx='26' cy='10' r='7' fill='white'/%3e%3c/svg%3e");
}
.subfilters__group--toggle .switch .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='20' rx='10' fill='%23d1d5db'/%3e%3ccircle cx='10' cy='10' r='7' fill='white'/%3e%3c/svg%3e");
}

/* ★ Nike-style vitrina layout (2026-01-20) */
.vitrina-subfilters {
    flex-direction: column;
    gap: 0;
}

/* Full-width toggle row */
.subfilters__row--toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    width: 100%;
}

.subfilters__row--toggle .switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

.subfilters__row--toggle .switch:hover {
    background: #e8e8e8;
}

.subfilters__row--toggle .switch.active {
    background: #dcfce7;
}

.subfilters__row--toggle .switch__label {
    font-size: 14px;
    color: #333;
}

.subfilters__row--toggle .switch__input {
    width: 36px;
    height: 20px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='20' rx='10' fill='%23d1d5db'/%3e%3ccircle cx='10' cy='10' r='7' fill='white'/%3e%3c/svg%3e");
}

.subfilters__row--toggle .switch.active .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='20' viewBox='0 0 36 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='20' rx='10' fill='%2322c55e'/%3e%3ccircle cx='26' cy='10' r='7' fill='white'/%3e%3c/svg%3e");
}

/* Divider line */
.subfilters__divider {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 0;
    width: 100%;
}

/* Footer with counter and button */
.subfilters__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    width: 100%;
}

.subfilters__count {
    font-size: 14px;
    color: #666;
}

/* Nike-style outline button */
.btn-filter-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid #111;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.btn-filter-outline:hover {
    background: #f5f5f5;
}

.btn-filter-outline svg {
    flex-shrink: 0;
}

@media (max-width: 772px) {
    .subfilters {
        padding: 8px 0;
        gap: 12px;
        max-width: 100%;       /* Constrain width to prevent overflow */
        overflow: hidden;      /* Contain child overflow */
    }

    .subfilters__group {
        width: 100%;
        max-width: 100%;       /* Explicit max-width constraint */
        overflow: hidden;      /* Contain child overflow */
    }

    .subfilters__chips {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        max-width: 100%;       /* Explicit width limit for scroll container */
    }

    .subfilters__chips::-webkit-scrollbar {
        display: none;
    }

    /* Nike-style mobile adjustments */
    .subfilters__row--toggle {
        padding: 10px 0;
    }

    .subfilters__row--toggle .switch {
        padding: 6px 10px;
        font-size: 13px;
    }

    .subfilters__footer {
        padding: 10px 0;
    }

    .subfilters__count {
        font-size: 13px;
    }

    .btn-filter-outline {
        padding: 6px 12px;
        font-size: 13px;
    }
}

.main__container {
    display: flex;
    gap: 25px
}

/* Fix: Make catalog container span full grid width in .grid-catalog */
.main__container_catalog {
    grid-column: 1 / -1;
}

.main__container_catalog .main__group {
    flex: 1;
    min-width: 0;
}

/* Fix: Filters should appear LEFT in flex container (order: -1 ensures first position) */
/* DESKTOP ONLY - don't apply Grid on mobile */
@media (min-width: 992px) {
    .main__container_catalog > .main__filters.transfer {
        order: -1;
        flex-shrink: 0;
    }

    /* FIX 2026-01-20: Support filters on main page (inside .shop-products-wrapper) */
    /* Use CSS Grid for proper 2-column layout with full-width header */
    .shop-products-wrapper:has(.main__filters.transfer) {
        display: grid !important;
        grid-template-columns: 280px 1fr;
        grid-template-rows: auto 1fr;
        gap: 16px 24px;
    }
    /* H1 title spans full width (both columns) - first row */
    .shop-products-wrapper:has(.main__filters.transfer) > .catalog__title-block {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    /* Filters in left column - second row */
    .shop-products-wrapper > .main__filters.transfer {
        grid-column: 1;
        grid-row: 2;
        position: sticky;
        top: 100px;
        align-self: start;
    }
    /* Products in right column - second row */
    .shop-products-wrapper:has(.main__filters.transfer) > .main__products {
        grid-column: 2;
        grid-row: 2;
    }
}

/* MOBILE: Reset transfer class - filters are fixed bottom sheet */
@media (max-width: 991px) {
    .main__filters.transfer {
        position: fixed !important;
        grid-column: unset !important;
        grid-row: unset !important;
    }
}

.main__container_catalog .main__products {
    width: 100%;
}

.main__filters {
    padding: 24px 0;
    width: 100%;
    max-width: 335px;
    /* Single height definition to prevent CLS - removed duplicate max-content */
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
}

.main__filters::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

@media (min-width: 992px) {
    .main__filters {
        display: none;
        position: sticky;
        top: -5px;
        left: 0
    }

    .main__filters.e-active {
        display: block
    }
}

@media (max-width: 992px) {
    .main__filters {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        max-width: 100vw;
        height: 85vh;
        max-height: 85vh;
        z-index: 755;
        visibility: hidden;
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
        transform: translateY(100%);
        padding: 24px 16px 90px;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15)
    }

    .main__filters.e-active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }

    /* Overlay behind bottom sheet */
    .filters-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 754;
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s ease, visibility .3s ease
    }

    .filters-overlay.e-active {
        visibility: visible;
        opacity: 1
    }
}

.main__filters-reset {
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #8f8f8f;
    margin-bottom: 16px;
    transition: .2s
}

#btn-filters-submit {
    display: none
}

.main__filters-reset:hover {
    color: #f66
}

@media (max-width: 992px) {
    .main__filters-reset {
        display: block
    }

    #btn-filters-submit {
        display: inline-block;
        position: fixed;
        top: calc(100% - 100px);
        z-index: 10000000000000000;
        width: calc(100% - 20px);
        left: 0;
        margin-right: 30px;
        margin-left: 10px
    }

    .main__filters-body {
        padding-bottom: 100px
    }
}

.main__filters-close {
    display: none;
    position: absolute;
    top: 24px;
    right: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M18 6L6 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px
}

@media (max-width: 992px) {
    .main__filters-close {
        display: block
    }
}

.main__filters-group {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.main__filters-group-item {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.main__filters-group-item-title {
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .1px
}

.main__filters-group-item .main__tags {
    margin: 0
}

.main__filters-header {
    padding-bottom: 16px;
    border-bottom: 1px solid #dfdfdf
}

.main__filters-body {
    margin-top: 16px
}

/* Sort section inside filters (2026-01-20) */
.main__filters-sort {
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf
}
.main__filters-sort .main__filters-group-item-title {
    margin-bottom: 12px
}
.main__filters-sort-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}
.main__filters-sort-options .main__tags-item {
    padding: 8px 16px;
    border-radius: 20px;
    background: #f5f5f5;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s
}
.main__filters-sort-options .main__tags-item:hover {
    background: #e8e8e8
}
.main__filters-sort-options .main__tags-item.active {
    background: #8A49F3;
    color: #fff
}

.main__filters-footer {
    margin-top: 24px
}

.main__group {
    display: flex;
    flex-direction: column
}

.main__group.group-32 {
    gap: 32px
}

.main__group.group-72 {
    gap: 72px
}

.main__group.group-48 {
    gap: 48px
}

@media (max-width: 772px) {
    .main__group.group-72 {
        gap: 32px
    }

    .main__group.group-48 {
        gap: 32px
    }
}

.main__group.mt-16 {
    margin-top: 16px;
    margin-bottom: 60px
}

@media (max-width: 772px) {
    .main__group.mt-16 {
        margin-top: 41px;
        margin-bottom: 20px
    }
}

.main__group-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em
}

@media (max-width: 772px) {
    .main__group-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        letter-spacing: 0em
    }
}

@media (min-width: 992px) {
    .main__filters {
        min-width: 335px
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   ★ Controls Row (Sort + Filters) for Vitrina
   ═══════════════════════════════════════════════════════════════════════════════ */

.main__controls {
    display: flex;
    gap: 16px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e8e8e8;
    position: relative;
}

.main__control-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    background: transparent;
    border: none;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    transition: color 0.2s ease;
}

.main__control-btn:hover {
    color: #333;
}

.main__control-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.main__control-btn .sort-chevron {
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease;
}

.main__control-btn.active .sort-chevron {
    transform: rotate(180deg);
}

/* Sort dropdown - hidden by default */
.sort-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    min-width: 200px;
    padding: 8px 0;
    z-index: 100;
}

.sort-dropdown__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.sort-dropdown__item:hover {
    background-color: #f5f5f5;
}

.sort-dropdown__item.active {
    color: #f66;
    font-weight: 500;
}

.sort-dropdown__check {
    color: #f66;
    font-size: 16px;
}

@media (max-width: 767px) {
    .main__controls {
        padding: 8px 0;
    }
    .main__control-btn {
        flex: 1;
        justify-content: center;
        padding: 10px 12px;
        background: #f5f5f5;
        border-radius: 8px;
    }
}

.main__products {
    display: flex;
    flex-direction: column;
    gap: 16px;
    --group-column-gap: 16px;
    --group-row-gap: 32px;
    margin-top: 12px
}

.main__products-container {
    display: flex;
    flex-direction: column;
    gap: var(--group-row-gap)
}

.main__products-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .1px;
    color: #000
}

@media (max-width: 772px) {
    .main__products-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }
}

.main__products-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--group-row-gap, 16px) var(--group-column-gap, 16px)
}

/* Fix: prevent Grid items from expanding based on Swiper content */
.main__products-group > .main__products-item {
    min-width: 0;
}

.main__products-item-image,
.main__products-item-slider {
    min-width: 0;
}

@media (max-width: 772px) {
    .main__products-group {
        --group-row-gap: 24px
    }
}

/* Mobile: force 2 columns for better UX on small screens (vitrina/catalog) */
/* Unified breakpoint 654px — same as .main__products-item max-width */
@media (max-width: 654px) {
    /* Parent container overflow fix */
    .main__container,
    .main__products,
    .main__group {
        max-width: 100vw;
        overflow-x: hidden;
    }

    .main__products-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .main__products-item {
        max-width: 100%;
        min-width: 0;
    }
}

.main__products-footer {
    display: flex;
    justify-content: center;
    margin-top: 19px
}

@media (max-width: 772px) {
    .main__products-footer {
        margin-top: 7px
    }
}

.main__products-footer .btn {
    max-width: 328px;
    height: 50px;
    font-size: 16px
}

@media (max-width: 552px) {
    .main__products-footer .btn {
        max-width: 100%
    }
}

.main__products-item {
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    contain: layout style paint
}

/* Mobile 2-column override */
@media (max-width: 654px) {
    .main__products-item {
        max-width: 100%;
        min-width: 0;
    }
}

@media (max-width: 772px) {
    .main__products-item * {
        font-size: 14px;
        font-style: normal;
        font-weight: 400
    }
}

.main__products-item:hover img {
    opacity: .95
}

@media (min-width: 772px) {
    .main__products-item:hover .swiper .swiper-pagination, .main__products-item:hover .swiper .swiper-button-next, .main__products-item:hover .swiper .swiper-button-prev {
        visibility: visible;
        opacity: 1
    }
}

.main__products-item:hover .swiper .swiper-button-disabled {
    opacity: 1 !important
}

.main__products-item-slider, .main__products-item-slider-no {
    position: relative;
    height: 397px
}

@media (max-width: 720px) {
    .main__products-item-slider, .main__products-item-slider-no {
        /* CLS Fix: Use aspect-ratio instead of max-content to reserve space */
        height: auto;
        aspect-ratio: 1;  /* Square for consistency with Vue components */
    }
}

@media (max-width: 720px) {
    .main__products-item-slider .swiper-slide {
        height: 100%
    }
}

.main__products-item-slider .swiper-button-next, .main__products-item-slider .swiper-button-prev {
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1831 8.16737C10.4271 7.94421 10.8229 7.94421 11.0669 8.16737L14.8169 11.5959C15.061 11.8191 15.061 12.1809 14.8169 12.4041L11.0669 15.8326C10.8229 16.0558 10.4271 16.0558 10.1831 15.8326C9.93898 15.6095 9.93898 15.2477 10.1831 15.0245L13.4911 12L10.1831 8.97549C9.93898 8.75233 9.93898 8.39052 10.1831 8.16737Z' fill='black'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px
}

.main__products-item-slider .swiper-button-next:hover, .main__products-item-slider .swiper-button-prev:hover {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1831 8.16737C10.4271 7.94421 10.8229 7.94421 11.0669 8.16737L14.8169 11.5959C15.061 11.8191 15.061 12.1809 14.8169 12.4041L11.0669 15.8326C10.8229 16.0558 10.4271 16.0558 10.1831 15.8326C9.93898 15.6095 9.93898 15.2477 10.1831 15.0245L13.4911 12L10.1831 8.97549C9.93898 8.75233 9.93898 8.39052 10.1831 8.16737Z' fill='%23FF6666'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px
}

.main__products-item-slider .swiper-button-next.swiper-button-disabled, .main__products-item-slider .swiper-button-prev.swiper-button-disabled {
    /* Use visibility instead of display:none to prevent reflow/CLS */
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease, visibility .2s ease
}

.main__products-item-slider .swiper-button-next {
    right: 2.5px !important
}

.main__products-item-slider .swiper-button-prev {
    left: 2.5px !important
}

@media (min-width: 772px) {
    .main__products-item-slider .swiper-pagination, .main__products-item-slider .swiper-button-next, .main__products-item-slider .swiper-button-prev {
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility .2s ease
    }
}

.main__products-item-slider .swiper-pagination {
    width: 100% !important;
    bottom: 10px
}

@media (max-width: 772px) {
    .main__products-item-slider .swiper-pagination {
        bottom: 5px
    }
}

.main__products-item-slider .swiper-pagination .swiper-pagination-bullet {
    width: 22px !important;
    height: 2px !important;
    transform: 0 !important;
    margin-left: 2px !important
}

.main__products-item-tag {
    padding: 2.5px 12px;
    border-radius: 100px;
    z-index: 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: auto;
    pointer-events: none;
    background-color: #f66;
    display: block;
    margin-bottom: 0;
    color: #fff;
    white-space: nowrap;
    position: static
}

@media (max-width: 772px) {
    .main__products-item-tag {
        padding: 2px 6px;
        font-size: 10px;
        font-style: normal;
        margin-bottom: 0
    }
}

.main__products-item-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 8px
}

@media (max-width: 720px) {
    .main__products-item-image {
        width: 100%
    }
}

.main__products-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .1s ease, opacity .1s ease
}

/* Fix: constrain elements when Swiper fails to initialize (mobile) */
@media (max-width: 768px) {
    .main__products-item,
    .main__products-item-image,
    .main__products-item-slider,
    .main__products-item-slider .swiper,
    .main__products-item-slider .swiper-wrapper,
    .main__products-item-slider .swiper-slide {
        max-width: 100%;
        box-sizing: border-box;
    }

    .main__products-item-slider .swiper-slide img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}

.main__products-item-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 3px;
    margin-top: 8px;
    width: 100%
}

@media (max-width: 720px) {
    .main__products-item-container {
        margin-top: 4px
    }
}

.main__products-item-price, .main__products-item-title {
    color: #000
}

@media (max-width: 720px) {
    .main__products-item-title {
        margin-top: 11px;
        width: calc(100% - 33px);
        display: inline-block;
        display: flow-root;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 160px;
        height: 1.4em;
        white-space: nowrap;
    }
}

.main__products-item-price {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700
}

.main__products-item-price-now {
    color: #f66
}

@media (max-width: 720px) {
    .main__products-item-price-now {
        font-weight: 700
    }
}

.main__products-item-price-old {
    color: #8f8f8f;
    text-decoration: line-through;
    font-weight: 500
}

.main__products-item-delivery {
    margin-top: 8px;
    color: #8f8f8f
}

/* ETA styles (Wolt-style delivery time) */
.main__products-item-eta {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #666;
    margin-top: 6px
}

.main__products-item-eta svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0
}

@media (max-width: 720px) {
    .main__products-item-delivery {
        margin-top: 4px;
        font-size: 12px;
        font-style: normal;
        font-weight: 400
    }

    .main__products-item-eta {
        font-size: 11px;
        gap: 3px;
        margin-top: 4px
    }

    .main__products-item-eta svg {
        width: 12px;
        height: 12px
    }
}

.main__products-item-buy {
    height: 48px;
    width: 48px;
    background: #fff;
    border-radius: 50%;
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='48' rx='24' fill='%23FF6666'/%3e%3cpath d='M31 23H25V17C25 16.7348 24.8946 16.4804 24.7071 16.2929C24.5196 16.1054 24.2652 16 24 16C23.7348 16 23.4804 16.1054 23.2929 16.2929C23.1054 16.4804 23 16.7348 23 17V23H17C16.7348 23 16.4804 23.1054 16.2929 23.2929C16.1054 23.4804 16 23.7348 16 24C16 24.2652 16.1054 24.5196 16.2929 24.7071C16.4804 24.8946 16.7348 25 17 25H23V31C23 31.2652 23.1054 31.5196 23.2929 31.7071C23.4804 31.8946 23.7348 32 24 32C24.2652 32 24.5196 31.8946 24.7071 31.7071C24.8946 31.5196 25 31.2652 25 31V25H31C31.2652 25 31.5196 24.8946 31.7071 24.7071C31.8946 24.5196 32 24.2652 32 24C32 23.7348 31.8946 23.4804 31.7071 23.2929C31.5196 23.1054 31.2652 23 31 23Z' fill='white'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: 0 2px 8px rgba(255, 102, 102, 0.3)
}

@media (max-width: 552px) {
    .main__products-item-buy {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px
    }
}

.shop-reviews {
    margin-top: 36px
}

@media (max-width: 772px) {
    .shop-reviews {
        margin-top: 16px
    }
}

.shop-reviews .reviews {
    margin-top: 36px
}

@media (max-width: 772px) {
    .shop-reviews .reviews {
        margin-top: 24px
    }
}

.group {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%
}

@media (max-width: 772px) {
    .group {
        gap: 36px
    }
}

.group__item {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 772px) {
    .group__item {
        flex-direction: column;
        gap: 16px
    }
}

.group__title {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

@media (max-width: 772px) {
    .group__title {
        flex-direction: column;
        gap: 11px
    }
}

@media (max-width: 772px) {
    .group__title .checkbox input {
        width: 16px;
        min-width: 16px;
        height: 16px
    }

    .group__title .checkbox input:before {
        transform: scale(.78);
        transform-origin: calc(-100% - 10px) calc(-100% - 10px)
    }
}

.group__title .checkbox label {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 772px) {
    .group__title .checkbox label {
        padding-left: 8px;
        font-size: 14px
    }
}

.group__content {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    width: 100%
}

@media (max-width: 772px) {
    .group__content {
        flex-direction: column
    }
}

@media (max-width: 552px) {
    .group__content:has(.comment) {
        margin: -16px 0 -12px
    }
}

.group__content:has(.input) {
    gap: 21px
}

@media (max-width: 772px) {
    .group__content:has(.input) {
        gap: 16px
    }
}

.group__content:has(.radio) {
    justify-content: start;
    gap: 78px
}

@media (max-width: 552px) {
    .group__content:has(.radio) {
        gap: 25px
    }
}

.group__content:has(.radio) .radio label {
    display: flex;
    align-items: center;
    gap: 22px
}

.group__content .input {
    width: 50%
}

@media (max-width: 772px) {
    .group__content .input {
        width: 100%
    }
}

.group__content.content-min {
    width: -moz-min-content;
    width: min-content
}

.group__content .comment {
    width: 100%;
    max-width: 340px
}

.group__content .btn {
    max-width: 328px
}

@media (max-width: 552px) {
    .group__content .btn {
        max-width: 100%
    }
}

.faq {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.faq__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
    transition: .1s border-color;
    cursor: pointer;
    --toggle-btn-size: 32px
}

.faq__item.active, .faq__item:hover {
    border-color: #000
}

.faq__item.active .faq__item-toggle, .faq__item:hover .faq__item-toggle {
    opacity: 1
}

.faq__item.active .faq__item-question, .faq__item:hover .faq__item-question {
    color: #000 !important
}

.faq__item.active {
    cursor: auto
}

.faq__item.active .faq__item-toggle {
    transform: rotate(180deg)
}

.faq__item-toggle {
    position: absolute;
    right: 0;
    top: 16px;
    width: var(--toggle-btn-size);
    height: var(--toggle-btn-size);
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3cpath d='M22.6669 12.2276C22.4171 11.9792 22.0792 11.8398 21.7269 11.8398C21.3747 11.8398 21.0367 11.9792 20.7869 12.2276L16.0003 16.9476L11.2803 12.2276C11.0304 11.9792 10.6925 11.8398 10.3403 11.8398C9.98801 11.8398 9.65007 11.9792 9.40026 12.2276C9.27529 12.3515 9.17609 12.499 9.1084 12.6615C9.04071 12.8239 9.00586 12.9982 9.00586 13.1742C9.00586 13.3502 9.04071 13.5245 9.1084 13.687C9.17609 13.8495 9.27529 13.9969 9.40026 14.1209L15.0536 19.7742C15.1775 19.8992 15.325 19.9984 15.4875 20.0661C15.65 20.1338 15.8242 20.1686 16.0003 20.1686C16.1763 20.1686 16.3505 20.1338 16.513 20.0661C16.6755 19.9984 16.823 19.8992 16.9469 19.7742L22.6669 14.1209C22.7919 13.9969 22.8911 13.8495 22.9588 13.687C23.0265 13.5245 23.0613 13.3502 23.0613 13.1742C23.0613 12.9982 23.0265 12.8239 22.9588 12.6615C22.8911 12.499 22.7919 12.3515 22.6669 12.2276Z' fill='black'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: var(--toggle-btn-size);
    height: var(--toggle-btn-size);
    transition: .2s;
    cursor: pointer;
    opacity: .5
}

.faq__item-question, .faq__item-answer {
    width: calc(100% - var(--toggle-btn-size) - 15px)
}

@media (max-width: 552px) {
    .faq__item-question, .faq__item-answer {
        width: 269px
    }
}

.faq__item-question {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .1px;
    color: #8f8f8f;
    transition: .2s color;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 772px) {
    .faq__item-question {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px
    }
}

.faq__item-answer {
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #000;
    margin-top: 16px;
    max-width: 1128px
}

@media (max-width: 772px) {
    .faq__item-answer {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        width: 100%
    }
}

.cv-reviews {
    position: relative;
    overflow: hidden
}

.cv-reviews .container {
    position: relative
}

.cv-reviews__title {
    font-size: 24px;
    line-height: 22px;
    font-weight: 500
}

@media (max-width: 992px) {
    .cv-reviews__title {
        font-size: 20px;
        line-height: 110%
    }
}

.cv-reviews__subtitle {
    display: flex;
    gap: 16px;
    margin-top: 17px
}

@media (max-width: 992px) {
    .cv-reviews__subtitle {
        gap: 8px;
        margin-top: 8px
    }
}

.cv-reviews__subtitle span {
    position: relative
}

@media (max-width: 992px) {
    .cv-reviews__subtitle span {
        font-size: 12px;
        line-height: 16px
    }
}

.cv-reviews__subtitle span.star {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (max-width: 992px) {
    .cv-reviews__subtitle span.star {
        gap: 4px
    }
}

.cv-reviews__subtitle span.star:before {
    display: block;
    content: "";
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 0.25L12.3574 7.50532H19.9861L13.8143 11.9894L16.1717 19.2447L10 14.7606L3.82825 19.2447L6.18565 11.9894L0.0139065 7.50532H7.6426L10 0.25Z' fill='%23FF6666'/%3e%3c/svg%3e")
}

@media (max-width: 992px) {
    .cv-reviews__subtitle span.star:before {
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 0.0273438L9.79611 5.55521H15.6085L10.9062 8.97162L12.7023 14.4995L8 11.0831L3.29772 14.4995L5.09383 8.97162L0.391548 5.55521H6.20389L8 0.0273438Z' fill='%23FF6666'/%3e%3c/svg%3e ")
    }
}

.cv-reviews__slider {
    position: static;
    margin-top: 16px
}

.cv-reviews__slider .swiper-button-disabled {
    opacity: .6 !important;
    pointer-events: none
}

.cv-reviews__slider .swiper {
    overflow: visible !important
}

.cv-reviews__slider .swiper .swiper-slide {
    width: 250px;
    transition: .2s;
    margin-right: 16px !important;
    transform: scale(.9);
    pointer-events: none
}

@media (max-width: 552px) {
    .cv-reviews__slider .swiper .swiper-slide {
        margin-right: 8px
    }
}

.cv-reviews__slider .swiper .swiper-slide * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important
}

.cv-reviews__slider .swiper .swiper-slide, .cv-reviews__slider .swiper .swiper-slide.invisible {
    opacity: .25 !important
}

.cv-reviews__slider .swiper .swiper-slide-visible {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: all !important
}

.cv-reviews__slider-navigation {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 992px) {
    .cv-reviews__slider-navigation {
        gap: 0;
        right: 16px
    }
}

.cv-reviews__slider-navigation, .cv-reviews__slider-navigation * {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

@media (max-width: 992px) {
    .cv-reviews__slider-navigation, .cv-reviews__slider-navigation * {
        font-weight: 400;
        font-size: 12px;
        line-height: 22px
    }
}

.cv-reviews__slider-navigation-more {
    transition: .2s;
    color: #000
}

@media (max-width: 552px) {
    .cv-reviews__slider-navigation-more {
        font-size: 14px
    }
}

.cv-reviews__slider-navigation-more:hover {
    color: #f66
}

.cv-reviews__slider-navigation-group {
    display: flex;
    justify-content: flex-end;
    gap: 12px
}

@media (max-width: 552px) {
    .cv-reviews__slider-navigation-group {
        display: none
    }
}

.cv-reviews__slider-navigation-group [data-nav] {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0);
    transition: .3s
}

.cv-reviews__slider-navigation-group [data-nav=prev] {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.16664 16.7507C3.16664 9.38685 9.13618 3.41732 16.5 3.41732C23.8638 3.41732 29.8333 9.38685 29.8333 16.7506C29.8333 24.1144 23.8638 30.084 16.5 30.084C9.13618 30.084 3.16664 24.1144 3.16664 16.7507Z' fill='%23F5F5F5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9226 21.8608C18.5971 22.1584 18.0695 22.1584 17.7441 21.8608L12.7441 17.2894C12.4186 16.9919 12.4186 16.5094 12.7441 16.2119L17.7441 11.6405C18.0695 11.3429 18.5971 11.3429 18.9226 11.6405C19.248 11.938 19.248 12.4204 18.9226 12.718L14.5118 16.7507L18.9226 20.7833C19.248 21.0809 19.248 21.5633 18.9226 21.8608Z' fill='black'/%3e%3c/svg%3e")
}

.cv-reviews__slider-navigation-group [data-nav=prev]:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.1667 16.7507C3.1667 9.38685 9.13624 3.41732 16.5 3.41732C23.8638 3.41732 29.8334 9.38685 29.8334 16.7506C29.8334 24.1144 23.8638 30.084 16.5 30.084C9.13624 30.084 3.1667 24.1144 3.1667 16.7507Z' fill='%23F5F5F5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9226 21.8608C18.5972 22.1584 18.0696 22.1584 17.7441 21.8608L12.7441 17.2894C12.4187 16.9919 12.4187 16.5094 12.7441 16.2119L17.7441 11.6405C18.0696 11.3429 18.5972 11.3429 18.9226 11.6405C19.2481 11.938 19.2481 12.4204 18.9226 12.718L14.5119 16.7507L18.9226 20.7833C19.2481 21.0809 19.2481 21.5633 18.9226 21.8608Z' fill='%23FF6666'/%3e%3c/svg%3e ")
}

.cv-reviews__slider-navigation-group [data-nav=next] {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.8334 16.7493C29.8334 24.1131 23.8638 30.0827 16.5 30.0827C9.13622 30.0827 3.16669 24.1131 3.16669 16.7493C3.16669 9.38555 9.13622 3.41602 16.5 3.41602C23.8638 3.41602 29.8334 9.38555 29.8334 16.7493Z' fill='%23F5F5F5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0774 11.6392C14.4029 11.3416 14.9305 11.3416 15.2559 11.6392L20.2559 16.2106C20.5814 16.5081 20.5814 16.9906 20.2559 17.2881L15.2559 21.8595C14.9305 22.1571 14.4029 22.1571 14.0774 21.8595C13.752 21.562 13.752 21.0796 14.0774 20.782L18.4882 16.7493L14.0774 12.7167C13.752 12.4191 13.752 11.9367 14.0774 11.6392Z' fill='black'/%3e%3c/svg%3e ")
}

.cv-reviews__slider-navigation-group [data-nav=next]:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.8333 16.7493C29.8333 24.1131 23.8638 30.0827 16.5 30.0827C9.13616 30.0827 3.16663 24.1131 3.16663 16.7493C3.16663 9.38555 9.13616 3.41602 16.5 3.41602C23.8638 3.41602 29.8333 9.38555 29.8333 16.7493Z' fill='%23F5F5F5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0774 11.6392C14.4028 11.3416 14.9304 11.3416 15.2559 11.6392L20.2559 16.2106C20.5813 16.5081 20.5813 16.9906 20.2559 17.2881L15.2559 21.8595C14.9304 22.1571 14.4028 22.1571 14.0774 21.8595C13.7519 21.562 13.7519 21.0796 14.0774 20.782L18.4881 16.7493L14.0774 12.7167C13.7519 12.4191 13.7519 11.9367 14.0774 11.6392Z' fill='%23FF6666'/%3e%3c/svg%3e ")
}

.cv-reviews__slider-item {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 16px;
    width: 250px
}

.cv-reviews__slider-item-date {
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #8f8f8f
}

.cv-reviews__slider-item-subtitle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px
}

.cv-reviews__slider-item-stars {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 0.75L9.0716 5.58688H14.1574L10.0429 8.57624L11.6145 13.4131L7.5 10.4238L3.3855 13.4131L4.9571 8.57624L0.842604 5.58688H5.9284L7.5 0.75Z' fill='%23FF6666'/%3e%3c/svg%3e ")

}

.cv-reviews__slider-item-stars.star-count-5
{
    width: 75px;
}
.cv-reviews__slider-item-stars.star-count-4
{
    width: 60px;
}
.cv-reviews__slider-item-stars.star-count-3
{
    width: 45px;
}
.cv-reviews__slider-item-stars.star-count-2
{
    width: 30px;
}

.cv-reviews__slider-item-text {
    margin-top: 8px
}

#preloader {
    z-index: 11111
}

/* ETA is now server-rendered, show immediately */
.main__products-item-eta {
    opacity: 1
}

/* Legacy: hide old delivery time until JS calculates (keep for backward compat) */
.main__products-item-delivery.js-delivery-time:not(.isCalculated):not(.main__products-item-eta) {
    opacity: 0
}

.disabled_tags {
    opacity: .3;
    color: #000
}

.old-price {
    margin-right: 4px;
    font-weight: 400;
    color: #000;
    text-decoration: line-through
}

.tags-list {
    position: absolute;
    top: 12px;
    left: 8px;
    padding: 0;
    z-index: 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: auto;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

@media (max-width: 772px) {
    .tags-list {
        top: 3px;
        left: 0;
        padding: 2.5px 8px
    }
}
.tags-list.right-tag
{
    right: 0px;
    left: auto;
}


.search-results-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .87rem;
    font-weight: 300;
    margin-bottom: 24px;
    margin-top: 24px
}

.block-text-seller-address {
    position: relative
}

.search-results-info a {
    color: #f66
}

.city-address-search-wrap {
    margin-bottom: 10px;
    position: relative;
    margin-left: 13px;
    margin-top: 8px
}

@media screen and (max-width: 650px)

.text_no_available {
    font-size: 21px
}

.text_no_available {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    font-size: 31px;
    color: #000;
    z-index: 1;
    opacity: 1;
    font-weight: 500
}

.main__products-item.no-can .main__products-item-image, .main__products-item.no-can .main__products-item-container {
    opacity: .4
}

.main__products-item.no-can {
    position: relative
}

.note-text {
    text-transform: uppercase;
    font-size: .62rem;
    color: #747474;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.nav--page-block .selects a {
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 50%;
    width: 35px;
    border: 1px solid #f66;
    height: 35px;
    color: #f66;
    line-height: 12px;
    font-size: 20px
}

.nav--page-block .nav-catalog {
    padding: 10px;
    color: #000;
    font-size: 19px
}

.nav--page-block .selects {
    color: #f66;
    position: relative;
    margin: 0 20px 0 0
}

.nav--page-block {
    position: relative;
    text-align: center;
    margin-top: 10px
}

.grid-catalog .grid.grid_sm.grid_nm {
    margin-top: -14px;
    grid-column: 1 / -1;
}

.main__products-item-buy:hover:not(.add-cart) {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='48' rx='24' fill='%23E65C5C'/%3e%3cpath d='M31 23H25V17C25 16.7348 24.8946 16.4804 24.7071 16.2929C24.5196 16.1054 24.2652 16 24 16C23.7348 16 23.4804 16.1054 23.2929 16.2929C23.1054 16.4804 23 16.7348 23 17V23H17C16.7348 23 16.4804 23.1054 16.2929 23.2929C16.1054 23.4804 16 23.7348 16 24C16 24.2652 16.1054 24.5196 16.2929 24.7071C16.4804 24.8946 16.7348 25 17 25H23V31C23 31.2652 23.1054 31.5196 23.2929 31.7071C23.4804 31.8946 23.7348 32 24 32C24.2652 32 24.5196 31.8946 24.7071 31.7071C24.8946 31.5196 25 31.2652 25 31V25H31C31.2652 25 31.5196 24.8946 31.7071 24.7071C31.8946 24.5196 32 24.2652 32 24C32 23.7348 31.8946 23.4804 31.7071 23.2929C31.5196 23.1054 31.2652 23 31 23Z' fill='white'/%3e%3c/svg%3e");
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(255, 102, 102, 0.4)
}

.main__products-item-buy.add-cart {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='48' rx='24' fill='%23FF6666'/%3e%3cpath d='M32.5 27C32.4978 26.3997 32.3155 25.8139 31.9768 25.3183C31.6381 24.8227 31.1585 24.4401 30.6 24.22L32.47 17.22C32.5091 17.0709 32.5131 16.9148 32.4819 16.7639C32.4507 16.613 32.385 16.4713 32.29 16.35C32.1929 16.2363 32.0715 16.1459 31.9348 16.0853C31.798 16.0247 31.6495 15.9956 31.5 16H17.8L17.47 14.74C17.4126 14.5269 17.2864 14.3388 17.1109 14.2049C16.9355 14.0711 16.7207 13.999 16.5 14H14.5V16H15.73L18.21 25.26C18.2686 25.4782 18.3993 25.6701 18.5809 25.8044C18.7625 25.9388 18.9842 26.0077 19.21 26H29.5C29.7652 26 30.0196 26.1054 30.2071 26.2929C30.3946 26.4804 30.5 26.7348 30.5 27C30.5 27.2652 30.3946 27.5196 30.2071 27.7071C30.0196 27.8947 29.7652 28 29.5 28H16.5C16.2348 28 15.9804 28.1054 15.7929 28.2929C15.6054 28.4804 15.5 28.7348 15.5 29C15.5 29.2652 15.6054 29.5196 15.7929 29.7071C15.9804 29.8947 16.2348 30 16.5 30H17.68C17.5155 30.4531 17.4627 30.9392 17.5259 31.4171C17.5892 31.895 17.7666 32.3506 18.0433 32.7454C18.32 33.1401 18.6877 33.4624 19.1154 33.6849C19.543 33.9074 20.0179 34.0235 20.5 34.0235C20.9821 34.0235 21.457 33.9074 21.8846 33.6849C22.3123 33.4624 22.68 33.1401 22.9567 32.7454C23.2334 32.3506 23.4108 31.895 23.4741 31.4171C23.5373 30.9392 23.4845 30.4531 23.32 30H25.68C25.5303 30.4126 25.4729 30.853 25.512 31.2902C25.551 31.7274 25.6856 32.1507 25.906 32.5302C26.1265 32.9098 26.4276 33.2363 26.788 33.4868C27.1485 33.7373 27.5595 33.9056 27.9921 33.98C28.4247 34.0543 28.8683 34.0328 29.2917 33.917C29.715 33.8012 30.1078 33.5939 30.4424 33.3097C30.7769 33.0255 31.045 32.6714 31.2277 32.2723C31.4105 31.8732 31.5034 31.4389 31.5 31C31.4981 30.4834 31.3602 29.9764 31.1 29.53C31.5276 29.2604 31.8802 28.8871 32.1249 28.4448C32.3697 28.0025 32.4987 27.5055 32.5 27ZM28.59 24H20L18.34 18H30.2L28.59 24ZM20.5 32C20.3022 32 20.1089 31.9414 19.9444 31.8315C19.78 31.7216 19.6518 31.5654 19.5761 31.3827C19.5004 31.2 19.4806 30.9989 19.5192 30.8049C19.5578 30.6109 19.653 30.4328 19.7929 30.2929C19.9327 30.153 20.1109 30.0578 20.3049 30.0192C20.4989 29.9806 20.7 30.0004 20.8827 30.0761C21.0654 30.1518 21.2216 30.28 21.3315 30.4444C21.4414 30.6089 21.5 30.8022 21.5 31C21.5 31.2652 21.3946 31.5196 21.2071 31.7071C21.0196 31.8947 20.7652 32 20.5 32ZM28.5 32C28.3022 32 28.1089 31.9414 27.9444 31.8315C27.78 31.7216 27.6518 31.5654 27.5761 31.3827C27.5004 31.2 27.4806 30.9989 27.5192 30.8049C27.5578 30.6109 27.653 30.4328 27.7929 30.2929C27.9327 30.153 28.1109 30.0578 28.3049 30.0192C28.4989 29.9806 28.7 30.0004 28.8827 30.0761C29.0654 30.1518 29.2216 30.28 29.3315 30.4444C29.4414 30.6089 29.5 30.8022 29.5 31C29.5 31.2652 29.3946 31.5196 29.2071 31.7071C29.0196 31.8947 28.7652 32 28.5 32Z' fill='white'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 552px) {
    .main__products-item-buy,
    .main__products-item-buy.add-cart {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px
    }
}

.switch {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: .2s
}

.switch__input {
    box-shadow: 0px 4px 4px 0px rgba(142, 141, 208, .16)
}

.switch.active:hover .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='24' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='24' rx='12' fill='%23CE3A3A'/%3e%3ccircle cx='36' cy='12' r='8' fill='white'/%3e%3c/svg%3e")
}

.switch.active .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='48' height='24' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='24' rx='12' fill='%23FF6666'/%3e%3ccircle cx='36' cy='12' r='8' fill='white'/%3e%3c/svg%3e")
}

.switch.switch-disabled {
    opacity: .7;
    pointer-events: none
}

.switch.switch-disabled .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='24' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='24' rx='12' fill='%23F8DFDF'/%3e%3ccircle cx='12' cy='12' r='8' fill='white'/%3e%3c/svg%3e")
}

.switch.switch-disabled.active .switch__input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='24' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='24' rx='12' fill='%23F8DFDF'/%3e%3ccircle cx='36' cy='12' r='8' fill='white'/%3e%3c/svg%3e")
}

.switch__label {
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.switch__input {
    width: 48px;
    height: 24px;
    transition: .2s;
    border-radius: 100px;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='48' height='24' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='48' height='24' rx='12' fill='%23EBEBEB'/%3e%3ccircle cx='12' cy='12' r='8' fill='white'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 48px;
    height: 24px
}

.text-gotov-tovar {
    padding: 10px 0;
    margin: 0 10px 20px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 21px
}
.opt__filters
{
    display: none;
}
.opt__filters.e-active
{
    display: block;
}

.close__filter {
    background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTggNkw2IDE4JyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjxwYXRoIGQ9J002IDZMMTggMTgnIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    margin-right: -6px;
}


.worktime__header-icon {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: .2s;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3e%3cpath d='M17.4997 9.1697C17.3123 8.98345 17.0589 8.87891 16.7947 8.87891C16.5305 8.87891 16.2771 8.98345 16.0897 9.1697L12.4997 12.7097L8.9597 9.1697C8.77234 8.98345 8.51889 8.87891 8.2547 8.87891C7.99052 8.87891 7.73707 8.98345 7.5497 9.1697C7.45598 9.26266 7.38158 9.37326 7.33081 9.49512C7.28004 9.61698 7.25391 9.74769 7.25391 9.8797C7.25391 10.0117 7.28004 10.1424 7.33081 10.2643C7.38158 10.3861 7.45598 10.4967 7.5497 10.5897L11.7897 14.8297C11.8827 14.9234 11.9933 14.9978 12.1151 15.0486C12.237 15.0994 12.3677 15.1255 12.4997 15.1255C12.6317 15.1255 12.7624 15.0994 12.8843 15.0486C13.0061 14.9978 13.1167 14.9234 13.2097 14.8297L17.4997 10.5897C17.5934 10.4967 17.6678 10.3861 17.7186 10.2643C17.7694 10.1424 17.7955 10.0117 17.7955 9.8797C17.7955 9.74769 17.7694 9.61698 17.7186 9.49512C17.6678 9.37326 17.5934 9.26266 17.4997 9.1697Z' fill='black'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}


.worktime__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: -moz-max-content;
    width: max-content;
}
.worktime {
    display: flex;
    gap: 12px;
}

.worktime__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.worktime__list-item {
    display: flex;
    gap: 16px;
}
.worktime__list-item-title {
    color: #8f8f8f;
    width: -moz-max-content;
    width: max-content;
    min-width: 104px;
}
.worktime__list-item-text {
    color: #000;
}
.worktime__header-icon.icon-active {
    transform: translateY(-50%) rotate(180deg);
}

.worktime__icon {
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3e%3cpath d='M15.598 12.634L13.5 11.423V7C13.5 6.73478 13.3946 6.48043 13.2071 6.29289C13.0196 6.10536 12.7652 6 12.5 6C12.2348 6 11.9804 6.10536 11.7929 6.29289C11.6054 6.48043 11.5 6.73478 11.5 7V12C11.5 12.1755 11.5462 12.348 11.634 12.5C11.7218 12.652 11.848 12.7782 12 12.866L14.598 14.366C14.7118 14.4327 14.8376 14.4762 14.9683 14.4941C15.0989 14.512 15.2319 14.5038 15.3594 14.4701C15.4869 14.4364 15.6064 14.3778 15.7112 14.2977C15.8159 14.2176 15.9038 14.1175 15.9698 14.0033C16.0357 13.8891 16.0784 13.763 16.0954 13.6322C16.1124 13.5014 16.1034 13.3686 16.0688 13.2413C16.0343 13.114 15.9749 12.9949 15.8941 12.8906C15.8133 12.7864 15.7127 12.6992 15.598 12.634ZM12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.4971 9.34873 21.4426 6.80688 19.5679 4.93215C17.6931 3.05742 15.1513 2.00291 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.4974 14.1209 19.6537 16.1542 18.1539 17.6539C16.6542 19.1536 14.6209 19.9974 12.5 20Z' fill='black'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.worktime__text b {
    color: #f93232;
}
.worktime__text.open b {
    color: #08b90a;
}
.worktime {
    margin: 16px 0 16px;
}
.worktime {
    display: flex;
    gap: 12px;
}
.worktime__text, .worktime__text *{
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.worktime__body {
    margin-top: 10.5px;
}
.seller-text
{
    margin-top: 10px;
}
.cv-reviews__slider-item-text {
    max-height: 200px;
    overflow: hidden;
}

@media (max-width: 720px) {
    .main__products-item.bigCard {
        width: calc(100vw - 30px);
    }
    .bigCard.main__products-item * {
        font-size: 15px;
    }
    .bigCard .main__products-item-tag {
        font-size: 15px;
    }
    .bigCard .main__products-item-slider .swiper-slide {
        height: calc(100vw);
    }
    .bigCard .main__products-item-title
    {
        width: 100%;
    }
}
/* ============================================
   Breadcrumbs Styles (SEO Navigation)
   ============================================ */
.breadcrumbs {
    margin-bottom: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
}

/* Override global "/" separator from style.css */
.breadcrumbs__item::before {
    content: none !important;
}

.breadcrumbs__item a {
    color: #8f8f8f;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumbs__item a:hover {
    color: #f66;
}

/* Chevron separator after links */
.breadcrumbs__item a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

/* Current page (last item, no link) */
.breadcrumbs__item span {
    color: #000;
    font-weight: 400;
}

/* Mobile styles */
@media (max-width: 772px) {
    .breadcrumbs {
        display: none; /* Hide on mobile — saves space, SEO intact (HTML present) */
    }

    .breadcrumbs__item a::after {
        margin: 0 6px;
    }
}

/* ============================================
   Product Variants (Grouped Products)
   Shows variant buttons in product cards
   ============================================ */
.main__products-item-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 4px;
}

.main__products-item-variant {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
    min-width: 60px;
}

.main__products-item-variant:hover {
    border-color: #8A49F3;
    background-color: rgba(138, 73, 243, 0.05);
}

.main__products-item-variant.active {
    border-color: #8A49F3;
    background-color: rgba(138, 73, 243, 0.1);
}

.main__products-item-variant .variant-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.main__products-item-variant .variant-price {
    font-size: 11px;
    color: #666;
    line-height: 1.2;
    white-space: nowrap;
}

/* Mobile: smaller variant buttons */
@media (max-width: 720px) {
    .main__products-item-variants {
        gap: 4px;
        margin-top: 6px;
    }

    .main__products-item-variant {
        padding: 4px 8px;
        border-radius: 6px;
        min-width: 50px;
    }

    .main__products-item-variant .variant-label {
        font-size: 11px;
    }

    .main__products-item-variant .variant-price {
        font-size: 10px;
    }
}