:root {
        --solde-primary: #e11d48;
        --solde-dark: #111827;
        --solde-muted: #6b7280;
        --solde-soft: #fff1f2;
        --solde-border: #e5e7eb;
        --solde-shadow: 0 10px 30px rgba(17, 24, 39, .08);
    }

    body {
        background: linear-gradient(180deg, #fff 0, #fff7f8 42%, #fff 100%);
        color: var(--solde-dark);

        font-family: Arial, Helvetica, sans-serif;
    }


    .solde-wrap {
        max-width: 1450px
    }

    .solde-hero {
        position: relative;
        overflow: hidden;
        border-radius: 28px;
        padding: 34px 34px 28px;
        margin-bottom: 22px;
        background: linear-gradient(135deg, #fff1f2 0%, #ffffff 58%, #fef2f2 100%);
        border: 1px solid #fecdd3;
        box-shadow: var(--solde-shadow)
    }

    .solde-hero:after {
        content: "";
        position: absolute;
        width: 230px;
        height: 230px;
        border-radius: 50%;
        right: -80px;
        top: -100px;
        background: rgba(225, 29, 72, .08)
    }

    .solde-kicker {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 12px;
        border-radius: 999px;
        background: #fff;
        border: 1px solid #fecdd3;
        color: #be123c;
        font-size: .78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .06em
    }

    .solde-title {
        font-size: clamp(1.75rem, 3vw, 2.55rem);
        font-weight: 900;
        letter-spacing: -.04em;
        margin: 13px 0 8px
    }

    .solde-subtitle {
        color: var(--solde-muted);
        max-width: 720px;
        margin: 0
    }

    .country-menu {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .country-menu .btn {
        border-radius: 999px;
        font-weight: 700;
        padding: .48rem .9rem
    }

    .solde-search {
        background: #fff;
        border: 1px solid var(--solde-border);
        border-radius: 20px;
        padding: 10px;
        box-shadow: var(--solde-shadow);
        margin-bottom: 24px
    }

    .solde-search .form-control {
        border-radius: 12px;
        min-height: 46px;
        border-color: #e5e7eb
    }

    .solde-search .btn {
        border-radius: 12px;
        min-height: 46px;
        font-weight: 500
    }

    .solde-grid {
        row-gap: 18px
    }

    .solde-card-wrap {
        min-width: 0
    }

    .solde-card {
        position: relative;
        background: #fff;
        border: 1px solid rgba(229, 231, 235, .9);
        border-radius: 18px;
        overflow: hidden;
        height: 100%;
        box-shadow: 0 6px 22px rgba(17, 24, 39, .06);
        transition: transform .22s ease, box-shadow .22s ease
    }

    .solde-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 34px rgba(17, 24, 39, .12)
    }

    .solde-image {
        position: relative;
        aspect-ratio: 1/1;
        overflow: hidden;
        background: #f3f4f6
    }

    .solde-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .35s ease
    }

    .solde-card:hover .solde-image img {
        transform: scale(1.045)
    }

    .solde-badge {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
        padding: 6px 9px;
        border-radius: 999px;
        background: #e11d48;
        color: #fff;
        font-size: .72rem;
        font-weight: 900;
        box-shadow: 0 4px 12px rgba(225, 29, 72, .25)
    }

    .solde-video {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 4;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        background: rgba(17, 24, 39, .82);
        color: #fff;
        display: grid;
        place-items: center;
        cursor: pointer
    }

    .solde-body {
        padding: 13px 14px 15px
    }

    .solde-name {
        font-size: .98rem;
        font-weight: 600;
        margin: 0 0 7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
        color: #484c51 !important;
    }

    .solde-desc {
        font-size: 13px;
        line-height: 1.45;
        color: var(--solde-muted);
        margin: 0 0 9px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.25em
    }

    .solde-prices {
        display: flex;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 8px
    }

    .solde-old {
        font-size: .78rem;
        color: #9ca3af;
        text-decoration: line-through
    }

    .solde-final {
        font-size: 1.02rem;
        color: #dc2626;
        font-weight: 900
    }

    .solde-location {
        font-size: .76rem;
        color: #6b7280;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .solde-empty {
        border-radius: 18px
    }

    #solde-products {
        min-height: 40px
    }

    .load-status {
        text-align: center;
        padding: 28px 12px;
        color: #6b7280;
        font-size: .88rem
    }

    .load-spinner {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 2px solid #fecdd3;
        border-top-color: #e11d48;
        border-radius: 50%;
        animation: soldeSpin .7s linear infinite;
        vertical-align: -4px;
        margin-right: 8px
    }

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

    .legacy-pagination {
        display: none !important
    }

    .js-fallback-pagination {
        display: block !important
    }

    @media(max-width:767.98px) {
        .solde-hero {
            padding: 24px 18px;
            border-radius: 22px
        }

        .solde-search {
            padding: 11px
        }

        .solde-body {
            padding: 11px 11px 13px
        }

        .solde-name {
            font-size: .9rem
        }

        .solde-final {
            font-size: .94rem
        }
    }