.marsell-credit-box {
        background: #ffffff !important;
        border-radius: 16px !important;
        padding: 20px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
        border: 1px solid #eef2f6 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        margin: 20px 0 !important;
    }
    .marsell-credit-box .marsell-type-tabs {
        display: flex !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
        border-bottom: 2px solid #f1f5f9 !important;
        padding-bottom: 8px !important;
    }
    .marsell-credit-box .marsell-type-tab {
        background: none !important;
        border: none !important;
        padding: 8px 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #64748b !important;
        cursor: pointer !important;
        position: relative !important;
        outline: none !important;
        transition: color 0.2s ease !important;
    }
    .marsell-credit-box .marsell-type-tab.active {
        color: #00b57a !important;
    }
    .marsell-credit-box .marsell-type-tab.active::after {
        content: "" !important;
        position: absolute !important;
        bottom: -10px !important;
        left: 0 !important;
        width: 100% !important;
        height: 3px !important;
        background: #00b57a !important;
    }
    .marsell-credit-box .marsell-credit-title {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin-bottom: 14px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
    .marsell-credit-box .title-badge {
        width: 8px !important;
        height: 8px !important;
        background-color: #00b57a !important;
        border-radius: 50 !important;
        animation: marsell-credit-pulse-dot 2s infinite !important;
    }
    .marsell-credit-box .tab-content {
        display: none !important;
    }
    .marsell-credit-box .tab-content.active {
        display: flex !important;
    }
    .marsell-credit-box .marsell-credit-months {
        gap: 8px !important;
        flex-wrap: wrap !important;
        margin-bottom: 18px !important;
    }
    .marsell-credit-box .marsell-month-btn {
        flex: 1 1 calc(20% - 8px) !important;
        min-width: 65px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        padding: 9px 6px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #475569 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        text-align: center !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* QIRMIZI HOVER-İN QARŞISINI ALAN HİSSƏ: İndi yazı qara olacaq */
    .marsell-credit-box .marsell-month-btn:hover {
        border-color: #cbd5e1 !important;
        background: #f1f5f9 !important;
        color: #000000 !important;
    }

    /* AKTİV DÜYMƏ: Yaşıl fon, ağ yazı */
    .marsell-credit-box .marsell-month-btn.active,
    .marsell-credit-box .marsell-month-btn.active:hover {
        background: #00b57a !important;
        color: #ffffff !important;
        border-color: #00b57a !important;
        box-shadow: 0 4px 12px rgba(0, 181, 122, 0.2) !important;
    }

    .marsell-credit-box .marsell-credit-result-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin-bottom: 18px !important;
    }
    .marsell-credit-box .marsell-credit-card {
        background: #f8fafc !important;
        padding: 12px 14px !important;
        border-radius: 10px !important;
        border: 1px solid #f1f5f9 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .marsell-credit-box .marsell-credit-label {
        font-size: 12px !important;
        color: #64748b !important;
        margin-bottom: 4px !important;
    }
    .marsell-credit-box .marsell-credit-value {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
    }
    .marsell-credit-box .marsell-credit-value.green {
        color: #00b57a !important;
    }
    .marsell-credit-box .marsell-credit-bottom-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 12px !important;
        border-top: 1px solid #f1f5f9 !important;
        padding-top: 14px !important;
        flex-wrap: wrap !important;
    }
    .marsell-credit-box .marsell-credit-advantages-title {
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #475569 !important;
        display: block !important;
        margin-bottom: 6px !important;
    }
    .marsell-credit-box .marsell-credit-check-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12px !important;
        color: #475569 !important;
    }
    .marsell-credit-box .marsell-credit-check-list li::before {
        content: "✓" !important;
        color: #00b57a !important;
        margin-right: 6px !important;
    }
    .marsell-credit-box .marsell-credit-cash-box {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        background: #e6f8f2 !important;
        border: 1px solid #b3edd8 !important;
        padding: 10px 14px !important;
        border-radius: 10px !important;
    }
    .marsell-credit-box .marsell-credit-info-icon {
        background: #00b57a !important;
        color: white !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        font-weight: bold !important;
    }
    .marsell-credit-box .marsell-credit-cash-title {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #004d34 !important;
    }
    .marsell-credit-box .marsell-credit-cash-note {
        font-size: 10px !important;
        color: #006645 !important;
        margin: 0 !important;
    }
    @keyframes marsell-credit-pulse-dot {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 181, 122, 0.7); }
        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(0, 181, 122, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 181, 122, 0); }
    }