/*
 * Kron Bisiklet teması — eski WordPress sitesinin (Bikys 1.2.1 + Elementor) görünümü.
 * Ölçüler canlı sitenin hesaplanmış stillerinden alındı; kırılımlar Elementor'la aynı
 * (1024 / 767). Sınıflar `k-` önekli; motorun Tailwind sınıflarıyla çakışmaz.
 */
@font-face { font-family: "Bikys Heading"; src: url("fonts/Bikys-Bold.woff2") format("woff2"), url("fonts/Bikys-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Bikys Heading"; src: url("fonts/Bikys-Bold.woff2") format("woff2"), url("fonts/Bikys-Bold.woff") format("woff"); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Bikys Heading"; src: url("fonts/Bikys-Italic.woff2") format("woff2"), url("fonts/Bikys-Italic.woff") format("woff"); font-weight: 400 700; font-style: italic; font-display: swap; }

/* Heebo (gövde) ve Titillium Web (bayi haritası etiketleri) yerelde: Google Fonts'un
   render'ı engelleyen CSS isteği ve iki ayrı alan adına bağlantı kalktı. Dosyalar Google'ın
   woff2 alt kümeleri (latin + latin-ext; ğ, ş, İ latin-ext'te). Heebo değişken font, tek
   dosya 300–800 arası bütün kalınlıkları taşır. Tarayıcı yalnız sayfada kullanılan aileyi indirir. */
@font-face { font-family: "Heebo"; src: url("fonts/Heebo-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Heebo"; src: url("fonts/Heebo-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Font gelene kadar kullanılan yedekler, Heebo ve Bikys'in genişlik ve satır ölçülerine
   ayarlı Arial (ölçüler fontTools ile font dosyalarından hesaplandı). Font değişince
   satırlar aynı yerden kırılır, header menüsü ve başlıklar kaymaz (CLS). */
@font-face { font-family: "Heebo Fallback"; src: local("Arial"), local("ArialMT"); size-adjust: 97.53%; ascent-override: 107.44%; descent-override: 43.16%; line-gap-override: 0%; }
@font-face { font-family: "Bikys Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"); font-weight: 700; size-adjust: 61.55%; ascent-override: 159.21%; descent-override: 35.78%; line-gap-override: 0%; }
@font-face { font-family: "Titillium Web"; src: url("fonts/TitilliumWeb-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Titillium Web"; src: url("fonts/TitilliumWeb-latin-ext.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --k-red: #E32526;
  --k-red-h: #CD1F20;
  --k-text: #404040;
  --k-light: #9e9e9e;
  --k-border: #E2E2E2;
  --k-bg: #F6F6F6;
  --k-dark: #202020;
  --k-head: "Bikys Heading", "Bikys Fallback", "Helvetica Neue", Arial, sans-serif;
  --k-body: "Heebo", "Heebo Fallback", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --k-title: 60px;
}
@media (max-width: 1024px) { :root { --k-title: 42px; } }
@media (max-width: 767px)  { :root { --k-title: 32px; } }

body.kron { background: #fff; color: var(--k-text); font-family: var(--k-body); font-size: 16px; line-height: 24px; }
:where(body.kron) a { color: inherit; text-decoration: none; transition: color .3s; }
:where(body.kron) img { max-width: 100%; height: auto; }
[x-cloak] { display: none !important; }

.k-wrap { max-width: 1590px; margin: 0 auto; padding: 0 30px; }
@media (max-width: 767px) { .k-wrap { padding: 0 15px; } }
.k-sq { display: inline-block; width: 15px; height: 15px; background: var(--k-red); flex: none; }

/* ---------------------------------------------------------------- Düğmeler */
.k-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; font: 500 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: #000 !important; background: #fff; border: 1px solid #000; padding: 10px 40px; transition: color .3s, background .3s; white-space: nowrap; overflow: hidden; }
.k-btn::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--k-red); transition: height .3s; z-index: -1; }
.k-btn:hover::before { height: 100%; }
.k-btn:hover { color: #fff !important; }
/* Düğme kendi katmanını açar (z-index: 1); kırmızı dolgu (::before, z-index: -1) arka planın
   üstünde, metnin altında kalır. Metin <span> içinde olmasa da hover'da okunur. */
.k-btn { z-index: 1; isolation: isolate; }
.k-btn span { position: relative; z-index: 1; }
.k-btn--solid { border: 0; padding: 18px 50px; }
.k-btn--noborder { border: 0; }

/* ---------------------------------------------------------------- Header */
.k-header { position: relative; z-index: 40; background: #fff; }
.k-header__desk { display: flex; }
.k-header__logo { width: 10%; min-height: 151px; flex: none; display: flex; align-items: center; justify-content: center; padding: 15px; background: #F5F5F5; }
.k-header__logo img { width: 100%; height: auto; }
.k-header__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.k-topbar { background: var(--k-dark); min-height: 66px; padding: 10px 90px 10px 30px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.k-topbar__links { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -16.5px; padding: 0; list-style: none; }
.k-topbar__links li { position: relative; margin: 0 16.5px; }
.k-topbar__links li:not(:last-child)::after { content: ""; position: absolute; right: -16.5px; top: 0; height: 100%; border-left: 1px solid #E2E2E2; }
.k-topbar__links a { font: 400 14px/1.28em var(--k-body); color: #fff !important; }
.k-topbar__links a span { background-image: linear-gradient(90deg, transparent 0%, #fff 0%); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 1px; transition: background-size .3s; }
.k-topbar__links a:hover span { background-size: 100% 1px; }
.k-search { position: relative; width: min(300px, 18vw - 24px); flex: none; }
.k-search input { width: 100%; height: 46px; border: 1px solid #F7F7F7; background: #F7F7F7; padding: 12px 50px 12px 47px; font: 500 14px/20px var(--k-body); color: #000; outline: none; border-radius: 0; }
.k-search input::placeholder { color: #9e9e9e; }
.k-search__icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #000; pointer-events: none; }
.k-search button { position: absolute; right: 0; top: 0; width: 50px; height: 46px; display: grid; place-items: center; color: #000; font-size: 11px; background: transparent; }
.k-search input::-webkit-search-cancel-button { display: none; }
.k-nav { background: #fff; min-height: 85px; padding: 0 90px 0 30px; display: flex; align-items: center; }
.k-nav ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin: 0 -18px; padding: 0; list-style: none; }
.k-nav li { position: relative; display: flex; align-items: center; }
.k-nav li:not(:last-child)::after { content: ""; width: 6px; height: 6px; margin: 0 -1px; background: var(--k-red); flex: none; }
.k-nav a { display: flex; align-items: center; height: 85px; padding: 0 18px; }
.k-nav a span { font: 700 18px/20px var(--k-head); letter-spacing: .9px; text-transform: uppercase; color: #000; white-space: nowrap; background-image: linear-gradient(90deg, transparent 0%, #000 0%); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 100%; transition: background-size .3s, color .3s; }
.k-nav a:hover span, .k-nav li.is-active a span { background-size: 100% 100%; color: var(--k-red); }

.k-header__mob { display: none; }
.k-mobbar { display: flex; align-items: center; justify-content: space-between; height: 66px; padding: 0 15px; background: #fff; border-bottom: 1px solid var(--k-border); }
.k-mobbar__btn { width: 30px; height: 30px; display: grid; place-items: center; font-size: 22px; color: #000; background: none; }
.k-mobbar__logo img { width: min(216px, 55vw); height: auto; }
.k-burger { display: flex; flex-direction: column; gap: 4px; width: 20px; }
.k-burger i { display: block; height: 2px; background: #000; }
.k-burger i:nth-child(2) { width: 14px; }
.k-burger i:nth-child(3) { width: 17px; }
/* Mobil arama (eski site gibi): ikona basınca menü düğmesi ve logo söner, aynı satırda
   "Ara ..." alanı belirir, büyüteç çarpıya döner. */
.k-mobbar { position: relative; }
.k-mobbar__menu, .k-mobbar__logo { transition: opacity .3s ease-in-out; }
.k-mobbar.is-search .k-mobbar__menu, .k-mobbar.is-search .k-mobbar__logo { opacity: 0; pointer-events: none; }
.k-mobsearch { position: absolute; left: 30px; right: 54px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s; }
.k-mobbar.is-search .k-mobsearch { opacity: 1; visibility: visible; }
.k-mobsearch input { width: 100%; height: 52px; padding: 11px 0; border: 0; background: transparent; font: 500 14px/30px var(--k-body); color: #000; outline: none; border-radius: 0; }
.k-mobsearch input::placeholder { color: #9e9e9e; font-weight: 400; }
.k-mobsearch input::-webkit-search-cancel-button { display: none; }
.k-mobbar__search { position: relative; z-index: 1; }
.k-mobbar__ico { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
.k-mobbar__ico--x { opacity: 0; transform: rotate(-90deg); }
.k-mobbar__ico--x::before, .k-mobbar__ico--x::after { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 1.5px; background: #000; translate: -50% -50%; rotate: 45deg; }
.k-mobbar__ico--x::after { rotate: -45deg; }
.k-mobbar.is-search .k-mobbar__ico--s { opacity: 0; transform: rotate(90deg); }
.k-mobbar.is-search .k-mobbar__ico--x { opacity: 1; transform: none; }
/* Arama önerileri (eski temanın .ajax-search-result paneli) */
.k-search input:focus { border-color: var(--k-red); }
.k-ac { position: absolute; left: 0; top: 100%; width: 100%; z-index: 999; max-height: 500px; overflow-y: auto; padding: 0 20px; background: #fff; box-shadow: 0 5px 30px 0 rgba(0,0,0,.1); text-align: left; }
.k-ac-t { transition: opacity .25s ease, transform .25s ease; }
.k-ac-from { opacity: 0; transform: translateY(-10px); }
.k-ac__item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #E2E2E2; color: #000 !important; animation: k-ac-item .35s ease both; animation-delay: calc(var(--i, 0) * 45ms); }
.k-ac__item:last-of-type { border-bottom: 0; }
@keyframes k-ac-item { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.k-ac__item img { width: 60px; height: auto; flex: none; margin-right: 15px; }
.k-ac__body { min-width: 0; }
.k-ac__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; font: 600 14px/22px var(--k-body); color: #000; transition: color .2s; }
.k-ac__item:hover .k-ac__title, .k-ac__item.is-cur .k-ac__title { color: var(--k-red); }
.k-ac__price { display: block; font: 400 16px/22px var(--k-body); color: #000; }
.k-ac__price del { margin-right: .327em; font-size: 14px; color: #9e9e9e; }
.k-ac__empty { padding: 15px 0; font: 400 14px/22px var(--k-body); color: #404040; }
.k-spin { display: none; width: 18px; height: 18px; border: 2px solid #d5d5d5; border-top-color: #000; border-radius: 50%; animation: k-spin .7s linear infinite; }
@keyframes k-spin { to { transform: rotate(360deg); } }
.k-search.is-loading .k-search__icon > :not(.k-spin) { display: none; }
.k-search.is-loading .k-search__icon .k-spin { display: block; }
.k-mobsearch .k-spin { position: absolute; right: 0; top: 50%; margin-top: -9px; }
.k-mobsearch.is-loading .k-spin { display: block; }
.k-mobsearch .k-ac { left: -30px; right: -54px; width: auto; top: calc(100% + 7px); max-height: calc(100vh - 90px); }

.k-canvas { position: fixed; inset: 0; z-index: 100; }
.k-canvas__shade { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.k-canvas__panel { position: absolute; left: 0; top: 0; bottom: 0; width: min(330px, 85vw); background: #fff; overflow-y: auto; padding: 30px; }
.k-slide-in { animation: k-slide-in .3s ease both; }
.k-slide-out { animation: k-slide-in .25s ease reverse both; }
@keyframes k-slide-in { from { transform: translateX(-100%); } to { transform: none; } }
.k-canvas__close { position: absolute; right: 18px; top: 18px; font-size: 16px; color: #000; background: none; }
.k-canvas__logo { display: inline-block; margin-bottom: 25px; }
.k-canvas__logo img { width: 90px; }
.k-canvas__menu, .k-canvas__links { list-style: none; margin: 0; padding: 0; }
.k-canvas__menu li a { display: block; padding: 11px 0; border-bottom: 1px solid var(--k-border); font: 700 20px/24px var(--k-head); text-transform: uppercase; color: #000; }
.k-canvas__menu li.is-active a, .k-canvas__menu li a:hover { color: var(--k-red); }
.k-canvas__links { margin-top: 25px; }
.k-canvas__links a { display: block; padding: 5px 0; font-size: 15px; color: var(--k-text); }

/* Dil seçici — üst şeridin sağındaki boş 90 px'lik payda (bağlantıların ve aramanın yerleşimi
   değişmesin diye mutlak konumlu); mobilde açılır menünün altında */
.k-topbar { position: relative; }
.k-topbar__end { display: flex; align-items: center; flex: none; }
.k-lang { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.k-lang a { position: relative; padding: 4px 9px; font: 500 13px/1 var(--k-body); letter-spacing: .6px; color: #9e9e9e !important; transition: color .2s; }
.k-lang a + a::before { content: ""; position: absolute; left: 0; top: 50%; height: 12px; margin-top: -6px; border-left: 1px solid #5a5a5a; }
.k-lang a:hover { color: #fff !important; }
.k-lang a.is-active { color: #fff !important; }
.k-lang a.is-active::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: -3px; height: 2px; background: var(--k-red); }
/* İngilizce bağlantı adları daha uzun: dar masaüstünde tek satıra sığsın (Türkçe görünüm değişmez) */
@media (max-width: 1239px) {
  html:not([lang="tr"]) .k-topbar__links li { margin: 0 11px; }
  html:not([lang="tr"]) .k-topbar__links li:not(:last-child)::after { right: -11px; }
  html:not([lang="tr"]) .k-topbar__links { margin: 0 -11px; }
  html:not([lang="tr"]) .k-topbar__links a { font-size: 13px; }
}
.k-canvas__lang { display: flex; gap: 8px; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--k-border); }
.k-canvas__lang a { flex: 1; padding: 10px 8px; text-align: center; border: 1px solid var(--k-border); font: 500 14px/1 var(--k-body); color: var(--k-text); }
.k-canvas__lang a.is-active { border-color: #000; background: #000; color: #fff; }

@media (max-width: 1024px) {
  .k-header__desk { display: none; }
  .k-header__mob { display: block; }
}

/* ---------------------------------------------------------------- Bölüm başlığı */
.k-sec-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 40px; }
.k-sec-title { display: flex; align-items: flex-start; gap: 15px; margin: 0; font: 700 var(--k-title)/1em var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #000; }
.k-sec-title .k-sq { margin-top: 10px; }
@media (max-width: 767px) {
  .k-sec-head { flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 30px; }
  .k-sec-title { gap: 10px; }
  .k-sec-title .k-sq { width: 10px; height: 10px; margin-top: 6px; }
  .k-sec-head .k-btn { padding: 4px 12px; font-size: 10px; letter-spacing: 2px; line-height: 20px; }
  .k-sec-head .k-btn::before { height: 3px; }
  .k-sec-head .k-btn:hover::before { height: 100%; }   /* yukarıdaki kural hover dolgusunu da eziyordu: beyaz zeminde beyaz yazı */
}

/* ---------------------------------------------------------------- Slider (ana sayfa)
   Eski sitedeki Revolution Slider'ın ölçüleri. RS katmanları bir gride göre ölçekler:
   --u bir grid pikseli. Dört kırılım: ≥1024 (grid 1800, 880px), 778–1023 (1024, 700px),
   480–777 (778, 600px), <480 (480, 620px). Slayta özel ince ayarlar home.php'de (--acc,
   --acc-gap, --btn-gap, --mb, .is-bigsm). */
.k-hero { --u: min(1px, 100vw / 1800); --pad: max(30px, (100vw - 1740px) / 2); --dy: calc(50 * var(--u)); --bcy: clamp(355 * var(--u), var(--fold, 9999px) - 40px - 355 * var(--u), 440px + 50 * var(--u)); position: relative; background: #202020; overflow: hidden; color: #fff; height: 880px; }
.k-hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s; }
.k-hero__slide.is-on { opacity: 1; visibility: visible; transition: none; z-index: 1; }
.k-hero__shape { position: absolute; width: calc(300 * var(--u)); aspect-ratio: 300/463; background: url("img/revslider_1_shape.webp") center/contain no-repeat; pointer-events: none; }
.k-hero__shape--1 { left: calc(50% - 480 * var(--u)); top: calc(-183 * var(--u)); }
.k-hero__shape--2 { left: calc(50% + 734 * var(--u)); top: calc(200 * var(--u)); }
.k-hero__shape--3 { left: calc(50% - 1090 * var(--u)); bottom: calc(-110 * var(--u)); }
.k-hero__big { position: absolute; left: 50%; top: calc(var(--bcy) - 255 * var(--u)); transform: translateX(-50%); transition: top .4s ease; font: 700 calc(400 * var(--u))/calc(360 * var(--u)) var(--k-head); letter-spacing: calc(-11 * var(--u)); text-transform: uppercase; white-space: nowrap; pointer-events: none; padding: 0 .1em; color: #404040; background: linear-gradient(180deg, #404040, #202020); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.k-hero__slide.is-bigsm .k-hero__big { top: calc(var(--bcy) - 224 * var(--u)); font-size: calc(244 * var(--u)); line-height: calc(220 * var(--u)); letter-spacing: calc(-7 * var(--u)); }
.k-hero__bike { position: absolute; left: 50%; top: var(--bcy); height: calc(710 * var(--u)); transform: translate(-50%, -50%); pointer-events: none; transition: top .4s ease; }
.k-hero__bike img { height: 100%; width: auto; max-width: none; display: block; }
.k-hero__text { position: absolute; left: var(--pad); top: calc(220 * var(--u)); z-index: 2; display: flex; flex-direction: column; align-items: flex-start; }
.k-hero__sub { font: 700 20px/24px var(--k-head); color: var(--k-red); text-transform: uppercase; margin-bottom: 10px; }
.k-hero__title { font: 700 calc(120 * var(--u))/.8334 var(--k-head); letter-spacing: calc(-2 * var(--u)); text-transform: uppercase; color: #fff; margin: 0; }
.k-hero__title span { display: block; }
.k-hero__title i { display: block; font-style: italic; font-weight: 400; font-size: calc(var(--acc, 1) * 1em); margin-top: calc(var(--acc-gap, 0) * var(--u)); }
.k-hero__btn { position: relative; display: inline-block; margin-top: calc(var(--btn-fix, 0px) + var(--btn-gap, 30) * var(--u)); height: 60px; padding: 0 calc(50 * var(--u)); background: #fff; color: #000 !important; font: 500 12px/60px var(--k-body); letter-spacing: 2px; text-transform: uppercase; overflow: hidden; white-space: nowrap; }
.k-hero__btn::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--k-red); transition: height .3s; }
.k-hero__btn span { position: relative; }
.k-hero__btn:hover::before { height: 100%; }
.k-hero__btn:hover { color: #fff !important; }
.k-hero__nav { position: absolute; left: var(--pad); bottom: 80px; height: 25px; z-index: 3; display: flex; align-items: center; gap: 20px; }
.k-hero__nav button { color: #9e9e9e; background: none; padding: 0; font: 700 20px/25px var(--k-head); transition: color .3s; display: flex; align-items: center; }
.k-hero__nav .k-hero__arrow { font-size: 21px; color: #a9a9a9; }
.k-hero__nav .k-hero__arrow:first-child { margin-right: 10px; }
.k-hero__nav .k-hero__arrow:last-child { margin-left: 10px; }
.k-hero__nav button:hover, .k-hero__nav button.is-on { color: #fff; }
.k-hero__nav .k-hero__dot.is-on::after { content: ""; display: block; width: 40px; height: 1px; background: #9e9e9e; margin-left: 20px; }
/* İlerleme çubuğu genişlik yerine scaleX ile dolar: width animasyonu 10 sn boyunca her karede
   layout hesaplatıyordu (Lighthouse'ta ana sayfanın ~1,7 sn "Style & Layout" yükü). */
.k-hero__progress { position: absolute; left: 0; bottom: 0; height: 5px; background: rgba(255,255,255,.25); z-index: 3; width: 100%; transform: scaleX(0); transform-origin: 0 50%; }
.k-hero__progress.is-run { animation: k-progress 10s linear forwards; }
@keyframes k-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.k-hero__intro { position: absolute; right: var(--pad); bottom: 80px; z-index: 3; font: 500 12px/25px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: #fff; }
@media (max-width: 1023px) {
  .k-hero { --u: calc(100vw / 1024); --pad: 30px; --dy: calc(28 * var(--u)); height: 700px; }
  .k-hero__shape { width: calc(220 * var(--u)); }
  .k-hero__shape--1 { left: calc(50 * var(--u)); top: calc(-104 * var(--u)); }
  .k-hero__shape--2 { left: calc(753 * var(--u)); top: calc(113 * var(--u)); }
  .k-hero__shape--3 { left: calc(50 * var(--u)); bottom: calc(-62 * var(--u)); }
  .k-hero__bike { left: calc(50% + 112 * var(--u)); top: calc(350px + 100 * var(--u)); height: calc(404 * var(--u)); }
  .k-hero__big { left: calc(50% + 112 * var(--u)); top: calc(350px + 47 * var(--u)); font-size: calc(228 * var(--u)); line-height: calc(205 * var(--u)); letter-spacing: calc(-6.3 * var(--u)); }
  .k-hero__slide.is-bigsm .k-hero__big { top: calc(350px + 127 * var(--u)); font-size: calc(139 * var(--u)); line-height: calc(125 * var(--u)); letter-spacing: calc(-4 * var(--u)); }
  .k-hero__text { top: calc(100 * var(--u)); }
  .k-hero__sub { font-size: 18px; line-height: 22px; }
  .k-hero__title { font-size: calc(90 * var(--u)); line-height: .889; letter-spacing: -1.5px; }
  .k-hero__title i { font-size: 1em; margin-top: 0; }
  .k-hero__btn { padding: 0 calc(48.5 * var(--u)); }
  .k-hero__nav { bottom: 30px; }
  .k-hero__intro { bottom: 30px; }
}
@media (max-width: 777px) {
  .k-hero { --u: calc(100vw / 778); --dy: calc(21 * var(--u)); height: 600px; }
  .k-hero__shape { width: calc(180 * var(--u)); }
  .k-hero__shape--1 { left: calc(37 * var(--u)); top: calc(-79 * var(--u)); }
  .k-hero__shape--2 { left: calc(560 * var(--u)); top: calc(87 * var(--u)); }
  .k-hero__shape--3 { left: calc(37 * var(--u)); bottom: calc(-48 * var(--u)); }
  .k-hero__bike { left: calc(50% + 85 * var(--u)); top: calc(300px + 100 * var(--u)); height: calc(307 * var(--u)); }
  .k-hero__big { left: calc(50% + 85 * var(--u)); top: calc(300px + 17 * var(--u)); font-size: calc(173 * var(--u)); line-height: calc(156 * var(--u)); letter-spacing: calc(-4.7 * var(--u)); }
  .k-hero__slide.is-bigsm .k-hero__big { top: calc(300px + 78 * var(--u)); font-size: calc(105 * var(--u)); line-height: calc(95 * var(--u)); letter-spacing: calc(-3 * var(--u)); }
  .k-hero__text { top: calc(80 * var(--u)); }
  .k-hero__title { font-size: calc(85 * var(--u)); line-height: .87; }
  .k-hero__btn { height: 52px; line-height: 52px; padding: 0 calc(39 * var(--u)); letter-spacing: 1px; }
}
@media (max-width: 479px) {
  .k-hero { --u: calc(100vw / 480); --dy: calc(12 * var(--u)); height: 620px; }
  .k-hero__shape { width: calc(130 * var(--u)); }
  .k-hero__shape--1 { left: calc(20 * var(--u)); top: calc(-47 * var(--u)); }
  .k-hero__shape--2 { left: calc(329 * var(--u)); top: calc(53 * var(--u)); }
  .k-hero__shape--3 { left: calc(20 * var(--u)); bottom: calc(-29 * var(--u)); }
  .k-hero__bike { left: 50%; top: auto; bottom: calc(var(--mb, 144) * var(--u)); transform: translateX(-50%); height: calc(263 * var(--u)); }
  .k-hero__big, .k-hero__slide.is-bigsm .k-hero__big { left: 50%; top: calc(620px - (var(--mb, 144) + 179) * var(--u)); font-size: calc(140 * var(--u)); line-height: calc(120 * var(--u)); letter-spacing: calc(-2.9 * var(--u)); }
  .k-hero__text { left: 15px; right: 15px; top: calc(var(--t4, 60) * var(--u)); align-items: center; text-align: center; }
  .k-hero__title { font-size: calc(53 * var(--u)); line-height: .868; letter-spacing: -.76px; }
  .k-hero__btn { margin-top: calc(var(--btn-fix4, 0px) + var(--btn-gap4, 15) * var(--u)); padding: 0 calc(37 * var(--u)); letter-spacing: 1.6px; }
  .k-hero__nav { left: 20px; bottom: 20px; gap: 14px; }
  .k-hero__nav .k-hero__arrow:first-child { margin-right: 2px; }
  .k-hero__nav .k-hero__arrow:last-child { margin-left: 2px; }
  .k-hero__nav .k-hero__dot.is-on::after { width: 30px; margin-left: 14px; }
  .k-hero__intro { right: 20px; bottom: 20px; }
}

/* Mobil (≤777px): eski sitedeki sola yaslı düzen yerine her şey ortada; bisiklet ekranın
   %92'si genişlikte (yüksekliği 63.66vw), arka yazı bisiklete oranla büyür. Slider yüksekliği
   yazı bloğu + bisiklet + alt gezinti kadar. */
@media (max-width: 777px) {
  .k-hero { height: calc(365px + 63.66vw); }
  .k-hero__text { left: 15px; right: 15px; top: 40px; align-items: center; text-align: center; }
  .k-hero__bike { left: 50%; top: auto; bottom: 75px; transform: translateX(-50%); width: 92vw; height: auto; }
  .k-hero__bike img { width: 100%; height: auto; }
  .k-hero__big, .k-hero__slide.is-bigsm .k-hero__big { left: 50%; top: calc(100% - 75px - 63.66vw + 9vw); font-size: 35.9vw; line-height: .9; letter-spacing: -.0275em; }
  .k-hero__slide.is-bigsm .k-hero__big { top: calc(100% - 75px - 63.66vw + 11.7vw); font-size: 21.9vw; }
}

/* Slider giriş animasyonları (eski RS zaman çizelgesi, power3.inOut, 1 sn):
   KRON 0 ms aşağıdan, bisiklet 300 ms yukarıdan, başlık 400 ms aşağıdan, vurgu satırı
   400 ms soldan, arka yazı 430 ms küçükten büyüyerek, düğme 1100 ms aşağıdan.
   Kayma mesafesi --dy (kırılıma göre 50/28/21/12 grid px). */
@keyframes k-hero-up { from { opacity: 0; translate: 0 var(--dy); } to { opacity: 1; translate: 0 0; } }
@keyframes k-hero-down { from { opacity: 0; translate: 0 calc(-1 * var(--dy)); } to { opacity: 1; translate: 0 0; } }
@keyframes k-hero-left { from { opacity: 0; translate: calc(-1 * var(--dy)) 0; } to { opacity: 1; translate: 0 0; } }
@keyframes k-hero-zoom { from { opacity: 0; scale: .9; } to { opacity: 1; scale: 1; } }
@keyframes k-hero-fade { from { opacity: 0; } to { opacity: 1; } }
.k-hero__slide.is-on .k-hero__shape { animation: k-hero-fade .3s cubic-bezier(.645,.045,.355,1) both; }
.k-hero__slide.is-on .k-hero__sub { animation: k-hero-up 1s cubic-bezier(.645,.045,.355,1) both; }
.k-hero__slide.is-on .k-hero__bike img { animation: k-hero-down 1s cubic-bezier(.645,.045,.355,1) .3s both; }
.k-hero__slide.is-on .k-hero__title span { animation: k-hero-up 1s cubic-bezier(.645,.045,.355,1) .4s both; }
.k-hero__slide.is-on .k-hero__title i { animation: k-hero-left 1s cubic-bezier(.645,.045,.355,1) .4s both; }
.k-hero__slide.is-on .k-hero__big { animation: k-hero-zoom 1s cubic-bezier(.645,.045,.355,1) .43s both; }
.k-hero__slide.is-on .k-hero__btn { animation: k-hero-up 1s cubic-bezier(.645,.045,.355,1) 1.1s both; }
.k-hero__nav .k-hero__dot.is-on::after { animation: k-hero-fade 1.2s cubic-bezier(.77,0,.175,1) both; }
@media (prefers-reduced-motion: reduce) {
  .k-hero__slide.is-on *, .k-hero__nav .k-hero__dot.is-on::after { animation: none !important; }
}

/* ---------------------------------------------------------------- Kategori mozaiği */
.k-cats { background: url("img/h1_bg1.webp") center top/cover; padding: 70px 0 60px; }
.k-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.k-tiles__col { display: flex; flex-direction: column; gap: 30px; }
.k-tiles__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.k-tile { position: relative; display: block; overflow: hidden; background: #ddd; }
.k-tile--tall { height: 480px; }
.k-tile--short { height: 310px; }
.k-tile img, body.kron .k-tile img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .6s ease; }
.k-tile:hover img { transform: scale(1.06); }
.k-tile__cap { position: absolute; left: 30px; bottom: 30px; display: flex; align-items: flex-end; }
.k-tile__title { position: relative; background: var(--k-red); color: #fff; padding: 0 15px; font: 700 32px/48px var(--k-head); text-transform: uppercase; white-space: nowrap; transition: background .3s, color .3s; }
.k-tile:hover .k-tile__title { background: #000; color: var(--k-red); }
.k-tile__count { position: absolute; left: 100%; top: -25px; background: #fff; color: #000; font: 700 14px/21px var(--k-body); padding: 2px 5px; }
@media (max-width: 1024px) {
  .k-tile--tall { height: 380px; }
  .k-tile--short { height: 250px; }
  .k-tile__title { font-size: 26px; line-height: 42px; }
}
@media (max-width: 767px) {
  .k-cats { padding: 30px 0; }
  .k-tiles, .k-tiles__pair { grid-template-columns: 1fr; gap: 0; }
  .k-tiles__col { gap: 0; }
  .k-tile--tall, .k-tile--short { height: 350px; }
  .k-tile__cap { left: 20px; bottom: 20px; }
  .k-tile__title { font-size: 24px; line-height: 38px; padding: 0 10px; }
}

/* ---------------------------------------------------------------- Ürün kartı */
.k-card { position: relative; background: #fff; border: 1px solid var(--k-border); height: 100%; display: flex; flex-direction: column; transition: all .2s ease-in-out; }
/* Eski tema: kart öne çıkar (%2 büyür, çok hafif gölge, komşularının üstüne geçer). */
.k-card:hover { transform: scale(1.02); z-index: 9; box-shadow: 0 0 15px 5px rgba(0,0,0,.05); }
.k-card__body { padding: 45px 30px 0; flex: 1; }
.k-card__media { display: block; margin-bottom: 10px; overflow: hidden; aspect-ratio: 3 / 2; }
.k-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.k-card__caption { margin-bottom: 16px; }
.k-card__cats { font: 400 14px/20px var(--k-body); color: var(--k-light); margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-card__cats a { color: var(--k-light); }
.k-card__cats a:hover { color: #000; }
.k-card__title { margin: 0 0 8px; font: 700 24px/28px var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #000; }
.k-card__title a:hover { color: var(--k-red); }
.k-card__price { display: block; font: 500 16px/24px var(--k-body); color: #000; }
.k-card__price del { color: var(--k-light); font-weight: 400; margin-right: 6px; }
.k-card__action { border-top: 1px solid var(--k-border); padding: 17px 30px; }
.k-card__btn { display: inline-flex; align-items: center; gap: 12px; font: 800 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: #000 !important; transition: all .25s ease; }
.k-card__btn i { font-size: 22px; line-height: 1; }
.k-card__btn i::before { display: inline-block; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; text-align: center; transition: all .25s ease; }
.k-card__btn:hover i::before { content: "\e041"; background-color: var(--k-red); color: #000; }
@media (max-width: 767px) {
  .k-card__body { padding: 30px 30px 0; }
  .k-card__title { font-size: 22px; line-height: 26px; }
}

/* Izgara: kenarlar üst üste biner (WooCommerce "products" ızgarası) */
.k-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 0 1px; }
.k-grid__item { margin: 0 0 -1px -1px; }
.k-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) { .k-grid, .k-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .k-grid, .k-grid--4 { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- Karusel */
.k-products { padding: 80px 0 60px; }
.k-carousel { position: relative; }
.k-carousel__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 15px; scrollbar-width: none; padding: 15px; margin: -15px -15px -15px -14px; }
.k-carousel__track::-webkit-scrollbar { display: none; }
.k-carousel__item { flex: 0 0 calc(25% + 1px); min-width: 0; scroll-snap-align: start; margin-left: -1px; }
.k-carousel__foot { display: flex; align-items: center; gap: 30px; margin-top: 22px; }
.k-carousel__bar { flex: 1; height: 1px; background: var(--k-border); position: relative; }
.k-carousel__bar i { position: absolute; top: -1px; height: 3px; background: #000; transition: left .3s, width .3s; }
.k-carousel__arrows { display: flex; }
.k-carousel__arrows button { width: 40px; height: 40px; border: 1px solid var(--k-border); background: #fff; color: #000; font-size: 12px; display: grid; place-items: center; transition: background .3s, color .3s, border-color .3s; }
.k-carousel__arrows button + button { margin-left: -1px; }
.k-carousel__arrows button:hover { background: #000; color: #fff; border-color: #000; }
.k-carousel__arrows button:disabled { color: var(--k-border); background: #fff; border-color: var(--k-border); cursor: default; }
@media (max-width: 1024px) { .k-carousel__item { flex-basis: calc(50% + 1px); } }
@media (max-width: 767px) { .k-carousel__item { flex-basis: calc(100% + 1px); } .k-products { padding: 40px 0 40px; } }

/* ---------------------------------------------------------------- Video bandı */
.k-video { padding: 0 0 60px; }
.k-video__link { position: relative; display: block; overflow: hidden; height: 359px; }
.k-video__link img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: #fff; border-bottom: 5px solid var(--k-red); display: grid; place-items: center; transition: transform .3s; }
.k-video__play svg { width: 21px; height: 24px; }
.k-video__link:hover .k-video__play { transform: translate(-50%, -50%) scale(1.08); }
@media (max-width: 767px) { .k-video__link { height: 190px; } .k-video__play { width: 60px; height: 60px; } .k-video__play svg { width: 14px; height: 16px; } }
.k-lightbox { position: fixed; inset: 0; z-index: 120; background: rgba(0,0,0,.9); display: grid; place-items: center; padding: 30px; }
.k-lightbox__frame { width: min(1100px, 100%); aspect-ratio: 16/9; background: #000; }
.k-lightbox__frame iframe { width: 100%; height: 100%; border: 0; }
.k-lightbox__close { position: absolute; right: 22px; top: 18px; color: #fff; font-size: 22px; background: none; }

/* ---------------------------------------------------------------- İki banner */
.k-duo { display: grid; grid-template-columns: 1fr 1fr; }
.k-duo__item { position: relative; display: block; height: 740px; overflow: hidden; }
.k-duo__bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 1.2s ease; }
.k-duo__item:hover .k-duo__bg { transform: scale(1.06); }
.k-duo__content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 50px; text-align: center; }
.k-duo__sub { font: 700 20px/24px var(--k-head); text-transform: uppercase; color: #fff; margin-bottom: 10px; }
.k-duo__title { margin: 0 0 20px; font: 700 80px/70px var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #fff; }
.k-duo__title i { font-style: italic; font-weight: 400; }
.k-duo__btn { position: relative; display: inline-block; background: #fff; color: #000; padding: 18px 50px; font: 500 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; overflow: hidden; }
.k-duo__btn::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--k-red); transition: height .3s; }
.k-duo__btn span { position: relative; }
.k-duo__item:hover .k-duo__btn::before { height: 100%; }
.k-duo__item:hover .k-duo__btn { color: #fff; }
@media (max-width: 1024px) { .k-duo__item { height: 520px; } .k-duo__title { font-size: 60px; line-height: 54px; } }
@media (max-width: 767px) { .k-duo { grid-template-columns: 1fr; } .k-duo__item { height: 380px; } .k-duo__title { font-size: 46px; line-height: 42px; } .k-duo__btn { padding: 12px 26px; font-size: 10px; } }

/* ---------------------------------------------------------------- Hakkımızda bloğu */
.k-about { padding: 80px 0 60px; }
.k-about__grid { display: grid; grid-template-columns: 54% 1fr; gap: 0; align-items: start; }
.k-about__img { position: relative; }
.k-about__img img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.k-about__head { padding: 45px 0 0 80px; }
.k-tag { display: inline-block; background: var(--k-red); color: #000; font: 700 14px/14px var(--k-body); text-transform: uppercase; padding: 8px 10px; margin-bottom: 20px; }
.k-about__title { margin: 0 0 30px; font: 700 var(--k-title)/1em var(--k-head); text-transform: uppercase; color: #000; }
.k-about__text { max-width: 490px; margin: 0; }
.k-about__line { height: 1px; background: var(--k-border); margin: 50px 0 0; }
.k-feats { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; background: #fff; margin: -261px 0 0 20%; padding: 91px 0 0 100px; }
.k-feat { display: flex; gap: 30px; }
.k-feat__icon { font-size: 48px; line-height: 48px; color: #000; flex: none; width: 48px; }
.k-feat h3 { margin: 0 0 14px; font: 600 26px/24px var(--k-head); text-transform: uppercase; color: #000; }
.k-feat p { margin: 0; }
@media (max-width: 1024px) {
  .k-about__grid { grid-template-columns: 1fr 1fr; }
  .k-about__head { padding: 0 0 0 40px; }
  .k-feats { margin: 40px 0 0; padding: 0; gap: 30px; }
  .k-feat { flex-direction: column; gap: 15px; }
}
@media (max-width: 767px) {
  .k-about { padding: 40px 0; }
  .k-about__grid { grid-template-columns: 1fr; }
  .k-about__head { padding: 30px 0 0; text-align: center; }
  .k-about__title { font-size: 24px; margin-bottom: 16px; }
  .k-about__text { display: none; }
  .k-about__line { display: none; }
  .k-feats { grid-template-columns: 1fr; text-align: center; gap: 30px; }
  .k-feat { align-items: center; }
  .k-feat__icon { width: auto; font-size: 36px; }
  .k-feat h3 { font-size: 22px; }
}

/* ---------------------------------------------------------------- Sayaçlar */
.k-counters { padding: 0 0 60px; }
.k-counters__box { background: #202020 center/cover; /* görsel: about.php data-bg */ padding: 120px 120px 95px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.k-counter { position: relative; color: #fff; }
.k-counter__num { position: relative; display: inline-block; font: 600 100px/80px var(--k-head); letter-spacing: -1px; color: #fff; z-index: 1; }
.k-counters__box::before { content: ""; position: absolute; }
.k-counter__bar { position: absolute; left: 0; right: 0; top: 60px; height: 20px; background: var(--k-red); z-index: 0; }
.k-counter:last-child .k-counter__bar { right: 30%; }
.k-counter__title { position: relative; z-index: 1; font: 700 20px/24px var(--k-head); text-transform: uppercase; margin-top: 0; padding-left: 38px; }
@media (max-width: 1024px) { .k-counters__box { padding: 80px 40px 60px; } .k-counter__num { font-size: 76px; line-height: 64px; } .k-counter__bar { top: 46px; height: 16px; } .k-counter__title { font-size: 16px; padding-left: 20px; } }
@media (max-width: 767px) {
  .k-counters__box { grid-template-columns: repeat(2, 1fr); padding: 56px 24px 44px; gap: 44px 20px; }
  .k-counter__num { font-size: 64px; line-height: 54px; }
  .k-counter__bar { right: auto; width: 72px; top: 36px; height: 14px; left: 0; }
  .k-counter .k-counter__bar { width: 72px; }
  .k-counter__title { padding-left: 0; font-size: 15px; line-height: 18px; max-width: 140px; margin-top: 6px; }
}

/* ---------------------------------------------------------------- Bayi / Servis kartları */
.k-dealers { padding: 0 0 60px; }
.k-dealers__grid { display: grid; grid-template-columns: 1fr 1fr; }
.k-dealer { border: 1px solid var(--k-border); padding: 66px 150px 77px; text-align: center; }
.k-dealer + .k-dealer { margin-left: -1px; }
.k-dealer__icon { font-size: 80px; line-height: 80px; color: #000; margin-bottom: 40px; display: inline-block; transition: transform .3s; }
.k-dealer__icon:hover { transform: scale(.9); }
.k-dealer .k-tag { margin-bottom: 20px; }
.k-dealer h2 { margin: 0 0 20px; font: 700 46px/46px var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #000; }
.k-dealer p { margin: 0 0 40px; }
@media (max-width: 1024px) { .k-dealer { padding: 50px 40px; } }
@media (max-width: 767px) { .k-dealers__grid { grid-template-columns: 1fr; } .k-dealer + .k-dealer { margin: -1px 0 0; } .k-dealer { padding: 50px 20px; } .k-dealer h2 { font-size: 32px; line-height: 32px; } }

/* ---------------------------------------------------------------- Footer */
.k-news { background: #000; padding: 80px 30px; text-align: center; }
.k-news__inner { max-width: 750px; margin: 0 auto; }
.k-news__title { display: inline-flex; align-items: flex-start; gap: 15px; margin: 0; font: 700 60px/60px var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #fff; }
.k-news__title .k-sq { margin-top: 8px; }
.k-news__text { font: 400 18px/27px var(--k-body); color: var(--k-light); margin: 20px 0 20px; }
.k-news__form { display: flex; }
.k-news__form input { flex: 1; min-width: 0; height: 60px; border: 0; background: #fff; padding: 18px 30px; font: 500 14px/20px var(--k-body); color: var(--k-text); outline: none; border-radius: 0; }
.k-news__form button { flex: none; background: var(--k-red); color: #fff; padding: 18px 40px; font: 700 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; transition: background .3s; }
.k-news__form button:hover { background: var(--k-text); }
/* Doğrulama: e-posta ile düğme arasında, aynı yükseklikte koyu blok */
.k-news__cap { flex: none; display: flex; align-items: center; gap: 10px; height: 60px; padding: 0 12px 0 18px; background: #1d1d1d; border-left: 1px solid #000; cursor: text; }
.k-news__q { font: 700 18px/1 var(--k-head); letter-spacing: .5px; color: #fff; white-space: nowrap; }
.k-news__cap input { flex: none; width: 52px; height: 38px; border: 0; background: #fff; padding: 0 8px; text-align: center; font: 500 15px var(--k-body); color: #000; outline: none; border-radius: 0; }
.k-news__cap input:focus { box-shadow: 0 0 0 2px var(--k-red); }
.k-news__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.k-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.k-news__msg { margin: 12px 0 0; font-size: 14px; }
.k-news__msg.is-ok { color: #8fd18f; }
.k-news__msg.is-err { color: #ff8a8a; }
.k-foot { background: #202020 center top repeat; padding: 0 30px; color: var(--k-light); }
.k-foot .k-wrap { padding: 0; }
.k-foot__top { display: flex; align-items: flex-start; gap: 0; min-height: 160px; }
.k-foot__logo { flex: none; background: #F5F5F5; margin: -30px 40px 0 0; padding: 40px 20px; display: block; }
.k-foot__logo img { width: 155px; height: auto; display: block; }
.k-foot__contact { flex: 0 0 28%; padding: 40px 0; }
.k-foot__phone { display: block; font: 700 46px/46px var(--k-head); color: #fff !important; text-transform: uppercase; }
.k-foot__mail { display: inline-flex; align-items: center; gap: 0; margin-top: 4px; color: var(--k-light) !important; }
.k-foot__mail svg { width: 14px; height: 14px; color: var(--k-red); }
.k-foot__mail span { padding-left: 5px; }
.k-foot__mail:hover { color: #fff !important; }
.k-foot__info { flex: 0 0 28%; padding: 40px 0; }
.k-foot__info--hours { flex: 1; }
.k-foot__info h3 { margin: 0 0 10px; font: 700 18px/24px var(--k-body); text-transform: uppercase; color: #fff; }
.k-foot__info p { margin: 0; max-width: 260px; color: var(--k-light); }
.k-foot__info strong { color: #fff; font-weight: 500; }
.k-foot__cols { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); padding: 60px 0; }
.k-foot__col h3 { margin: 0 0 35px; font: 700 24px/24px var(--k-head); text-transform: uppercase; color: var(--k-red); }
.k-foot__col ul { list-style: none; margin: 0; padding: 0; }
.k-foot__col li a { display: inline-block; font: 400 16px/30px var(--k-body); color: var(--k-light) !important; }
.k-foot__col li a:hover { color: #fff !important; }
.k-social { display: flex; gap: 14px; align-items: center; }
.k-social a { color: var(--k-light) !important; width: 18px; height: 18px; display: grid; place-items: center; }
.k-social a svg { width: 100%; height: 100%; }
.k-social a:hover { color: #fff !important; }
.k-foot__copy { padding: 30px 0 15px; text-align: center; }
.k-foot__copy p { margin: 0; }
.k-foot__copy strong { font-weight: 600; color: var(--k-light); }
@media (max-width: 1024px) {
  .k-news { padding: 60px 15px; }
  .k-foot { padding: 0 15px; }
  .k-foot__top { flex-wrap: wrap; }
  .k-foot__logo { margin: 0 30px 0 0; padding: 60px 40px; }
  .k-foot__contact, .k-foot__info { flex: 1 1 30%; padding: 30px 0; }
  .k-foot__cols { grid-template-columns: 1fr 1fr; padding: 30px 0; gap: 30px 0; }
}
@media (max-width: 767px) {
  .k-news { padding: 60px 15px; }
  .k-news__title { font-size: 26px; line-height: 30px; gap: 10px; }
  .k-news__title .k-sq { width: 10px; height: 10px; margin-top: 8px; }
  .k-news__text { font-size: 14px; line-height: 21px; }
  .k-news__form { flex-wrap: wrap; }
  .k-news__form > input[type="email"] { flex: 1 1 100%; height: 50px; padding: 12px 18px; font-size: 13px; }
  .k-news__cap { flex: 1 1 auto; height: 50px; border-left: 0; justify-content: space-between; }
  .k-news__cap input { height: 34px; }
  .k-news__form button { padding: 12px 20px; font-size: 11px; }
  .k-foot__top { flex-direction: column; align-items: stretch; text-align: center; }
  .k-foot__logo { margin: 0; padding: 60px 40px; display: flex; justify-content: center; }
  .k-foot__logo img { width: 200px; }
  .k-foot__contact { padding: 24px 0 0; }
  .k-foot__info { padding: 24px 0 0; }
  .k-foot__info p { margin: 0 auto; }
  .k-foot__cols { grid-template-columns: 1fr; text-align: center; margin-top: 30px; gap: 30px; }
  .k-foot__col h3 { margin-bottom: 14px; }
  .k-social { justify-content: center; }
}

/* ---------------------------------------------------------------- Sayfa başlık bandı */
.k-banner { position: relative; background-image: var(--bg); background-size: cover; background-position: center; padding: 0 30px; color: #fff; min-height: 499px; display: flex; }
.k-banner__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, #000 0%, rgba(255,255,255,0) 96%); opacity: .7; }
.k-banner__inner { position: relative; width: 100%; max-width: 1530px; padding: 0; display: flex; flex-direction: column; }
.k-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); font: 500 14px/18px var(--k-body); color: #fff; }
.k-bc a { color: var(--k-light) !important; }
.k-bc a:hover { color: #fff !important; }
.k-bc .is-current { color: #fff; }
.k-bc__sep { font-size: 9px; color: var(--k-light); display: inline-flex; }
.k-banner__title { margin: auto 0; padding: 30px 0 80px; font: 700 80px/80px var(--k-head); letter-spacing: -2px; text-transform: uppercase; color: #fff; }
.k-banner--slim { min-height: 49px; }
.k-banner--slim .k-bc { border-bottom: 0; }
@media (max-width: 1024px) { .k-banner { min-height: 380px; } .k-banner__title { font-size: 60px; line-height: 60px; } }
@media (max-width: 767px) {
  .k-banner { min-height: 450px; padding: 0 15px; background-image: var(--bg-sm, var(--bg)); }
  .k-banner__title { font-size: 32px; line-height: 34px; text-align: center; padding: 20px 0 40px; }
  .k-bc { justify-content: center; font-size: 12px; }
  .k-banner--slim { min-height: 0; }
}

/* ---------------------------------------------------------------- Kategori sayfası */
.k-shop { padding: 60px 0 80px; }
.k-shop__grid { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 30px; align-items: start; }
.k-shop__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 30px; margin-bottom: 14px; font-size: 14px; color: var(--k-light); }
.k-shop__bar .k-res { margin: 0; }
.k-shop__tools { display: flex; align-items: center; gap: 22px; }
.k-select { position: relative; display: inline-flex; align-items: center; gap: 4px; color: var(--k-text); font-size: 14px; }
.k-select select { appearance: none; -webkit-appearance: none; border: 0; background: transparent; font: 500 14px/20px var(--k-body); color: #000; padding: 0 16px 0 0; cursor: pointer; outline: none; }
.k-select::after { content: ""; position: absolute; right: 2px; top: 50%; width: 6px; height: 6px; border-right: 1.5px solid #000; border-bottom: 1.5px solid #000; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.k-select label { color: var(--k-light); }
.k-filter-toggle { display: none; align-items: center; gap: 8px; font: 700 12px/20px var(--k-body); letter-spacing: 1px; text-transform: uppercase; color: #000; background: none; }
.k-filter-toggle svg { width: 16px; height: 16px; }
.k-empty { border: 1px solid var(--k-border); padding: 50px 30px; text-align: center; }
.k-pager { margin-top: 40px; }
.k-pager ul { display: flex; justify-content: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.k-pager a, .k-pager span { display: inline-block; min-width: 36px; padding: 6px 10px; text-align: center; font: 800 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: var(--k-light); }
.k-pager span.current, .k-pager a:hover { color: #000; }
.k-pager a.next, .k-pager a.prev { color: #000; }

.k-sidebar { display: flex; flex-direction: column; gap: 40px; }
.k-widget__head { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; border: 1px solid var(--k-border); padding: 14px 25px 14px 30px; margin-bottom: 28px; background: #fff; font: 700 20px/22px var(--k-head); text-transform: uppercase; color: #000; text-align: left; }
.k-widget__head .k-x { font-size: 10px; transition: transform .3s; }
.k-widget.is-closed .k-x { transform: rotate(45deg); }
.k-widget.is-closed .k-widget__body { display: none; }
.k-catlist { list-style: none; margin: 0; padding: 0; }
.k-catlist li + li { margin-top: 14px; }
.k-catlist a { display: flex; align-items: center; gap: 13px; font: 500 16px/22px var(--k-body); color: var(--k-text); }
.k-catlist a::before { content: ""; width: 14px; height: 14px; flex: none; background: #F2F2F2; transition: background .2s; }
.k-catlist a.is-on { color: #000; }
.k-catlist a.is-on::before { background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/10px no-repeat; }
.k-catlist a:hover { color: #000; }
.k-chips { display: flex; flex-wrap: wrap; list-style: none; margin: -5px; padding: 0; }
.k-chips li { padding: 5px; margin-bottom: 14px; }
.k-chips a { display: inline-block; background: #F7F7F7; color: #000; font: 500 14px/24px var(--k-body); padding: 7px; border: 2px solid transparent; transition: background .2s, color .2s, border-color .2s; }
.k-chips a:hover { border-color: #000; }
.k-chips a.is-on { background: #000; color: #fff; }
.k-chips a.is-on::after { content: " ×"; }
.k-price { padding: 4px 0 0; }
.k-range { position: relative; height: 24px; }
.k-range__track { position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: var(--k-border); }
.k-range__fill { position: absolute; top: 11px; height: 2px; background: var(--k-red); }
.k-range input[type=range] { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 24px; margin: 0; background: none; pointer-events: none; appearance: none; -webkit-appearance: none; }
.k-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--k-red); pointer-events: auto; cursor: pointer; }
.k-range input[type=range]::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--k-red); pointer-events: auto; cursor: pointer; }
.k-price__row { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; font-size: 14px; color: var(--k-light); }
.k-price__row b { color: #000; font-weight: 500; }
.k-price__btn { font: 800 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: #000; background: none; }
.k-price__btn:hover { color: var(--k-red); }
.k-active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.k-active-filters a { display: inline-flex; align-items: center; gap: 6px; background: #000; color: #fff !important; font: 500 13px/20px var(--k-body); padding: 4px 10px; }
.k-active-filters a.k-clear { background: none; color: var(--k-red) !important; padding-left: 0; }
.k-cat-desc { margin-top: 40px; }
@media (max-width: 1024px) {
  .k-shop { padding: 30px 0 60px; }
  .k-shop__grid { grid-template-columns: 1fr; }
  .k-filter-toggle { display: inline-flex; }
  .k-sidebar-wrap { position: fixed; inset: 0; z-index: 110; display: none; }
  .k-sidebar-wrap.is-open { display: block; }
  .k-sidebar-wrap__shade { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
  .k-sidebar-wrap .k-sidebar { position: absolute; left: 0; top: 0; bottom: 0; width: min(360px, 88vw); background: #fff; overflow-y: auto; padding: 60px 20px 30px; gap: 36px; }
  .k-sidebar__close { position: absolute; right: 16px; top: 16px; font-size: 16px; background: none; color: #000; }
  .k-shop__bar { flex-wrap: wrap; }
}
@media (min-width: 1025px) { .k-sidebar__close, .k-sidebar-wrap__shade { display: none; } }
@media (max-width: 767px) {
  .k-shop__bar { align-items: flex-start; flex-direction: column; gap: 8px; }
  .k-shop__bar .k-res { display: none; }
}

/* ---------------------------------------------------------------- Ürün sayfası */
.k-product { padding: 60px 0 40px; }
.k-product__grid { display: grid; grid-template-columns: minmax(0, 1fr) 490px; gap: 30px; align-items: start; }
.k-gallery { display: flex; flex-direction: column; gap: 10px; }
.k-gallery img { width: 100%; height: auto; display: block; }
.k-summary { position: sticky; top: 30px; }
.k-summary__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.k-stock { display: inline-block; background: #77CC6D; color: #fff; font: 700 10px/1 var(--k-body); text-transform: uppercase; letter-spacing: .5px; padding: 5px 8px; }
.k-stock.is-out { background: var(--k-red); }
.k-pn { display: flex; gap: 16px; font: 700 10px/1 var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: var(--k-light); }
.k-pn a { display: inline-flex; align-items: center; gap: 6px; color: var(--k-light) !important; }
.k-pn a:hover { color: #000 !important; }
.k-pn i { font-size: 9px; }
.k-product__title { margin: 0; padding-bottom: 30px; border-bottom: 1px solid var(--k-border); font: 700 56px/56px var(--k-head); letter-spacing: -1px; text-transform: uppercase; color: #000; }
.k-product__price { margin: 26px 0 16px; font: 500 18px/28px var(--k-body); color: #000; }
.k-product__price del { color: var(--k-light); font-size: 16px; margin-right: 8px; }
.k-desc { font-size: 16px; line-height: 24px; color: var(--k-text); }
.k-desc p { margin: 0 0 16px; }
.k-desc ul, .k-desc ol { margin: 0 0 16px; padding-left: 30px; }
.k-desc ul { list-style: disc; }
.k-desc ol { list-style: decimal; }
.k-desc h1, .k-desc h2, .k-desc h3, .k-desc h4, .k-desc h5, .k-desc h6 { font-family: var(--k-head); color: #000; text-transform: uppercase; margin: 0 0 12px; line-height: 1.1; }
.k-desc h5 { font-size: 20px; }
.k-desc strong { color: #000; font-weight: 500; }
.k-desc a { color: var(--k-red); }
.k-meta { border-top: 1px solid var(--k-border); margin-top: 24px; padding-top: 24px; font-size: 13px; color: var(--k-light); }
.k-meta a { color: #000; }
.k-meta a:hover { color: var(--k-red); }
.k-share { display: flex; gap: 8px; margin-top: 18px; }
.k-share a { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff !important; }
.k-share a svg { width: 13px; height: 13px; }
.k-share .fb { background: #3b5998; } .k-share .tw { background: #1da1f2; } .k-share .in { background: #0077b5; } .k-share .pi { background: #e60023; }
.k-share a:hover { opacity: .85; }
.k-acc { border-top: 1px solid var(--k-border); margin-top: 40px; }
.k-acc__head { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 22px 0; font: 700 20px/22px var(--k-head); text-transform: uppercase; color: #000; background: none; text-align: left; }
.k-acc__head i { font-size: 12px; transition: transform .3s; }
.k-acc.is-open .k-acc__head i { transform: rotate(45deg); }
.k-acc__body { padding-bottom: 20px; }
.k-attrs { width: 100%; border-collapse: collapse; font-size: 14px; }
.k-attrs th, .k-attrs td { border: 1px solid var(--k-border); padding: 10px 14px; vertical-align: top; text-align: left; }
.k-attrs th { width: 38%; font-weight: 500; color: #000; background: #FAFAFA; }
.k-attrs td { color: var(--k-text); }
.k-related { border-top: 1px solid var(--k-border); padding: 70px 0 80px; }
.k-related .k-sec-title { font-size: 46px; }
@media (max-width: 1280px) { .k-product__grid { grid-template-columns: minmax(0, 1fr) 420px; gap: 40px; } .k-product__title { font-size: 46px; line-height: 46px; } }
@media (max-width: 1024px) { .k-product__grid { grid-template-columns: 1fr 1fr; gap: 30px; } }
@media (max-width: 767px) {
  .k-product { padding: 20px 0 20px; }
  .k-product__grid { grid-template-columns: 1fr; gap: 24px; }
  .k-summary { position: static; }
  .k-product__title { font-size: 48px; line-height: 48px; padding-bottom: 20px; }
  .k-related { padding: 40px 0 60px; }
  .k-related .k-sec-title { font-size: 32px; }
}
/* Galeri: üzerinde gezinerek büyütme (kronZoom) */
.k-gallery__item { position: relative; display: block; overflow: hidden; cursor: zoom-in; }
.k-gallery .k-gallery__zoom { position: absolute; left: 0; top: 0; width: auto; max-width: none; opacity: 0; pointer-events: none; transition: opacity .3s ease; will-change: transform; background: #fff; }
.k-gallery__item.is-zoom.is-ready .k-gallery__zoom { opacity: 1; }
.k-gallery__item.is-zoom:not(.is-ready)::after { content: ""; position: absolute; right: 22px; top: 22px; width: 26px; height: 26px; border: 2px solid rgba(0,0,0,.15); border-top-color: var(--k-red); border-radius: 50%; animation: k-spin .7s linear infinite; z-index: 3; }
.k-gallery__hint { position: absolute; right: 16px; top: 16px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #000; display: grid; place-items: center; font-size: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.08); transition: opacity .25s, transform .25s; pointer-events: none; }
.k-gallery__item.is-zoom .k-gallery__hint { opacity: 0; transform: scale(.8); }

/* Lightbox: sürükle-bırak, oynat/durdur, otomatik akış */
.k-lb { position: fixed; inset: 0; z-index: 130; display: flex; flex-direction: column; background: #0e0e0e; color: #fff; user-select: none; -webkit-user-select: none; }
.k-lb-t { transition: opacity .3s ease; }
.k-lb-t .k-lb__stage { transition: transform .35s cubic-bezier(.22,.61,.36,1); }
.k-lb-from { opacity: 0; }
.k-lb-from .k-lb__stage { transform: scale(.96); }
.k-lb__bar { flex: none; display: flex; align-items: center; justify-content: space-between; height: 64px; padding: 0 12px 0 26px; }
.k-lb__count { font: 500 12px/1 var(--k-body); letter-spacing: 2px; color: rgba(255,255,255,.75); }
.k-lb__tools { display: flex; gap: 4px; }
.k-lb button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; background: none; color: #fff; font-size: 18px; transition: background-color .2s; }
.k-lb button:hover { background: rgba(255,255,255,.1); }
.k-lb button svg { width: 22px; height: 22px; }
.k-lb__stage { position: relative; flex: 1; min-height: 0; overflow: hidden; touch-action: none; cursor: grab; }
.k-lb__stage.is-drag { cursor: grabbing; }
.k-lb__slide { position: absolute; inset: 0; margin: 0; padding: 0 84px; display: flex; align-items: center; justify-content: center; transition: transform .6s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.k-lb__slide::before { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 2px solid rgba(255,255,255,.15); border-top-color: var(--k-red); border-radius: 50%; animation: k-spin .7s linear infinite; }
.k-lb__slide.is-ok::before { display: none; }
.k-lb__slide img { position: relative; max-width: 100%; max-height: 100%; object-fit: contain; opacity: 0; transition: opacity .35s ease; -webkit-user-drag: none; }
.k-lb__slide.is-ok img { opacity: 1; }
.k-lb .k-lb__arrow { position: absolute; top: 50%; z-index: 2; width: 56px; height: 56px; margin-top: -28px; background: rgba(255,255,255,.08); font-size: 20px; }
.k-lb .k-lb__arrow:hover { background: var(--k-red); color: #000; }
.k-lb__arrow--prev { left: 16px; }
.k-lb__arrow--next { right: 16px; }
.k-lb__prog { flex: none; height: 2px; margin-top: 14px; background: rgba(255,255,255,.1); }
.k-lb__prog i { display: block; height: 100%; background: var(--k-red); transform-origin: left; transform: scaleX(0); }
@keyframes k-lb-prog { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.k-lb__thumbs { flex: none; display: flex; gap: 8px; overflow-x: auto; padding: 14px 16px 18px; scrollbar-width: none; }
.k-lb__thumbs::-webkit-scrollbar { display: none; }
.k-lb__thumbs > :first-child { margin-left: auto; }
.k-lb__thumbs > :last-child { margin-right: auto; }
.k-lb .k-lb__thumbs button { flex: none; width: 88px; height: 59px; border-radius: 0; background: #fff; opacity: .4; overflow: hidden; box-shadow: inset 0 0 0 2px transparent; transition: opacity .2s, box-shadow .2s; }
.k-lb .k-lb__thumbs button:hover { opacity: .8; background: #fff; }
.k-lb .k-lb__thumbs button.is-on { opacity: 1; box-shadow: 0 0 0 2px var(--k-red); }
.k-lb__thumbs img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
  .k-lb__bar { height: 54px; padding-left: 18px; }
  .k-lb__slide { padding: 0; }
  .k-lb .k-lb__arrow { display: none; }
  .k-lb .k-lb__thumbs button { width: 64px; height: 43px; }
}
@media (prefers-reduced-motion: reduce) { .k-lb__slide { transition-duration: .01s; } }

/* ---------------------------------------------------------------- Kurumsal sayfalar */
.k-page { padding: 60px 0 80px; }
.k-page__title { justify-content: center; margin-bottom: 40px; }
.k-content { font-size: 16px; line-height: 24px; color: var(--k-text); }
.k-content p { margin: 0 0 16px; }
.k-content h1, .k-content h2, .k-content h3, .k-content h4 { font-family: var(--k-head); color: #000; text-transform: uppercase; line-height: 1.1; margin: 0 0 20px; }
.k-content h1 { font-size: 60px; letter-spacing: -1px; }
.k-content h2 { font-size: 46px; }
.k-content h3 { font-size: 30px; }
.k-content h4 { font-size: 22px; }
.k-content ul, .k-content ol { margin: 0 0 16px; padding-left: 30px; }
.k-content ul { list-style: disc; } .k-content ol { list-style: decimal; }
.k-content li { margin-bottom: 6px; }
.k-content a { color: #000; text-decoration: underline; }
.k-content strong, .k-content b { color: #000; font-weight: 700; }
.k-content table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.k-content td, .k-content th { border: 1px solid var(--k-border); padding: 14px 15px; text-align: left; vertical-align: top; }
.k-legal .k-content { font-size: 14px; line-height: 22px; }
.k-legal .k-content h1 { font-size: 46px; line-height: 50px; }
@media (max-width: 767px) { .k-page { padding: 40px 0 60px; } .k-content h1 { font-size: 32px; } .k-content h2 { font-size: 28px; } .k-legal .k-content h1 { font-size: 28px; line-height: 32px; } }

/* Hakkımızda sayfası */
.k-hist { padding: 60px 0 60px; }
.k-hist h2 { margin: 0 0 20px; font: 700 var(--k-title)/1em var(--k-head); text-transform: uppercase; color: #000; }
.k-hist p { margin: 0; }

/* İletişim */
.k-contact { padding: 80px 0 0; overflow: hidden; }
.k-contact__grid { display: grid; grid-template-columns: 345px 1fr; gap: 0; }
.k-contact__info { border-right: 1px solid var(--k-border); padding: 0 30px 0 0; position: relative; }
.k-contact__info h2 { margin: 0 0 60px; font: 700 60px/60px var(--k-head); text-transform: uppercase; color: #000; }
.k-contact__info p { margin: 0 0 40px; }
.k-contact__tel { font: 700 30px/30px var(--k-head); text-transform: uppercase; color: #000; margin: 0 0 60px; }
.k-contact__img, body.kron .k-contact__img { display: block; margin: 0 0 0 -30px; width: 645px; max-width: none; position: relative; z-index: 1; }
.k-contact__form { padding: 0 0 60px 120px; }
.k-contact__form h2 { margin: 0 0 50px; font: 700 60px/60px var(--k-head); text-transform: uppercase; color: #000; }
.k-contact__form > p { margin: 0 0 40px; }
.k-form__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 30px; }
.k-form__row--3 { grid-template-columns: repeat(3, 1fr); }
.k-form input[type=text], .k-form input[type=email], .k-form input[type=tel], .k-form input[type=number], .k-form textarea { width: 100%; border: 1px solid #F3F3F3; background: #F3F3F3; padding: 12px 20px; font: 400 14px/20px var(--k-body); color: #000; outline: none; border-radius: 0; }
.k-form input:focus, .k-form textarea:focus { border-color: #000; background: #fff; }
.k-form input::placeholder, .k-form textarea::placeholder { color: #000; opacity: .8; }
.k-form textarea { height: 186px; resize: vertical; margin-bottom: 20px; }
.k-form__kvkk { font-size: 14px; color: #000; margin: 0 0 20px; }
.k-form__kvkk a { text-decoration: underline; color: #000; }
.k-form__kvkk label { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; cursor: pointer; }
.k-form__captcha { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; font-size: 14px; color: #000; }
.k-form__captcha input { width: 120px !important; }
.k-form .k-btn { padding: 10px 40px; background: #fff; cursor: pointer; }
.k-form__msg { margin-top: 16px; font-size: 14px; }
.k-form__msg.is-ok { color: #2e7d32; } .k-form__msg.is-err { color: var(--k-red); }
.k-drop { border: 1px dashed #C1C1C1; padding: 26px 20px; text-align: center; position: relative; margin-bottom: 20px; }
.k-drop strong { display: block; font: 700 24px/28px var(--k-head); text-transform: uppercase; color: #000; }
.k-drop span { display: block; font-size: 14px; }
.k-drop b { color: #000; }
.k-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.k-drop__count { position: absolute; right: 8px; bottom: 6px; font-size: 11px; }
.k-drop.is-over { border-color: #000; background: #FAFAFA; }
@media (max-width: 1024px) {
  .k-contact__grid { grid-template-columns: 1fr; }
  .k-contact__info { border-right: 0; padding: 0 0 30px; }
  .k-contact__img, body.kron .k-contact__img { display: none; }
  .k-contact__form { padding: 0 0 60px; }
  .k-form__row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) { .k-form__row, .k-form__row--3 { grid-template-columns: 1fr; gap: 15px; margin-bottom: 15px; } .k-contact__info h2, .k-contact__form h2, .k-hr__intro h2, body.kron .k-hr__intro h2 { font-size: 32px; line-height: 34px; margin-bottom: 20px; } }

/* İK */
.k-hr { padding: 80px 0 80px; }
.k-hr__inner { max-width: 1140px; margin: 0 auto; }
.k-hr__intro h2, body.kron .k-hr__intro h2 { font-size: 60px; line-height: 60px; letter-spacing: -1px; margin-bottom: 50px; }
.k-hr h2 { margin: 0 0 40px; font: 700 46px/46px var(--k-head); text-transform: uppercase; color: #000; }
.k-hr__intro { margin: 0 0 40px; }
.k-hr__intro strong { color: #000; }

/* Garanti belgeleri */
.k-docs { padding: 60px 0 60px; }
.k-docs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.k-docs__grid a { display: block; transition: opacity .3s; }
.k-docs__grid a:hover { opacity: .85; }
.k-docs__grid img { width: 100%; max-width: 440px; height: auto; display: block; }
@media (max-width: 767px) { .k-docs__grid { grid-template-columns: 1fr; } }

/* 404 */
.k-404 { padding: 80px 0 100px; text-align: center; }
.k-404__num { font: 700 230px/1 var(--k-head); color: var(--k-red); letter-spacing: -4px; margin: 0; }
.k-404 img { display: block; margin: -40px auto 0; width: min(671px, 100%); }
.k-404 h1 { margin: 30px 0 40px; font: 700 46px/50px var(--k-head); text-transform: uppercase; color: #000; }
.k-404 .k-btn { background: #333; color: #fff !important; border-color: #333; }
@media (max-width: 767px) { .k-404__num { font-size: 120px; } .k-404 img { margin-top: -20px; } .k-404 h1 { font-size: 28px; line-height: 32px; } }

/* Motorun sayfaları (sepet, hesap, ödeme…) Kron kabuğu içinde: başlıklar Kron fontuyla */
body.kron main h1.text-2xl, body.kron main h1.text-3xl { font-family: var(--k-head); text-transform: uppercase; letter-spacing: -.5px; }

/* Sepete ekleme (kron_cart_enabled = 1 iken) */
.k-buy { margin: 24px 0 0; }
.k-buy__row { display: flex; gap: 10px; }
.k-buy__qty { width: 80px; border: 1px solid var(--k-border); padding: 0 12px; font: 500 15px var(--k-body); }
.k-buy__cart { display: inline-block; margin-top: 10px; font-size: 14px; color: #000; text-decoration: underline; }

/* ---------------------------------------------------------------- Bayiler / Servisler (kron/partials/locations.php) */
.k-loc { padding: 70px 0 100px; }
.k-loc__tabs { display: flex; justify-content: center; gap: 0; margin: 0 auto 50px; width: max-content; border: 1px solid #000; }
.k-loc__tabs a { font: 500 12px/24px var(--k-body); letter-spacing: 2px; text-transform: uppercase; color: #000; padding: 12px 44px; transition: background .25s, color .25s; }
.k-loc__tabs a:hover { background: var(--k-bg); }
.k-loc__tabs a.is-active { background: #000; color: #fff; box-shadow: inset 0 -5px 0 var(--k-red); }
.k-loc__head { text-align: center; margin-bottom: 30px; }
.k-loc__head .k-sec-title { justify-content: center; }
.k-loc__head p { margin: 14px 0 0; color: var(--k-text); }

.k-loc__map { position: relative; max-width: 1180px; margin: 0 auto 40px; aspect-ratio: 1008 / 445; }
.k-loc__map svg { display: block; width: 100%; height: 100%; }
.k-loc__map path { fill: #30d5c8; stroke: none; transition: fill .2s; }
.k-loc__map text { font: 400 16px "Titillium Web", var(--k-body); fill: #000; pointer-events: none; }
.k-loc__map g.is-has { cursor: pointer; }
.k-loc__map g.is-has:hover path, .k-loc__map g.is-sel path { fill: var(--k-red); }
.k-loc__tip { position: absolute; z-index: 2; transform: translate(-50%, calc(-100% - 14px)); background: #000; color: #fff; font: 500 13px/18px var(--k-body); padding: 7px 12px; white-space: nowrap; pointer-events: none; }
.k-loc__tip::after { content: ""; position: absolute; left: 50%; top: 100%; margin-left: -6px; border: 6px solid transparent; border-top-color: #000; }

.k-loc__bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 24px; padding: 30px; background: var(--k-bg); margin-bottom: 40px; scroll-margin-top: 20px; }
.k-loc__field { display: flex; flex-direction: column; gap: 6px; min-width: 260px; }
.k-loc__field span { font: 700 18px/1 var(--k-head); text-transform: uppercase; color: #000; }
.k-loc__field--q { flex: 1; }
.k-loc__field select, .k-loc__field input { height: 50px; border: 1px solid var(--k-border); background: #fff; padding: 0 16px; font: 400 15px var(--k-body); color: #000; border-radius: 0; outline: none; }
.k-loc__field select:focus, .k-loc__field input:focus { border-color: #000; }
.k-loc__count { margin: 0 0 13px; font: 500 14px var(--k-body); color: var(--k-light); white-space: nowrap; }

/* ~850 kart tek sayfada: ekran dışındaki il gruplarının çizimi, görünür olana kadar ertelenir.
   "auto" bir kez çizilen grubun gerçek boyunu hatırlar; kaydırma çubuğu oynamaz. */
.k-loc__group { margin-bottom: 44px; content-visibility: auto; contain-intrinsic-size: auto 520px; }
.k-loc__il { display: flex; align-items: baseline; gap: 10px; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--k-border); font: 700 30px/1 var(--k-head); text-transform: uppercase; color: #000; }
.k-loc__il span { font: 500 13px var(--k-body); color: #fff; background: var(--k-red); padding: 2px 8px; }
.k-loc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.k-loc__card { display: flex; flex-direction: column; border: 1px solid var(--k-border); padding: 24px 24px 26px; transition: border-color .25s, box-shadow .25s; }
.k-loc__card[hidden] { display: none; }
.k-loc__card:hover { border-color: #000; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.k-loc__name { margin: 0 0 10px; font: 700 17px/1.3 var(--k-body); color: #000; }
.k-loc__addr { margin: 0 0 6px; font-size: 14px; line-height: 21px; color: var(--k-text); }
.k-loc__tel { margin: 0 0 4px; font-size: 14px; line-height: 21px; }
.k-loc__tel a { color: #000; font-weight: 500; }
.k-loc__tel a:hover { color: var(--k-red); }
.k-loc__btn { align-self: flex-start; margin-top: auto; padding: 6px 22px; }
.k-loc__card > :nth-last-child(2) { margin-bottom: 18px; }
.k-loc__empty { padding: 40px 0; text-align: center; color: var(--k-light); }

@media (max-width: 1024px) {
  .k-loc__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .k-loc { padding: 40px 0 60px; }
  .k-loc__tabs { width: 100%; margin-bottom: 30px; }
  .k-loc__tabs a { flex: 1; text-align: center; padding: 10px 0; }
  .k-loc__map { margin-bottom: 24px; }
  .k-loc__map text { display: none; }
  .k-loc__bar { padding: 20px 15px; gap: 14px; margin-bottom: 30px; }
  .k-loc__field, .k-loc__field--q { min-width: 0; flex: 1 1 100%; }
  .k-loc__count { margin: 0; }
  .k-loc__grid { grid-template-columns: 1fr; gap: 14px; }
  .k-loc__il { font-size: 24px; }
  .k-loc__card { padding: 18px 18px 20px; }
}