.featured-nav {
    display: flex;
    gap: .5rem;
}

.featured-header h4 {
	font-size: 15px;
	font-weight: 600;
}

/* Açık renkli, ince kenarlı, hafif yuvarlak köşeli oklar (resimdeki görünüm).
   .featured-nav ön eki, .btn-secondary'yi bilinçli olarak ezmek içindir. */
.featured-nav .featured-arrow {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color, #dee2e6);
    color: #6c757d;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.featured-nav .featured-arrow:hover {
    background-color: var(--bs-light, #f8f9fa);
    border-color: var(--bs-border-color, #dee2e6);
    color: #212529;
}

/* Ok işareti: üst + sağ kenardan kare, döndürülerek chevron yapılır
   (tema bootstrap-icons setinde chevron-left/right glyph'i olmadığından CSS ile) */
.featured-nav .featured-arrow::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
}

.featured-nav .featured-prev::before {
    transform: rotate(-135deg);
    margin-left: 3px;
}

.featured-nav .featured-next::before {
    transform: rotate(45deg);
    margin-right: 3px;
}

/* Swiper uçlara gelince pasifleştirir */
.featured-nav .featured-arrow.swiper-button-disabled {
    opacity: .4;
    pointer-events: none;
}

/* --- Düz liste: son satırda TEK kalan (öksüz) ürünü gizle ---
   Her ekran boyutunda o boyuttaki sütun sayısına göre çalışır.
   :not(:first-child) → toplam tek 1 ürün varsa gizlenmez. */

/* Mobil: 2 sütun */
@media (max-width: 767.98px) {
    .featured-grid > .col:nth-child(2n+1):last-child:not(:first-child) {
        display: none;
    }
}

/* Tablet: 3 sütun */
@media (min-width: 768px) and (max-width: 991.98px) {
    .featured-grid > .col:nth-child(3n+1):last-child:not(:first-child) {
        display: none;
    }
}

/* Masaüstü: seçilen sütun sayısı (3 / 4 / 5) */
@media (min-width: 992px) {
    .featured-grid.per-3 > .col:nth-child(3n+1):last-child:not(:first-child) {
        display: none;
    }
    .featured-grid.per-4 > .col:nth-child(4n+1):last-child:not(:first-child) {
        display: none;
    }
    .featured-grid.per-5 > .col:nth-child(5n+1):last-child:not(:first-child) {
        display: none;
    }
}
