/* Inter Font - Sadece Türkçe & Latin (Optimize Edilmiş)
   Kapsam: Türkçe karakter desteği (ğ, ü, ş, ı, ö, ç) + İngilizce
*/

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800; /* Değişken ağırlık desteği */
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+1E00-1EFF;
}

/* Kalınlık Tanımlamaları (Tarayıcı Uyumluluğu İçin) */
body { font-family: 'Inter', sans-serif; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }


:root {
    --gvs-orange: #f27a1a;
    --gvs-bg: #f5f5f5;
    --gvs-text: #333333;
    --gvs-gray: #666666;
    --gvs-border: #e6e6e6;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--gvs-bg);
    color: var(--gvs-text);
}

/* Trendyol Tarzı Arama Kutusu Odaklanma Efekti */
.search-focus:focus {
    border-color: var(--gvs-orange) !important;
    background-color: #fff !important;
}

/* Ürün Kartı Hover Efekti */
.product-card {
    transition: all 0.3s ease;
}
.product-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-color: var(--gvs-orange);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Menü ve ikon arasındaki boşlukta mouse kaybolmasın diye */
.group:hover .group-hover\:visible {
    display: block !important;
}

/* Kaydırma çubuğunu gizlemek ve akıcılık sağlamak için */
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    /* Mobilde metinlerin taşmasını önlemek için */
    .line-clamp-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
/* Resim Konteyneri */
.product-card-image {
    position: relative;
    overflow: hidden;
}

/* 2. Resim Ayarları (Başlangıçta Gizli) */
.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 5;
}

/* Ürün kartına (group sınıfına) hover olduğunda 2. resmi göster */
.group:hover .secondary-image {
    opacity: 1;
}

/* Mobil için dokunma desteği */
@media (max-width: 1024px) {
    .group:active .secondary-image {
        opacity: 1;
    }
}