.dcs-quicklink {
    background: #fff;
    transition: transform .15s ease, box-shadow .15s ease;
    color: var(--dcs-text, #1f2430);
}

    .dcs-quicklink:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 24px rgba(22,33,62,.10);
    }

.dcs-section-white {
    background: #fff;
}

.dcs-featured-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(22,33,62,.08);
    transition: transform .2s ease, box-shadow .2s ease;
    height: 100%;
}

    .dcs-featured-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 36px rgba(22,33,62,.14);
    }

    .dcs-featured-card .dcs-img-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 4 / 3;
        background: #f4f6fb;
    }

        .dcs-featured-card .dcs-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .35s ease;
        }

    .dcs-featured-card:hover .dcs-img-wrap img {
        transform: scale(1.06);
    }

    .dcs-featured-card .dcs-price-badge {
        position: absolute;
        top: 12px;
        right: 12px;
        background: var(--dcs-accent, #ff6b35);
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 15px;
        padding: 6px 12px;
        border-radius: 999px;
        box-shadow: 0 4px 10px rgba(255,107,53,.35);
    }

    .dcs-featured-card .dcs-body {
        padding: 20px;
        text-align: center;
    }

    .dcs-featured-card .dcs-old-price {
        text-decoration: line-through;
        color: #9aa3b8;
        font-size: 13px;
    }

    .dcs-featured-card .dcs-name {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 17px;
        color: var(--dcs-text, #1f2430);
        margin: 6px 0 14px;
    }

.dcs-news-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 4px 16px rgba(22,33,62,.07);
    transition: transform .15s ease, box-shadow .15s ease;
    display: flex;
    flex-direction: column;
}

    .dcs-news-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 28px rgba(22,33,62,.12);
    }

    .dcs-news-card img {
        width: 100%;
        aspect-ratio: 16/10;
        object-fit: cover;
    }

    .dcs-news-card .dcs-news-body {
        padding: 14px 16px;
        flex: 1;
        display: flex;
        align-items: center;
    }

    .dcs-news-card p {
        margin: 0;
        font-size: 14.5px;
        color: var(--dcs-text, #1f2430);
        line-height: 1.4;
    }

.dcs-carousel img {
    object-fit: cover;
    max-height: 460px;
    width: 100%;
}

@media (max-width: 767px) {
    .dcs-carousel img {
        max-height: 240px;
    }
}

.dcs-featured-card {
    background: #fff !important;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(22,33,62,.08);
    transition: transform .2s ease, box-shadow .2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .dcs-featured-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 36px rgba(22,33,62,.14);
    }

    /* Arka planı tamamen beyaz ve görseli tam ortalı yapan alan */
    .dcs-featured-card .dcs-img-wrap {
        position: relative !important;
        width: 100% !important;
        height: 250px !important;
        background: #ffffff !important; /* Gri ton kaldırıldı, saf beyaz yapıldı */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px 16px 0 16px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

        .dcs-featured-card .dcs-img-wrap img {
            max-width: 100% !important;
            max-height: 100% !important;
            width: auto !important;
            height: 100% !important;
            object-fit: contain !important;
            display: block !important;
            margin: 0 auto !important;
            border-radius: 8px;
            transition: transform .35s ease;
        }

    .dcs-featured-card:hover .dcs-img-wrap img {
        transform: scale(1.04);
    }

    .dcs-featured-card .dcs-price-badge {
        position: absolute;
        top: 14px;
        right: 14px;
        background: var(--dcs-accent, #ff6b35);
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        font-size: 14px;
        padding: 6px 12px;
        border-radius: 999px;
        box-shadow: 0 4px 10px rgba(255,107,53,.35);
        z-index: 2;
    }

    .dcs-featured-card .dcs-body {
        padding: 16px 20px 20px 20px;
        text-align: center;
        background: #ffffff !important;
        margin-top: auto;
    }

    .dcs-featured-card .dcs-old-price {
        text-decoration: line-through;
        color: #9aa3b8;
        font-size: 13px;
    }

    .dcs-featured-card .dcs-name {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: var(--dcs-text, #1f2430);
        margin: 6px 0 14px;
    }
/* Slider kapsayıcısının tam genişlikte ve taşmaları gizleyen yapısı */
.carousel,
.carousel-inner,
.carousel-item {
    width: 100% !important;
    border-radius: 12px;
    overflow: hidden;
}

    /* 1475x563 oranına tam oturan ve sağdaki boşluğu kapatan kural */
    .carousel-item img {
        width: 100% !important;
        height: auto !important;
        max-height: 563px !important;
        object-fit: cover !important; /* Alanı boşluk bırakmadan tamamen doldurur */
        object-position: center !important;
        display: block !important;
    }

/* Mobil cihazlarda slider yüksekliğinin çok basık kalmasını engellemek için */
@media (max-width: 768px) {
    .carousel-item img {
        min-height: 220px !important;
        object-fit: cover !important;
    }
}
