/* Genel Ayarlar & Değişkenler */
:root {
    --primary-color: #e2611c; /* Trendyol Turuncusu/Size özel renk */
    --primary-hover: #e06912;
    --dark-text: #333333;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--dark-text);
}

/* Tipografi & Yardımcı Sınıflar */
.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.btn-primary { 
    background-color: var(--primary-color); 
    border-color: var(--primary-color);
}
.btn-primary:hover { 
    background-color: var(--primary-hover); 
    border-color: var(--primary-hover);
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;          /* ← BU SATIRI EKLE */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.backdrop-blur { backdrop-filter: blur(8px); }
.border-radius-xl { border-radius: 1.5rem !important; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Navbar Hover Efektleri */
.hover-primary { transition: var(--transition); }
.hover-primary:hover { color: var(--primary-color) !important; }

/* Arama Kutusu Input Focus */
.search-form input:focus {
    box-shadow: none;
    background-color: #fff !important;
    border: 1px solid var(--primary-color) !important;
}

/* Animasyonlar & Kartlar */
.hover-scale { transition: var(--transition); display: block; }
.hover-scale:hover { transform: translateY(-5px); }
.hover-scale-card { transition: var(--transition); cursor: pointer; }
.hover-scale-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1) !important; 
}

.icon-box {
    width: 70px; height: 70px;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; transition: var(--transition);
}
.quick-link-item:hover .icon-box { border: 2px solid var(--primary-color); }

/* Favori Butonu */
.fav-btn { position: absolute; top: 15px; right: 15px; z-index: 2; transition: var(--transition); }
/* RTL Uyumu: Favori butonu Arapçada sola geçer */
html[dir="rtl"] .fav-btn { right: auto; left: 15px; }
.hover-danger:hover { color: #dc3545 !important; }

/* Slider Customization */
.swiper-button-next::after, .swiper-button-prev::after { font-size: 1.5rem !important; }
.swiper-pagination-bullet-active { background-color: var(--primary-color) !important; }

/* Footer Özel Stilleri */
.premium-footer {
    font-size: 0.95rem;
}
.icon-box-sm {
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    transition: var(--transition);
    color: var(--dark-text);
}
.icon-box-sm:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    transform: translateY(-3px);
}
.payment-icons i {
    transition: var(--transition);
    cursor: pointer;
}
.hover-scale-sm:hover {
    transform: scale(1.15);
    color: var(--dark-text) !important;
}
.newsletter-form input:focus {
    background-color: #fff !important;
    border: 1px solid var(--primary-color) !important;
}

/* ==========================================
   NAVBAR LAYOUT
   ========================================== */

/* Masaüstü Görünümü (992px ve üzeri) */

/* ÜRÜN DETAY SAYFASI ÖZEL STİLLERİ */

/* Image Zoom */
.main-image-container {
    cursor: crosshair;
}
.main-image-container img {
    transition: transform 0.1s ease-out; 
}

/* Thumbnail Hover */
.thumb-image {
    opacity: 0.6;
    transition: var(--transition);
}
.thumb-image:hover, .swiper-slide-thumb-active .thumb-image {
    opacity: 1;
    border-color: var(--primary-color) !important;
}

/* Varyasyon Butonları (Renk, Beden) */
.variant-options .btn-check:checked + .btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}
.variant-options .btn {
    min-width: 50px;
}

/* Tab Menü Tasarımı */
#productTabs .nav-link {
    color: #6c757d;
    background-color: transparent;
    border: none;
    padding: 12px 20px;
    transition: all 0.3s;
}
#productTabs .nav-link:hover {
    color: var(--primary-color);
    background-color: rgba(226, 97, 28, 0.05); 
}
#productTabs .nav-link.active {
    color: #fff;
    background-color: var(--primary-color);
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(226, 97, 28, 0.3);
}

/* Kutu Genişlikleri */
.w-20px { width: 25px; text-align: center; }

/* Font Ağırlıkları (Extrabold) */
.fw-black { font-weight: 900; }