/* === RESET & BASE === */
*,*::before,*::after{box-sizing:border-box}
/* Sayfa içi çapalara yumuşak kaydırma (ör. Hemen Başla → #kategoriler).
   prefers-reduced-motion altında aşağıda auto'ya override edilir. */
html{scroll-behavior:smooth}
body{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:14px;
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  margin:0;padding:0;
  overflow-x:hidden;
}
@media(min-width:992px){body{font-size:15px}}

h1,h2,h3,h4,h5,h6{
  font-family:'Outfit',sans-serif;
  font-weight:700;color:var(--c-ink);
  line-height:1.2;margin:0 0 .5em;
}
h1{font-size:1.75rem;font-weight:800}
h2{font-size:1.5rem;font-weight:700}
h3{font-size:1.25rem}
@media(min-width:768px){
  h1{font-size:2.25rem}
  h2{font-size:1.75rem}
  h3{font-size:1.375rem}
}

a{color:var(--c-ink);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--c-primary);text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{cursor:pointer;font-family:inherit}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1}

/* Selection */
::selection{background:var(--c-primary);color:#fff}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}

/* Section */
.kp-section{padding:var(--sp-xl) 0}
@media(min-width:1200px){.kp-section{padding:var(--sp-2xl) 0}}
/* Çapa ile gelinen section'lar 72px sticky header altında kalmasın */
.kp-section[id]{scroll-margin-top:90px}
.kp-section__head{margin-bottom:var(--sp-lg);display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-md)}
.kp-section__title{font-size:1.375rem;font-weight:800;color:var(--c-ink);margin:0;letter-spacing:-.02em}
.kp-section__sub{color:var(--c-text-secondary);font-size:.875rem;margin:4px 0 0}
@media(min-width:768px){.kp-section__title{font-size:1.625rem}}

/* "Benzer Ürünler" bölümü: üstteki içerikle iç içe durmasın — üst boşluk + ayırıcı çizgi */
.kp-benzer{margin-top:52px;padding-top:36px;border-top:1px solid var(--c-border-light)}
@media(max-width:767px){.kp-benzer{margin-top:36px;padding-top:26px}}

/* "Hemen Başla" çapa bölümü — havalı, ortalanmış başlık */
.kp-section__head--center{justify-content:center;text-align:center;flex-direction:column;align-items:center}
.kp-section__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-primary);background:var(--c-primary-light);border:1px solid var(--c-primary-glow);padding:5px 14px;border-radius:999px;margin-bottom:14px}
.kp-section__eyebrow .material-symbols-outlined{font-size:16px;color:var(--c-secondary-dark)}
.kp-section__title--xl{font-size:1.875rem;line-height:1.1}
@media(min-width:768px){.kp-section__title--xl{font-size:2.375rem}}
.kp-section__title em{font-style:normal;background:linear-gradient(110deg,var(--c-primary) 0%,var(--c-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kp-section__head--center .kp-section__sub{font-size:.9375rem;max-width:520px}

/* Card base */
.kp-card{background:var(--c-card);border-radius:var(--r-lg);border:1px solid var(--c-border-light);padding:var(--sp-lg)}
.kp-card__title{
  font-family:'Outfit',sans-serif;font-weight:700;font-size:1rem;
  color:var(--c-ink);margin-bottom:var(--sp-md);
  padding-bottom:var(--sp-md);border-bottom:1px solid var(--c-border-light);
}

/* Table overrides */
.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);font-weight:700;border-bottom-width:1px}
.table td{vertical-align:middle;font-size:.875rem;color:var(--c-text)}

/* Alert overrides */
.alert{border-radius:var(--r-sm);border:none;font-size:.875rem;font-weight:500}
.alert-success{background:var(--c-success-bg);color:#0d7a5f}
.alert-danger{background:var(--c-danger-bg);color:var(--c-danger)}

/* Focus-visible (klavye erişilebilirliği) */
:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,.kp-btn:focus-visible{
  outline:none;box-shadow:var(--c-focus-ring);border-radius:var(--r-sm);
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* İçeriğe atla (erişilebilirlik) */
.kp-skip-link{
  position:absolute;left:-9999px;top:0;z-index:var(--z-toast);
  background:var(--c-primary);color:#fff;padding:10px 18px;border-radius:0 0 var(--r-sm) 0;
  font-weight:600;font-size:.875rem;
}
.kp-skip-link:focus{left:0;color:#fff}

/* Pagination (Bootstrap'siz — kendi reset'i dahil) */
.pagination{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:6px;list-style:none;padding:0;margin:28px 0;
}
.pagination .page-link{
  display:flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;
  border:1px solid var(--c-border);border-radius:var(--r-sm);
  background:var(--c-card);color:var(--c-text-secondary);
  font-family:var(--font-head);font-weight:600;font-size:.8125rem;
  transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);
}
.pagination .page-item.active .page-link{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.pagination .page-item.disabled .page-link{opacity:.45;cursor:default;pointer-events:none}
.pagination .page-item:not(.disabled) a.page-link:hover{background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-primary)}