/* =========================
   BASE (GENEL) CSS
   - Renkleri / fontu burada yönet
   ========================= */

:root{
  /* Tasarım renkleri (Canva ile aynı kalsın diye buradan değiştir) */
  --hk-yellow: #F2B200;      /* Bal sarısı (yakın) */
  --hk-black:  #111111;
  --hk-line:   #E6E6E6;
  --hk-bg:     #FFFFFF;

  /* Tipografi */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Ölçü: Canva referansı 1366px */
  --maxw: 1366px;
}

*{ box-sizing: border-box; }
html,body{ height: 100%; }
body{
  margin: 0;
  font-family: var(--font);
  color: var(--hk-black);
  background: var(--hk-bg);
}

a{ color: inherit; }

.container{
  /* Sayfayı Canva genişliğine sabitliyoruz (birebir görünüm) */
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}
/* --- ÇOK SATANLAR SLIDER TASARIMI --- */
.best-seller-slider {
    display: flex;
    overflow-x: auto; /* Yan yana kaydırmayı açar */
    gap: 20px; /* Kartlar arası boşluk */
    padding: 20px 0;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /* IE ve Edge için scrollbar gizleme */
    scrollbar-width: none;  /* Firefox için scrollbar gizleme */
}

/* Chrome ve Safari için çirkin kaydırma çubuğunu gizle */
.best-seller-slider::-webkit-scrollbar {
    display: none;
}

/* Kartların sıkışıp yamulmasını engelle */
.best-seller-slider .cat-item-card {
    flex: 0 0 auto; /* Ne büyü, ne küçül, sabit kal diyoruz */
    width: 260px; /* Kategori sayfasındaki genişlikle aynı kalsın */
}