/*
=========================================================
WorldConnect Design System
File: public_html/css/wds/pages/vitrin.css
Scope: Dijital Vitrin

Mantık:
- Tüm aktif paketler / profiller
- Sade katalog görünümü
- Hızlı taranabilir iki kolon sistem
=========================================================
*/

html body main.wcp-page-vitrin .wcp-list-hero {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}

html body main.wcp-page-vitrin .wcp-list-kicker {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    background: rgba(37, 99, 235, .08) !important;
    border-color: rgba(37, 99, 235, .22) !important;
}

html body main.wcp-page-vitrin .wcp-list-hero-badge {
    background: rgba(37, 99, 235, .06) !important;
    border-color: rgba(37, 99, 235, .22) !important;
}

html body main.wcp-page-vitrin .wcp-list-hero-badge i {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
}

html body main.wcp-page-vitrin #infinite-scroll {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

html body main.wcp-page-vitrin .master-card.wcp-vitrin-card {
    min-height: 224px !important;
    border-color: rgba(148, 163, 184, .36) !important;
}

html body main.wcp-page-vitrin .master-card.wcp-vitrin-card:hover {
    border-color: rgba(37, 99, 235, .48) !important;
}

html body main.wcp-page-vitrin .wcp-vitrin-card .mc-title {
    font-size: 19px !important;
}

html body main.wcp-page-vitrin .wcp-vitrin-card .mc-desc {
    font-size: 13.4px !important;
    line-height: 1.43 !important;
}

html body main.wcp-page-vitrin .wcp-vitrin-card .mc-right .mc-btn,
html body main.wcp-page-vitrin .wcp-vitrin-card .mc-right a.mc-btn {
    background: #2563eb !important;
    background-color: #2563eb !important;
    background-image: none !important;
    border-color: #2563eb !important;
}

html body main.wcp-page-vitrin .wcp-vitrin-card .mc-right .mc-btn:hover,
html body main.wcp-page-vitrin .wcp-vitrin-card .mc-right a.mc-btn:hover {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

@media (max-width: 991.98px) {
    html body main.wcp-page-vitrin #infinite-scroll {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767.98px) {
    html body main.wcp-page-vitrin .master-card.wcp-vitrin-card {
        padding: 14px 12px !important;
        grid-template-columns: 72px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    html body main.wcp-page-vitrin .wcp-vitrin-card .mc-title {
        font-size: 18px !important;
        line-height: 1.10 !important;
    }

    html body main.wcp-page-vitrin .wcp-vitrin-card .mc-desc {
        font-size: 13px !important;
        line-height: 1.38 !important;
    }

    html body main.wcp-page-vitrin .wcp-vitrin-card .mc-right {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }
}