@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poiret+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');._header_1gk6h_1 {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(116, 31, 162, 0.3);
}

._topNav_1gk6h_10 {
    padding: 15px 0;
    position: relative;
}

._container_1gk6h_15 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._navLeft_1gk6h_24 {
    display: flex;
    align-items: center;
    gap: 40px;
}

._logo_1gk6h_30 {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
}

._logo_1gk6h_30 img {
    display: block;
}

._nav_1gk6h_24 {
    display: flex;
    gap: 30px;
}

._navLink_1gk6h_46 {
    text-decoration: none;
    color: white;
    font-weight: 400;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    padding: 5px 0;
    position: relative;
}

._navLink_1gk6h_46:hover {
    color: rgba(255, 255, 255, 0.9);
}

._navLink_1gk6h_46::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: white;
    transition: width 0.3s ease;
}

._navLink_1gk6h_46:hover::after {
    width: 100%;
}

._hot_1gk6h_75 {
    position: relative;
}

._badge_1gk6h_79 {
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 0.8rem;
}

._navRight_1gk6h_86 {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Десктопный поиск */
._desktopSearch_1gk6h_93 {
    display: block;
}

._searchForm_1gk6h_97 {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 40px;
    padding: 5px;
    transition: all 0.3s ease;
}

._searchForm_1gk6h_97:hover,
._searchForm_1gk6h_97:focus-within {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

._searchInput_1gk6h_112 {
    background: transparent;
    border: none;
    padding: 10px 15px;
    color: white;
    width: 200px;
    outline: none;
    font-size: 0.9rem;
}

._searchInput_1gk6h_112::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

._searchButton_1gk6h_126 {
    background: transparent;
    border: none;
    color: white;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 40px;
    transition: all 0.3s ease;
}

._searchButton_1gk6h_126:hover {
    transform: scale(1.1);
}

/* Десктопная кнопка входа */
._loginButton_1gk6h_141 {
    background: white;
    color: #741fa2;
    border: none;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid transparent;
}

._loginButton_1gk6h_141:hover {
    background: transparent;
    color: white;
    border-color: white;
    transform: translateY(-2px);
}

._loginButton_1gk6h_141 i {
    margin-right: 8px;
}

/* Десктопное меню пользователя */
._userMenu_1gk6h_169 {
    position: relative;
}

._userButton_1gk6h_173 {
    background: white;
    color: #741fa2;
    border: none;
    padding: 6px 15px 6px 6px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid transparent;
}

._userButton_1gk6h_173 i {
    margin-right: 8px;
}

._userButton_1gk6h_173:hover {
    background: transparent;
    color: white;
    border-color: white;
}

._userButton_1gk6h_173:hover ._userAvatar_1gk6h_199 {
    background: white;
    color: #741fa2;
}

._userAvatar_1gk6h_199 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    margin-right: 8px;
}

._userName_1gk6h_218 {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._userDropdown_1gk6h_225 {
    position: absolute;
    top: 120%;
    right: 0;
    background: white;
    border-radius: 20px;
    padding: 10px;
    min-width: 200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 100;
}

._userMenu_1gk6h_169:hover ._userDropdown_1gk6h_225 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

._dropdownItem_1gk6h_247 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 12px;
    transition: all 0.3s ease;
    font-size: 0.95rem;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
}

._dropdownItem_1gk6h_247 i {
    width: 20px;
    margin-right: 10px;
    color: #888;
}

._dropdownItem_1gk6h_247:hover {
    background: #f8f9fc;
    color: #741fa2;
    padding-left: 20px;
}

._dropdownItem_1gk6h_247:hover i {
    color: #741fa2;
}

/* Поисковые подсказки */
._searchWrapper_1gk6h_280 {
    position: relative;
    width: 100%;
}

._suggestions_1gk6h_285 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border-radius: 20px;
    margin-top: 5px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #f0f0f0;
}

._suggestionItem_1gk6h_301 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.2s;
    border-bottom: 1px solid #f0f0f0;
}

._suggestionItem_1gk6h_301:last-child {
    border-bottom: none;
}

._suggestionItem_1gk6h_301:hover {
    background: #f8f9fc;
}

._suggestionLogo_1gk6h_319 {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 8px;
    background: white;
    padding: 4px;
    border: 1px solid #f0f0f0;
}

._suggestionTitle_1gk6h_329 {
    flex: 1;
    font-size: 0.95rem;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._suggestionCount_1gk6h_338 {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-left: 8px;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 12px;
}

._suggestionHot_1gk6h_347 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._suggestionAll_1gk6h_358 {
    padding: 15px 20px;
    text-align: center;
    color: #741fa2;
    font-weight: 500;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
    transition: background 0.2s;
}

._suggestionAll_1gk6h_358:hover {
    background: #f8f9fc;
    text-decoration: underline;
}

/* Модальное окно */
._modalOverlay_1gk6h_374 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: _fadeIn_1gk6h_1 0.3s ease;
}

@keyframes _fadeIn_1gk6h_1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

._modal_1gk6h_374 {
    background: white;
    border-radius: 30px;
    padding: 40px;
    width: 100%;
    max-width: 440px;
    position: relative;
    animation: _slideUp_1gk6h_1 0.3s ease;
    box-shadow: 0 30px 60px rgba(116, 31, 162, 0.3);
}

@keyframes _slideUp_1gk6h_1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._modalClose_1gk6h_416 {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 2rem;
    color: #888;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

._modalClose_1gk6h_416:hover {
    background: #f0f0f0;
    color: #741fa2;
    transform: rotate(90deg);
}

._modalTitle_1gk6h_440 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
    text-align: center;
}

._modalError_1gk6h_448 {
    background: #fee2e2;
    color: #ef4444;
    padding: 12px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    border: 1px solid #fecaca;
}

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

._formGroup_1gk6h_465 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._formGroup_1gk6h_465 label {
    font-size: 0.9rem;
    font-weight: 500;
    color: #444;
}

._formGroup_1gk6h_465 input {
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    font-size: 1rem;
    transition: all 0.3s ease;
    outline: none;
}

._formGroup_1gk6h_465 input:focus {
    border-color: #741fa2;
    box-shadow: 0 0 0 3px rgba(116, 31, 162, 0.1);
}

._modalSubmit_1gk6h_491 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 16px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

._modalSubmit_1gk6h_491:hover:not(:disabled) {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(116, 31, 162, 0.5);
}

._modalSubmit_1gk6h_491:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

._modalDivider_1gk6h_515 {
    position: relative;
    text-align: center;
    margin: 25px 0;
}

._modalDivider_1gk6h_515::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e2e8f0;
    z-index: 1;
}

._modalDivider_1gk6h_515 span {
    background: white;
    padding: 0 15px;
    color: #888;
    font-size: 0.9rem;
    position: relative;
    z-index: 2;
}

._vkButton_1gk6h_541 {
    width: 100%;
    background: #0077FF;
    color: white;
    border: none;
    padding: 16px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

._vkButton_1gk6h_541:hover {
    background: #0066dd;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px #0077FF;
}

._modalSwitch_1gk6h_565 {
    text-align: center;
    color: #666;
}

._modalSwitch_1gk6h_565 p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

._switchButton_1gk6h_577 {
    background: transparent;
    border: none;
    color: #741fa2;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

._switchButton_1gk6h_577:hover {
    color: #9b4dc4;
    text-decoration: underline;
}

/* Мобильные кнопки */
._mobileButtons_1gk6h_593 {
    display: none;
    align-items: center;
    gap: 10px;
}

._mobileSearchButton_1gk6h_599,
._mobileLoginButton_1gk6h_600 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.1rem;
}

._mobileSearchButton_1gk6h_599:hover,
._mobileLoginButton_1gk6h_600:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

._mobileSearchButton_1gk6h_599:active,
._mobileLoginButton_1gk6h_600:active {
    transform: scale(0.95);
}

/* Мобильный поиск (выезжающий) */
._searchMobileContainer_1gk6h_627 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    padding: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    animation: _slideDown_1gk6h_1 0.3s ease;
    z-index: 999;
}

@keyframes _slideDown_1gk6h_1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._searchMobileForm_1gk6h_650 {
    display: flex;
    gap: 10px;
    position: relative;
}

._searchMobileInput_1gk6h_656 {
    flex: 1;
    padding: 15px;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    outline: none;
    background: white;
}

._searchMobileSubmit_1gk6h_666 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: none;
    color: #741fa2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.2rem;
}

._searchMobileSubmit_1gk6h_666:hover {
    background: #f0f0f0;
    transform: scale(1.05);
}

._searchMobileClose_1gk6h_686 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.5rem;
}

._searchMobileClose_1gk6h_686:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Мобильные подсказки */
._mobileSuggestions_1gk6h_707 {
    margin-top: 10px;
    background: white;
    border-radius: 20px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

._mobileSuggestionItem_1gk6h_716 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.2s;
}

._mobileSuggestionItem_1gk6h_716:last-child {
    border-bottom: none;
}

._mobileSuggestionItem_1gk6h_716:active {
    background: #f8f9fc;
}

._mobileSuggestionLogo_1gk6h_734 {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 10px;
    background: white;
    padding: 5px;
    border: 1px solid #f0f0f0;
}

._mobileSuggestionContent_1gk6h_744 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

._mobileSuggestionTitle_1gk6h_751 {
    font-size: 1rem;
    font-weight: 500;
    color: #1a1a1a;
}

._mobileSuggestionCount_1gk6h_757 {
    font-size: 0.8rem;
    color: #64748b;
}

._mobileSuggestionAll_1gk6h_762 {
    padding: 15px;
    text-align: center;
    color: #741fa2;
    font-weight: 500;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
}

._mobileSuggestionAll_1gk6h_762:active {
    background: #f8f9fc;
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._nav_1gk6h_24 {
        display: none;
    }

    ._desktopSearch_1gk6h_93 {
        display: none;
    }

    ._loginButton_1gk6h_141 {
        display: block;
    }

    ._userMenu_1gk6h_169 {
        display: none;
    }

    ._mobileButtons_1gk6h_593 {
        display: flex;
    }
}

@media (max-width: 768px) {
    ._container_1gk6h_15 {
        padding: 0 16px;
    }

    ._logo_1gk6h_30 img {
        width: 120px;
    }

    /* Модальное окно */
    ._modal_1gk6h_374 {
        margin: 20px;
        padding: 30px 20px;
        max-height: 90vh;
        overflow-y: auto;
    }

    ._modalTitle_1gk6h_440 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    ._formGroup_1gk6h_465 input {
        font-size: 16px;
    }

    ._modalSubmit_1gk6h_491 {
        padding: 14px;
    }

    ._vkButton_1gk6h_541 {
        padding: 14px;
        font-size: 0.95rem;
    }

    ._vkButton_1gk6h_541 img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    ._container_1gk6h_15 {
        padding: 0 12px;
    }

    ._logo_1gk6h_30 img {
        width: 100px;
    }

    ._searchMobileInput_1gk6h_656 {
        padding: 12px;
        font-size: 14px;
    }

    ._searchMobileSubmit_1gk6h_666,
    ._searchMobileClose_1gk6h_686 {
        width: 45px;
        height: 45px;
    }

    ._mobileSuggestionItem_1gk6h_716 {
        padding: 12px;
    }

    ._mobileSuggestionLogo_1gk6h_734 {
        width: 35px;
        height: 35px;
    }

    ._modal_1gk6h_374 {
        margin: 15px;
        padding: 25px 15px;
    }

    ._modalTitle_1gk6h_440 {
        font-size: 1.3rem;
    }
}

/* Улучшения для touch-устройств */
@media (hover: none) and (pointer: coarse) {
    ._suggestionItem_1gk6h_301:hover {
        background: white;
    }

    ._suggestionItem_1gk6h_301:active {
        background: #f8f9fc;
    }

    ._searchButton_1gk6h_126:hover {
        transform: none;
    }

    ._searchButton_1gk6h_126:active {
        transform: scale(0.95);
    }

    ._loginButton_1gk6h_141:hover {
        background: white;
        color: #741fa2;
        border-color: transparent;
        transform: none;
    }

    ._loginButton_1gk6h_141:active {
        background: #741fa2;
        color: white;
        border-color: white;
    }

    ._userButton_1gk6h_173:hover {
        background: white;
        color: #741fa2;
        border-color: transparent;
    }

    ._userButton_1gk6h_173:active {
        background: transparent;
        color: white;
        border-color: white;
    }

    ._dropdownItem_1gk6h_247:hover {
        background: white;
        color: #1a1a1a;
        padding-left: 15px;
    }

    ._dropdownItem_1gk6h_247:active {
        background: #f8f9fc;
        color: #741fa2;
        padding-left: 20px;
    }
}

/* Фикс для iOS */
@supports (-webkit-touch-callout: none) {
    ._searchInput_1gk6h_112 {
        font-size: 16px;
    }

    ._formGroup_1gk6h_465 input {
        font-size: 16px;
    }
}

._desktopAuth_1gk6h_945 {
    display: block;
}

/* Мобильное меню пользователя */
._mobileUserMenu_1gk6h_950 {
    position: relative;
}

._mobileUserButton_1gk6h_954 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

._mobileUserButton_1gk6h_954:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

._mobileUserButton_1gk6h_954 ._userAvatar_1gk6h_199 {
    margin-right: 0;
}

/* Обновленная адаптивность */
@media (max-width: 1024px) {
    ._nav_1gk6h_24 {
        display: none;
    }

    ._desktopSearch_1gk6h_93 {
        display: none;
    }

    ._desktopAuth_1gk6h_945 {
        display: none;
    }

    ._mobileButtons_1gk6h_593 {
        display: flex;
    }
}

._mobileUserMenu_1gk6h_950 {
    position: relative;
}

._mobileUserButton_1gk6h_954 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

._mobileUserButton_1gk6h_954:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

._mobileUserButton_1gk6h_954 ._userAvatar_1gk6h_199 {
    margin-right: 0;
}

/* Мобильное выпадающее меню */
._mobileDropdown_1gk6h_1026 {
    position: absolute;
    top: 120%;
    right: 0;
    background: white;
    border-radius: 20px;
    padding: 10px;
    min-width: 200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Обновленная адаптивность */
@media (max-width: 1024px) {
    ._nav_1gk6h_24 {
        display: none;
    }

    ._desktopSearch_1gk6h_93 {
        display: none;
    }

    ._desktopAuth_1gk6h_945 {
        display: none;
    }

    ._mobileButtons_1gk6h_593 {
        display: flex;
    }
}

@media (max-width: 768px) {
    ._mobileDropdown_1gk6h_1026 {
        min-width: 180px;
        right: 0;
    }
}

._suggestionLogoFallback_1gk6h_1067,
._mobileSuggestionLogoFallback_1gk6h_1068 {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
}

._mobileSuggestionLogoFallback_1gk6h_1068 {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin-right: 10px;
}

._vkButton_1gk6h_541 {
    width: 100%;
    padding: 14px;
    background: #0077ff;
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

._vkButton_1gk6h_541:hover {
    background: #0066dd;
}

._vkIcon_1gk6h_1111 {
    width: 24px;
    height: 24px;
}

._vkContainer_1gk6h_1116 {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

/* Стили для кнопок VK ID (они применяются автоматически) */
._vkContainer_1gk6h_1116 .VKIDButton {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
}

._vkContainer_1gk6h_1116 .VKIDButton__container {
    display: flex !important;
    justify-content: center !important;
}._card_ld3ha_1 {
    background: white;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    animation: _fadeIn_ld3ha_1 0.5s ease-out;
}

._card_ld3ha_1:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(116, 31, 162, 0.1);
    border-color: #741fa2;
}

/* Заголовок карточки */
._cardHeader_ld3ha_23 {
    margin-bottom: 12px;
}

._cardTitle_ld3ha_27 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.3;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Основное предложение */
._offerMain_ld3ha_40 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Мета-информация */
._cardMeta_ld3ha_50 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
    background: #f8f9fc;
    padding: 12px 16px;
    border-radius: 16px;
}

._metaItem_ld3ha_60 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4a5568;
    font-size: 0.9rem;
}

._metaIcon_ld3ha_68 {
    font-size: 1rem;
    width: 20px;
    color: #741fa2;
}

._metaText_ld3ha_74 {
    flex: 1;
}

/* Кнопки действий */
._cardActions_ld3ha_79 {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

._actionButton_ld3ha_85 {
    flex: 1;
    background: white;
    color: #1a1a1a;
    border: 1px solid #e2e8f0;
    padding: 12px 16px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

._actionButton_ld3ha_85:first-child {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

._actionButton_ld3ha_85:first-child:hover {
    background: #9b4dc4;
    border-color: #9b4dc4;
    transform: translateY(-2px);
}

._actionButton_ld3ha_85:last-child:hover {
    background: #f8f9fc;
    border-color: #741fa2;
    color: #741fa2;
    transform: translateY(-2px);
}

/* Статистика */
._cardStats_ld3ha_124 {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    padding: 8px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

._statItem_ld3ha_133 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 0.85rem;
}

._statIcon_ld3ha_141 {
    font-size: 1rem;
}

/* Детали (условия) */
._cardDetails_ld3ha_146 {
    margin-bottom: 12px;
}

._detailsSummary_ld3ha_150 {
    color: #741fa2;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

._detailsSummary_ld3ha_150::-webkit-details-marker {
    display: none;
}

._detailsSummary_ld3ha_150:hover {
    text-decoration: underline;
}

._detailsText_ld3ha_169 {
    margin-top: 12px;
    padding: 16px;
    background: #f8f9fc;
    border-radius: 12px;
    color: #4a5568;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Маленькая заметка */
._smallNote_ld3ha_180 {
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
    margin-top: 8px;
}

/* HOT бейдж (если нужен) */
._hotBadge_ld3ha_188 {
    position: absolute;
    top: 12px;
    right: -30px;
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 4px 30px;
    font-weight: 600;
    font-size: 0.7rem;
    transform: rotate(45deg);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 1;
}

/* Анимация */
@keyframes _fadeIn_ld3ha_1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    ._card_ld3ha_1 {
        padding: 20px;
    }

    ._cardTitle_ld3ha_27 {
        font-size: 1.1rem;
    }

    ._offerMain_ld3ha_40 {
        font-size: 1.3rem;
    }

    ._cardActions_ld3ha_79 {
        flex-direction: column;
    }

    ._actionButton_ld3ha_85 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    ._cardMeta_ld3ha_50 {
        padding: 10px 12px;
    }

    ._metaItem_ld3ha_60 {
        font-size: 0.85rem;
    }
}

/* Логотип бренда */
._shopIcon_ld3ha_249 {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(116, 31, 162, 0.1), rgba(155, 77, 196, 0.1));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

._shopIcon_ld3ha_249 i {
    font-size: 2rem;
    color: #741fa2;
}

._logoImage_ld3ha_267 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px;
    padding: 8px;
}

/* Анимация загрузки */
@keyframes _pulse_ld3ha_1 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

._logoImage_ld3ha_267._loading_ld3ha_281 {
    animation: _pulse_ld3ha_1 1.5s ease-in-out infinite;
    background: #f0f0f0;
}._promoCodeContainer_1kpql_1 {
    position: relative;
    background: #f1f5f9;
    /*border: 1px dashed #741fa2;*/
    border-radius: 12px;
    /*padding: 12px;*/
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
}

._promoCode_1kpql_1 {
    flex: 1;
    cursor: pointer;
}

._promoCode_1kpql_1 code {
    display: block;
    font-family: monospace;
    font-size: 1.2rem;
    font-weight: 600;
    color: #741fa2;
    letter-spacing: 1px;
    padding: 5px;
    text-align: center;
    transition: filter 0.3s ease;
}

._promoCode_1kpql_1._blurred_1kpql_32 code {
    filter: blur(5px);
    user-select: none;
}

._copyButton_1kpql_37 {
    background: white;
    border: 1px solid #741fa2;
    color: #741fa2;
    padding: 8px 15px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    min-width: 120px;
    z-index: 10;
}

._copyButton_1kpql_37:hover {
    background: #741fa2;
    color: white;
    transform: scale(1.02);
}

/* Адаптивность */
@media (max-width: 480px) {
    ._promoCodeContainer_1kpql_1 {
        flex-direction: column;
        padding: 10px;
    }

    ._promoCode_1kpql_1 code {
        font-size: 1rem;
    }

    ._copyButton_1kpql_37 {
        width: 100%;
        min-width: auto;
    }
}._blogSection_1oqfg_1 {
    background: white;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

._blogSection_1oqfg_1 h2 {
    margin-bottom: 30px;
}

._blogGrid_1oqfg_12 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

._blogCard_1oqfg_18 {
    padding: 20px;
    background: #f8fafc;
    border-radius: 20px;
}

._blogCard_1oqfg_18 h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

._blogCard_1oqfg_18 p {
    margin: 10px 0;
    color: #475569;
}

._readMore_1oqfg_34 {
    color: rgb(116 31 162);
    text-decoration: none;
    font-weight: 500;
}

._readMore_1oqfg_34:hover {
    text-decoration: underline;
}

._blogSection_1oqfg_1 {
    background: white;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    margin: 40px 0;
}

._blogSection_1oqfg_1 h2 {
    margin-bottom: 30px;
    font-size: 2rem;
}

._blogGrid_1oqfg_12 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

._blogCard_1oqfg_18 {
    padding: 25px;
    background: #f8fafc;
    border-radius: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
}

._blogCard_1oqfg_18:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

._blogCard_1oqfg_18 h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #0f172a;
    line-height: 1.4;
}

._blogCard_1oqfg_18 p {
    margin: 10px 0 15px;
    color: #475569;
    line-height: 1.6;
    flex: 1;
}

._cardFooter_1oqfg_92 {
    display: flex;
    justify-content: space-between;
    color: #64748b;
    font-size: 0.85rem;
    margin-bottom: 15px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
}


._loading_1oqfg_103, ._error_1oqfg_103, ._emptyMessage_1oqfg_103 {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

._spinner_1oqfg_109 {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: _spin_1oqfg_109 1s linear infinite;
    margin: 0 auto 15px;
}

@keyframes _spin_1oqfg_109 {
    to { transform: rotate(360deg); }
}

._retryButton_1oqfg_123 {
    background: #2563eb;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 15px;
    transition: background 0.2s;
}

._retryButton_1oqfg_123:hover {
    background: #1d4ed8;
}._footer_6ij2k_1 {
    background: rgb(116, 31, 162);
    color: White;
    padding: 40px 0;
    margin-top: 60px;
    border-radius: 40px 40px 0 0;
    text-align: center;
}

._footer_6ij2k_1 p {
    /*margin: 10px 0;*/
    font-weight: 300;
}

._links_6ij2k_15 {
    margin-top: 20px;
}

._links_6ij2k_15 a {
    color: White;
    font-weight: 300;
    text-decoration: none;
    margin: 0 5px;
    background: transparent;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    border-radius: 30px;
    padding: 5px 10px;
}

._links_6ij2k_15 a:hover {
    background: rgba(161, 65, 216, 0.48);
    border: 1px solid rgb(255, 255, 255);
    color: white;
}

._coopyright_6ij2k_37 {
    font-size: 10px;
    margin-top: 60px;
}._modalOverlay_6d0v6_1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: _fadeIn_6d0v6_1 0.3s ease;
}

@keyframes _fadeIn_6d0v6_1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

._modal_6d0v6_1 {
    background: white;
    border-radius: 40px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: _slideUp_6d0v6_1 0.4s ease;
    box-shadow: 0 30px 60px rgba(116, 31, 162, 0.3);
}

@keyframes _slideUp_6d0v6_1 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._modalClose_6d0v6_44 {
    position: absolute;
    top: 20px;
    right: 20px;
    background: white;
    border: none;
    font-size: 2rem;
    color: #888;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

._modalClose_6d0v6_44:hover {
    background: #f0f0f0;
    color: #741fa2;
    transform: rotate(90deg);
}

._modalContent_6d0v6_70 {
    padding: 40px;
}

/* Шапка */
._modalHeader_6d0v6_75 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

._shopInfo_6d0v6_84 {
    display: flex;
    align-items: center;
    gap: 15px;
}

._shopLogo_6d0v6_90 {
    width: 70px;
    height: 70px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0;
}

._shopLogo_6d0v6_90 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: white;
    padding: 8px;
}

._shopLogoFallback_6d0v6_110 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    font-size: 2rem;
    font-weight: 600;
}

._shopName_6d0v6_122 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 5px;
}

._shopCategory_6d0v6_129 {
    font-size: 0.9rem;
    color: #741fa2;
    background: rgba(116, 31, 162, 0.1);
    padding: 4px 12px;
    border-radius: 30px;
}

._hotBadge_6d0v6_137 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 10px;
}

/* Основное предложение */
._offerMain_6d0v6_150 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

._offerDescription_6d0v6_159 {
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Мета-информация */
._offerMeta_6d0v6_167 {
    background: #f8fafc;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

._metaItem_6d0v6_177 {
    display: flex;
    align-items: center;
    gap: 12px;
}

._metaIcon_6d0v6_183 {
    font-size: 1.5rem;
}

._metaLabel_6d0v6_187 {
    display: block;
    font-size: 0.8rem;
    color: #94a3b8;
    margin-bottom: 2px;
}

._metaValue_6d0v6_194 {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}

/* Промокод */
._promoSection_6d0v6_202 {
    margin-bottom: 25px;
}

._promoLabel_6d0v6_206 {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 8px;
}

._promoCode_6d0v6_214 {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 2px dashed #741fa2;
    border-radius: 20px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._promoText_6d0v6_224 {
    font-family: 'SF Mono', monospace;
    font-size: 1.3rem;
    font-weight: 700;
    color: #741fa2;
    letter-spacing: 1px;
}

._copyButton_6d0v6_232 {
    background: white;
    border: 1px solid #741fa2;
    color: #741fa2;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
}

._copyButton_6d0v6_232:hover {
    background: #741fa2;
    color: white;
    transform: scale(1.05);
}

._copyButton_6d0v6_232._copied_6d0v6_250 {
    background: #10b981;
    border-color: #10b981;
    color: white;
}

/* Кнопки действий */
._actionButtons_6d0v6_257 {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    margin-bottom: 20px;
}

._primaryButton_6d0v6_264 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 16px 30px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
}

._primaryButton_6d0v6_264:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px #741fa2;
}

._secondaryButton_6d0v6_282 {
    background: transparent;
    color: #64748b;
    border: 1px solid #e2e8f0;
    padding: 16px 30px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
}

._secondaryButton_6d0v6_282:hover {
    background: #f8fafc;
    color: #1a1a1a;
    border-color: #cbd5e1;
}

/* Условия */
._conditions_6d0v6_301 {
    margin-bottom: 15px;
}

._conditionsSummary_6d0v6_305 {
    color: #741fa2;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
}

._conditionsSummary_6d0v6_305::-webkit-details-marker {
    display: none;
}

._conditionsSummary_6d0v6_305:hover {
    text-decoration: underline;
}

._conditionsText_6d0v6_325 {
    margin-top: 10px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 16px;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Партнерская ссылка */
._partnerNote_6d0v6_336 {
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
    margin-top: 15px;
}

/* Адаптивность */
@media (max-width: 768px) {
    ._modalContent_6d0v6_70 {
        padding: 30px 20px;
    }

    ._modalHeader_6d0v6_75 {
        flex-direction: column;
        gap: 15px;
    }

    ._shopInfo_6d0v6_84 {
        width: 100%;
    }

    ._hotBadge_6d0v6_137 {
        align-self: flex-start;
    }

    ._offerMain_6d0v6_150 {
        font-size: 1.8rem;
    }

    ._offerMeta_6d0v6_167 {
        grid-template-columns: 1fr;
    }

    ._actionButtons_6d0v6_257 {
        grid-template-columns: 1fr;
    }

    ._promoCode_6d0v6_214 {
        flex-direction: column;
        gap: 12px;
    }

    ._copyButton_6d0v6_232 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    ._modal_6d0v6_1 {
        width: 95%;
    }

    ._shopLogo_6d0v6_90 {
        width: 50px;
        height: 50px;
    }

    ._shopName_6d0v6_122 {
        font-size: 1.2rem;
    }

    ._offerMain_6d0v6_150 {
        font-size: 1.5rem;
    }
}

._headerActions_6d0v6_403 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._favoriteButton_6d0v6_409 {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.3s;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-right: 20px;
}

._favoriteButton_6d0v6_409:hover {
    transform: scale(1.1);
    color: #741fa2;
}

._favoriteButton_6d0v6_409._isFavorite_6d0v6_432 {
    color: #741fa2;
}

._favoriteButton_6d0v6_409._isFavorite_6d0v6_432:hover {
    color: #9b4dc4;
}._page_1jk84_1 {
    min-height: 100vh;
    /*background: #f5f7fa;*/
    width: 100%;
    margin: auto;
}

._container_1jk84_8 {
    max-width: 1440px;
    margin: 0 auto;
    /*padding: 0 24px;*/
}

._sliderSection_1jk84_14 {
    background: none !important;
    margin-top: 25px;
}

/* Секции */
._promoCodesSection_1jk84_20,
._popularShopsSection_1jk84_21,
._categoriesSection_1jk84_22,
._ctaSection_1jk84_23 {
    padding: 70px 0;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

._sectionHeader_1jk84_30 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

._sectionTitle_1jk84_37 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 15px;
}

._sectionBadge_1jk84_46 {
    font-size: 0.9rem;
    font-weight: 500;
    color: #d52b1e;
    background: rgba(213, 43, 30, 0.1);
    padding: 5px 15px;
    border-radius: 30px;
}

._viewAll_1jk84_55 {
    color: #888;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

._viewAll_1jk84_55:hover {
    color: #1a1a1a;
}

/* Слайдер */
._sliderSection_1jk84_14 {
    padding: 0;
    background: #fff;
    border: none;
    margin-bottom: 40px;
}

._slider_1jk84_14 {
    position: relative;
    height: 391px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

._slide_1jk84_14 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

._slide_1jk84_14._active_1jk84_95 {
    opacity: 1;
}

/* Стиль для полноразмерного изображения баннера */
._slideImageFull_1jk84_100 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Растягивает изображение на всю ширину и высоту, сохраняя пропорции */
    display: block;
}

/* Стиль для контента внутри слайда (когда нет изображения) */
._slideContent_1jk84_108 {
    text-align: center;
    color: white;
    padding: 40px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}

._slideContent_1jk84_108 img {
    width: 50%;
    max-width: 200px;
}

._slideIcon_1jk84_127 {
    font-size: 4rem;
    margin-bottom: 20px;
}

._slideTitle_1jk84_132 {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 15px;
}

._slideDescription_1jk84_138 {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0.9;
}

._slideButton_1jk84_144 {
    display: inline-block;
    padding: 15px 40px;
    background: white;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 40px;
    font-weight: 600;
    transition: transform 0.3s;
}

._slideButton_1jk84_144:hover {
    transform: translateY(-3px);
}

/* Кнопки навигации слайдера */
._sliderPrev_1jk84_160,
._sliderNext_1jk84_161 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: white;
    border: none;
    border-radius: 50%;
    font-size: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    z-index: 10;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

._sliderPrev_1jk84_160:hover,
._sliderNext_1jk84_161:hover {
    background: #741fa2;
    color: white;
    transform: translateY(-50%) scale(1.1);
}

._sliderPrev_1jk84_160 {
    left: 20px;
}

._sliderNext_1jk84_161 {
    right: 20px;
}

/* Точки навигации */
._sliderDots_1jk84_196 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

._dot_1jk84_206 {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    padding: 0;
}

._activeDot_1jk84_217 {
    width: 30px;
    background: white;
}

/* Промокоды */
._promoCodesGrid_1jk84_223 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

._promoCard_1jk84_229 {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.3s;
}

._promoCard_1jk84_229:hover {
    transform: translateY(-5px);
}

._promoHeader_1jk84_241 {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._promoShop_1jk84_250 {
    font-weight: 600;
    font-size: 1.1rem;
}

._promoExpiry_1jk84_255 {
    font-size: 0.9rem;
    opacity: 0.9;
}

._promoBody_1jk84_260 {
    padding: 20px;
}

._promoTitle_1jk84_264 {
    font-size: 1.2rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._promoDiscount_1jk84_270 {
    font-size: 2rem;
    font-weight: 700;
    color: #10b981;
    margin-bottom: 15px;
}

._promoCode_1jk84_20 {
    display: flex;
    gap: 10px;
    background: #f8f9fc;
    padding: 10px;
    border-radius: 10px;
}

._promoCode_1jk84_20 code {
    flex: 1;
    font-family: monospace;
    font-size: 1.1rem;
    color: #1a1a1a;
    padding: 8px;
    background: white;
    border-radius: 8px;
    text-align: center;
}

._copyButton_1jk84_296 {
    padding: 8px 20px;
    background: #1a1a1a;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

._copyButton_1jk84_296:hover {
    background: #333;
}

/* Популярные магазины */
._shopsGrid_1jk84_312 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
}

._shopCard_1jk84_318 {
    background: white;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s;
}

._shopCard_1jk84_318:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

._shopLogo_1jk84_333 {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 15px;
}

._shopIcon_1jk84_340 {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
}

._shopName_1jk84_353 {
    color: #1a1a1a;
    margin-bottom: 5px;
}

._shopOffers_1jk84_358 {
    color: #888;
    font-size: 0.9rem;
}

/* Категории скидок */
._categoriesGrid_1jk84_364 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

._categoryCard_1jk84_370 {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #f8f9fc;
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.3s;
}

._categoryIcon_1jk84_380 {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-right: 15px;
}

._categoryInfo_1jk84_392 {
    flex: 1;
}

._categoryName_1jk84_396 {
    color: #1a1a1a;
    font-size: 1.1rem;
    margin-bottom: 4px;
}

._categoryCount_1jk84_402 {
    color: #888;
    font-size: 0.9rem;
}

/* CTA секция - улучшенный дизайн */
._ctaSection_1jk84_23 {
    background: linear-gradient(135deg, rgb(116, 31, 162) 0%, rgb(147, 51, 201) 50%, rgb(178, 81, 224) 100%);
    border-radius: 30px;
    padding: 0;
    margin: 60px auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px -12px rgba(116, 31, 162, 0.4);
    max-width: 1440px;
}

._ctaSection_1jk84_23::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

._ctaSection_1jk84_23::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

._ctaContent_1jk84_443 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 50px 60px; /* Уменьшили паддинг */
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

._ctaBadge_1jk84_456 {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 6px 16px; /* Уменьшили паддинг */
    border-radius: 30px;
    font-size: 12px; /* Уменьшили шрифт */
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px; /* Уменьшили отступ */
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._ctaTitle_1jk84_471 {
    font-size: 2.5rem; /* Уменьшили шрифт */
    font-weight: 700; /* Уменьшили жирность */
    margin-bottom: 15px; /* Уменьшили отступ */
    line-height: 1.2;
    max-width: 700px;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    letter-spacing: -0.3px; /* Уменьшили интервал */
}

._ctaHighlight_1jk84_481 {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    position: relative;
}

._ctaDescription_1jk84_490 {
    font-size: 1.1rem; /* Уменьшили шрифт */
    margin-bottom: 25px; /* Уменьшили отступ */
    opacity: 0.95;
    max-width: 550px; /* Уменьшили ширину */
    line-height: 1.5; /* Уменьшили интервал */
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

._ctaStats_1jk84_499 {
    display: flex;
    gap: 40px; /* Уменьшили gap */
    margin-bottom: 30px; /* Уменьшили отступ */
    padding: 15px 25px; /* Уменьшили паддинг */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 50px; /* Уменьшили радиус */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

._ctaStatItem_1jk84_510 {
    text-align: center;
}

._ctaStatValue_1jk84_514 {
    display: block;
    font-size: 1.8rem; /* Уменьшили шрифт */
    font-weight: 700; /* Уменьшили жирность */
    line-height: 1;
    margin-bottom: 4px;
    color: #FFD700;
}

._ctaStatLabel_1jk84_523 {
    font-size: 0.8rem; /* Уменьшили шрифт */
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._ctaButtonGroup_1jk84_530 {
    display: flex;
    gap: 15px; /* Уменьшили gap */
    align-items: center;
}

._ctaButton_1jk84_530 {
    display: inline-block;
    padding: 14px 40px; /* Уменьшили паддинг */
    background: white;
    color: rgb(116, 31, 162);
    text-decoration: none;
    border-radius: 50px; /* Уменьшили радиус */
    font-weight: 600; /* Уменьшили жирность */
    font-size: 1rem; /* Уменьшили шрифт */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
    box-shadow: 0 12px 25px -10px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
}

._ctaButton_1jk84_530::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(116, 31, 162, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

._ctaButton_1jk84_530:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.4);
    background: rgb(116, 31, 162);
    color: white;
    border-color: white;
}

._ctaButton_1jk84_530:hover::before {
    width: 250px; /* Уменьшили размер */
    height: 250px;
}

._ctaButtonSecondary_1jk84_579 {
    display: inline-block;
    padding: 12px 32px; /* Уменьшили паддинг */
    background: transparent;
    color: white;
    text-decoration: none;
    border-radius: 50px; /* Уменьшили радиус */
    font-weight: 500; /* Уменьшили жирность */
    font-size: 0.95rem; /* Уменьшили шрифт */
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px); /* Уменьшили blur */
}

._ctaButtonSecondary_1jk84_579:hover {
    background: white;
    color: rgb(116, 31, 162);
    border-color: white;
    transform: translateY(-3px);
}

/* Анимация для фона */
@keyframes _float_1jk84_1 {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    33% {
        transform: translateY(-15px) rotate(1deg); /* Уменьшили анимацию */
    }
    66% {
        transform: translateY(8px) rotate(-1deg);
    }
}

._ctaSection_1jk84_23 {
    animation: _float_1jk84_1 15s ease-in-out infinite;
}

/* Адаптивность */
@media (max-width: 1200px) {
    ._ctaSection_1jk84_23 {
        max-width: 95%; /* На мобильных почти на всю ширину */
        margin: 50px auto;
    }
}

/* Сетка для квадратных магазинов */
._shopsGridSquare_1jk84_626 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(124px, 124px));
    gap: 20px;
    justify-content: space-between;
    margin-top: 30px;
}

._shopCardSquare_1jk84_634 {
    width: 124px;
    height: 124px;
    background: white;
    border-radius: 12px;
    padding: 15px 10px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

._shopCardSquare_1jk84_634:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #741fa2;
}

._shopLogoWrapper_1jk84_656 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

._shopLogoSquared_1jk84_665 {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
}

._shopIconFallback_1jk84_671 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
}

._shopNameSquare_1jk84_684 {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin: 5px 0 3px;
    text-align: center;
    line-height: 1.2;
    max-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

._shopOffersSquare_1jk84_698 {
    font-size: 11px;
    color: #888;
    text-align: center;
}

/* Стили для блока "Скоро истекают" */
._expiringSection_1jk84_705 {
    padding: 50px 0;
    background: linear-gradient(to bottom, #fff5f8, #fff);
}

._sectionBadgeHot_1jk84_710 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-left: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    animation: _pulse_1jk84_1 2s infinite;
}

@keyframes _pulse_1jk84_1 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 77, 77, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 77, 77, 0);
    }
}

._expiringGrid_1jk84_735 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 30px;
}

._expiringCard_1jk84_742 {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #ffeef2;
}

._expiringCard_1jk84_742:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(255, 77, 77, 0.15);
    border-color: #ff4d4d;
}

._expiringCardHeader_1jk84_758 {
    padding: 15px 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff0f0;
}

._expiringShopInfo_1jk84_766 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._expiringShopLogo_1jk84_772 {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    object-fit: contain;
}

._expiringShopIcon_1jk84_779 {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #ff4d4d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}

._expiringShopName_1jk84_792 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

._expiringBadge_1jk84_798 {
    background: #ff4d4d;
    color: white;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 20px;
    font-weight: 500;
    white-space: nowrap;
}

._expiringCardBody_1jk84_808 {
    padding: 15px;
}

._expiringTitle_1jk84_812 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

._expiringDiscount_1jk84_825 {
    font-size: 20px;
    font-weight: 700;
    color: #ff4d4d;
    margin-bottom: 8px;
}

._expiringPrice_1jk84_832 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

._oldPrice_1jk84_839 {
    color: #999;
    text-decoration: line-through;
}

._newPrice_1jk84_844 {
    color: #ff4d4d;
    font-weight: 600;
}

._expiringCardFooter_1jk84_849 {
    padding: 10px 15px 15px;
    border-top: 1px solid #fff0f0;
}

._expiringButton_1jk84_854 {
    display: inline-block;
    color: #ff4d4d;
    font-size: 13px;
    font-weight: 500;
    transition: transform 0.2s;
}

._expiringCard_1jk84_742:hover ._expiringButton_1jk84_854 {
    transform: translateX(5px);
}

/* Адаптивность */
@media (max-width: 992px) {
    ._expiringGrid_1jk84_735 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    ._shopsGridSquare_1jk84_626 {
        grid-template-columns: repeat(auto-fill, minmax(100px, 100px));
        gap: 15px;
        justify-content: center;
    }

    ._shopCardSquare_1jk84_634 {
        width: 100px;
        height: 100px;
        padding: 10px;
    }

    ._shopLogoWrapper_1jk84_656 {
        width: 50px;
        height: 50px;
    }

    ._shopLogoSquared_1jk84_665 {
        max-width: 50px;
        max-height: 50px;
    }

    ._expiringGrid_1jk84_735 {
        grid-template-columns: 1fr;
    }
}

._loadingContainer_1jk84_901 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    background: transparent;
}

._spinner_1jk84_910 {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(116, 31, 162, 0.1);
    border-left-color: #741fa2;
    border-right-color: #9b4dc4;
    border-radius: 50%;
    animation: _spin_1jk84_910 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(116, 31, 162, 0.2);
}

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

._loadingContainer_1jk84_901 p {
    color: #64748b;
    font-size: 1.1rem;
    font-weight: 500;
    animation: _pulse_1jk84_1 1.5s ease-in-out infinite;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes _pulse_1jk84_1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

._promoBannerSection_1jk84_951 {
    padding: 40px 0;
    background: linear-gradient(135deg, #f8f9fc 0%, #f1f5f9 100%);
}

._promoBanner_1jk84_951 {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border-radius: 30px;
    padding: 30px 40px;
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.3);
    position: relative;
    overflow: hidden;
}

._promoBanner_1jk84_951::before {
    content: '🎁';
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 150px;
    opacity: 0.1;
    transform: rotate(15deg);
}

._promoBannerContent_1jk84_975 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

._promoBannerIcon_1jk84_983 {
    font-size: 4rem;
    background: rgba(255, 255, 255, 0.2);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    animation: _float_1jk84_1 3s ease-in-out infinite;
}

@keyframes _float_1jk84_1 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

._promoBannerText_1jk84_1006 {
    flex: 1;
}

._promoBannerTitle_1jk84_1010 {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

._promoBannerDescription_1jk84_1018 {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

._promoBannerButton_1jk84_1024 {
    background: white;
    color: #741fa2;
    text-decoration: none;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

._promoBannerButton_1jk84_1024:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #f8f9fc;
}

._promoBannerArrow_1jk84_1046 {
    transition: transform 0.3s ease;
}

._promoBannerButton_1jk84_1024:hover ._promoBannerArrow_1jk84_1046 {
    transform: translateX(5px);
}

/* Адаптивность для промо-баннера */
@media (max-width: 992px) {
    ._promoBannerContent_1jk84_975 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    ._promoBannerIcon_1jk84_983 {
        margin-right: 0;
    }

    ._promoBannerButton_1jk84_1024 {
        width: 100%;
        justify-content: center;
    }
}


._expiringPromocode_1jk84_1074 {
    background: #f1f5f9;
    border: 1px dashed #741fa2;
    border-radius: 12px;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
}

._expiringPromocode_1jk84_1074 code {
    font-family: monospace;
    font-size: 1.2rem;
    font-weight: 600;
    color: #741fa2;
    letter-spacing: 1px;
}

._expiringButton_1jk84_854 {
    background: #741fa2;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 0.9rem;
    margin: 10px 0;
}

._expiringLink_1jk84_1102 {
    color: #741fa2;
    font-weight: 500;
    font-size: 0.9rem;
    transition: transform 0.2s;
    display: inline-block;
}

._expiringCard_1jk84_742:hover ._expiringLink_1jk84_1102 {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    ._container_1jk84_8 {
        padding: 0 16px;
    }

    /* Хедер для мобильных */
    ._header_1jk84_1120 ._container_1jk84_8 {
        flex-wrap: wrap;
        gap: 10px;
    }

    ._navLeft_1jk84_1125 {
        width: 100%;
        justify-content: space-between;
    }

    ._nav_1jk84_1125 {
        display: none; /* Скрываем навигацию на мобильных */
    }

    ._navRight_1jk84_1134 {
        width: 100%;
        justify-content: space-between;
    }

    /* Поиск на мобильных */
    ._searchForm_1jk84_1140 {
        flex: 1;
        max-width: none;
    }

    ._searchWrapper_1jk84_1145 {
        width: 100%;
    }

    ._searchInput_1jk84_1149 {
        width: 100%;
        padding: 12px 40px 12px 15px;
    }

    ._searchButton_1jk84_1154 {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Подсказки поиска на мобильных */
    ._suggestions_1jk84_1162 {
        position: fixed;
        top: auto;
        left: 16px;
        right: 16px;
        max-height: 300px;
        z-index: 1001;
    }

    /* Слайдер */
    ._sliderSection_1jk84_14 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    ._slider_1jk84_14 {
        height: 250px;
        border-radius: 20px;
    }

    ._slideContent_1jk84_108 {
        padding: 20px;
    }

    ._slideIcon_1jk84_127 {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    ._slideTitle_1jk84_132 {
        font-size: 1.3rem;
        margin-bottom: 8px;
    }

    ._slideDescription_1jk84_138 {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }

    ._slideButton_1jk84_144 {
        padding: 10px 25px;
        font-size: 0.9rem;
    }

    ._sliderPrev_1jk84_160,
    ._sliderNext_1jk84_161 {
        width: 35px;
        height: 35px;
        font-size: 1.2rem;
    }

    ._sliderDots_1jk84_196 {
        bottom: 10px;
    }

    ._dot_1jk84_206 {
        width: 8px;
        height: 8px;
    }

    ._activeDot_1jk84_217 {
        width: 20px;
    }

    /* Секции */
    ._promoCodesSection_1jk84_20,
    ._popularShopsSection_1jk84_21,
    ._categoriesSection_1jk84_22,
    ._ctaSection_1jk84_23 {
        padding: 40px 0;
    }

    ._sectionHeader_1jk84_30 {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 20px;
    }

    ._sectionTitle_1jk84_37 {
        font-size: 1.5rem;
        gap: 10px;
    }

    ._viewAll_1jk84_55 {
        align-self: flex-end;
    }

    /* Промокоды */
    ._promoCodesGrid_1jk84_223 {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    ._promoCard_1jk84_229 {
        margin-bottom: 10px;
    }

    ._promoHeader_1jk84_241 {
        padding: 12px 15px;
    }

    ._promoShop_1jk84_250 {
        font-size: 1rem;
    }

    ._promoExpiry_1jk84_255 {
        font-size: 0.8rem;
    }

    ._promoBody_1jk84_260 {
        padding: 15px;
    }

    ._promoTitle_1jk84_264 {
        font-size: 1.1rem;
    }

    ._promoDiscount_1jk84_270 {
        font-size: 1.6rem;
    }

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

    ._promoCode_1jk84_20 code {
        width: 100%;
    }

    ._copyButton_1jk84_296 {
        width: 100%;
    }

    /* Популярные магазины */
    ._shopsGridSquare_1jk84_626 {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 12px;
        justify-content: center;
    }

    ._shopCardSquare_1jk84_634 {
        width: 100%;
        height: auto;
        min-height: 120px;
        padding: 12px 8px;
    }

    ._shopLogoWrapper_1jk84_656 {
        width: 50px;
        height: 50px;
    }

    ._shopLogoSquared_1jk84_665 {
        max-width: 50px;
        max-height: 50px;
    }

    ._shopIconFallback_1jk84_671 {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    ._shopNameSquare_1jk84_684 {
        font-size: 12px;
    }

    ._shopOffersSquare_1jk84_698 {
        font-size: 10px;
    }

    /* Скоро истекают */
    ._expiringSection_1jk84_705 {
        padding: 30px 0;
    }

    ._expiringGrid_1jk84_735 {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    ._expiringCard_1jk84_742 {
        margin-bottom: 10px;
    }

    ._expiringCardHeader_1jk84_758 {
        padding: 12px;
    }

    ._expiringShopLogo_1jk84_772 {
        width: 25px;
        height: 25px;
    }

    ._expiringShopIcon_1jk84_779 {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    ._expiringShopName_1jk84_792 {
        font-size: 13px;
    }

    ._expiringBadge_1jk84_798 {
        font-size: 10px;
        padding: 3px 6px;
    }

    ._expiringCardBody_1jk84_808 {
        padding: 12px;
    }

    ._expiringTitle_1jk84_812 {
        font-size: 14px;
    }

    ._expiringPromocode_1jk84_1074 code {
        font-size: 1rem;
    }

    ._expiringButton_1jk84_854 {
        padding: 8px;
        font-size: 0.85rem;
    }

    /* Категории */
    ._categoriesGrid_1jk84_364 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    ._categoryCard_1jk84_370 {
        padding: 15px;
    }

    ._categoryIcon_1jk84_380 {
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
        margin-right: 12px;
    }

    ._categoryName_1jk84_396 {
        font-size: 1rem;
    }

    ._categoryCount_1jk84_402 {
        font-size: 0.85rem;
    }

    /* Промо баннер */
    ._promoBanner_1jk84_951 {
        padding: 25px 20px;
    }

    ._promoBannerContent_1jk84_975 {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    ._promoBannerIcon_1jk84_983 {
        width: 70px;
        height: 70px;
        font-size: 2.5rem;
        margin-right: 0;
    }

    ._promoBannerTitle_1jk84_1010 {
        font-size: 1.3rem;
    }

    ._promoBannerDescription_1jk84_1018 {
        font-size: 0.9rem;
    }

    ._promoBannerButton_1jk84_1024 {
        width: 100%;
        justify-content: center;
        padding: 12px 25px;
        font-size: 1rem;
    }

    /* CTA секция */
    ._ctaSection_1jk84_23 {
        margin: 30px auto;
        border-radius: 20px;
    }

    ._ctaContent_1jk84_443 {
        padding: 30px 20px;
    }

    ._ctaBadge_1jk84_456 {
        font-size: 11px;
        padding: 4px 12px;
    }

    ._ctaTitle_1jk84_471 {
        font-size: 1.8rem;
    }

    ._ctaDescription_1jk84_490 {
        font-size: 0.95rem;
    }

    ._ctaStats_1jk84_499 {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
        width: 100%;
    }

    ._ctaStatItem_1jk84_510 {
        width: 100%;
    }

    ._ctaStatValue_1jk84_514 {
        font-size: 1.5rem;
    }

    ._ctaButtonGroup_1jk84_530 {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    ._ctaButton_1jk84_530,
    ._ctaButtonSecondary_1jk84_579 {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
    }

    /* Загрузчик */
    ._loadingContainer_1jk84_901 {
        min-height: 50vh;
    }

    ._spinner_1jk84_910 {
        width: 50px;
        height: 50px;
    }

    ._loadingContainer_1jk84_901 p {
        font-size: 1rem;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    ._container_1jk84_8 {
        padding: 0 12px;
    }

    ._slider_1jk84_14 {
        height: 200px;
    }

    ._slideTitle_1jk84_132 {
        font-size: 1.1rem;
    }

    ._slideDescription_1jk84_138 {
        font-size: 0.8rem;
    }

    ._slideButton_1jk84_144 {
        padding: 8px 20px;
        font-size: 0.85rem;
    }

    ._shopsGridSquare_1jk84_626 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    ._shopCardSquare_1jk84_634 {
        min-height: 110px;
    }

    ._promoBannerIcon_1jk84_983 {
        width: 60px;
        height: 60px;
        font-size: 2rem;
    }

    ._promoBannerTitle_1jk84_1010 {
        font-size: 1.1rem;
    }

    ._ctaTitle_1jk84_471 {
        font-size: 1.5rem;
    }

    ._ctaStats_1jk84_499 {
        padding: 12px;
    }
}

/* Исправления для touch-устройств */
@media (hover: none) and (pointer: coarse) {
    ._shopCardSquare_1jk84_634:hover,
    ._promoCard_1jk84_229:hover,
    ._expiringCard_1jk84_742:hover {
        transform: none;
    }

    ._sliderPrev_1jk84_160,
    ._sliderNext_1jk84_161 {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.8);
    }
}

._slideImageLink_1jk84_1581 {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

._slideImageLink_1jk84_1581:hover {
    opacity: 0.98;
}

._slideFallback_1jk84_1592 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4rem;
}

/* Premium Admin Styles */
._adminContainer_1jk3m_4 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 32px;
    background: #fff;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Премиум хедер */
._adminHeader_1jk3m_13 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}
._adminHeader_1jk3m_13 h1 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #1a1a1a;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}
._adminHeader_1jk3m_13 h1::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #741fa2, #9b4dc4);
}
._logoutButton_1jk3m_43 {
    background: transparent;
    color: #666;
    border: 1px solid #f0f0f0;
    padding: 12px 28px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
}
._logoutButton_1jk3m_43:hover {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -8px rgba(116, 31, 162, 0.2);
}
/* Дашборд */
._dashboardSection_1jk3m_64 {
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    margin-bottom: 48px;
}
._dashboardTitle_1jk3m_73 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}
._dashboardGrid_1jk3m_83 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}
._dashboardCard_1jk3m_90 {
    background: linear-gradient(135deg, #f8f9fc, #f5f7fa);
    padding: 28px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}
._dashboardCard_1jk3m_90:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -15px rgba(116, 31, 162, 0.2);
    border-color: #741fa2;
}
._dashboardCardIcon_1jk3m_107 {
    width: 64px;
    height: 64px;
    background: white;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #741fa2;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
}
._dashboardCardContent_1jk3m_120 {
    flex: 1;
}
._dashboardCardLabel_1jk3m_124 {
    display: block;
    font-size: 0.9rem;
    color: #888;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
._dashboardCardValue_1jk3m_133 {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 4px;
}
._dashboardCardTrend_1jk3m_142 {
    font-size: 0.8rem;
    color: #10b981;
}
._dashboardCharts_1jk3m_147 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
}
._dashboardChart_1jk3m_147 {
    background: #f8f9fc;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
}
._dashboardChart_1jk3m_147 h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}
._popularList_1jk3m_170 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
._popularItem_1jk3m_176 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: white;
    border-radius: 12px;
    transition: all 0.3s ease;
}
._popularItem_1jk3m_176:hover {
    background: linear-gradient(135deg, #fff, #f8f9fc);
    transform: translateX(5px);
}
._popularItemInfo_1jk3m_191 {
    display: flex;
    align-items: center;
    gap: 12px;
}
._popularItemLogo_1jk3m_197 {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: contain;
    background: white;
    padding: 4px;
    border: 1px solid #f0f0f0;
}
._popularItemIcon_1jk3m_207 {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #741fa2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.2rem;
}
._popularItemName_1jk3m_220 {
    font-weight: 500;
    color: #1a1a1a;
}
._popularItemStats_1jk3m_225 {
    display: flex;
    gap: 15px;
    font-size: 0.9rem;
    color: #888;
}
._popularItemViews_1jk3m_232, ._popularItemClicks_1jk3m_232 {
    display: flex;
    align-items: center;
    gap: 4px;
}
._activityChart_1jk3m_238 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 200px;
    padding: 20px 0;
}
._chartBar_1jk3m_246 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 100%;
}
._chartBarFill_1jk3m_255 {
    width: 100%;
    background: linear-gradient(to top, #741fa2, #9b4dc4);
    border-radius: 8px 8px 0 0;
    min-height: 4px;
    transition: height 0.3s ease;
}
._chartBarLabel_1jk3m_263 {
    font-size: 0.8rem;
    color: #888;
    transform: rotate(-45deg);
    white-space: nowrap;
}
._emptyChart_1jk3m_270 {
    color: #888;
    text-align: center;
    padding: 40px;
}
/* Статистика */
._statsGrid_1jk3m_277 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-bottom: 48px;
}
._statCard_1jk3m_284 {
    background: white;
    padding: 28px;
    border-radius: 24px;
    box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}
._statCard_1jk3m_284:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 45px -15px rgba(116, 31, 162, 0.1);
    border-color: #741fa2;
}
._statCard_1jk3m_284 h3 {
    font-size: 0.9rem;
    font-weight: 500;
    color: #888;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
._statNumber_1jk3m_308 {
    font-size: 2.8rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1;
}
/* Основной контент */
._adminContent_1jk3m_316 {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 32px;
    margin-bottom: 48px;
}
/* Формы */
._addForm_1jk3m_324 {
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0f0f0;
}
._addForm_1jk3m_324 h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 32px;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
._formGrid_1jk3m_343 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}
._formGroup_1jk3m_350 {
    display: flex;
    flex-direction: column;
}
._formGroupFull_1jk3m_355 {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
}
._formGroup_1jk3m_350 label {
    font-weight: 500;
    margin-bottom: 8px;
    color: #444;
    font-size: 0.9rem;
}
._formGroup_1jk3m_350 input,
._formGroup_1jk3m_350 select,
._formGroup_1jk3m_350 textarea {
    padding: 14px 16px;
    background: #f8f9fc;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    font-family: inherit;
    color: #1a1a1a;
}
._formGroup_1jk3m_350 input:hover,
._formGroup_1jk3m_350 select:hover,
._formGroup_1jk3m_350 textarea:hover {
    background: #ffffff;
    border-color: #d0d9e8;
}
._formGroup_1jk3m_350 input:focus,
._formGroup_1jk3m_350 select:focus,
._formGroup_1jk3m_350 textarea:focus {
    outline: none;
    border-color: #741fa2;
    background: #ffffff;
    box-shadow: 0 5px 15px -8px rgba(116, 31, 162, 0.2);
}
._formGroup_1jk3m_350 small {
    color: #888;
    margin-top: 6px;
    font-size: 0.75rem;
}
._formGroupCheckbox_1jk3m_403 {
    grid-column: span 2;
    display: flex;
    align-items: center;
}
._checkboxLabel_1jk3m_409 {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 8px 0;
    user-select: none;
}
._checkboxLabel_1jk3m_409 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #741fa2;
}
._checkboxLabel_1jk3m_409 span {
    color: #444;
    font-size: 0.95rem;
}
._submitButton_1jk3m_430 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 18px 32px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    position: relative;
    overflow: hidden;
}
._submitButton_1jk3m_430::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}
._submitButton_1jk3m_430:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 20px 30px -15px rgba(116, 31, 162, 0.3);
}
._submitButton_1jk3m_430:hover::before {
    width: 300px;
    height: 300px;
}
/* Список предложений */
._existingOffers_1jk3m_471 {
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0f0f0;
}
._existingOffers_1jk3m_471 h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 32px;
    letter-spacing: -0.5px;
}
._brandsList_1jk3m_487 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 600px;
    overflow-y: auto;
    padding-right: 10px;
}
._brandsList_1jk3m_487::-webkit-scrollbar {
    width: 6px;
}
._brandsList_1jk3m_487::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
._brandsList_1jk3m_487::-webkit-scrollbar-thumb {
    background: #741fa2;
    border-radius: 10px;
}
._brandsList_1jk3m_487::-webkit-scrollbar-thumb:hover {
    background: #9b4dc4;
}
._brandItem_1jk3m_514 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #f8f9fc;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}
._brandItem_1jk3m_514:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px -10px rgba(116, 31, 162, 0.1);
    border-color: #741fa2;
}
._brandInfo_1jk3m_531 {
    flex: 1;
}
._brandTitle_1jk3m_535 {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
._brandLogo_1jk3m_542 {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 12px;
    background: white;
    padding: 6px;
    border: 1px solid #f0f0f0;
}
._brandIcon_1jk3m_552 {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fc, #f0f0f0);
    border-radius: 12px;
    color: #666;
    font-size: 1.4rem;
    border: 1px solid #f0f0f0;
}
._brandTitle_1jk3m_535 strong {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
}
._hotBadge_1jk3m_571 {
    background: #ff4d4d;
    color: white;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
._brandCategories_1jk3m_582 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
._categoryTag_1jk3m_589 {
    background: #741fa2;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    opacity: 0.9;
}
._brandStats_1jk3m_601 {
    display: flex;
    gap: 20px;
    font-size: 0.85rem;
    color: #888;
}
._brandStats_1jk3m_601 span {
    display: flex;
    align-items: center;
    gap: 4px;
}
._brandActions_1jk3m_614 {
    display: flex;
    gap: 8px;
    margin-left: 20px;
}
._deleteButton_1jk3m_620 {
    background: transparent;
    color: #999;
    border: 1px solid #f0f0f0;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
._deleteButton_1jk3m_620:hover {
    background: #fee2e2;
    color: #ef4444;
    border-color: #fee2e2;
    transform: scale(1.05);
}
/* Секция баннеров */
._bannersSection_1jk3m_643 {
    margin-top: 48px;
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0f0f0;
}
._bannerForm_1jk3m_652 {
    background: #f8f9fc;
    padding: 32px;
    border-radius: 24px;
    margin-bottom: 32px;
}
._bannerUploadArea_1jk3m_659 {
    width: 100%;
    margin: 15px 0;
}
._bannerFileLabel_1jk3m_664 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 250px;
    background: #f8f9fc;
    border: 2px dashed #f0f0f0;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
._bannerFileLabel_1jk3m_664:hover {
    border-color: #741fa2;
    background: #f1f4f9;
}
._bannerFileLabel_1jk3m_664 i {
    font-size: 3rem;
    color: #888;
    margin-bottom: 15px;
}
._bannerFileLabel_1jk3m_664 span {
    color: #444;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 1rem;
}
._bannerFileLabel_1jk3m_664 small {
    color: #888;
    font-size: 0.85rem;
    margin-top: 4px;
}
._bannerPreview_1jk3m_705 {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
._bannersList_1jk3m_713 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
._bannerItem_1jk3m_719 {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    background: #f8f9fc;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}
._bannerItem_1jk3m_719:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px -10px rgba(116, 31, 162, 0.1);
    border-color: #741fa2;
}
._bannerPreviewContainer_1jk3m_736 {
    width: 300px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
._bannerImage_1jk3m_746 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
._bannerPreviewContent_1jk3m_752 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.9rem;
}
._bannerInfo_1jk3m_762 {
    flex: 1;
}
._bannerInfo_1jk3m_762 h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
}
._bannerInfo_1jk3m_762 p {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 12px;
}
._bannerMeta_1jk3m_779 {
    display: flex;
    gap: 20px;
    font-size: 0.85rem;
    color: #888;
    flex-wrap: wrap;
}
._bannerMeta_1jk3m_779 span {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f0f0f0;
    padding: 4px 12px;
    border-radius: 30px;
}
._bannerActions_1jk3m_796 {
    display: flex;
    gap: 8px;
    margin-left: 20px;
}
/* Секция блога */
._blogSection_1jk3m_803 {
    margin-top: 48px;
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0f0f0;
}
._blogForm_1jk3m_812 {
    background: #f8f9fc;
    padding: 32px;
    border-radius: 24px;
    margin-bottom: 32px;
}
._blogList_1jk3m_819 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
._blogItem_1jk3m_825 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    background: #f8f9fc;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}
._blogItem_1jk3m_825:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px -10px rgba(116, 31, 162, 0.1);
    border-color: #741fa2;
}
._blogContent_1jk3m_842 {
    flex: 1;
}
._blogHeader_1jk3m_846 {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}
._blogThumbnail_1jk3m_852 {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
}
._blogInfo_1jk3m_860 {
    flex: 1;
}
._blogInfo_1jk3m_860 h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
}
._blogMeta_1jk3m_871 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 0.85rem;
    color: #888;
}
._blogMeta_1jk3m_871 span {
    display: flex;
    align-items: center;
    gap: 4px;
}
._featuredBadge_1jk3m_885 {
    background: #ffd700;
    color: #1a1a1a;
    padding: 2px 10px;
    border-radius: 20px;
    font-weight: 500;
}
._blogDescription_1jk3m_893 {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 12px;
    line-height: 1.5;
}
._blogTags_1jk3m_900 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
._tag_1jk3m_906 {
    background: #f0f0f0;
    color: #666;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
}
._blogActions_1jk3m_914 {
    display: flex;
    gap: 8px;
    margin-left: 20px;
}
._editButton_1jk3m_920 {
    background: transparent;
    color: #999;
    border: 1px solid #f0f0f0;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
._editButton_1jk3m_920:hover {
    background: #e3f2fd;
    color: #1976d2;
    border-color: #e3f2fd;
    transform: scale(1.05);
}
/* Секция категорий */
._categoriesSection_1jk3m_943 {
    margin-top: 48px;
    background: white;
    padding: 40px;
    border-radius: 32px;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0f0f0;
}
._sectionHeader_1jk3m_952 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
._sectionHeader_1jk3m_952 h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: -0.5px;
}
._addButton_1jk3m_966 {
    background: transparent;
    color: #1a1a1a;
    border: 1px solid #f0f0f0;
    padding: 12px 28px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
}
._addButton_1jk3m_966:hover {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
    transform: translateY(-2px);
}
._categoryForm_1jk3m_985 {
    background: #f8f9fc;
    padding: 32px;
    border-radius: 24px;
    margin-bottom: 32px;
}
._categoriesList_1jk3m_992 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}
._categoryItem_1jk3m_998 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #f8f9fc;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    border-left-width: 4px;
}
._categoryItem_1jk3m_998:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px -15px rgba(116, 31, 162, 0.15);
}
._categoryInfo_1jk3m_1015 {
    display: flex;
    align-items: center;
    gap: 16px;
}
._categoryIcon_1jk3m_1021 {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3rem;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
._categoryInfo_1jk3m_1015 div strong {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}
._categoryInfo_1jk3m_1015 div p {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 4px;
}
._categoryInfo_1jk3m_1015 div small {
    color: #888;
    font-size: 0.85rem;
}
._categoryActions_1jk3m_1053 {
    display: flex;
    gap: 8px;
}
/* Стили для логина */
._adminLogin_1jk3m_1059 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
._loginBox_1jk3m_1067 {
    background: white;
    padding: 60px;
    border-radius: 40px;
    box-shadow: 0 30px 60px -30px rgba(116, 31, 162, 0.2);
    width: 100%;
    max-width: 440px;
    text-align: center;
    border: 1px solid #f0f0f0;
}
._loginBox_1jk3m_1067 h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 40px;
    letter-spacing: -0.5px;
}
._input_1jk3m_1086 {
    width: 100%;
    padding: 16px 20px;
    margin-bottom: 16px;
    background: #f8f9fc;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}
._input_1jk3m_1086:focus {
    outline: none;
    border-color: #741fa2;
    background: white;
    box-shadow: 0 5px 15px -8px rgba(116, 31, 162, 0.2);
}
._loginButton_1jk3m_1104 {
    width: 100%;
    padding: 16px;
    background: #741fa2;
    color: white;
    border: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 16px;
}
._loginButton_1jk3m_1104:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 20px 30px -15px rgba(116, 31, 162, 0.3);
}
._backButton_1jk3m_1124 {
    background: transparent;
    color: #888;
    border: 1px solid #f0f0f0;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}
._backButton_1jk3m_1124:hover {
    background: #f8f9fc;
    color: #741fa2;
    border-color: #741fa2;
}
/* Лоадер */
._loadingContainer_1jk3m_1142 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #fff;
}
._spinner_1jk3m_1151 {
    width: 50px;
    height: 50px;
    border: 2px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_1jk3m_1151 0.8s linear infinite;
    margin-bottom: 20px;
}
@keyframes _spin_1jk3m_1151 {
    to { transform: rotate(360deg); }
}
/* Пустые состояния */
._emptyMessage_1jk3m_1166 {
    color: #888;
    text-align: center;
    padding: 60px 40px;
    background: #f8f9fc;
    border-radius: 24px;
    font-size: 1rem;
    border: 1px dashed #f0f0f0;
}
/* Логотипы */
._logoUploadArea_1jk3m_1177 {
    width: 100%;
    margin: 15px 0;
}
._fileInput_1jk3m_1182 {
    display: none;
}
._fileLabel_1jk3m_1186 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 180px;
    background: #f8f9fc;
    border: 2px dashed #f0f0f0;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
._fileLabel_1jk3m_1186:hover {
    border-color: #741fa2;
    background: #f1f4f9;
}
._fileLabel_1jk3m_1186 i {
    font-size: 3rem;
    color: #888;
    margin-bottom: 15px;
}
._fileLabel_1jk3m_1186 span {
    color: #444;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 1rem;
}
._fileLabel_1jk3m_1186 small {
    color: #888;
    font-size: 0.85rem;
}
._logoPreview_1jk3m_1226 {
    max-width: 200px;
    max-height: 150px;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* Дополнительные стили */
._fieldHint_1jk3m_1235 {
    display: block;
    color: #94a3b8;
    font-size: 0.8rem;
    margin-top: 6px;
    font-style: italic;
}
._inptText_1jk3m_1243 {
    width: 100%;
    padding: 14px 16px;
    background: #f8f9fc;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    font-family: inherit;
    color: #1a1a1a;
    resize: vertical;
    min-height: 80px;
}
._inptText_1jk3m_1243:focus {
    outline: none;
    border-color: #741fa2;
    background: #ffffff;
    box-shadow: 0 5px 15px -8px rgba(116, 31, 162, 0.2);
}
._categoryCounts_1jk3m_1264 {
    display: flex;
    gap: 15px;
    margin-top: 5px;
}
._categoryCounts_1jk3m_1264 small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 0.8rem;
}
._offersCount_1jk3m_1278 {
    background: #741fa2;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    margin-left: 8px;
}
._adminNote_1jk3m_1288 {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 20px;
    padding: 10px;
    background: #f1f5f9;
    border-radius: 12px;
    text-align: center;
}
/* МОБИЛЬНАЯ АДАПТАЦИЯ */
/* Планшеты и небольшие десктопы */
@media (max-width: 1200px) {
    ._adminContent_1jk3m_316 {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    ._dashboardCharts_1jk3m_147 {
        grid-template-columns: 1fr;
    }

    ._categoriesList_1jk3m_992 {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}
/* Планшеты */
@media (max-width: 992px) {
    ._adminContainer_1jk3m_4 {
        padding: 30px 20px;
    }

    ._adminHeader_1jk3m_13 {
        margin-bottom: 32px;
    }

    ._adminHeader_1jk3m_13 h1 {
        font-size: 1.8rem;
    }

    ._dashboardSection_1jk3m_64,
    ._addForm_1jk3m_324,
    ._existingOffers_1jk3m_471,
    ._bannersSection_1jk3m_643,
    ._blogSection_1jk3m_803,
    ._categoriesSection_1jk3m_943 {
        padding: 30px;
    }

    ._dashboardTitle_1jk3m_73 {
        font-size: 1.5rem;
        margin-bottom: 24px;
    }

    ._dashboardGrid_1jk3m_83 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    ._dashboardCard_1jk3m_90 {
        padding: 20px;
    }

    ._dashboardCardIcon_1jk3m_107 {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }

    ._dashboardCardValue_1jk3m_133 {
        font-size: 1.8rem;
    }

    ._formGrid_1jk3m_343 {
        gap: 16px;
    }

    ._brandItem_1jk3m_514 {
        padding: 16px;
    }

    ._brandLogo_1jk3m_542,
    ._brandIcon_1jk3m_552 {
        width: 40px;
        height: 40px;
    }

    ._brandTitle_1jk3m_535 strong {
        font-size: 1rem;
    }

    ._bannerItem_1jk3m_719 {
        padding: 20px;
        gap: 16px;
    }

    ._bannerPreviewContainer_1jk3m_736 {
        width: 250px;
        height: 70px;
    }

    ._blogItem_1jk3m_825 {
        padding: 20px;
    }

    ._blogThumbnail_1jk3m_852 {
        width: 60px;
        height: 60px;
    }

    ._categoryItem_1jk3m_998 {
        padding: 16px;
    }

    ._categoryIcon_1jk3m_1021 {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }
}
/* Мобильные устройства */
@media (max-width: 768px) {
    ._adminContainer_1jk3m_4 {
        padding: 20px 16px;
    }

    ._adminHeader_1jk3m_13 {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
        margin-bottom: 28px;
        padding-bottom: 20px;
    }

    ._adminHeader_1jk3m_13 h1 {
        font-size: 1.5rem;
        margin: 0;
        text-align: center;
    }

    ._adminHeader_1jk3m_13 h1::after {
        width: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    ._logoutButton_1jk3m_43 {
        width: 100%;
        text-align: center;
        padding: 12px;
    }

    /* Дашборд */
    ._dashboardSection_1jk3m_64 {
        padding: 20px;
        margin-bottom: 24px;
    }

    ._dashboardTitle_1jk3m_73 {
        font-size: 1.3rem;
        justify-content: center;
        margin-bottom: 20px;
    }

    ._dashboardGrid_1jk3m_83 {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 24px;
    }

    ._dashboardCard_1jk3m_90 {
        padding: 16px;
        gap: 12px;
    }

    ._dashboardCardIcon_1jk3m_107 {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
    }

    ._dashboardCardValue_1jk3m_133 {
        font-size: 1.5rem;
    }

    ._dashboardCharts_1jk3m_147 {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    ._dashboardChart_1jk3m_147 {
        padding: 20px;
    }

    ._dashboardChart_1jk3m_147 h3 {
        font-size: 1.1rem;
        margin-bottom: 15px;
    }

    ._popularItem_1jk3m_176 {
        padding: 10px;
    }

    ._popularItemInfo_1jk3m_191 {
        gap: 8px;
    }

    ._popularItemLogo_1jk3m_197,
    ._popularItemIcon_1jk3m_207 {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }

    ._popularItemStats_1jk3m_225 {
        gap: 10px;
        font-size: 0.8rem;
    }

    ._activityChart_1jk3m_238 {
        height: 150px;
        gap: 5px;
    }

    ._chartBarLabel_1jk3m_263 {
        font-size: 0.7rem;
        transform: rotate(-30deg);
    }

    /* Статистика */
    ._statsGrid_1jk3m_277 {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 24px;
    }

    ._statCard_1jk3m_284 {
        padding: 20px;
    }

    ._statNumber_1jk3m_308 {
        font-size: 2.2rem;
    }

    /* Формы */
    ._addForm_1jk3m_324 {
        padding: 20px;
        margin-bottom: 20px;
    }

    ._addForm_1jk3m_324 h2 {
        font-size: 1.3rem;
        margin-bottom: 24px;
        justify-content: center;
    }

    ._formGrid_1jk3m_343 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    ._formGroupFull_1jk3m_355 {
        grid-column: span 1;
    }

    ._formGroupCheckbox_1jk3m_403 {
        grid-column: span 1;
    }

    ._formGroup_1jk3m_350 input,
    ._formGroup_1jk3m_350 select,
    ._formGroup_1jk3m_350 textarea,
    ._inptText_1jk3m_1243 {
        padding: 12px 14px;
        font-size: 16px; /* Предотвращает зум на iOS */
    }

    ._checkboxLabel_1jk3m_409 {
        justify-content: center;
    }

    ._submitButton_1jk3m_430 {
        padding: 16px;
        font-size: 1rem;
    }

    /* Список брендов */
    ._existingOffers_1jk3m_471 {
        padding: 20px;
    }

    ._existingOffers_1jk3m_471 h2 {
        font-size: 1.3rem;
        margin-bottom: 24px;
        text-align: center;
    }

    ._brandsList_1jk3m_487 {
        max-height: 500px;
        gap: 12px;
    }

    ._brandItem_1jk3m_514 {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    ._brandTitle_1jk3m_535 {
        flex-wrap: wrap;
        gap: 10px;
    }

    ._brandLogo_1jk3m_542,
    ._brandIcon_1jk3m_552 {
        width: 45px;
        height: 45px;
    }

    ._brandCategories_1jk3m_582 {
        margin-top: 5px;
    }

    ._brandStats_1jk3m_601 {
        flex-wrap: wrap;
        gap: 12px;
    }

    ._brandActions_1jk3m_614 {
        margin-left: 0;
        margin-top: 15px;
        align-self: flex-end;
        width: 100%;
        justify-content: flex-end;
    }

    ._deleteButton_1jk3m_620 {
        width: 40px;
        height: 40px;
    }

    /* Баннеры */
    ._bannersSection_1jk3m_643 {
        padding: 20px;
        margin-top: 24px;
    }

    ._sectionHeader_1jk3m_952 {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
        margin-bottom: 24px;
    }

    ._sectionHeader_1jk3m_952 h2 {
        text-align: center;
        font-size: 1.3rem;
    }

    ._addButton_1jk3m_966 {
        width: 100%;
        text-align: center;
        padding: 12px;
    }

    ._bannerForm_1jk3m_652 {
        padding: 20px;
    }

    ._bannerFileLabel_1jk3m_664 {
        min-height: 200px;
    }

    ._bannerFileLabel_1jk3m_664 i {
        font-size: 2.5rem;
    }

    ._bannersList_1jk3m_713 {
        gap: 16px;
    }

    ._bannerItem_1jk3m_719 {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
    }

    ._bannerPreviewContainer_1jk3m_736 {
        width: 100%;
        height: auto;
        aspect-ratio: 1392/391;
    }

    ._bannerInfo_1jk3m_762 h3 {
        font-size: 1.1rem;
    }

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

    ._bannerMeta_1jk3m_779 span {
        width: 100%;
        justify-content: center;
    }

    ._bannerActions_1jk3m_796 {
        margin-left: 0;
        align-self: flex-end;
        width: 100%;
        justify-content: flex-end;
    }

    /* Блог */
    ._blogSection_1jk3m_803 {
        padding: 20px;
        margin-top: 24px;
    }

    ._blogForm_1jk3m_812 {
        padding: 20px;
    }

    ._blogList_1jk3m_819 {
        gap: 16px;
    }

    ._blogItem_1jk3m_825 {
        flex-direction: column;
        padding: 16px;
    }

    ._blogHeader_1jk3m_846 {
        flex-direction: column;
        gap: 12px;
    }

    ._blogThumbnail_1jk3m_852 {
        width: 100%;
        height: 150px;
    }

    ._blogInfo_1jk3m_860 h3 {
        font-size: 1.1rem;
    }

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

    ._blogActions_1jk3m_914 {
        margin-left: 0;
        margin-top: 15px;
        justify-content: flex-end;
        width: 100%;
    }

    ._editButton_1jk3m_920,
    ._deleteButton_1jk3m_620 {
        width: 44px;
        height: 44px;
    }

    /* Категории */
    ._categoriesSection_1jk3m_943 {
        padding: 20px;
        margin-top: 24px;
    }

    ._categoryForm_1jk3m_985 {
        padding: 20px;
    }

    ._categoriesList_1jk3m_992 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    ._categoryItem_1jk3m_998 {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 12px;
    }

    ._categoryInfo_1jk3m_1015 {
        width: 100%;
        gap: 12px;
    }

    ._categoryIcon_1jk3m_1021 {
        width: 45px;
        height: 45px;
        font-size: 1.2rem;
    }

    ._categoryInfo_1jk3m_1015 div strong {
        font-size: 1rem;
    }

    ._categoryCounts_1jk3m_1264 {
        flex-direction: column;
        gap: 5px;
    }

    ._categoryActions_1jk3m_1053 {
        width: 100%;
        justify-content: flex-end;
    }

    /* Логин */
    ._loginBox_1jk3m_1067 {
        padding: 40px 20px;
        margin: 20px;
    }

    ._loginBox_1jk3m_1067 h1 {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    ._input_1jk3m_1086 {
        padding: 14px 16px;
        font-size: 16px;
    }

    ._loginButton_1jk3m_1104 {
        padding: 14px;
    }

    ._backButton_1jk3m_1124 {
        width: 100%;
    }
}
/* Очень маленькие устройства */
@media (max-width: 480px) {
    ._adminContainer_1jk3m_4 {
        padding: 15px 12px;
    }

    ._dashboardCard_1jk3m_90 {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }

    ._dashboardCardContent_1jk3m_120 {
        text-align: center;
    }

    ._dashboardCardTrend_1jk3m_142 {
        display: block;
    }

    ._brandTitle_1jk3m_535 {
        flex-direction: column;
        align-items: flex-start;
    }

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

    ._brandStats_1jk3m_601 span {
        width: 100%;
    }

    ._bannerMeta_1jk3m_779 span {
        font-size: 0.8rem;
    }

    ._blogThumbnail_1jk3m_852 {
        height: 120px;
    }

    ._blogInfo_1jk3m_860 h3 {
        font-size: 1rem;
    }

    ._blogMeta_1jk3m_871 span {
        font-size: 0.8rem;
    }

    ._tag_1jk3m_906 {
        font-size: 0.7rem;
        padding: 3px 8px;
    }

    ._categoryInfo_1jk3m_1015 {
        flex-direction: column;
        text-align: center;
    }

    ._categoryIcon_1jk3m_1021 {
        margin: 0 auto;
    }

    ._categoryCounts_1jk3m_1264 {
        align-items: center;
    }

    ._loginBox_1jk3m_1067 h1 {
        font-size: 1.3rem;
    }

    ._offersCount_1jk3m_1278 {
        margin-left: 0;
        margin-top: 5px;
        display: inline-block;
    }
}
/* Улучшения для touch-устройств */
@media (hover: none) and (pointer: coarse) {
    ._submitButton_1jk3m_430:hover,
    ._addButton_1jk3m_966:hover,
    ._deleteButton_1jk3m_620:hover,
    ._editButton_1jk3m_920:hover,
    ._logoutButton_1jk3m_43:hover,
    ._loginButton_1jk3m_1104:hover,
    ._backButton_1jk3m_1124:hover {
        transform: none;
        box-shadow: none;
    }

    ._submitButton_1jk3m_430:active,
    ._addButton_1jk3m_966:active,
    ._deleteButton_1jk3m_620:active,
    ._editButton_1jk3m_920:active,
    ._logoutButton_1jk3m_43:active,
    ._loginButton_1jk3m_1104:active,
    ._backButton_1jk3m_1124:active {
        transform: scale(0.98);
    }

    ._brandItem_1jk3m_514:hover,
    ._bannerItem_1jk3m_719:hover,
    ._blogItem_1jk3m_825:hover,
    ._categoryItem_1jk3m_998:hover,
    ._popularItem_1jk3m_176:hover {
        transform: none;
        box-shadow: none;
    }

    ._brandItem_1jk3m_514:active,
    ._bannerItem_1jk3m_719:active,
    ._blogItem_1jk3m_825:active,
    ._categoryItem_1jk3m_998:active,
    ._popularItem_1jk3m_176:active {
        background: #f0f0f0;
    }
}
/* Фикс для iOS */
@supports (-webkit-touch-callout: none) {
    ._formGroup_1jk3m_350 input,
    ._formGroup_1jk3m_350 select,
    ._formGroup_1jk3m_350 textarea,
    ._inptText_1jk3m_1243,
    ._input_1jk3m_1086 {
        font-size: 16px;
    }
}
._cancelEditButton_1jk3m_1961 {
    background: #f0f0f0;
    color: #666;
    border: none;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 500;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}
._cancelEditButton_1jk3m_1961:hover {
    background: #e0e0e0;
    color: #333;
    transform: translateY(-2px);
}
/* Обновленный стиль для заголовка формы с кнопкой */
._addForm_1jk3m_324 h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
/* Адаптация для мобильных */
@media (max-width: 768px) {
    ._addForm_1jk3m_324 h2 {
        flex-direction: column;
        align-items: flex-start;
    }

    ._cancelEditButton_1jk3m_1961 {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}
._blogContentPreview_1jk3m_2003 {
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 6px;
    font-size: 14px;
    color: #666;
    max-height: 100px;
    overflow: hidden;
    position: relative;
}
._blogContentPreview_1jk3m_2003:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(transparent, #f5f5f5);
}@media (prefers-color-scheme: dark) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, 0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, 0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-copied-active-bg: #2e9b33;
  }
}
@media (prefers-color-scheme: light) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsl(210, 18%, 87%);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #d1242f;
    --color-danger-emphasis: #cf222e;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #9a6700;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #1f883d;
    --color-copied-active-bg: #2e9b33;
  }
}
[data-color-mode*='dark'] .wmde-markdown,
[data-color-mode*='dark'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='dark'],
.wmde-markdown[data-color-mode*='dark'],
body[data-color-mode*='dark'] {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
[data-color-mode*='light'] .wmde-markdown,
[data-color-mode*='light'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='light'],
.wmde-markdown[data-color-mode*='light'],
body[data-color-mode*='light'] {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}
.wmde-markdown details,
.wmde-markdown figcaption,
.wmde-markdown figure {
  display: block;
}
.wmde-markdown summary {
  display: list-item;
}
.wmde-markdown [hidden] {
  display: none !important;
}
.wmde-markdown a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.wmde-markdown a:active,
.wmde-markdown a:hover {
  outline-width: 0;
}
.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 600;
}
.wmde-markdown dfn {
  font-style: italic;
}
.wmde-markdown h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}
.wmde-markdown small {
  font-size: 90%;
}
.wmde-markdown sub,
.wmde-markdown sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.wmde-markdown sub {
  bottom: -0.25em;
}
.wmde-markdown sup {
  top: -0.5em;
}
.wmde-markdown img {
  display: inline-block;
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.wmde-markdown code,
.wmde-markdown kbd,
.wmde-markdown pre,
.wmde-markdown samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.wmde-markdown figure {
  margin: 1em 40px;
}
.wmde-markdown hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
}
.wmde-markdown input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wmde-markdown [type='button'],
.wmde-markdown [type='reset'],
.wmde-markdown [type='submit'] {
  -webkit-appearance: button;
}
.wmde-markdown [type='button']::-moz-focus-inner,
.wmde-markdown [type='reset']::-moz-focus-inner,
.wmde-markdown [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.wmde-markdown [type='button']:-moz-focusring,
.wmde-markdown [type='reset']:-moz-focusring,
.wmde-markdown [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.wmde-markdown [type='checkbox'],
.wmde-markdown [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.wmde-markdown [type='number']::-webkit-inner-spin-button,
.wmde-markdown [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.wmde-markdown [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.wmde-markdown [type='search']::-webkit-search-cancel-button,
.wmde-markdown [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.wmde-markdown a:hover {
  text-decoration: underline;
}
.wmde-markdown hr::before {
  display: table;
  content: '';
}
.wmde-markdown hr::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.wmde-markdown h4 {
  font-weight: 600;
  font-size: 1em;
}
.wmde-markdown h5 {
  font-weight: 600;
  font-size: 0.875em;
}
.wmde-markdown h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.wmde-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.wmde-markdown ol ol,
.wmde-markdown ul ol {
  list-style-type: lower-roman;
}
.wmde-markdown ul ul ol,
.wmde-markdown ul ol ol,
.wmde-markdown ol ul ol,
.wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}
.wmde-markdown dd {
  margin-left: 0;
}
.wmde-markdown tt,
.wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.wmde-markdown pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.wmde-markdown .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown input::-webkit-outer-spin-button,
.wmde-markdown input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.wmde-markdown [data-catalyst] {
  display: block;
}
.wmde-markdown::before {
  display: table;
  content: '';
}
.wmde-markdown::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown > *:first-child {
  margin-top: 0 !important;
}
.wmde-markdown > *:last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.wmde-markdown .absent {
  color: var(--color-danger-fg);
}
.wmde-markdown a.anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.wmde-markdown .anchor:focus {
  outline: none;
}
.wmde-markdown p,
.wmde-markdown blockquote,
.wmde-markdown ul,
.wmde-markdown ol,
.wmde-markdown dl,
.wmde-markdown table,
.wmde-markdown pre,
.wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}
.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}
.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}
.wmde-markdown sup > a::before {
  content: '[';
}
.wmde-markdown sup > a::after {
  content: ']';
}
.wmde-markdown h1 .octicon-link,
.wmde-markdown h2 .octicon-link,
.wmde-markdown h3 .octicon-link,
.wmde-markdown h4 .octicon-link,
.wmde-markdown h5 .octicon-link,
.wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.wmde-markdown h1:hover .anchor,
.wmde-markdown h2:hover .anchor,
.wmde-markdown h3:hover .anchor,
.wmde-markdown h4:hover .anchor,
.wmde-markdown h5:hover .anchor,
.wmde-markdown h6:hover .anchor {
  text-decoration: none;
}
.wmde-markdown h1:hover .anchor .octicon-link,
.wmde-markdown h2:hover .anchor .octicon-link,
.wmde-markdown h3:hover .anchor .octicon-link,
.wmde-markdown h4:hover .anchor .octicon-link,
.wmde-markdown h5:hover .anchor .octicon-link,
.wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}
.wmde-markdown h1 tt,
.wmde-markdown h1 code,
.wmde-markdown h2 tt,
.wmde-markdown h2 code,
.wmde-markdown h3 tt,
.wmde-markdown h3 code,
.wmde-markdown h4 tt,
.wmde-markdown h4 code,
.wmde-markdown h5 tt,
.wmde-markdown h5 code,
.wmde-markdown h6 tt,
.wmde-markdown h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.wmde-markdown ul.no-list,
.wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}
.wmde-markdown ol[type='1'] {
  list-style-type: decimal;
}
.wmde-markdown ol[type='a'] {
  list-style-type: lower-alpha;
}
.wmde-markdown ol[type='i'] {
  list-style-type: lower-roman;
}
.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}
.wmde-markdown ul ul,
.wmde-markdown ul ol,
.wmde-markdown ol ol,
.wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wmde-markdown li > p {
  margin-top: 16px;
}
.wmde-markdown li + li {
  margin-top: 0.25em;
}
.wmde-markdown dl {
  padding: 0;
}
.wmde-markdown dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.wmde-markdown dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.wmde-markdown table th {
  font-weight: 600;
}
.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.wmde-markdown table img {
  background-color: transparent;
}
.wmde-markdown img[align='right'] {
  padding-left: 20px;
}
.wmde-markdown img[align='left'] {
  padding-right: 20px;
}
.wmde-markdown .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}
.wmde-markdown span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown span.frame span img {
  display: block;
  float: left;
}
.wmde-markdown span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.wmde-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.wmde-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.wmde-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.wmde-markdown span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}
.wmde-markdown span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown code,
.wmde-markdown tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.wmde-markdown code br,
.wmde-markdown tt br {
  display: none;
}
.wmde-markdown del code {
  text-decoration: inherit;
}
.wmde-markdown pre code {
  font-size: 100%;
}
.wmde-markdown pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.wmde-markdown pre {
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.wmde-markdown pre code,
.wmde-markdown pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.wmde-markdown pre > code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.wmde-markdown pre > code::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
.wmde-markdown pre > code::-webkit-scrollbar-thumb {
  background: var(--color-fg-muted);
  border-radius: 10px;
}
.wmde-markdown .csv-data td,
.wmde-markdown .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.wmde-markdown .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.wmde-markdown .csv-data tr {
  border-top: 0;
}
.wmde-markdown .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.wmde-markdown .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.wmde-markdown .footnotes ol {
  padding-left: 16px;
}
.wmde-markdown .footnotes li {
  position: relative;
}
.wmde-markdown .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}
.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.wmde-markdown .task-list-item {
  list-style-type: none;
}
.wmde-markdown .task-list-item label {
  font-weight: 400;
}
.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}
.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}
.wmde-markdown .task-list-item .handle {
  display: none;
}
.wmde-markdown .task-list-item-checkbox,
.wmde-markdown .contains-task-list input[type='checkbox'] {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,
.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {
  margin: 0 -1.6em 0.25em 0.2em;
}
.wmde-markdown ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.wmde-markdown pre {
  position: relative;
}
.wmde-markdown pre .copied {
  visibility: hidden;
  display: flex;
  position: absolute;
  cursor: pointer;
  color: var(--color-fg-default);
  top: 6px;
  right: 6px;
  border-radius: 5px;
  background: var(--color-border-default);
  padding: 6px;
  font-size: 12px;
  transition: all 0.3s;
}
.wmde-markdown pre .copied .octicon-copy {
  display: block;
}
.wmde-markdown pre .copied .octicon-check {
  display: none;
}
.wmde-markdown pre:hover .copied {
  visibility: visible;
}
.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}
.wmde-markdown pre:hover .copied:active,
.wmde-markdown pre .copied.active {
  background: var(--color-copied-active-bg);
  color: var(--color-canvas-default);
}
.wmde-markdown pre .active .octicon-copy {
  display: none;
}
.wmde-markdown pre .active .octicon-check {
  display: block;
}
.wmde-markdown .markdown-alert {
  padding: 0.5rem 1em;
  color: inherit;
  margin-bottom: 16px;
  border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));
}
.wmde-markdown .markdown-alert > :last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown .markdown-alert .markdown-alert-title {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}
.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {
  margin-right: var(--base-size-8, 8px) !important;
}
.wmde-markdown .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success, var(--color-success-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done, var(--color-done-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention, var(--color-attention-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.wmde-markdown .highlight-line {
  background-color: var(--color-neutral-muted);
}
.wmde-markdown .code-line.line-number::before {
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 16px;
  color: var(--color-fg-subtle);
  content: attr(line);
  white-space: nowrap;
}
.wmde-markdown .token.comment,
.wmde-markdown .token.prolog,
.wmde-markdown .token.doctype,
.wmde-markdown .token.cdata {
  color: var(--color-prettylights-syntax-comment);
}
.wmde-markdown .token.namespace {
  opacity: 0.7;
}
.wmde-markdown .token.property,
.wmde-markdown .token.tag,
.wmde-markdown .token.selector,
.wmde-markdown .token.constant,
.wmde-markdown .token.symbol,
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}
.wmde-markdown .token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}
.wmde-markdown .token.property-access,
.wmde-markdown .token.operator,
.wmde-markdown .token.boolean,
.wmde-markdown .token.number,
.wmde-markdown .token.selector .token.class,
.wmde-markdown .token.attr-name,
.wmde-markdown .token.string,
.wmde-markdown .token.char,
.wmde-markdown .token.builtin {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}
.wmde-markdown .code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.wmde-markdown .token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}
.wmde-markdown .code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.wmde-markdown .token.variable {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.entity,
.wmde-markdown .token.url,
.wmde-markdown .language-css .token.string,
.wmde-markdown .style .token.string {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.color,
.wmde-markdown .token.atrule,
.wmde-markdown .token.attr-value,
.wmde-markdown .token.function,
.wmde-markdown .token.class-name {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.rule,
.wmde-markdown .token.regex,
.wmde-markdown .token.important,
.wmde-markdown .token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}
.wmde-markdown .token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.wmde-markdown .token.important,
.wmde-markdown .token.bold {
  font-weight: bold;
}
.wmde-markdown .token.italic {
  font-style: italic;
}
.wmde-markdown .token.entity {
  cursor: help;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--md-editor-box-shadow-color);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--md-editor-box-shadow-color);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--md-editor-box-shadow-color);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--md-editor-box-shadow-color);
}
.w-md-editor-area {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-family: var(--md-editor-font-family) !important;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: var(--md-editor-font-family) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold, #24292f);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity, #8250df);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
}
.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --md-editor-background-color: var(--color-canvas-default, #ffffff);
  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor.w-md-editor-rtl {
  direction: rtl !important;
  text-align: right !important;
}
.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
  right: unset !important;
  left: 0;
  text-align: right !important;
  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
}
.w-md-editor.w-md-editor-rtl .w-md-editor-text {
  text-align: right !important;
}
.w-md-editor-toolbar {
  height: -webkit-fit-content;
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list li.task-list-item {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--md-editor-background-color);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}
._tags_1qq7h_1 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 40px 0;
    animation: _slideIn_1qq7h_1 0.4s ease-out;
}

._tag_1qq7h_1 {
    padding: 10px 24px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 40px;
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--text);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: var(--shadow-sm);
    position: relative;
}

._tag_1qq7h_1 i {
    font-size: 1rem;
    color: #741fa2;
    transition: color 0.2s;
}

._tag_1qq7h_1:hover {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border-color: #741fa2;
    color: white;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

._tag_1qq7h_1:hover i {
    color: white;
}

._tag_1qq7h_1._active_1qq7h_45 {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border-color: #741fa2;
    color: white;
}

._tag_1qq7h_1._active_1qq7h_45 i {
    color: white;
}

._count_1qq7h_55 {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 0.8rem;
    margin-left: 4px;
}

._tag_1qq7h_1:hover ._count_1qq7h_55,
._tag_1qq7h_1._active_1qq7h_45 ._count_1qq7h_55 {
    background: rgba(255, 255, 255, 0.2);
}

._loading_1qq7h_68 {
    display: flex;
    justify-content: center;
    padding: 20px;
}

._spinner_1qq7h_74 {
    width: 30px;
    height: 30px;
    border: 3px solid var(--border);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: _spin_1qq7h_74 1s linear infinite;
}

@keyframes _spin_1qq7h_74 {
    to { transform: rotate(360deg); }
}

._error_1qq7h_87, ._empty_1qq7h_87 {
    text-align: center;
    padding: 20px;
    color: var(--text-light);
}

._retryButton_1qq7h_93 {
    background: var(--primary);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
}

@keyframes _slideIn_1qq7h_1 {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}._adBlock_j4zm9_1 {
    background: var(--surface);
    border-radius: var(--radius-lg);
    padding: 40px;
    text-align: center;
    margin: 60px 0;
    border: 2px dashed var(--border);
    position: relative;
    overflow: hidden;
}

._adBlock_j4zm9_1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.03) 0%, transparent 50%);
}

._adIcon_j4zm9_22 {
    width: 80px;
    height: 80px;
    background: var(--gradient);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    position: relative;
}

._adIcon_j4zm9_22 i {
    font-size: 2.5rem;
    color: white;
}

._adTitle_j4zm9_39 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--text);
}

._adDescription_j4zm9_46 {
    color: var(--text-light);
    margin-bottom: 25px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

._adButton_j4zm9_54 {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
    padding: 12px 30px;
    border-radius: 40px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 1rem;
}

._adButton_j4zm9_54:hover {
    background: var(--primary);
    color: white;
}

._smallNote_j4zm9_71 {
    font-size: 0.8rem;
    color: var(--text-light);
    margin-top: 20px;
}

/* Новые стили для баннера с изображением */
._adBlockImage_j4zm9_78 {
    margin: 60px 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

._adBlockImage_j4zm9_78:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

._adLink_j4zm9_91 {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}

._adImage_j4zm9_98 {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}._tgBlock_1cja0_1 {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border-radius: var(--radius-lg);
    padding: 50px;
    margin: 60px 0;
    position: relative;
    overflow: hidden;
}

._tgBlock_1cja0_1::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 50%);
    animation: _rotate_1cja0_1 20s linear infinite;
}

@keyframes _rotate_1cja0_1 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

._tgInner_1cja0_26 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

._tgIconWrapper_1cja0_36 {
    display: flex;
    align-items: center;
    gap: 20px;
}

._tgIcon_1cja0_36 {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #24A1DE, #1a7da8);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._tgIcon_1cja0_36 i {
    font-size: 3rem;
    color: white;
}

._tgText_1cja0_57 h3 {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 8px;
}

._tgText_1cja0_57 p {
    color: rgba(255,255,255,0.8);
    font-size: 1.1rem;
}

._tgButton_1cja0_69 {
    background: #24A1DE;
    color: white;
    padding: 16px 40px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s;
    border: 2px solid transparent;
}

._tgButton_1cja0_69:hover {
    background: #1a7da8;
    transform: translateY(-2px);
    box-shadow: 0 20px 30px -10px rgba(36, 161, 222, 0.3);
}

._tgButton_1cja0_69 i {
    font-size: 1.3rem;
}

@media (max-width: 768px) {
    ._tgBlock_1cja0_1 {
        padding: 30px;
    }

    ._tgText_1cja0_57 h3 {
        font-size: 1.5rem;
    }

    ._tgButton_1cja0_69 {
        width: 100%;
        justify-content: center;
    }
}._sectionTitle_1aw6f_1 {
    margin: 40px 0 20px;
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 12px;
}

._count_1aw6f_11 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #888;
    background: #f1f4f9;
    padding: 4px 12px;
    border-radius: 30px;
}

._grid_1aw6f_20 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
    margin: 40px 0;
}

._loadingContainer_1aw6f_27 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    background: white;
    border-radius: 30px;
    padding: 40px;
}

._spinner_1aw6f_38 {
    width: 50px;
    height: 50px;
    border: 3px solid #eef2f6;
    border-top-color: #1a1a1a;
    border-radius: 50%;
    animation: _spin_1aw6f_38 1s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_1aw6f_38 {
    to { transform: rotate(360deg); }
}

._errorContainer_1aw6f_52 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    background: white;
    border-radius: 30px;
    padding: 40px;
    color: #ef4444;
}

._retryButton_1aw6f_64 {
    background: #1a1a1a;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
    transition: background 0.3s;
}

._retryButton_1aw6f_64:hover {
    background: #333;
}

._emptyState_1aw6f_80 {
    text-align: center;
    padding: 60px;
    background: white;
    border-radius: 30px;
    color: #888;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    ._grid_1aw6f_20 {
        grid-template-columns: 1fr;
    }

    ._sectionTitle_1aw6f_1 {
        font-size: 1.5rem;
        flex-direction: column;
        align-items: flex-start;
    }
}

._promoCardWrapper_1aw6f_101 {
    position: relative;
}

._favoriteCardButton_1aw6f_105 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1px solid #f0f0f0;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

._favoriteCardButton_1aw6f_105:hover {
    transform: scale(1.1);
    color: #741fa2;
    border-color: #741fa2;
}

._favoriteCardButton_1aw6f_105._isFavorite_1aw6f_130 {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

._favoriteCardButton_1aw6f_105._isFavorite_1aw6f_130:hover {
    background: #9b4dc4;
}

._promoCardWrapper_1aw6f_101 {
    position: relative;
}

._likeButton_1aw6f_144 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1px solid #f0f0f0;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

._likeButton_1aw6f_144:hover {
    transform: scale(1.1);
    color: #ef4444;
    border-color: #fee2e2;
    background: #fee2e2;
}

._likeButton_1aw6f_144._liked_1aw6f_170 {
    background: #ef4444;
    color: white;
    border-color: #ef4444;
}

._likeButton_1aw6f_144._liked_1aw6f_170:hover {
    background: #dc2626;
}

._loadingContainer_1aw6f_27 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_1aw6f_38 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_1aw6f_38 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_1aw6f_38 {
    to { transform: rotate(360deg); }
}

._errorContainer_1aw6f_52 {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
}

._retryButton_1aw6f_64 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 20px;
    transition: all 0.3s;
}

._retryButton_1aw6f_64:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
}

._sectionTitle_1aw6f_1 {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 30px 0;
    font-size: 1.8rem;
    color: #1a1a1a;
}

._count_1aw6f_11 {
    background: #e2e8f0;
    color: #475569;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 500;
}

._grid_1aw6f_20 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

._emptyState_1aw6f_80 {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
    color: #64748b;
}._page_pd0sr_1 {
    min-height: 100vh;
    background: #f8fafc;
    /*padding: 40px 0;*/
}

._container_pd0sr_7 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Заголовок */
._header_pd0sr_14 {
    text-align: center;
    margin-bottom: 50px;
}

._title_pd0sr_19 {
    font-size: 3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

._subtitle_pd0sr_31 {
    font-size: 1.2rem;
    color: #64748b;
}

/* Фильтры */
._filters_pd0sr_37 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
}

._searchSection_pd0sr_46 {
    margin-bottom: 25px;
}

._searchWrapper_pd0sr_50 {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

._searchIcon_pd0sr_56 {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 1.1rem;
}

._searchInput_pd0sr_65 {
    width: 100%;
    padding: 18px 20px 18px 50px;
    border: 2px solid #f0f0f0;
    border-radius: 60px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8fafc;
}

._searchInput_pd0sr_65:focus {
    outline: none;
    border-color: #741fa2;
    background: white;
    box-shadow: 0 10px 20px -10px rgba(116, 31, 162, 0.2);
}

._clearSearch_pd0sr_82 {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #94a3b8;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
}

._clearSearch_pd0sr_82:hover {
    background: #f0f0f0;
    color: #741fa2;
}

._filterSection_pd0sr_106 {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

._filterGroup_pd0sr_113 {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f8fafc;
    padding: 10px 20px;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
}

._filterLabel_pd0sr_123 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 0.95rem;
    font-weight: 500;
}

._filterLabel_pd0sr_123 i {
    color: #741fa2;
}

._filterSelect_pd0sr_136 {
    background: white;
    border: 1px solid #e2e8f0;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 0.95rem;
    color: #1a1a1a;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 180px;
}

._filterSelect_pd0sr_136:hover {
    border-color: #741fa2;
}

._filterSelect_pd0sr_136:focus {
    outline: none;
    border-color: #741fa2;
    box-shadow: 0 0 0 3px rgba(116, 31, 162, 0.1);
}

/* Информация о результатах */
._resultsInfo_pd0sr_159 {
    margin-bottom: 25px;
    padding: 15px 20px;
    background: white;
    border-radius: 16px;
    color: #64748b;
    font-size: 0.95rem;
    border: 1px solid #f0f0f0;
}

/* Сетка магазинов */
._shopsGrid_pd0sr_170 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
}

._shopCard_pd0sr_176 {
    background: white;
    border-radius: 24px;
    padding: 25px;
    display: flex;
    gap: 20px;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

._shopCard_pd0sr_176::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    transition: height 0.3s ease;
}

._shopCard_pd0sr_176:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._shopCard_pd0sr_176:hover::before {
    height: 100%;
}

._shopLogoWrapper_pd0sr_210 {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

._shopLogo_pd0sr_210 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    background: white;
    padding: 8px;
    border: 1px solid #f0f0f0;
    transition: transform 0.3s;
}

._shopCard_pd0sr_176:hover ._shopLogo_pd0sr_210 {
    transform: scale(1.05);
}

._shopLogoFallback_pd0sr_231 {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    border: 1px solid #f0f0f0;
}

._shopInfo_pd0sr_245 {
    flex: 1;
}

._shopName_pd0sr_249 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.3;
}

._shopCategories_pd0sr_257 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

._categoryTag_pd0sr_264 {
    background: #f1f5f9;
    color: #475569;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

._shopStats_pd0sr_276 {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

._stat_pd0sr_284 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 0.85rem;
}

._stat_pd0sr_284 i {
    color: #741fa2;
    font-size: 0.9rem;
}

._hotBadge_pd0sr_297 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._shopAction_pd0sr_308 {
    margin-top: 10px;
}

._shopLink_pd0sr_312 {
    color: #741fa2;
    font-size: 0.9rem;
    font-weight: 500;
    transition: transform 0.2s;
    display: inline-flex;
    align-items: center;
}

._shopCard_pd0sr_176:hover ._shopLink_pd0sr_312 {
    transform: translateX(5px);
}

/* Пустое состояние */
._emptyState_pd0sr_326 {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
}

._emptyState_pd0sr_326 i {
    font-size: 5rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._emptyState_pd0sr_326 h3 {
    font-size: 1.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._emptyState_pd0sr_326 p {
    color: #64748b;
    margin-bottom: 30px;
}

._resetButton_pd0sr_351 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

._resetButton_pd0sr_351:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(116, 31, 162, 0.4);
}

/* Загрузка */
._loadingContainer_pd0sr_370 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_pd0sr_378 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_pd0sr_378 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_pd0sr_378 {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 768px) {
    ._title_pd0sr_19 {
        font-size: 2.2rem;
    }

    ._subtitle_pd0sr_31 {
        font-size: 1rem;
    }

    ._filters_pd0sr_37 {
        padding: 20px;
    }

    ._filterSection_pd0sr_106 {
        flex-direction: column;
    }

    ._filterGroup_pd0sr_113 {
        width: 100%;
        justify-content: space-between;
    }

    ._filterSelect_pd0sr_136 {
        min-width: 140px;
    }

    ._shopsGrid_pd0sr_170 {
        grid-template-columns: 1fr;
    }

    ._shopCard_pd0sr_176 {
        padding: 20px;
    }

    ._shopLogoWrapper_pd0sr_210 {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    ._shopCard_pd0sr_176 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    ._shopStats_pd0sr_276 {
        justify-content: center;
    }

    ._shopCategories_pd0sr_257 {
        justify-content: center;
    }
}

._selectedShopInfo_pd0sr_449 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
    border: 2px solid #741fa2;
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.2);
}

._selectedShopHeader_pd0sr_458 {
    display: flex;
    align-items: center;
    gap: 30px;
}

._selectedShopLogo_pd0sr_464 {
    width: 100px;
    height: 100px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border: 1px solid #f0f0f0;
}

._selectedShopLogo_pd0sr_464 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: white;
    padding: 10px;
}

._selectedShopLogoFallback_pd0sr_481 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    font-size: 2.5rem;
    font-weight: 600;
}

._selectedShopDetails_pd0sr_493 {
    flex: 1;
}

._selectedShopDetails_pd0sr_493 h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._resetShopButton_pd0sr_504 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
}

._resetShopButton_pd0sr_504:hover {
    background: #9b4dc4;
    transform: translateX(-5px);
}

._resetLink_pd0sr_521 {
    background: none;
    border: none;
    color: #741fa2;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 10px;
}

._resetLink_pd0sr_521:hover {
    color: #9b4dc4;
}

._shopCard_pd0sr_176 {
    cursor: pointer;
    transition: all 0.3s;
}

._shopCard_pd0sr_176._selected_pd0sr_449 {
    border: 2px solid #741fa2;
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.2);
}

._shopCard_pd0sr_176:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
}

._selectedShopCategories_pd0sr_551 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

._selectedShopCategories_pd0sr_551 ._categoryTag_pd0sr_264 {
    background: rgba(116, 31, 162, 0.1);
    color: #741fa2;
    font-size: 0.85rem;
}

._favoriteCardButton_pd0sr_564 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1px solid #f0f0f0;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

._favoriteCardButton_pd0sr_564:hover {
    transform: scale(1.1);
    color: #741fa2;
    border-color: #741fa2;
}

._favoriteCardButton_pd0sr_564._isFavorite_pd0sr_589 {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

._favoriteCardButton_pd0sr_564._isFavorite_pd0sr_589:hover {
    background: #9b4dc4;
}

._shopCard_pd0sr_176 {
    position: relative;
}

._shopDetailPage_pd0sr_603 {
    margin-top: 30px;
    animation: _fadeIn_pd0sr_1 0.5s ease;
}

@keyframes _fadeIn_pd0sr_1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._shopDetailHeader_pd0sr_619 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 40px;
    border: 2px solid #741fa2;
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.25);
    position: relative;
    overflow: hidden;
}

._shopDetailHeader_pd0sr_619::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(116, 31, 162, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

._shopDetailInfo_pd0sr_642 {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
}

._shopDetailLogo_pd0sr_651 {
    width: 120px;
    height: 120px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border: 3px solid white;
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.3);
    flex-shrink: 0;
}

._shopDetailLogo_pd0sr_651 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: white;
    padding: 15px;
}

._shopDetailLogoFallback_pd0sr_670 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    font-size: 3rem;
    font-weight: 600;
}

._shopDetailTitle_pd0sr_682 {
    flex: 1;
    min-width: 250px;
}

._shopDetailTitle_pd0sr_682 h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

._shopDetailStats_pd0sr_699 {
    display: flex;
    gap: 20px;
    margin: 15px 0;
    flex-wrap: wrap;
}

._shopDetailStats_pd0sr_699 span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f8fafc;
    border-radius: 40px;
    color: #475569;
    font-size: 0.95rem;
    font-weight: 500;
    border: 1px solid #f0f0f0;
}

._shopDetailStats_pd0sr_699 span i {
    color: #741fa2;
}

._shopDetailCategories_pd0sr_723 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

._backToShopsButton_pd0sr_730 {
    background: #f8fafc;
    color: #1a1a1a;
    border: 1px solid #e2e8f0;
    padding: 12px 25px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

._backToShopsButton_pd0sr_730:hover {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
    transform: translateX(-5px);
}

._favoriteDetailButton_pd0sr_753 {
    background: #f8fafc;
    color: #1a1a1a;
    border: 1px solid #e2e8f0;
    padding: 12px 25px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

._favoriteDetailButton_pd0sr_753:hover {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

._favoriteDetailButton_pd0sr_753._isFavorite_pd0sr_589 {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

._favoriteDetailButton_pd0sr_753._isFavorite_pd0sr_589:hover {
    background: #9b4dc4;
}

/* Секция с акциями магазина */
._shopOffersSection_pd0sr_786 {
    margin-top: 40px;
}

._shopOffersTitle_pd0sr_790 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}

._offersCount_pd0sr_800 {
    background: #e2e8f0;
    color: #475569;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 500;
}

._emptyOffers_pd0sr_809 {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
}

._emptyOffers_pd0sr_809 i {
    font-size: 4rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._emptyOffers_pd0sr_809 p {
    color: #64748b;
    font-size: 1.1rem;
}

/* Сетка предложений */
._offersGrid_pd0sr_829 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}

._offerCard_pd0sr_835 {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
}

._offerCard_pd0sr_835:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._offerCardHeader_pd0sr_853 {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}

._offerHotBadge_pd0sr_862 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

._offerDate_pd0sr_873 {
    color: #64748b;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 4px;
}

._offerCardBody_pd0sr_881 {
    padding: 20px;
    flex: 1;
}

._offerTitle_pd0sr_886 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._offerDescription_pd0sr_898 {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._offerPromocode_pd0sr_909 {
    background: #f8fafc;
    border-radius: 12px;
    padding: 10px;
    margin-top: 10px;
    border: 1px dashed #741fa2;
}

._offerPromocode_pd0sr_909 code {
    font-family: monospace;
    font-size: 1rem;
    font-weight: 600;
    color: #741fa2;
    letter-spacing: 1px;
}

._offerCardFooter_pd0sr_925 {
    padding: 15px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
}

._offerViews_pd0sr_934 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 0.85rem;
}

._offerLink_pd0sr_942 {
    color: #741fa2;
    font-size: 0.9rem;
    font-weight: 500;
    transition: transform 0.2s;
}

._offerCard_pd0sr_835:hover ._offerLink_pd0sr_942 {
    transform: translateX(5px);
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._shopDetailInfo_pd0sr_642 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    ._shopDetailLogo_pd0sr_651 {
        width: 100px;
        height: 100px;
    }

    ._shopDetailTitle_pd0sr_682 h2 {
        font-size: 2rem;
    }

    ._backToShopsButton_pd0sr_730,
    ._favoriteDetailButton_pd0sr_753 {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    ._shopDetailTitle_pd0sr_682 h2 {
        font-size: 1.8rem;
    }

    ._shopOffersTitle_pd0sr_790 {
        font-size: 1.5rem;
        flex-direction: column;
        align-items: flex-start;
    }

    ._offersGrid_pd0sr_829 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    ._shopDetailStats_pd0sr_699 {
        flex-direction: column;
        gap: 10px;
    }

    ._shopDetailStats_pd0sr_699 span {
        width: 100%;
    }
}._page_1cfb8_1 {
    min-height: 100vh;
    background: #f8fafc;
    /*padding: 40px 0;*/
}

._container_1cfb8_7 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Заголовок */
._header_1cfb8_14 {
    text-align: center;
    margin-bottom: 50px;
}

._title_1cfb8_19 {
    font-size: 3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

._subtitle_1cfb8_31 {
    font-size: 1.2rem;
    color: #64748b;
}

/* Основной контент */
._content_1cfb8_37 {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
}

/* Боковая панель */
._sidebar_1cfb8_44 {
    background: white;
    border-radius: 30px;
    padding: 25px;
    border: 1px solid #f0f0f0;
    position: sticky;
    top: 100px;
    height: fit-content;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

._sidebarTitle_1cfb8_55 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

._categoriesList_1cfb8_64 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 25px;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

._categoriesList_1cfb8_64::-webkit-scrollbar {
    width: 4px;
}

._categoriesList_1cfb8_64::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

._categoriesList_1cfb8_64::-webkit-scrollbar-thumb {
    background: #741fa2;
    border-radius: 4px;
}

._categoryButton_1cfb8_88 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background: #f8fafc;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    border-left-width: 4px;
    text-decoration: none;
}

._categoryButton_1cfb8_88:hover {
    background: white;
    border-color: #741fa2;
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(116, 31, 162, 0.1);
}

._categoryButton_1cfb8_88._active_1cfb8_110 {
    background: white;
    border-color: #741fa2;
    box-shadow: 0 5px 15px rgba(116, 31, 162, 0.15);
}

._categoryIcon_1cfb8_116 {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 10px;
    font-size: 1.2rem;
}

._categoryName_1cfb8_127 {
    flex: 1;
    text-align: left;
    font-weight: 500;
    color: #1a1a1a;
    font-size: 0.95rem;
}

._categoryCount_1cfb8_135 {
    background: #e2e8f0;
    color: #475569;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

._sidebarStats_1cfb8_144 {
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

._statItem_1cfb8_152 {
    text-align: center;
}

._statValue_1cfb8_156 {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #741fa2;
    line-height: 1.2;
}

._statLabel_1cfb8_164 {
    font-size: 0.8rem;
    color: #64748b;
}

/* Основной контент */
._main_1cfb8_170 {
    min-width: 0;
}

/* Информация о категории */
._categoryInfo_1cfb8_175 {
    margin-bottom: 40px;
}

._categoryHeader_1cfb8_179 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 25px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

._categoryIconLarge_1cfb8_190 {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.3);
}

._categoryDetails_1cfb8_202 {
    flex: 1;
}

._categoryNameLarge_1cfb8_206 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

._categoryDescription_1cfb8_213 {
    color: #64748b;
    font-size: 1rem;
    line-height: 1.6;
}

/* Секция магазинов */
._shopsSection_1cfb8_220 {
    margin-bottom: 50px;
}

._shopsSectionTitle_1cfb8_224 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

._shopsCount_1cfb8_234 {
    background: #e2e8f0;
    color: #475569;
    padding: 5px 12px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 500;
}

._shopsGrid_1cfb8_243 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

._shopCard_1cfb8_249 {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: white;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

._shopCard_1cfb8_249::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    opacity: 0;
    transition: opacity 0.3s;
}

._shopCard_1cfb8_249:hover {
    transform: translateX(5px);
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._shopCard_1cfb8_249:hover::before {
    opacity: 1;
}

._shopLogoWrapper_1cfb8_285 {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

._shopLogo_1cfb8_285 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px;
    background: white;
    padding: 6px;
    border: 1px solid #f0f0f0;
}

._shopLogoFallback_1cfb8_301 {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
}

._shopInfo_1cfb8_314 {
    flex: 1;
}

._shopName_1cfb8_318 {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 5px;
}

._shopStats_1cfb8_325 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._shopStat_1cfb8_325 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 0.8rem;
}

._shopStat_1cfb8_325 i {
    color: #741fa2;
    font-size: 0.8rem;
}

._shopArrow_1cfb8_344 {
    color: #cbd5e1;
    transition: transform 0.3s;
}

._shopCard_1cfb8_249:hover ._shopArrow_1cfb8_344 {
    color: #741fa2;
    transform: translateX(5px);
}

/* Секция предложений */
._offersSection_1cfb8_355 {
    margin-top: 40px;
}

._offersSectionTitle_1cfb8_359 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 25px;
}

._offersGrid_1cfb8_366 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

._offerCard_1cfb8_372 {
    background: white;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

._offerCard_1cfb8_372:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._offerHeader_1cfb8_386 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

._offerShop_1cfb8_392 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._offerShopLogo_1cfb8_398 {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 8px;
}

._offerShopIcon_1cfb8_405 {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
}

._offerShopName_1cfb8_418 {
    font-weight: 500;
    color: #1a1a1a;
    font-size: 0.95rem;
}

._offerBody_1cfb8_424 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

._offerText_1cfb8_430 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
}

._offerMeta_1cfb8_437 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._offerViews_1cfb8_443 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 0.85rem;
}

._offerViews_1cfb8_443 i {
    color: #741fa2;
}

._offerLink_1cfb8_455 {
    color: #741fa2;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: transform 0.2s;
    display: inline-flex;
    align-items: center;
}

._offerLink_1cfb8_455:hover {
    transform: translateX(5px);
}

/* Пустые состояния */
._emptyShops_1cfb8_470 {
    text-align: center;
    padding: 60px;
    background: white;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
}

._emptyShops_1cfb8_470 i {
    font-size: 4rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._emptyShops_1cfb8_470 p {
    color: #64748b;
    font-size: 1.1rem;
}

/* Загрузка */
._loadingContainer_1cfb8_490 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_1cfb8_498 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_1cfb8_498 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_1cfb8_498 {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._content_1cfb8_37 {
        grid-template-columns: 250px 1fr;
    }

    ._offersGrid_1cfb8_366 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    ._title_1cfb8_19 {
        font-size: 2.2rem;
    }

    ._subtitle_1cfb8_31 {
        font-size: 1rem;
    }

    ._content_1cfb8_37 {
        grid-template-columns: 1fr;
    }

    ._sidebar_1cfb8_44 {
        position: static;
        margin-bottom: 30px;
    }

    ._categoryHeader_1cfb8_179 {
        flex-direction: column;
        text-align: center;
        padding: 25px;
    }

    ._categoryNameLarge_1cfb8_206 {
        font-size: 1.5rem;
    }

    ._shopsGrid_1cfb8_243 {
        grid-template-columns: 1fr;
    }
}


._categoryStats_1cfb8_557 {
    margin-top: 10px;
}

._categoryTotalOffers_1cfb8_561 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 0.9rem;
    color: white;
    backdrop-filter: blur(5px);
}

._categoryTotalOffers_1cfb8_561 i {
    font-size: 0.9rem;
}

._offerCard_1cfb8_372 {
    cursor: pointer;
    transition: all 0.3s ease;
}

._offerCard_1cfb8_372:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -10px rgba(116, 31, 162, 0.2);
}

._offerHeader_1cfb8_386 {
    margin-bottom: 12px;
}

._offerShop_1cfb8_392 {
    display: flex;
    align-items: center;
    gap: 10px;
}

._offerShopLogo_1cfb8_398 {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 8px;
}

._offerShopIcon_1cfb8_405 {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
}

._offerShopName_1cfb8_418 {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1a1a1a;
}

._offerBody_1cfb8_424 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._offerText_1cfb8_430 {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
}

._offerMeta_1cfb8_437 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._offerViews_1cfb8_443 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 0.85rem;
}

._offerViews_1cfb8_443 i {
    color: #741fa2;
}

._offerLink_1cfb8_455 {
    color: #741fa2;
    font-weight: 500;
    font-size: 0.9rem;
    transition: transform 0.2s;
}

._offerLink_1cfb8_455:hover {
    transform: translateX(5px);
}._page_mtprd_1 {
    min-height: 100vh;
    background: #f8fafc;
    /*padding: 40px 0;*/
}

._container_mtprd_7 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Заголовок */
._header_mtprd_14 {
    text-align: center;
    margin-bottom: 50px;
}

._title_mtprd_19 {
    font-size: 3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

._subtitle_mtprd_31 {
    font-size: 1.2rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}

/* Фильтры */
._filters_mtprd_39 {
    margin-bottom: 40px;
}

._searchWrapper_mtprd_43 {
    position: relative;
    max-width: 600px;
    margin: 0 auto 30px;
}

._searchIcon_mtprd_49 {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 1.1rem;
}

._searchInput_mtprd_58 {
    width: 100%;
    padding: 18px 20px 18px 50px;
    border: 2px solid #f0f0f0;
    border-radius: 60px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
}

._searchInput_mtprd_58:focus {
    outline: none;
    border-color: #741fa2;
    box-shadow: 0 10px 20px -10px rgba(116, 31, 162, 0.2);
}

._clearSearch_mtprd_74 {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #94a3b8;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
}

._clearSearch_mtprd_74:hover {
    background: #f0f0f0;
    color: #741fa2;
}

._tags_mtprd_98 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

._tag_mtprd_98 {
    background: white;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

._tag_mtprd_98:hover {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
    transform: translateY(-2px);
}

._activeTag_mtprd_124 {
    background: #741fa2;
    color: white;
    border-color: #741fa2;
}

/* Результаты поиска */
._searchResults_mtprd_131 {
    margin-bottom: 25px;
    padding: 15px 20px;
    background: white;
    border-radius: 16px;
    color: #64748b;
    font-size: 0.95rem;
    border: 1px solid #f0f0f0;
    text-align: center;
}

/* Секции */
._sectionTitle_mtprd_143 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}

._featuredSection_mtprd_151 {
    margin-bottom: 60px;
}

._featuredGrid_mtprd_155 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

._featuredCard_mtprd_161 {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    position: relative;
}

._featuredCard_mtprd_161:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 40px -15px rgba(116, 31, 162, 0.2);
    border-color: #741fa2;
}

._featuredImage_mtprd_177 {
    height: 200px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._featuredImage_mtprd_177 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

._featuredCard_mtprd_161:hover ._featuredImage_mtprd_177 img {
    transform: scale(1.05);
}

._imageFallback_mtprd_195 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4rem;
    font-weight: 600;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._featuredBadge_mtprd_207 {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #1a1a1a;
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

._featuredContent_mtprd_221 {
    padding: 25px;
}

._featuredTitle_mtprd_225 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._featuredDescription_mtprd_237 {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._featuredMeta_mtprd_248 {
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: 0.85rem;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

/* Сетка статей */
._postsSection_mtprd_258 {
    margin-bottom: 60px;
}

._postsGrid_mtprd_262 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
}

._postCard_mtprd_268 {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

._postCard_mtprd_268:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px -10px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._postImage_mtprd_285 {
    height: 180px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._postImage_mtprd_285 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

._postCard_mtprd_268:hover ._postImage_mtprd_285 img {
    transform: scale(1.05);
}

._imageFallbackSmall_mtprd_302 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
    font-weight: 600;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._postContent_mtprd_314 {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

._postTitle_mtprd_321 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._postDescription_mtprd_333 {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

._postTags_mtprd_345 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 15px;
}

._postTag_mtprd_345 {
    background: #f1f5f9;
    color: #475569;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 500;
}

._postMeta_mtprd_361 {
    display: flex;
    gap: 15px;
    color: #94a3b8;
    font-size: 0.8rem;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

._postMeta_mtprd_361 i {
    margin-right: 4px;
}

/* Подписка */
._subscribeSection_mtprd_375 {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    border-radius: 40px;
    padding: 60px;
    margin-top: 60px;
}

._subscribeContent_mtprd_382 {
    text-align: center;
    color: white;
    max-width: 600px;
    margin: 0 auto;
}

._subscribeTitle_mtprd_389 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 15px;
}

._subscribeDescription_mtprd_395 {
    font-size: 1.1rem;
    margin-bottom: 30px;
    opacity: 0.9;
}

._subscribeForm_mtprd_401 {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

._subscribeInput_mtprd_407 {
    flex: 1;
    padding: 18px 25px;
    border: none;
    border-radius: 60px;
    font-size: 1rem;
    outline: none;
}

._subscribeInput_mtprd_407:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

._subscribeButton_mtprd_420 {
    background: white;
    color: #741fa2;
    border: none;
    padding: 18px 40px;
    border-radius: 60px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

._subscribeButton_mtprd_420:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.3);
}

._subscribeNote_mtprd_437 {
    font-size: 0.8rem;
    opacity: 0.7;
}

/* Пустое состояние */
._emptyState_mtprd_443 {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
}

._emptyState_mtprd_443 i {
    font-size: 5rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._emptyState_mtprd_443 h3 {
    font-size: 1.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._emptyState_mtprd_443 p {
    color: #64748b;
    margin-bottom: 30px;
}

._resetButton_mtprd_468 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

._resetButton_mtprd_468:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(116, 31, 162, 0.4);
}

/* Загрузка */
._loadingContainer_mtprd_487 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_mtprd_495 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_mtprd_495 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_mtprd_495 {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._featuredGrid_mtprd_155 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    ._title_mtprd_19 {
        font-size: 2.2rem;
    }

    ._subtitle_mtprd_31 {
        font-size: 1rem;
    }

    ._featuredGrid_mtprd_155 {
        grid-template-columns: 1fr;
    }

    ._postsGrid_mtprd_262 {
        grid-template-columns: 1fr;
    }

    ._subscribeSection_mtprd_375 {
        padding: 40px 20px;
    }

    ._subscribeForm_mtprd_401 {
        flex-direction: column;
    }

    ._subscribeButton_mtprd_420 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    ._tags_mtprd_98 {
        gap: 8px;
    }

    ._tag_mtprd_98 {
        padding: 8px 15px;
        font-size: 0.85rem;
    }

    ._postMeta_mtprd_361 {
        flex-wrap: wrap;
    }
}._page_w2a7p_1 {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 100%);
    /*padding: 40px 0;*/
    position: relative;
    overflow: hidden;
}

._container_w2a7p_9 {
    max-width: 1440px;
    margin: 40px auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
}

/* Весенний фон */
._springBackground_w2a7p_18 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

._flower1_w2a7p_28, ._flower2_w2a7p_28, ._flower3_w2a7p_28 {
    position: absolute;
    font-size: 5rem;
    opacity: 0.1;
    animation: _float_w2a7p_1 20s ease-in-out infinite;
}

._flower1_w2a7p_28 {
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

._flower2_w2a7p_28 {
    bottom: 15%;
    right: 8%;
    animation-delay: -5s;
}

._flower3_w2a7p_28 {
    top: 40%;
    right: 15%;
    animation-delay: -10s;
}

@keyframes _float_w2a7p_1 {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

/* Заголовок */
._header_w2a7p_63 {
    text-align: center;
    margin-bottom: 50px;
}

._springBadge_w2a7p_68 {
    display: inline-block;
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    color: white;
    padding: 8px 25px;
    border-radius: 40px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    box-shadow: 0 10px 20px -10px #FF69B4;
    animation: _pulse_w2a7p_1 2s infinite;
}

@keyframes _pulse_w2a7p_1 {
    0% {
        box-shadow: 0 10px 20px -10px #FF69B4;
    }
    50% {
        box-shadow: 0 15px 30px -5px #FF69B4;
    }
    100% {
        box-shadow: 0 10px 20px -10px #FF69B4;
    }
}

._title_w2a7p_95 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

._titleAccent_w2a7p_104 {
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

._subtitle_w2a7p_111 {
    font-size: 1.3rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto;
}

/* Статистика */
._statsGrid_w2a7p_119 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

._statCard_w2a7p_126 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    border: 1px solid rgba(255, 105, 180, 0.1);
    box-shadow: 0 15px 30px -10px rgba(255, 105, 180, 0.15);
    transition: transform 0.3s;
}

._statCard_w2a7p_126:hover {
    transform: translateY(-5px);
}

._statValue_w2a7p_140 {
    display: block;
    font-size: 2.8rem;
    font-weight: 700;
    color: #FF69B4;
    line-height: 1;
    margin-bottom: 8px;
}

._statLabel_w2a7p_149 {
    color: #64748b;
    font-size: 0.95rem;
}

/* Фильтры */
._filters_w2a7p_155 {
    margin-bottom: 40px;
}

._filterGroup_w2a7p_159 {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

._filterSelect_w2a7p_166 {
    background: white;
    border: 1px solid #e2e8f0;
    padding: 14px 25px;
    border-radius: 40px;
    font-size: 0.95rem;
    color: #1a1a1a;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 220px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}

._filterSelect_w2a7p_166:hover {
    border-color: #FF69B4;
    box-shadow: 0 10px 20px -10px #FF69B4;
}

._filterSelect_w2a7p_166:focus {
    outline: none;
    border-color: #FF69B4;
    box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.2);
}

/* Сетка предложений */
._offersGrid_w2a7p_191 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
    margin-bottom: 60px;
}

._offerCard_w2a7p_198 {
    background: white;
    border-radius: 30px;
    padding: 25px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

._offerCard_w2a7p_198::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #FF69B4, #FFA07A);
    transform: translateX(-100%);
    transition: transform 0.5s;
}

._offerCard_w2a7p_198:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 40px -15px rgba(255, 105, 180, 0.25);
    border-color: transparent;
}

._offerCard_w2a7p_198:hover::before {
    transform: translateX(0);
}

._hotBadge_w2a7p_230 {
    position: absolute;
    top: 20px;
    right: -30px;
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    color: white;
    padding: 8px 40px;
    font-weight: 600;
    font-size: 0.8rem;
    transform: rotate(45deg);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 1;
    box-shadow: 0 4px 10px rgba(255, 105, 180, 0.3);
}

._offerHeader_w2a7p_246 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

._shopInfo_w2a7p_252 {
    display: flex;
    align-items: center;
    gap: 12px;
}

._shopLogo_w2a7p_258 {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 16px;
    background: white;
    padding: 6px;
    border: 1px solid #f0f0f0;
}

._shopLogoFallback_w2a7p_268 {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
}

._shopName_w2a7p_281 {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1.1rem;
}

._offerBody_w2a7p_287 {
    margin-bottom: 20px;
}

._offerTitle_w2a7p_291 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.4;
}

._offerDescription_w2a7p_299 {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

._offerMeta_w2a7p_306 {
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: 0.85rem;
    margin-bottom: 20px;
}

._offerExpiry_w2a7p_314 i, ._offerViews_w2a7p_314 i {
    margin-right: 5px;
    color: #FF69B4;
}

._promoCode_w2a7p_319 {
    background: linear-gradient(135deg, #fff5f9, #fff0f5);
    padding: 15px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px dashed #FF69B4;
}

._promoText_w2a7p_329 {
    font-family: 'SF Mono', monospace;
    font-size: 1.2rem;
    font-weight: 700;
    color: #FF69B4;
    letter-spacing: 1px;
}

._promoCopy_w2a7p_337 {
    background: white;
    border: 1px solid #FF69B4;
    color: #FF69B4;
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

._promoCopy_w2a7p_337:hover {
    background: #FF69B4;
    color: white;
    transform: scale(1.05);
}

._offerButton_w2a7p_355 {
    display: block;
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    color: white;
    text-decoration: none;
    padding: 16px;
    border-radius: 20px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s;
}

._offerButton_w2a7p_355:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px -10px #FF69B4;
}

._offerFooter_w2a7p_372 {
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: 0.75rem;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

/* Пустое состояние */
._emptyState_w2a7p_382 {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
}

._emptyState_w2a7p_382 i {
    font-size: 5rem;
    color: #FF69B4;
    margin-bottom: 20px;
    opacity: 0.5;
}

._emptyState_w2a7p_382 h3 {
    font-size: 1.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._emptyState_w2a7p_382 p {
    color: #64748b;
}

/* Призыв к действию */
._ctaSection_w2a7p_408 {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
    border-radius: 40px;
    padding: 60px;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
}

._ctaSection_w2a7p_408::before {
    content: '🌸';
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 10rem;
    opacity: 0.05;
    transform: rotate(15deg);
}

._ctaTitle_w2a7p_428 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

._ctaDescription_w2a7p_434 {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0.9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

._ctaButtons_w2a7p_443 {
    display: flex;
    gap: 20px;
    justify-content: center;
}

._ctaButton_w2a7p_443 {
    background: linear-gradient(135deg, #FF69B4, #FFA07A);
    color: white;
    text-decoration: none;
    padding: 16px 40px;
    border-radius: 40px;
    font-weight: 600;
    transition: all 0.3s;
}

._ctaButton_w2a7p_443:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px -10px #FF69B4;
}

._ctaButtonSecondary_w2a7p_464 {
    background: transparent;
    color: white;
    text-decoration: none;
    padding: 16px 40px;
    border-radius: 40px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}

._ctaButtonSecondary_w2a7p_464:hover {
    background: white;
    color: #1a1a1a;
    border-color: white;
}

/* Загрузка */
._loadingContainer_w2a7p_482 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_w2a7p_490 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #FF69B4;
    border-radius: 50%;
    animation: _spin_w2a7p_490 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_w2a7p_490 {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._title_w2a7p_95 {
        font-size: 2.8rem;
    }

    ._statsGrid_w2a7p_119 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    ._title_w2a7p_95 {
        font-size: 2.2rem;
    }

    ._subtitle_w2a7p_111 {
        font-size: 1.1rem;
    }

    ._statsGrid_w2a7p_119 {
        grid-template-columns: 1fr;
    }

    ._filterGroup_w2a7p_159 {
        flex-direction: column;
        align-items: stretch;
    }

    ._filterSelect_w2a7p_166 {
        width: 100%;
    }

    ._offersGrid_w2a7p_191 {
        grid-template-columns: 1fr;
    }

    ._ctaSection_w2a7p_408 {
        padding: 40px 20px;
    }

    ._ctaButtons_w2a7p_443 {
        flex-direction: column;
    }

    ._ctaButton_w2a7p_443, ._ctaButtonSecondary_w2a7p_464 {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    ._promoCode_w2a7p_319 {
        flex-direction: column;
        gap: 10px;
    }

    ._promoCopy_w2a7p_337 {
        width: 100%;
    }
}._page_16xg7_1 {
    min-height: 100vh;
    background: #f8fafc;
}

._container_16xg7_6 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Hero секция */
._hero_16xg7_13 {
    position: relative;
    height: 530px;
    overflow: hidden;
    margin-bottom: 40px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._heroImage_16xg7_21 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

._heroFallback_16xg7_27 {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 10rem;
    font-weight: 600;
}

._heroOverlay_16xg7_39 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));
    display: flex;
    align-items: flex-end;
    padding-bottom: 60px;
}

._heroContent_16xg7_51 {
    color: white;
    max-width: 800px;
}

._backLink_16xg7_56 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    font-size: 1rem;
    margin-bottom: 20px;
    transition: all 0.3s;
}

._backLink_16xg7_56:hover {
    color: white;
    transform: translateX(-5px);
}

._heroTitle_16xg7_72 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

._heroMeta_16xg7_79 {
    display: flex;
    gap: 25px;
    font-size: 0.95rem;
    color: rgba(255,255,255,0.9);
}

._heroMeta_16xg7_79 i {
    margin-right: 6px;
}

/* Основной контент */
._content_16xg7_91 {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    margin-bottom: 60px;
}

/* Статья */
._article_16xg7_99 {
    background: white;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
}

._tags_16xg7_107 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

._tag_16xg7_107 {
    background: #f1f5f9;
    color: #475569;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}

._tag_16xg7_107:hover {
    background: #741fa2;
    color: white;
    transform: translateY(-2px);
}

._description_16xg7_131 {
    font-size: 1.2rem;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

._body_16xg7_140 {
    line-height: 1.8;
    color: #334155;
    margin-bottom: 40px;
}

._h1_16xg7_146 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 40px 0 20px;
}

._h2_16xg7_153 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 35px 0 15px;
}

._h3_16xg7_160 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 30px 0 15px;
}

._p_16xg7_1 {
    margin-bottom: 20px;
}

._li_16xg7_171 {
    margin-left: 25px;
    margin-bottom: 8px;
    color: #475569;
}

/* Блок действий */
._actions_16xg7_178 {
    display: flex;
    gap: 15px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
}

._likeButton_16xg7_185, ._shareButton_16xg7_185 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 25px;
    border-radius: 40px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

._likeButton_16xg7_185 {
    background: #fee2e2;
    border: none;
    color: #ef4444;
}

._likeButton_16xg7_185:hover {
    background: #fecaca;
    transform: translateY(-2px);
}

._likeButton_16xg7_185._liked_16xg7_208 {
    background: #ef4444;
    color: white;
}

._shareButton_16xg7_185 {
    background: #f1f5f9;
    border: none;
    color: #475569;
}

._shareButton_16xg7_185:hover {
    background: #e2e8f0;
    transform: translateY(-2px);
}

/* Сайдбар */
._sidebar_16xg7_225 {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

._sidebarTitle_16xg7_231 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

._authorCard_16xg7_240, ._statsCard_16xg7_240, ._tocCard_16xg7_240 {
    background: white;
    border-radius: 24px;
    padding: 25px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02);
}

._authorInfo_16xg7_248 {
    display: flex;
    align-items: center;
    gap: 15px;
}

._authorAvatar_16xg7_254 {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
}

._authorName_16xg7_267 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}

._authorRole_16xg7_274 {
    font-size: 0.9rem;
    color: #64748b;
}

._statsList_16xg7_279 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

._statItem_16xg7_285 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: 0.95rem;
}

._statItem_16xg7_285 i {
    width: 20px;
    color: #741fa2;
}

._tocList_16xg7_298 {
    list-style: none;
    padding: 0;
}

._tocItem_16xg7_303 {
    margin-bottom: 10px;
}

._tocLink_16xg7_307 {
    color: #475569;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.2s;
    display: inline-block;
}

._tocLink_16xg7_307:hover {
    color: #741fa2;
    transform: translateX(5px);
}

/* Похожие статьи */
._relatedSection_16xg7_321 {
    margin-bottom: 60px;
}

._relatedTitle_16xg7_325 {
    font-size: 2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
}

._relatedGrid_16xg7_332 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

._relatedCard_16xg7_338 {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
}

._relatedCard_16xg7_338:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px -10px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._relatedImage_16xg7_353 {
    height: 150px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
}

._relatedImage_16xg7_353 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

._relatedCard_16xg7_338:hover ._relatedImage_16xg7_353 img {
    transform: scale(1.05);
}

._relatedImageFallback_16xg7_370 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
    font-weight: 600;
}

._relatedContent_16xg7_381 {
    padding: 20px;
}

._relatedCardTitle_16xg7_385 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._relatedDescription_16xg7_397 {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._relatedMeta_16xg7_408 {
    display: flex;
    gap: 15px;
    color: #94a3b8;
    font-size: 0.8rem;
}

._relatedMeta_16xg7_408 i {
    margin-right: 4px;
}

/* Комментарии */
._commentsSection_16xg7_420 {
    margin-bottom: 60px;
}

._commentsTitle_16xg7_424 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
}

._commentsPlaceholder_16xg7_431 {
    background: white;
    border-radius: 30px;
    padding: 60px;
    text-align: center;
    border: 1px solid #f0f0f0;
}

._commentsPlaceholder_16xg7_431 i {
    font-size: 4rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._commentsPlaceholder_16xg7_431 p {
    color: #64748b;
    font-size: 1.1rem;
}

/* Ошибка */
._errorContainer_16xg7_451 {
    text-align: center;
    padding: 100px 20px;
    background: white;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
    margin: 60px 0;
}

._errorContainer_16xg7_451 i {
    font-size: 5rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._errorContainer_16xg7_451 h1 {
    font-size: 2.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._errorContainer_16xg7_451 p {
    color: #64748b;
    margin-bottom: 30px;
}

._backButton_16xg7_477 {
    display: inline-block;
    background: #741fa2;
    color: white;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 40px;
    font-weight: 600;
    transition: all 0.3s;
}

._backButton_16xg7_477:hover {
    background: #9b4dc4;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -10px #741fa2;
}

/* Загрузка */
._loadingContainer_16xg7_495 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_16xg7_503 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_16xg7_503 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_16xg7_503 {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._content_16xg7_91 {
        grid-template-columns: 1fr;
    }

    ._sidebar_16xg7_225 {
        order: -1;
    }

    ._relatedGrid_16xg7_332 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    ._hero_16xg7_13 {
        height: 400px;
    }

    ._heroTitle_16xg7_72 {
        font-size: 2.2rem;
    }

    ._heroMeta_16xg7_79 {
        flex-direction: column;
        gap: 10px;
    }

    ._article_16xg7_99 {
        padding: 25px;
    }

    ._h1_16xg7_146 {
        font-size: 1.8rem;
    }

    ._h2_16xg7_153 {
        font-size: 1.5rem;
    }

    ._h3_16xg7_160 {
        font-size: 1.2rem;
    }

    ._relatedGrid_16xg7_332 {
        grid-template-columns: 1fr;
    }

    ._actions_16xg7_178 {
        flex-direction: column;
    }

    ._likeButton_16xg7_185, ._shareButton_16xg7_185 {
        width: 100%;
        justify-content: center;
    }
}._page_9m4v4_1 {
    min-height: 100vh;
    background: #f8fafc;
}

._container_9m4v4_6 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 24px;
}

/* Заголовок */
._header_9m4v4_13 {
    margin-bottom: 40px;
}

._title_9m4v4_17 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Основной контент */
._content_9m4v4_30 {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 30px;
}

/* Сайдбар */
._sidebar_9m4v4_37 {
    position: sticky;
    top: 100px;
    height: fit-content;
}

._userCard_9m4v4_43 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
    text-align: center;
}

._userAvatar_9m4v4_53 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 auto 20px;
    box-shadow: 0 10px 20px -5px rgba(116, 31, 162, 0.3);
    border: 3px solid white;
}

._userName_9m4v4_69 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 5px;
}

._userEmail_9m4v4_76 {
    color: #64748b;
    font-size: 0.95rem;
    margin-bottom: 20px;
}

._userStats_9m4v4_82 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

._statItem_9m4v4_93 {
    text-align: center;
}

._statValue_9m4v4_97 {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #741fa2;
    line-height: 1;
    margin-bottom: 5px;
}

._statLabel_9m4v4_106 {
    font-size: 0.85rem;
    color: #64748b;
}

._statDivider_9m4v4_111 {
    width: 1px;
    height: 40px;
    background: #e2e8f0;
}

._userMeta_9m4v4_117 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._metaItem_9m4v4_123 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #64748b;
    font-size: 0.9rem;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 12px;
}

._metaItem_9m4v4_123 i {
    color: #741fa2;
    width: 20px;
}

._sidebarNav_9m4v4_139 {
    background: white;
    border-radius: 30px;
    padding: 15px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

._navLink_9m4v4_147 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 16px;
    transition: all 0.3s ease;
    position: relative;
}

._navLink_9m4v4_147:hover {
    background: #f8fafc;
    color: #741fa2;
    transform: translateX(5px);
}

._navLink_9m4v4_147 i {
    width: 20px;
    color: #741fa2;
}

._navBadge_9m4v4_170 {
    margin-left: auto;
    background: #741fa2;
    color: white;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Основной контент */
._main_9m4v4_181 {
    min-width: 0;
}

._section_9m4v4_185 {
    background: white;
    border-radius: 30px;
    padding: 30px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    margin-bottom: 25px;
}

._sectionHeader_9m4v4_194 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

._sectionTitle_9m4v4_203 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a1a1a;
}

._editButton_9m4v4_209 {
    background: transparent;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

._editButton_9m4v4_209:hover {
    background: #741fa2;
    border-color: #741fa2;
    color: white;
}

/* Формы */
._profileForm_9m4v4_231, ._passwordForm_9m4v4_231 {
    max-width: 500px;
}

._formGroup_9m4v4_235 {
    margin-bottom: 20px;
}

._formGroup_9m4v4_235 label {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
}

._formGroup_9m4v4_235 input {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    font-size: 0.95rem;
    transition: all 0.3s;
    background: #f8fafc;
}

._formGroup_9m4v4_235 input:focus {
    outline: none;
    border-color: #741fa2;
    background: white;
    box-shadow: 0 5px 15px -8px rgba(116, 31, 162, 0.2);
}

._formActions_9m4v4_264 {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

._saveButton_9m4v4_270 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 14px 30px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
}

._saveButton_9m4v4_270:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px #741fa2;
}

._cancelButton_9m4v4_288 {
    background: transparent;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 14px 30px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
}

._cancelButton_9m4v4_288:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

._changePasswordButton_9m4v4_305 {
    background: #741fa2;
    color: white;
    border: none;
    padding: 14px 30px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    margin-top: 10px;
}

._changePasswordButton_9m4v4_305:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px #741fa2;
}

/* Информация профиля */
._profileInfo_9m4v4_326 {
    background: #f8fafc;
    border-radius: 20px;
    padding: 20px;
}

._infoRow_9m4v4_332 {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #e2e8f0;
}

._infoRow_9m4v4_332:last-child {
    border-bottom: none;
}

._infoLabel_9m4v4_342 {
    width: 100px;
    color: #64748b;
    font-weight: 500;
}

._infoValue_9m4v4_348 {
    flex: 1;
    color: #1a1a1a;
    font-weight: 500;
}

/* Активность */
._activityList_9m4v4_355 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

._activityItem_9m4v4_361 {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 16px;
    transition: all 0.3s;
}

._activityItem_9m4v4_361:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

._activityIcon_9m4v4_375 {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #741fa2;
    font-size: 1.2rem;
    border: 1px solid #f0f0f0;
}

._activityContent_9m4v4_388 {
    flex: 1;
}

._activityContent_9m4v4_388 p {
    color: #1a1a1a;
    margin-bottom: 5px;
    line-height: 1.4;
}

._activityContent_9m4v4_388 a {
    color: #741fa2;
    text-decoration: none;
    font-weight: 500;
}

._activityContent_9m4v4_388 a:hover {
    text-decoration: underline;
}

._activityTime_9m4v4_408 {
    font-size: 0.8rem;
    color: #94a3b8;
}

/* Сообщения */
._errorMessage_9m4v4_414 {
    background: #fee2e2;
    color: #ef4444;
    padding: 15px 20px;
    border-radius: 16px;
    margin-bottom: 25px;
    border: 1px solid #fecaca;
    font-size: 0.95rem;
}

._successMessage_9m4v4_424 {
    background: #dcfce7;
    color: #10b981;
    padding: 15px 20px;
    border-radius: 16px;
    margin-bottom: 25px;
    border: 1px solid #bbf7d0;
    font-size: 0.95rem;
}

/* Загрузка */
._loadingContainer_9m4v4_435 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_9m4v4_443 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_9m4v4_443 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_9m4v4_443 {
    to { transform: rotate(360deg); }
}

._loadingContainer_9m4v4_435 p {
    color: #64748b;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 1024px) {
    ._content_9m4v4_30 {
        grid-template-columns: 280px 1fr;
    }
}

@media (max-width: 768px) {
    ._title_9m4v4_17 {
        font-size: 2rem;
    }

    ._content_9m4v4_30 {
        grid-template-columns: 1fr;
    }

    ._sidebar_9m4v4_37 {
        position: static;
    }

    ._section_9m4v4_185 {
        padding: 20px;
    }

    ._sectionHeader_9m4v4_194 {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    ._formActions_9m4v4_264 {
        flex-direction: column;
    }

    ._saveButton_9m4v4_270, ._cancelButton_9m4v4_288 {
        width: 100%;
        text-align: center;
    }
}

._emptyActivity_9m4v4_502 {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border-radius: 16px;
}

._emptyActivity_9m4v4_502 i {
    font-size: 3rem;
    color: #cbd5e1;
    margin-bottom: 15px;
}

._emptyActivity_9m4v4_502 p {
    color: #64748b;
    margin-bottom: 20px;
}

._browseButton_9m4v4_520 {
    display: inline-block;
    padding: 12px 30px;
    background: #741fa2;
    color: white;
    text-decoration: none;
    border-radius: 40px;
    font-weight: 500;
    transition: all 0.3s;
}

._browseButton_9m4v4_520:hover {
    background: #9b4dc4;
    transform: translateY(-2px);
}

._activityLink_9m4v4_536 {
    color: #741fa2;
    text-decoration: none;
    font-weight: 500;
}

._activityLink_9m4v4_536:hover {
    text-decoration: underline;
}._page_14aq3_1 {
    min-height: 100vh;
    background: #f8fafc;
}

._container_14aq3_6 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 24px;
}

/* Заголовок */
._header_14aq3_13 {
    text-align: center;
    margin-bottom: 40px;
}

._title_14aq3_18 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

._subtitle_14aq3_30 {
    font-size: 1.1rem;
    color: #64748b;
}

/* Табы */
._tabs_14aq3_36 {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
    background: white;
    padding: 10px;
    border-radius: 60px;
    border: 1px solid #f0f0f0;
    max-width: 612px;
    margin-left: auto;
    margin-right: auto;
}

._tab_14aq3_36 {
    flex: 1;
    background: transparent;
    border: none;
    padding: 12px 20px;
    border-radius: 40px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}

._tab_14aq3_36 i {
    font-size: 1.1rem;
}

._tab_14aq3_36:hover {
    color: #741fa2;
    background: #f8fafc;
}

._activeTab_14aq3_77 {
    background: #741fa2;
    color: white !important;
}

._activeTab_14aq3_77:hover {
    background: #9b4dc4;
    color: white;
}

._tabCount_14aq3_87 {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 2px 8px;
    border-radius: 30px;
    font-size: 0.7rem;
    margin-left: 5px;
}

._activeTab_14aq3_77 ._tabCount_14aq3_87 {
    background: rgba(255, 255, 255, 0.3);
}

/* Сетки */
._shopsGrid_14aq3_101 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 25px;
}

._promoCodesGrid_14aq3_107 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}

._blogGrid_14aq3_113 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}

/* Карточка магазина */
._shopCard_14aq3_120 {
    background: white;
    border-radius: 24px;
    padding: 25px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    text-align: center;
}

._shopCard_14aq3_120:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._removeButton_14aq3_137 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 1px solid #f0f0f0;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

._removeButton_14aq3_137:hover {
    background: #fee2e2;
    color: #ef4444;
    border-color: #fee2e2;
    transform: scale(1.1);
}

._shopLogoWrapper_14aq3_162 {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
}

._shopLogo_14aq3_162 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    background: white;
    padding: 10px;
    border: 1px solid #f0f0f0;
    transition: transform 0.3s;
}

._shopCard_14aq3_120:hover ._shopLogo_14aq3_162 {
    transform: scale(1.05);
}

._shopLogoFallback_14aq3_183 {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 600;
}

._shopName_14aq3_196 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._shopStats_14aq3_203 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

._shopStat_14aq3_203 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 0.85rem;
}

._shopStat_14aq3_203 i {
    color: #741fa2;
}

/* Карточка промокода */
._promoCard_14aq3_223 {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    position: relative;
}

._promoCard_14aq3_223:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._promoHeader_14aq3_238 {
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    color: white;
    padding: 20px;
}

._promoShop_14aq3_244 {
    display: flex;
    align-items: center;
    gap: 12px;
}

._promoShopLogo_14aq3_250 {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 12px;
    background: white;
    padding: 6px;
}

._promoShopIcon_14aq3_259 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
}

._promoShopName_14aq3_271 {
    font-size: 1.1rem;
    font-weight: 600;
}

._promoBody_14aq3_276 {
    padding: 20px;
}

._promoTitle_14aq3_280 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.4;
}

._promoCode_14aq3_107 {
    background: #f8fafc;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

._promoCode_14aq3_107 code {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: 700;
    color: #741fa2;
    letter-spacing: 1px;
}

._copyButton_14aq3_306 {
    background: white;
    border: 1px solid #741fa2;
    color: #741fa2;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

._copyButton_14aq3_306:hover {
    background: #741fa2;
    color: white;
    transform: scale(1.05);
}

._promoExpiry_14aq3_324 {
    color: #94a3b8;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Карточка статьи */
._blogCard_14aq3_333 {
    background: white;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    position: relative;
}

._blogCard_14aq3_333:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(116, 31, 162, 0.15);
    border-color: #741fa2;
}

._blogImage_14aq3_349 {
    height: 160px;
    overflow: hidden;
    background: linear-gradient(135deg, #741fa2, #9b4dc4);
    position: relative;
}

._blogImage_14aq3_349 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

._blogCard_14aq3_333:hover ._blogImage_14aq3_349 img {
    transform: scale(1.05);
}

._blogImageFallback_14aq3_367 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
    font-weight: 600;
}

._blogContent_14aq3_378 {
    padding: 20px;
}

._blogTitle_14aq3_382 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._blogDescription_14aq3_394 {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

._blogMeta_14aq3_405 {
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: 0.8rem;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

/* Пустое состояние */
._emptyState_14aq3_415 {
    text-align: center;
    padding: 80px 20px;
    background: white;
    border-radius: 40px;
    border: 1px solid #f0f0f0;
    grid-column: 1 / -1;
}

._emptyState_14aq3_415 i {
    font-size: 5rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

._emptyState_14aq3_415 h3 {
    font-size: 1.5rem;
    color: #1a1a1a;
    margin-bottom: 10px;
}

._emptyState_14aq3_415 p {
    color: #64748b;
    margin-bottom: 30px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

._browseButton_14aq3_444 {
    display: inline-block;
    background: #741fa2;
    color: white;
    text-decoration: none;
    padding: 15px 40px;
    border-radius: 40px;
    font-weight: 600;
    transition: all 0.3s;
}

._browseButton_14aq3_444:hover {
    background: #9b4dc4;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -10px #741fa2;
}

/* HOT бейдж */
._hotBadge_14aq3_462 {
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Загрузка */
._loadingContainer_14aq3_474 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

._spinner_14aq3_482 {
    width: 50px;
    height: 50px;
    border: 3px solid #f0f0f0;
    border-top-color: #741fa2;
    border-radius: 50%;
    animation: _spin_14aq3_482 0.8s linear infinite;
    margin-bottom: 20px;
}

@keyframes _spin_14aq3_482 {
    to { transform: rotate(360deg); }
}

._loadingContainer_14aq3_474 p {
    color: #64748b;
    font-size: 1rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    ._title_14aq3_18 {
        font-size: 2rem;
    }

    ._subtitle_14aq3_30 {
        font-size: 1rem;
    }

    ._tabs_14aq3_36 {
        flex-direction: column;
        border-radius: 30px;
        padding: 8px;
    }

    ._tab_14aq3_36 {
        width: 100%;
    }

    ._shopsGrid_14aq3_101,
    ._promoCodesGrid_14aq3_107,
    ._blogGrid_14aq3_113 {
        grid-template-columns: 1fr;
    }

    ._promoCode_14aq3_107 {
        flex-direction: column;
        gap: 10px;
    }

    ._copyButton_14aq3_306 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    ._container_14aq3_6 {
        padding: 20px 16px;
    }

    ._shopCard_14aq3_120 {
        padding: 20px;
    }

    ._shopLogoWrapper_14aq3_162 {
        width: 80px;
        height: 80px;
    }

    ._emptyState_14aq3_415 {
        padding: 40px 20px;
    }

    ._emptyState_14aq3_415 i {
        font-size: 3rem;
    }

    ._emptyState_14aq3_415 h3 {
        font-size: 1.2rem;
    }
}

._blogLikes_14aq3_564 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #ef4444;
}

._blogLikes_14aq3_564 i {
    font-size: 0.9rem;
}._container_1hq99_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
    padding: 20px;
}

._loader_1hq99_11 {
    width: 50px;
    height: 50px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #741fa2;
    border-radius: 50%;
    animation: _spin_1hq99_1 1s linear infinite;
    margin-bottom: 20px;
}

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

._errorIcon_1hq99_26 {
    font-size: 4rem;
    margin-bottom: 20px;
}

._button_1hq99_31 {
    display: inline-block;
    padding: 12px 30px;
    background: #741fa2;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 20px;
    transition: background 0.3s;
}

._button_1hq99_31:hover {
    background: #9b4dc4;
}

:root {
    --primary: rgba(116, 31, 162, 0.42);
    --primary-dark: #6f1ea8;
    --secondary: #ec4899;
    --accent: #8b5cf6;
    --background: #f9fafb;
    --surface: #ffffff;
    --text: #0f172a;
    --text-light: #64748b;
    --border: #e2e8f0;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Geologica', sans-serif;
    background: var(--background);
    color: var(--text);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}
/* Анимации */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp {
    animation: fadeInUp 0.6s ease-out;
}
/* Стили для скролла */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--border);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}