/* ==========================================================
   Kar Motor — tasarım sistemi (01.11.2026)
   Tek kaynak: renk, tipografi, ölçü tokenları + header, mega menü,
   kategori menüsü, vitrin, ürün kartı, mini sepet, footer bileşenleri.
   Eski tema CSS'inin üzerine en son yüklenir; tüm sınıflar km- önekli.
   ========================================================== */
@font-face { font-family: "Inter"; src: url("../fonts/Inter-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-display: optional; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-latin.woff2") format("woff2"); font-weight: 100 900; font-display: optional; 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; }

:root {
  --km-turuncu: #F26522;
  --km-turuncu-zemin: #CF4A12;   /* beyaz yazılı turuncu zemin — WCAG AA 4.5:1 */
  --km-turuncu-yazi: #C2410C;    /* beyaz zeminde turuncu yazı — WCAG AA */
  --km-turuncu-h: #DA5416;
  --km-turuncu-acik: #FFF3EC;
  --km-koyu: #15191F;
  --km-koyu-2: #252B33;
  --km-zemin: #FFFFFF;
  --km-zemin-yumusak: #F7F8FA;
  --km-cizgi: #E6E8EC;
  --km-metin: #20242A;
  --km-metin-2: #69717D;
  --km-yesil: #15803D;
  --km-r: 12px;
  --km-r-buton: 9px;
  --km-gecis: 200ms cubic-bezier(.2,.7,.2,1);
  --km-golge-1: 0 1px 2px rgba(21,25,31,.05), 0 2px 8px rgba(21,25,31,.05);
  --km-golge-2: 0 10px 28px rgba(21,25,31,.12);
  --km-kap: 1440px;
  --km-pad: clamp(16px, 2.2vw, 32px);
  /* eski tema değişkenlerini Kar Motor renklerine bağla */
  --accent: var(--km-turuncu);
  --bordo: var(--km-koyu);
  --gold: var(--km-turuncu);
  --ink: var(--km-metin);
  --muted: var(--km-metin-2);
  --line: var(--km-cizgi);
  --serif: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body.km { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important; color: var(--km-metin); background: var(--km-zemin); -webkit-font-smoothing: antialiased; }
body.km h1, body.km h2, body.km h3, body.km h4, body.km .section-title, body.km .pd-title, body.km .cat-hero-baslik,
body.km .product-info h3, body.km .pd-info h1 { font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -.01em !important; text-transform: none; }
body.km :where(.container) { max-width: var(--km-kap); }
.km-kap { max-width: var(--km-kap); margin: 0 auto; padding: 0 var(--km-pad); }
.km-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.km-ikon { width: 20px; height: 20px; flex: 0 0 auto; }

/* Eski üst parçalar Kar Motor header'ı varken gizli */
body.km > .top-bar, body.km > header.header:not(.km-header), body.km > .main-nav, body.km .floating-actions .fab-insta { display: none !important; }

/* ── Butonlar ── */
.km-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--km-r-buton); border: 1px solid transparent; font: 600 14px/1 "Inter", sans-serif; cursor: pointer; text-decoration: none; transition: background var(--km-gecis), color var(--km-gecis), border-color var(--km-gecis); }
.km-btn-turuncu { background: var(--km-turuncu-zemin); color: #fff; }
.km-btn-turuncu:hover { background: var(--km-turuncu-h); color: #fff; }
.km-btn-cerceve { background: #fff; color: var(--km-metin); border-color: var(--km-cizgi); }
.km-btn-cerceve:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-btn:focus-visible, .km-header a:focus-visible, .km-header button:focus-visible { outline: 2px solid var(--km-turuncu); outline-offset: 2px; }

/* ==========================================================
   HEADER
   ========================================================== */
.km-header { position: sticky; top: 0; z-index: 900; background: #fff; transition: box-shadow var(--km-gecis); }
.km-header.km-kucuk { box-shadow: 0 4px 18px rgba(21,25,31,.08); }
.km-ust { background: var(--km-koyu); color: #D7DBE0; font-size: 12.5px; transition: margin-top var(--km-gecis); }
.km-header.km-kucuk .km-ust { margin-top: -38px; }
.km-ust .km-kap { display: flex; align-items: center; justify-content: space-between; height: 38px; gap: 20px; }
.km-ust ul { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; min-width: 0; overflow: hidden; }
.km-ust li { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.km-ust li svg { width: 16px; height: 16px; color: var(--km-turuncu-yazi); }
.km-ust-sag { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
.km-ust-sag a { color: #D7DBE0; text-decoration: none; transition: color var(--km-gecis); }
.km-ust-sag a:hover { color: #fff; }
.km-ust-tel { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; color: #fff !important; font-size: 14px; }
.km-ust-tel svg { width: 16px; height: 16px; color: var(--km-turuncu-yazi); }

.km-ana .km-kap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 32px; height: 84px; transition: height var(--km-gecis); }
.km-header.km-kucuk .km-ana .km-kap { height: 66px; }
.km-logo { display: inline-flex; align-items: center; }
.km-logo img { height: 58px; width: auto; display: block; transition: height var(--km-gecis); }
.km-header.km-kucuk .km-logo img { height: 46px; }
.km-hamburger { display: none; width: 44px; height: 44px; border: 0; background: none; border-radius: 10px; color: var(--km-metin); cursor: pointer; align-items: center; justify-content: center; }
.km-hamburger:hover { background: var(--km-zemin-yumusak); }

.km-ara { position: relative; max-width: 720px; width: 100%; justify-self: center; }
.km-ara form { display: flex; height: 48px; border: 1.5px solid var(--km-cizgi); border-radius: 10px; background: #fff; overflow: hidden; transition: border-color var(--km-gecis), box-shadow var(--km-gecis); }
.km-ara form:focus-within { border-color: var(--km-turuncu); box-shadow: 0 0 0 4px rgba(242,101,34,.12); }
.km-ara-ikon { display: flex; align-items: center; padding: 0 4px 0 16px; color: var(--km-metin-2); }
.km-ara input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 12px; font: 400 15px "Inter", sans-serif; color: var(--km-metin); background: transparent; }
.km-ara input::placeholder { color: #9AA1AB; }
.km-ara button[type=submit] { border: 0; background: var(--km-turuncu-zemin); color: #fff; padding: 0 26px; font: 600 14.5px "Inter", sans-serif; cursor: pointer; transition: background var(--km-gecis); }
.km-ara button[type=submit]:hover { background: var(--km-turuncu-h); }
.km-oneri { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); box-shadow: var(--km-golge-2); padding: 8px; z-index: 950; max-height: min(70vh, 560px); overflow-y: auto; }
.km-oneri[hidden] { display: none; }
.km-oneri-baslik { font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--km-metin-2); padding: 10px 10px 6px; }
.km-oneri a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px; color: var(--km-metin); text-decoration: none; font-size: 14px; }
.km-oneri a:hover, .km-oneri a.km-secili { background: var(--km-turuncu-acik); }
.km-oneri img, .km-oneri .km-oneri-yer { width: 44px; height: 44px; object-fit: contain; border-radius: 6px; background: var(--km-zemin-yumusak); flex: 0 0 auto; }
.km-oneri .km-oneri-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.km-oneri .km-oneri-fiyat { font-weight: 700; white-space: nowrap; }
.km-oneri-bos { padding: 16px 10px; color: var(--km-metin-2); font-size: 14px; }
.km-oneri-tum { justify-content: center; font-weight: 600; color: var(--km-turuncu-yazi) !important; border-top: 1px solid var(--km-cizgi); margin-top: 6px; border-radius: 0 0 8px 8px !important; }

.km-araclar { display: flex; align-items: center; gap: 6px; }
.km-arac { position: relative; }
.km-arac > a, .km-arac > button { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 12px; border: 0; background: none; border-radius: 10px; color: var(--km-metin); text-decoration: none; font: 500 14px "Inter", sans-serif; cursor: pointer; transition: background var(--km-gecis), color var(--km-gecis); }
.km-arac > a:hover, .km-arac > button:hover, .km-arac.km-acik > a { background: var(--km-zemin-yumusak); }
.km-arac svg.km-ikon { width: 23px; height: 23px; }
.km-arac-yazi { display: flex; flex-direction: column; line-height: 1.2; }
.km-arac-yazi small { font-size: 11.5px; color: var(--km-metin-2); font-weight: 400; }
.km-rozet { position: absolute; top: 4px; left: 26px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--km-turuncu-zemin); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.km-rozet[data-adet="0"] { display: none; }
.km-panel { position: absolute; top: calc(100% + 6px); right: 0; width: 300px; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); box-shadow: var(--km-golge-2); padding: 16px; z-index: 960; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 180ms, transform 180ms, visibility 0s 180ms; }
.km-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.km-arac.km-acik .km-panel { opacity: 1; visibility: visible; transform: none; transition: opacity 180ms, transform 180ms; }
.km-panel-baslik { font-weight: 700; font-size: 15px; margin: 0 0 4px; }
.km-panel p { margin: 0 0 14px; font-size: 13px; color: var(--km-metin-2); }
.km-panel .km-btn { width: 100%; }
.km-panel .km-btn + .km-btn { margin-top: 8px; }
.km-panel-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.km-panel-liste a { display: block; padding: 9px 8px; border-radius: 8px; color: var(--km-metin); text-decoration: none; font-size: 14px; }
.km-panel-liste a:hover { background: var(--km-zemin-yumusak); color: var(--km-turuncu-yazi); }
.km-panel-sepet { width: 360px; }
.km-mini-kalemler { list-style: none; margin: 0; padding: 0; max-height: 300px; overflow-y: auto; }
.km-mini-kalem { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--km-cizgi); }
.km-mini-kalem img, .km-mini-kalem .km-oneri-yer { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: var(--km-zemin-yumusak); }
.km-mini-kalem a { color: var(--km-metin); text-decoration: none; font-size: 13px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.km-mini-kalem small { color: var(--km-metin-2); font-size: 12px; }
.km-mini-kalem b { font-size: 13.5px; white-space: nowrap; }
.km-mini-toplam { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; font-size: 14px; }
.km-mini-toplam b { font-size: 17px; }
.km-mini-bos { text-align: center; color: var(--km-metin-2); font-size: 14px; padding: 18px 0 6px; }

/* ── Ana menü ── */
.km-menu { border-top: 1px solid var(--km-cizgi); border-bottom: 1px solid var(--km-cizgi); background: #fff; }
.km-menu > .km-kap { display: flex; align-items: stretch; justify-content: center; gap: 4px; height: 50px; position: relative; }
.km-menu-oge { position: static; display: flex; }
.km-menu-oge > a { display: flex; align-items: center; gap: 6px; padding: 0 18px; color: var(--km-metin); text-decoration: none; font: 600 14.5px "Inter", sans-serif; position: relative; transition: color var(--km-gecis); white-space: nowrap; }
.km-menu-oge > a svg.km-ok { width: 14px; height: 14px; transition: transform var(--km-gecis); }
.km-menu-oge > a::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -1px; height: 2px; background: var(--km-turuncu-zemin); transform: scaleX(0); transition: transform var(--km-gecis); }
.km-menu-oge > a:hover, .km-menu-oge.km-acik > a, .km-menu-oge > a.km-aktif { color: var(--km-turuncu-yazi); }
.km-menu-oge.km-acik > a::after, .km-menu-oge > a.km-aktif::after { transform: scaleX(1); }
.km-menu-oge.km-acik > a svg.km-ok { transform: rotate(180deg); }
.km-menu-oge > a .km-menu-ev { width: 17px; height: 17px; }
.km-menu-kampanya svg { color: var(--km-turuncu-yazi); }

.km-mega { position: absolute; left: var(--km-pad); right: var(--km-pad); top: 100%; z-index: 940; background: #fff; border: 1px solid var(--km-cizgi); border-top: 0; border-radius: 0 0 14px 14px; box-shadow: 0 24px 48px rgba(21,25,31,.14); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 180ms, transform 180ms, visibility 0s 180ms; }
.km-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.km-menu-oge.km-acik > .km-mega { opacity: 1; visibility: visible; transform: none; transition: opacity 180ms, transform 180ms; }
.km-mega-ic { display: grid; grid-template-columns: 250px minmax(0, 1fr) 260px; min-height: 380px; max-height: calc(100vh - 210px); }
.km-mega-sol { border-right: 1px solid var(--km-cizgi); overflow-y: auto; padding: 10px 0; background: var(--km-zemin-yumusak); border-radius: 0 0 0 14px; }
.km-mega-sol button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 18px; border: 0; background: none; text-align: left; font: 500 14px "Inter", sans-serif; color: var(--km-metin); cursor: pointer; border-left: 3px solid transparent; }
.km-mega-sol button svg { width: 14px; height: 14px; color: #A2A9B2; }
.km-mega-sol button:hover, .km-mega-sol button.km-secili { background: #fff; color: var(--km-turuncu-yazi); border-left-color: var(--km-turuncu); }
.km-mega-sol button.km-secili svg { color: var(--km-turuncu-yazi); }
.km-mega-orta { padding: 22px 26px; overflow-y: auto; }
.km-mega-panel[hidden] { display: none; }
.km-mega-panel-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.km-mega-panel-bas h3 { margin: 0; font-size: 17px; font-weight: 700; }
.km-mega-panel-bas a { font-size: 13px; font-weight: 600; color: var(--km-turuncu-yazi); text-decoration: none; white-space: nowrap; }
.km-mega-sutunlar { columns: 3 190px; column-gap: 28px; }
.km-mega-grup { break-inside: avoid; margin-bottom: 16px; }
.km-mega-grup > a { display: block; font-weight: 600; font-size: 13.5px; color: var(--km-metin); text-decoration: none; padding: 4px 0 6px; margin-bottom: 4px; border-bottom: 1px solid var(--km-cizgi); }
.km-mega-grup ul { list-style: none; margin: 0; padding: 0; }
.km-mega-grup li a { display: block; padding: 4px 0; font-size: 13px; color: var(--km-metin-2); text-decoration: none; transition: color var(--km-gecis); }
.km-mega-grup a:hover { color: var(--km-turuncu-yazi) !important; }
.km-mega-sag { border-left: 1px solid var(--km-cizgi); padding: 22px; overflow-y: auto; }
.km-mega-sag h4 { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--km-metin-2); }
.km-mega-sag ul { list-style: none; margin: 0 0 18px; padding: 0; }
.km-mega-sag li a { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13.5px; color: var(--km-metin); text-decoration: none; }
.km-mega-sag li a:hover { color: var(--km-turuncu-yazi); }
.km-mega-sag li a svg { width: 18px; height: 18px; color: var(--km-turuncu-yazi); }
.km-mega-alt { grid-column: 1 / -1; border-top: 1px solid var(--km-cizgi); padding: 12px 22px; display: flex; justify-content: flex-end; }
.km-mega-alt a { font-weight: 600; font-size: 13.5px; color: var(--km-turuncu-yazi); text-decoration: none; }
.km-mega-dar { left: auto; right: auto; width: 640px; }
.km-mega-dar .km-mega-ic { display: block; min-height: 0; padding: 22px 26px; }
.km-mega-markalar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.km-mega-markalar a { display: flex; align-items: center; justify-content: center; height: 58px; padding: 6px; border: 1px solid var(--km-cizgi); border-radius: 10px; background: #fff; color: var(--km-metin); text-decoration: none; font-weight: 600; font-size: 13px; text-align: center; transition: border-color var(--km-gecis); }
.km-mega-markalar a:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-mega-markalar img { max-width: 100%; max-height: 44px; object-fit: contain; }
.km-mega-liste { columns: 2; column-gap: 28px; list-style: none; margin: 0; padding: 0; }
.km-mega-liste a { display: block; padding: 6px 0; font-size: 13.5px; color: var(--km-metin); text-decoration: none; }
.km-mega-liste a:hover { color: var(--km-turuncu-yazi); }

/* ── Mobil çekmece ── */
.km-cekmece { position: fixed; inset: 0; z-index: 1200; visibility: hidden; }
.km-cekmece.km-acik { visibility: visible; }
.km-cekmece-perde { position: absolute; inset: 0; background: rgba(21,25,31,.5); opacity: 0; transition: opacity 220ms; }
.km-cekmece.km-acik .km-cekmece-perde { opacity: 1; }
.km-cekmece-ic { position: absolute; top: 0; bottom: 0; left: 0; width: min(380px, 88vw); background: #fff; transform: translateX(-100%); transition: transform 240ms cubic-bezier(.2,.7,.2,1); display: flex; flex-direction: column; }
.km-cekmece.km-sag .km-cekmece-ic { left: auto; right: 0; transform: translateX(100%); width: min(420px, 92vw); }
.km-cekmece.km-acik .km-cekmece-ic { transform: none; }
.km-cekmece-bas { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--km-cizgi); }
.km-cekmece-bas img { height: 40px; }
.km-cekmece-bas strong { font-size: 16px; }
.km-kapat { width: 44px; height: 44px; border: 0; background: var(--km-zemin-yumusak); border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--km-metin); }
.km-cekmece-govde { flex: 1; overflow-y: auto; padding: 8px 0 24px; }
.km-akordeon > button, .km-cekmece-govde > a, .km-akordeon-ic a { display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 18px; border: 0; background: none; text-align: left; text-decoration: none; color: var(--km-metin); font: 500 15px "Inter", sans-serif; cursor: pointer; border-bottom: 1px solid #F0F1F3; }
.km-akordeon > button svg { width: 16px; height: 16px; transition: transform var(--km-gecis); color: #A2A9B2; }
.km-akordeon > button[aria-expanded="true"] { color: var(--km-turuncu-yazi); }
.km-akordeon > button[aria-expanded="true"] svg { transform: rotate(90deg); color: var(--km-turuncu-yazi); }
.km-akordeon-ic { background: var(--km-zemin-yumusak); }
.km-akordeon-ic[hidden] { display: none; }
.km-akordeon-ic a, .km-akordeon-ic .km-akordeon > button { padding-left: 32px; font-size: 14px; }
.km-akordeon-ic .km-akordeon-ic a { padding-left: 46px; font-size: 13.5px; color: var(--km-metin-2); }
.km-cekmece-baslik { padding: 18px 18px 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--km-metin-2); }
.km-cekmece-alt { padding: 14px 16px; border-top: 1px solid var(--km-cizgi); }
.km-cekmece-alt .km-btn { width: 100%; }
html.km-kilit { overflow: hidden; }

@media (max-width: 1180px) {
  .km-ust ul li:nth-child(n+3) { display: none; }
  .km-arac-yazi { display: none; }
  .km-ana .km-kap { gap: 18px; }
  .km-menu-oge > a { padding: 0 12px; font-size: 14px; }
  .km-mega-ic { grid-template-columns: 220px minmax(0, 1fr); }
  .km-mega-sag { display: none; }
}
@media (max-width: 1024px) {
  .km-ust { display: none; }
  .km-menu { display: none; }
  .km-hamburger { display: inline-flex; }
  .km-ana .km-kap { grid-template-columns: auto auto 1fr auto; height: 64px; gap: 10px; }
  .km-header.km-kucuk .km-ana .km-kap { height: 60px; }
  .km-logo img, .km-header.km-kucuk .km-logo img { height: 42px; }
  .km-ara { grid-column: 1 / -1; grid-row: 2; max-width: none; padding-bottom: 10px; }
  .km-ana .km-kap { grid-template-rows: 64px auto; height: auto; row-gap: 0; }
  .km-araclar { justify-self: end; grid-column: 4; }
  .km-arac-fav { display: none; }
  .km-panel { display: none; }
}
@media (max-width: 480px) {
  .km-ara form { height: 44px; }
  .km-ara button[type=submit] { padding: 0 16px; }
  .km-arac > a, .km-arac > button { padding: 0 8px; }
}

/* ==========================================================
   ANA SAYFA
   ========================================================== */
.km-bolum { margin: 56px auto 0; }
.km-bolum-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.km-bolum-bas h2 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 24px; font-weight: 700; color: var(--km-metin); }
.km-bolum-bas h2::before { content: ""; width: 22px; height: 14px; flex: 0 0 auto; background: linear-gradient(110deg, var(--km-turuncu) 0 40%, transparent 40% 55%, var(--km-turuncu) 55% 95%, transparent 95%); transform: skewX(-12deg); }
.km-bolum-bas > a { font-size: 14px; font-weight: 600; color: var(--km-turuncu-yazi); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.km-bolum-bas > a:hover { color: var(--km-turuncu-h); }

.km-ust-alan { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 24px; margin-top: 24px; align-items: start; }
.km-tum-kat { position: relative; background: var(--km-koyu); border-radius: var(--km-r); z-index: 30; }
.km-tum-kat-bas { display: flex; align-items: center; gap: 10px; padding: 0 18px; height: 52px; background: var(--km-turuncu-zemin); color: #fff; font-weight: 700; font-size: 15px; border-radius: var(--km-r) var(--km-r) 0 0; }
.km-tum-kat ul { list-style: none; margin: 0; padding: 6px 0 8px; }
.km-tum-kat li > a { display: flex; align-items: center; gap: 12px; padding: 0 16px 0 15px; height: 41px; color: #E6E8EC; text-decoration: none; font-size: 14px; font-weight: 500; border-left: 3px solid transparent; transition: background var(--km-gecis), color var(--km-gecis); }
.km-tum-kat li > a .km-ikon { width: 19px; height: 19px; color: #9AA3AE; transition: color var(--km-gecis); }
.km-tum-kat li > a .km-sag-ok { margin-left: auto; width: 14px; height: 14px; color: #6F7883; }
.km-tum-kat li:hover > a, .km-tum-kat li.km-acik > a, .km-tum-kat li > a:focus-visible { background: rgba(242,101,34,.12); color: #fff; border-left-color: var(--km-turuncu); outline: none; }
.km-tum-kat li:hover > a .km-ikon, .km-tum-kat li.km-acik > a .km-ikon { color: var(--km-turuncu-yazi); }
.km-flyout { position: absolute; left: 100%; top: 0; min-height: 100%; width: min(640px, calc(100vw - 340px)); background: #fff; border: 1px solid var(--km-cizgi); border-radius: 0 var(--km-r) var(--km-r) 0; box-shadow: var(--km-golge-2); padding: 22px 26px; opacity: 0; visibility: hidden; transition: opacity 160ms, visibility 0s 160ms; }
.km-tum-kat li.km-acik > .km-flyout { opacity: 1; visibility: visible; transition: opacity 160ms; }
.km-flyout h3 { margin: 0 0 4px; font-size: 18px; font-weight: 700; }
.km-flyout > p { margin: 0 0 16px; font-size: 13px; color: var(--km-metin-2); }
.km-flyout-markalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 20px; list-style: none; margin: 0 0 16px; padding: 0; }
.km-flyout-markalar a { display: block; padding: 7px 0; font-size: 13.5px; color: var(--km-metin); text-decoration: none; border-bottom: 1px solid #F1F2F4; }
.km-flyout-markalar a:hover { color: var(--km-turuncu-yazi); }

.km-hero-kap { position: relative; min-width: 0; }
.km-hero-kap .hero, .km-hero-kap .hero-slider { border-radius: var(--km-r); overflow: hidden; margin: 0 !important; }
.km-hero-kap .hero-slide img { border-radius: 0 !important; }
.km-avantaj { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); box-shadow: var(--km-golge-1); margin: -34px 24px 0; position: relative; z-index: 5; padding: 14px 6px; }
.km-avantaj div { display: flex; align-items: center; gap: 12px; padding: 4px 16px; min-width: 0; }
.km-avantaj div + div { border-left: 1px solid var(--km-cizgi); }
.km-avantaj svg { width: 30px; height: 30px; color: var(--km-turuncu-yazi); flex: 0 0 auto; }
.km-avantaj b { display: block; font-size: 13.5px; font-weight: 700; color: var(--km-metin); line-height: 1.25; }
.km-avantaj small { display: block; font-size: 12px; color: var(--km-metin-2); line-height: 1.3; }

.km-secici { display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); padding: 16px 18px; box-shadow: var(--km-golge-1); }
.km-secici-bas { display: flex; align-items: center; gap: 12px; padding-right: 8px; }
.km-secici-bas svg { width: 40px; height: 40px; color: var(--km-turuncu-yazi); }
.km-secici-bas b { display: block; font-size: 15px; line-height: 1.25; }
.km-secici-bas small { display: block; font-size: 12.5px; color: var(--km-metin-2); }
.km-secici select { width: 100%; height: 46px; padding: 0 36px 0 14px; border: 1px solid var(--km-cizgi); border-radius: var(--km-r-buton); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2369717D' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; -webkit-appearance: none; appearance: none; font: 500 14px "Inter", sans-serif; color: var(--km-metin); cursor: pointer; transition: border-color var(--km-gecis); }
.km-secici select:hover:not(:disabled), .km-secici select:focus { border-color: var(--km-turuncu); outline: none; }
.km-secici select:disabled { background-color: var(--km-zemin-yumusak); color: #A2A9B2; cursor: not-allowed; }
.km-secici .km-btn { height: 46px; padding: 0 22px; }
.km-secici .km-btn:disabled { opacity: .5; cursor: not-allowed; }

.km-kat-vitrin { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
.km-kat-kart { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--km-r); overflow: hidden; background: var(--km-koyu-2); color: #fff; text-decoration: none; isolation: isolate; }
.km-kat-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 280ms cubic-bezier(.2,.7,.2,1); z-index: -2; }
.km-kat-kart.km-urun-gorsel img { object-fit: contain; padding: 14% 12% 34%; background: radial-gradient(circle at 50% 38%, #3A424D, var(--km-koyu) 70%); }
.km-kat-kart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(21,25,31,0) 35%, rgba(21,25,31,.88) 100%); z-index: -1; transition: opacity 280ms; }
.km-kat-kart:hover img { transform: scale(1.035); }
.km-kat-kart-alt { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.km-kat-kart-alt b { font-size: 15px; font-weight: 700; line-height: 1.2; }
.km-kat-kart-alt small { display: block; font-size: 11.5px; color: rgba(255,255,255,.75); margin-top: 3px; line-height: 1.3; }
.km-kat-ok { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center; transition: background 260ms, border-color 260ms; }
.km-kat-ok svg { width: 15px; height: 15px; }
.km-kat-kart:hover .km-kat-ok { background: var(--km-turuncu-zemin); border-color: var(--km-turuncu); }

.km-sekmeler { display: flex; gap: 8px; }
.km-sekme { height: 38px; padding: 0 18px; border: 1px solid var(--km-cizgi); border-radius: 8px; background: #fff; font: 600 13.5px "Inter", sans-serif; color: var(--km-metin); cursor: pointer; transition: all var(--km-gecis); }
.km-sekme:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-sekme[aria-selected="true"] { background: var(--km-turuncu-zemin); border-color: var(--km-turuncu); color: #fff; }
.km-raf-kap { position: relative; }
.km-raf { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 5 * 16px) / 6); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 10px; }
.km-raf::-webkit-scrollbar { display: none; }
.km-raf > * { scroll-snap-align: start; }
.km-raf[hidden] { display: none; }
.km-raf-ok { position: absolute; top: 38%; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--km-cizgi); background: #fff; box-shadow: var(--km-golge-1); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; color: var(--km-metin); transition: border-color var(--km-gecis), color var(--km-gecis); }
.km-raf-ok:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-raf-ok.km-sol { left: -22px; } .km-raf-ok.km-sag { right: -22px; }
.km-raf-ok svg { width: 18px; height: 18px; }

.km-markalar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.km-marka { display: flex; align-items: center; justify-content: center; aspect-ratio: 400 / 213; border: 1px solid var(--km-cizgi); border-radius: 10px; overflow: hidden; background: #fff; transition: border-color var(--km-gecis), transform var(--km-gecis), box-shadow var(--km-gecis); }
.km-marka img { width: 100%; height: 100%; object-fit: cover; }
.km-marka:hover { border-color: #F9B48F; transform: translateY(-2px); box-shadow: var(--km-golge-1); }

.km-kampanyalar { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.km-kampanya { position: relative; display: flex; align-items: center; min-height: 170px; padding: 28px 32px; border-radius: var(--km-r); overflow: hidden; background: linear-gradient(110deg, var(--km-koyu) 0 55%, var(--km-koyu-2)); color: #fff; text-decoration: none; isolation: isolate; }
.km-kampanya img { position: absolute; right: 0; top: 0; height: 100%; width: 48%; object-fit: cover; z-index: -2; transition: transform 280ms; }
.km-kampanya::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--km-koyu) 45%, rgba(21,25,31,.2) 80%); z-index: -1; }
.km-kampanya:hover img { transform: scale(1.03); }
.km-kampanya small { display: block; color: var(--km-turuncu-yazi); font-weight: 600; font-size: 13px; margin-bottom: 6px; }
.km-kampanya b { display: block; font-size: 24px; font-weight: 800; line-height: 1.2; margin-bottom: 16px; max-width: 320px; }
.km-kampanya .km-btn { height: 38px; font-size: 13px; padding: 0 16px; }

.km-blog { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.km-blog a { display: block; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); overflow: hidden; color: var(--km-metin); text-decoration: none; background: #fff; transition: box-shadow var(--km-gecis), transform var(--km-gecis); }
.km-blog a:hover { box-shadow: var(--km-golge-2); transform: translateY(-2px); }
.km-blog img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--km-zemin-yumusak); }
.km-blog b { display: block; padding: 14px 16px 4px; font-size: 14.5px; line-height: 1.35; }
.km-blog small { display: block; padding: 0 16px 16px; color: var(--km-metin-2); font-size: 12.5px; }

@media (max-width: 1280px) {
  .km-kat-vitrin { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .km-kat-kart { aspect-ratio: 16 / 11; }
  .km-raf { grid-auto-columns: calc((100% - 3 * 16px) / 4); }
  .km-avantaj div { padding: 4px 10px; gap: 8px; }
  .km-avantaj svg { width: 24px; height: 24px; }
}
@media (max-width: 1024px) {
  .km-ust-alan { grid-template-columns: 1fr; margin-top: 12px; }
  .km-tum-kat { display: none; }
  .km-avantaj { grid-template-columns: repeat(3, 1fr); margin: 12px 0 0; row-gap: 12px; }
  .km-avantaj div:nth-child(4) { border-left: 0; }
  .km-avantaj div:nth-child(5) { display: none; }
  .km-secici { grid-template-columns: 1fr 1fr; }
  .km-secici-bas { grid-column: 1 / -1; }
  .km-secici .km-btn { grid-column: 1 / -1; }
  .km-markalar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .km-kampanyalar { grid-template-columns: 1fr; }
  .km-blog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .km-raf-ok { display: none; }
  .km-bolum { margin-top: 40px; }
}
@media (max-width: 640px) {
  .km-kat-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .km-kat-kart { aspect-ratio: 1 / 1; }
  .km-raf { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  .km-avantaj { grid-template-columns: 1fr 1fr; }
  .km-avantaj div { border-left: 0 !important; }
  .km-avantaj div:nth-child(3) { display: none; }
  .km-secici { grid-template-columns: 1fr; }
  .km-markalar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .km-bolum-bas { flex-wrap: wrap; }
  .km-bolum-bas h2 { font-size: 20px; }
  .km-sekmeler { width: 100%; overflow-x: auto; }
  .km-kampanya { min-height: 140px; padding: 22px; }
  .km-kampanya b { font-size: 19px; }
  .km-blog { grid-template-columns: 1fr; }
}

/* ==========================================================
   ÜRÜN KARTI (tek bileşen — ana sayfa, kategori, benzer ürünler)
   ========================================================== */
.km-kart { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); overflow: hidden; transition: box-shadow var(--km-gecis), transform var(--km-gecis), border-color var(--km-gecis); }
.km-kart:hover { box-shadow: var(--km-golge-2); transform: translateY(-2px); border-color: #DADDE2; }
.km-kart-gorsel { position: relative; display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
.km-kart-gorsel img { width: 100%; height: 100%; object-fit: contain; padding: 10%; transition: transform 260ms cubic-bezier(.2,.7,.2,1); }
.km-kart:hover .km-kart-gorsel img { transform: scale(1.03); }
.km-kart-yer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--km-zemin-yumusak); color: #C3C8CF; }
.km-kart-yer svg { width: 54px; height: 54px; }
.km-kart .wishlist { position: absolute; top: 10px; right: 10px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--km-cizgi); background: #fff; display: flex; align-items: center; justify-content: center; color: var(--km-metin-2); cursor: pointer; transition: color var(--km-gecis), border-color var(--km-gecis); }
.km-kart .wishlist svg { width: 18px; height: 18px; }
.km-kart .wishlist:hover, .km-kart .wishlist.active { color: var(--km-turuncu-yazi); border-color: #F9B48F; }
.km-kart-rozet { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 4px 8px; border-radius: 6px; background: var(--km-turuncu-zemin); color: #fff; font-size: 11.5px; font-weight: 700; }
.km-kart-rozet.km-tukendi { background: var(--km-metin-2); }
.km-kart-govde { display: flex; flex-direction: column; flex: 1; padding: 12px 14px 14px; gap: 6px; }
.km-kart-ust { font-size: 11.5px; color: var(--km-metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 15px; }
.km-kart-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; font-size: 13.5px; line-height: 1.35; font-weight: 600; color: var(--km-metin); text-decoration: none; }
.km-kart-ad:hover { color: var(--km-turuncu-yazi); }
.km-kart-fiyat { margin-top: auto; padding-top: 6px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-height: 30px; }
.km-kart-fiyat b { font-size: 18px; font-weight: 700; color: var(--km-metin); }
.km-kart-fiyat s { font-size: 12.5px; color: var(--km-metin-2); }
.km-kart-fiyat .km-fiyat-yok { font-size: 13px; color: var(--km-metin-2); font-weight: 500; }
.km-kart-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 40px; margin-top: 8px; border: 1.5px solid var(--km-turuncu); border-radius: 8px; background: #fff; color: var(--km-turuncu-yazi); font: 600 13.5px "Inter", sans-serif; cursor: pointer; text-decoration: none; transition: background var(--km-gecis), color var(--km-gecis); }
.km-kart-btn:hover { background: var(--km-turuncu-zemin); color: #fff; }
.km-kart-btn svg { width: 17px; height: 17px; }
.km-kart-btn[disabled], .km-kart-btn.km-pasif { border-color: var(--km-cizgi); color: var(--km-metin-2); cursor: not-allowed; background: var(--km-zemin-yumusak); }
.km-kart-btn.km-yukleniyor { pointer-events: none; opacity: .7; }
/* Kategori ızgarası */
body.km .product-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }
body.km .product-grid > .km-kart { width: auto !important; }
@media (max-width: 1100px) { body.km .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) { body.km .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .km-kart-govde { padding: 10px; } .km-kart-fiyat b { font-size: 16px; } }
@media (max-width: 340px) { body.km .product-grid { grid-template-columns: 1fr !important; } }

/* ==========================================================
   PARÇA GRUBU SAYFASI
   ========================================================== */
.km-sayfa-bas { margin: 22px auto 24px; }
.km-kirinti { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--km-metin-2); margin-bottom: 16px; }
.km-kirinti a { color: var(--km-metin-2); text-decoration: none; }
.km-kirinti a:hover { color: var(--km-turuncu-yazi); }
.km-kat-banner { background: linear-gradient(110deg, var(--km-koyu), var(--km-koyu-2)); color: #fff; border-radius: var(--km-r); padding: 26px 30px; }
.km-kat-banner h1 { margin: 0 0 6px; font-size: 28px; font-weight: 700; color: #fff; }
.km-kat-banner p { margin: 0; color: #C6CBD2; font-size: 14px; }
.km-listele { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
.km-filtre { border: 1px solid var(--km-cizgi); border-radius: var(--km-r); padding: 16px; position: sticky; top: 150px; }
.km-filtre h3 { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.km-filtre ul { list-style: none; margin: 0; padding: 0; max-height: 420px; overflow-y: auto; }
.km-filtre a { display: flex; justify-content: space-between; padding: 7px 8px; border-radius: 7px; font-size: 13.5px; color: var(--km-metin); text-decoration: none; }
.km-filtre a:hover { background: var(--km-zemin-yumusak); color: var(--km-turuncu-yazi); }
.km-filtre a.km-secili { background: var(--km-turuncu-acik); color: var(--km-turuncu-yazi); font-weight: 600; }
.km-liste-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; font-size: 14px; color: var(--km-metin-2); }
.km-liste-ust select { height: 40px; padding: 0 12px; border: 1px solid var(--km-cizgi); border-radius: 8px; font: 500 13.5px "Inter", sans-serif; background: #fff; }
.km-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.km-cip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 16px; background: var(--km-turuncu-acik); color: var(--km-turuncu-yazi); font-size: 13px; font-weight: 600; text-decoration: none; }
.km-sayfalama { display: flex; justify-content: center; gap: 6px; margin: 30px 0 10px; flex-wrap: wrap; }
.km-sayfalama a, .km-sayfalama span { min-width: 40px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--km-cizgi); border-radius: 8px; color: var(--km-metin); text-decoration: none; font-size: 14px; font-weight: 500; }
.km-sayfalama a:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-sayfalama .km-aktif { background: var(--km-turuncu-zemin); border-color: var(--km-turuncu); color: #fff; }
@media (max-width: 900px) { .km-listele { grid-template-columns: 1fr; } .km-filtre { position: static; } .km-filtre ul { max-height: none; display: flex; flex-wrap: wrap; gap: 6px; } .km-filtre li a { border: 1px solid var(--km-cizgi); } }

/* ==========================================================
   FOOTER
   ========================================================== */
.km-footer { background: var(--km-koyu); color: #AEB5BE; margin-top: 64px; font-size: 13.5px; }
body.km > footer.footer { display: none !important; }
.km-bulten { border-bottom: 1px solid rgba(255,255,255,.08); }
.km-bulten .km-kap { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 28px; padding-bottom: 28px; }
.km-bulten b { display: block; color: #fff; font-size: 18px; }
.km-bulten small { color: #AEB5BE; font-size: 13px; }
.km-bulten form { display: flex; width: min(460px, 100%); height: 48px; border-radius: 10px; overflow: hidden; background: #fff; }
.km-bulten input { flex: 1; min-width: 0; border: 0; padding: 0 16px; font: 400 14px "Inter", sans-serif; outline: 0; }
.km-bulten button { border: 0; background: var(--km-turuncu-zemin); color: #fff; padding: 0 22px; font: 600 14px "Inter", sans-serif; cursor: pointer; transition: background var(--km-gecis); }
.km-bulten button:hover { background: var(--km-turuncu-h); }
.km-footer-ana .km-kap { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr) 1.2fr; gap: 32px; padding-top: 44px; padding-bottom: 36px; }
.km-footer h3 { color: #fff; font-size: 14.5px; font-weight: 700; margin: 0 0 14px; }
.km-footer ul { list-style: none; margin: 0; padding: 0; }
.km-footer li a { display: inline-block; padding: 5px 0; color: #AEB5BE; text-decoration: none; transition: color var(--km-gecis); }
.km-footer li a:hover { color: var(--km-turuncu-yazi); }
.km-footer-logo img { height: 58px; filter: brightness(0) invert(1); opacity: .95; }
.km-footer-marka p { margin: 14px 0 18px; line-height: 1.6; }
.km-sosyal { display: flex; gap: 10px; }
.km-sosyal a { width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.07); display: flex; align-items: center; justify-content: center; color: #D7DBE0; transition: background var(--km-gecis), color var(--km-gecis); }
.km-sosyal a:hover { background: var(--km-turuncu-zemin); color: #fff; }
.km-sosyal svg { width: 18px; height: 18px; }
.km-iletisim li { display: flex; gap: 10px; align-items: flex-start; padding: 5px 0; }
.km-iletisim svg { width: 17px; height: 17px; color: var(--km-turuncu-yazi); flex: 0 0 auto; margin-top: 2px; }
.km-iletisim a { padding: 0 !important; }
.km-footer-alt { border-top: 1px solid rgba(255,255,255,.08); }
.km-footer-alt .km-kap { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; padding-bottom: 18px; flex-wrap: wrap; }
.km-footer-alt nav { display: flex; gap: 16px; flex-wrap: wrap; }
.km-footer-alt nav a { color: #AEB5BE; text-decoration: none; font-size: 12.5px; }
.km-footer-alt nav a:hover { color: #fff; }
.km-odeme { display: flex; gap: 8px; align-items: center; }
.km-odeme span { height: 28px; padding: 0 10px; border-radius: 6px; background: #fff; color: var(--km-koyu); font-size: 11px; font-weight: 800; letter-spacing: .03em; display: inline-flex; align-items: center; }
@media (max-width: 1024px) { .km-footer-ana .km-kap { grid-template-columns: 1fr 1fr; } .km-footer-marka { grid-column: 1 / -1; } .km-bulten .km-kap { flex-direction: column; align-items: stretch; } }
@media (max-width: 560px) { .km-footer-ana .km-kap { grid-template-columns: 1fr; gap: 6px; } .km-footer details summary { padding: 12px 0; color: #fff; font-weight: 700; cursor: pointer; list-style: none; display: flex; justify-content: space-between; } .km-footer details summary::after { content: "+"; } .km-footer details[open] summary::after { content: "–"; } }
@media (min-width: 561px) { .km-footer details > summary { display: none; } .km-footer details { display: block; } .km-footer details:not([open]) > ul { display: block; } }

/* Bildirim (toast) */
.km-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 16px); background: var(--km-koyu); color: #fff; padding: 12px 20px; border-radius: 10px; font-size: 14px; z-index: 1300; opacity: 0; transition: opacity 200ms, transform 200ms; pointer-events: none; }
.km-toast.km-goster { opacity: 1; transform: translate(-50%, 0); }

/* Sepet çekmecesi içerik */
.km-sepet-cekmece .km-cekmece-govde { padding: 6px 18px; }
.km-sepet-eklendi { display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin: 12px 0 4px; border-radius: 10px; background: #EAF7F0; color: var(--km-yesil); font-weight: 600; font-size: 14px; }
.km-sepet-eklendi svg { width: 20px; height: 20px; }
.km-cekmece-alt .km-btn + .km-btn { margin-top: 8px; }

@media (prefers-reduced-motion: reduce) {
  .km-header *, .km-kart, .km-kart *, .km-kat-kart *, .km-cekmece *, .km-mega, .km-panel, .km-flyout { transition: none !important; animation: none !important; }
}
@media (max-width: 560px) { .km-footer details > h3 { display: none; } }
/* düzeltmeler (ilk ekran testi) */
.km-raf-ok.km-sol { left: -12px; } .km-raf-ok.km-sag { right: -12px; }
body.km { overflow-x: clip; }
.km-logo img { mix-blend-mode: multiply; }
.km-footer-logo { display: inline-block; background: #fff; border-radius: 12px; padding: 8px 14px; }
.km-footer-logo img { filter: none; opacity: 1; height: 50px; display: block; }
body.km .km-kart-btn, body.km .km-kart .add-to-cart { text-transform: none !important; letter-spacing: 0 !important; font-family: "Inter", sans-serif !important; }
body.km .km-kart .km-kart-ust { text-transform: none; letter-spacing: 0; }
.km-kart-yer svg { color: #C9CED5; }

/* ===== Kategori sayfası (01.11.2026) — takı temasının açık bej alanları motor temasına çevrildi ===== */
body.km .ph-crumbrow { display: block !important; background: #fff; border-bottom: 1px solid var(--km-cizgi); }
body.km .ph-crumbrow .ph-bc { text-transform: none; letter-spacing: 0; font-size: 13px; padding: 12px 0; color: var(--km-metin-2); }
body.km .ph-crumbrow .ph-bc a:hover { color: var(--km-turuncu-yazi); }
body.km .ph-crumbrow .ph-bc .sep { color: #b4b9c1; }
body.km .ph-crumbrow .ph-bc .current { color: var(--km-metin); font-weight: 600; }
body.km .cat-hero { background: linear-gradient(110deg, var(--km-koyu), var(--km-koyu-2)) !important; min-height: 0 !important; padding: 0 !important; }
body.km .cat-hero .cat-hero-bg { opacity: .14; filter: grayscale(1); }
body.km .cat-hero .cat-hero-ic { text-align: left; padding: 30px 0 !important; align-items: flex-start !important; }
body.km .cat-hero .cat-hero-baslik { font-family: 'Inter', system-ui, sans-serif !important; color: #fff !important; font-size: clamp(24px, 3vw, 34px) !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: none; text-align: left; margin: 0 !important; }
body.km .cat-hero .cat-hero-cizgi { background: var(--km-turuncu-zemin) !important; width: 48px !important; height: 3px !important; margin: 12px 0 !important; }
body.km .cat-hero .cat-hero-slogan { color: rgba(255,255,255,.72) !important; text-align: left; margin: 0 !important; font-size: 14px; }
body.km .cat-altlar ul { justify-content: flex-start; }
body.km .cat-altlar a { background: #fff !important; border-color: var(--km-cizgi) !important; color: var(--km-metin) !important; font-weight: 600 !important; }
body.km .cat-altlar a:hover, body.km .cat-altlar a.cc-aktif { border-color: var(--km-turuncu) !important; color: var(--km-turuncu-yazi) !important; background: var(--km-turuncu-acik) !important; }
body.km .cat-altlar a.cc-tumu { background: var(--km-koyu) !important; color: #fff !important; border-color: var(--km-koyu) !important; }
body.km .km-kart, body.km .km-kart-gorsel { background: #fff !important; }
body.km .km-kart .km-kart-gorsel img { background: #fff; }
body.km .btn-tb:hover, body.km .btn-tb svg { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
body.km .category-seo { background: var(--km-zemin-yumusak) !important; }
@media (max-width: 768px) {
  body.km .ph-crumbrow .ph-bc { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
  body.km .cat-hero .cat-hero-ic { padding: 22px 0 !important; }
}
body.km .cat-hero::before, body.km .cat-hero::after { display: none !important; }
body.km .cat-hero .cat-hero-ic { max-width: none !important; margin: 0 !important; }
body.km :where(.container) { max-width: var(--km-kap); padding-left: var(--km-pad); padding-right: var(--km-pad); }
body.km .category-layout { max-width: var(--km-kap); padding-left: var(--km-pad); padding-right: var(--km-pad); }
body.km .category-layout.pc-v2 { max-width: var(--km-kap) !important; padding-left: var(--km-pad) !important; padding-right: var(--km-pad) !important; }
@media (min-width: 1280px) { body.km .category-layout .product-grid { grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 20px !important; } }
@media (max-width: 768px) { body.km { padding-bottom: 0 !important; } body.km .floating-actions { bottom: 14px !important; } }

/* ===== Ürün detay (01.11.2026) ===== */
body.km .breadcrumb { background: #fff !important; }
body.km .breadcrumb .container { padding-left: var(--km-pad) !important; padding-right: var(--km-pad) !important; }
body.km .breadcrumb a:hover { color: var(--km-turuncu-yazi) !important; }
body.km .breadcrumb .bc-sep { color: #b4b9c1 !important; }
body.km .product-detail { max-width: var(--km-kap) !important; padding-left: var(--km-pad) !important; padding-right: var(--km-pad) !important; }
body.km .pd-title { font-family: 'Inter', system-ui, sans-serif !important; font-weight: 800 !important; font-size: clamp(22px, 2.2vw, 30px) !important; letter-spacing: -.01em !important; line-height: 1.25 !important; color: var(--km-metin) !important; }
body.km .pd-price .new, body.km .pd-price-box .new { font-family: 'Inter', system-ui, sans-serif !important; font-weight: 800 !important; color: var(--km-metin) !important; }
body.km .btn-cart-large, body.km .mobile-sticky-cta .msc-btn { background: var(--km-turuncu-zemin) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 16px !important; font-weight: 700 !important; border-radius: var(--km-r-buton) !important; }
body.km .btn-cart-large:hover { background: var(--km-turuncu-h) !important; }
body.km .pd-main, body.km .pd-thumb { background: #fff !important; }
body.km .pd-thumb.active { border-color: var(--km-turuncu) !important; }
body.km .pd-stock-line { color: var(--km-yesil) !important; }
body.km .pd-alt-icerik, body.km .pd-ozellik-band .pob-ic { max-width: var(--km-kap) !important; }
body.km .pd-info-accordion details > summary { background: #fff !important; }
body.km .pd-info-accordion details[open] > summary { background: var(--km-zemin-yumusak) !important; }
body.km .pd-info-accordion .acc-h { font-family: 'Inter', system-ui, sans-serif !important; font-weight: 700 !important; }
body.km .pob-oz svg { stroke: var(--km-turuncu) !important; }
.km-uyum-liste { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.km-uyum-liste a { display: block; padding: 10px 12px; border: 1px solid var(--km-cizgi); border-radius: 9px; color: var(--km-metin); text-decoration: none; font-size: 14px; transition: border-color var(--km-gecis), color var(--km-gecis); }
.km-uyum-liste a:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-uyum-liste b { font-weight: 700; }
.km-uyum-not { font-size: 13px; color: var(--km-metin-2); margin: 0; }
.km-uyum-not a { color: var(--km-turuncu-yazi); }
body.km .pd-info-accordion { display: flex; flex-direction: column; } body.km .pd-info-accordion > details.km-uyum { order: -1; }

/* ===== Sepet / ödeme (01.11.2026) — yalnız görünüm, akış aynı ===== */
body.km :focus-visible { outline: 2px solid var(--km-turuncu); outline-offset: 2px; }
body.km .km-kapat:focus-visible { outline: 2px solid var(--km-turuncu) !important; box-shadow: none !important; }
body.km .cart-page, body.km .cart-layout, body.km .checkout-page, body.km .checkout-layout { max-width: var(--km-kap) !important; padding-left: var(--km-pad) !important; padding-right: var(--km-pad) !important; }
body.km .cart-summary-head, body.km .os-head, body.km [class*="summary"] > header { background: var(--km-koyu) !important; }
body.km .btn-checkout, body.km .cart-checkout-btn, body.km .co-submit, body.km button.btn-satin-al, body.km .os-btn { background: var(--km-turuncu-zemin) !important; border-color: var(--km-turuncu) !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: var(--km-r-buton) !important; font-weight: 700 !important; }
body.km .btn-checkout:hover, body.km .cart-checkout-btn:hover, body.km .co-submit:hover, body.km .os-btn:hover { background: var(--km-turuncu-h) !important; }
body.km .breadcrumb .container { max-width: var(--km-kap) !important; }
body.km .cart-page-v2 > .container, body.km .cart-page-v2 .container { max-width: var(--km-kap) !important; }
body.km .cart-summary-v2 .cs-title { background: var(--km-koyu) !important; color: #fff !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; }
body.km .cart-summary-v2 .cs-checkout { background: var(--km-turuncu-zemin) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 16px !important; font-weight: 700 !important; border-radius: var(--km-r-buton) !important; }
body.km .cart-summary-v2 .cs-checkout:hover { background: var(--km-turuncu-h) !important; }
body.km .cs-shipping-progress [class*="bar"] > *, body.km .cs-shipping-progress .fill { background: var(--km-turuncu-zemin) !important; }
body.km .cart-head-v2 h1, body.km .cart-items-v2 h2, body.km .ci-name, body.km .ci-title { font-family: 'Inter', system-ui, sans-serif !important; }
body.km .checkout-auth-page { background: var(--km-zemin-yumusak) !important; }
body.km .cap-btn-primary { background: var(--km-turuncu-zemin) !important; border-color: var(--km-turuncu) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; }
body.km .cap-btn-primary:hover { background: var(--km-turuncu-h) !important; }
body.km .cap-tab.active { border-bottom-color: var(--km-turuncu) !important; color: var(--km-metin) !important; }
body.km .cap-step.done .dot, body.km .cap-step.current .dot { border-color: var(--km-turuncu) !important; }
body.km .cap-step.done .dot { background: var(--km-turuncu-zemin) !important; color: #fff !important; }
body.km .cap-step-line.done { background: var(--km-turuncu-zemin) !important; }
body.km .checkout-auth-page h1, body.km .checkout-auth-page h2 { font-family: 'Inter', system-ui, sans-serif !important; font-weight: 800 !important; }
body.km .km-logo img { height: 58px !important; width: auto !important; max-width: none !important; }
body.km .km-header.km-kucuk .km-logo img { height: 46px !important; }
@media (max-width: 1024px) { body.km .km-logo img, body.km .km-header.km-kucuk .km-logo img { height: 40px !important; } }
@media (max-width: 768px) {
  body.km .category-layout.pc-v2 { padding-left: 12px !important; padding-right: 12px !important; }
  body.km .category-layout .product-grid { gap: 10px !important; }
  body.km .km-kart-ad { -webkit-line-clamp: 3; }
}
/* Mobil hero: canlıdaki slayt görselleri yatay — kırpılmasın */
@media (max-width: 768px) {
  body.km .km-hero-kap .hero { aspect-ratio: 1520 / 575 !important; height: auto !important; min-height: 0 !important; max-height: none !important; }
  body.km .km-hero-kap .hero-slide img { object-fit: cover !important; object-position: center !important; }
}

/* ===== DÜZELTME 01.11 (2): Sticky header titreme ("gidip geliyor") =====
   Küçülme sırasında header yüksekliği değişince tarayıcı kaydırma konumunu kaydırıyor,
   eşik tekrar tekrar aşılıp header açılıp kapanıyordu. Artık küçülmede hiçbir ölçü değişmez:
   masaüstünde üst bilgi çubuğu sticky top:-38px ile doğal olarak kayar, yalnız gölge eklenir. */
body.km .km-header { top: -38px; }
body.km .km-header.km-kucuk .km-ust { margin-top: 0 !important; }
body.km .km-header.km-kucuk .km-ana .km-kap { height: 84px !important; }
body.km .km-header.km-kucuk .km-logo img { height: 58px !important; }
body.km .km-ust, body.km .km-ana .km-kap, body.km .km-logo img { transition: none !important; }
@media (max-width: 1024px) {
  body.km .km-header { top: 0; }
  body.km .km-header.km-kucuk .km-ana .km-kap { height: auto !important; }
  body.km .km-header.km-kucuk .km-logo img, body.km .km-logo img { height: 40px !important; }
}

/* Sol kategori menüsü: ana kalem stilleri yalnız ilk seviyeye (flyout linkleri beyaz zemin üstünde okunmuyordu) */
body.km .km-tum-kat .km-flyout li > a { display: block; height: auto; padding: 8px 0; border-left: 0; color: var(--km-metin); background: none; font-size: 13.5px; font-weight: 500; border-bottom: 1px solid #F1F2F4; border-radius: 0; }
body.km .km-tum-kat .km-flyout li:hover > a, body.km .km-tum-kat .km-flyout li > a:focus-visible { color: var(--km-turuncu-yazi); background: none; border-left: 0; }
body.km .km-flyout { cursor: default; }

/* =====================================================================
   MENÜLER v2 (01.11.2026) — gerçek kategori ağacı, kaskad (iç içe) menü
   Yedek Parça → Marka → Tip → Model → Parça grubu (canlıdaki yapı)
   ===================================================================== */
/* Mega/dropdown: transform kullanılmaz (position:fixed alt menüler doğru konumlansın) */
body.km .km-mega { transform: none !important; transition: opacity 160ms, visibility 0s 160ms !important; }
body.km .km-menu-oge.km-acik > .km-mega { transition: opacity 160ms !important; }

/* Yedek Parça: marka ızgarası */
body.km .km-mega-kas { padding: 18px 20px 0; }
.km-kas-izgara { list-style: none; margin: 0; padding: 0 0 4px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 12px; max-height: calc(100vh - 250px); overflow-y: auto; overscroll-behavior: contain; }
.km-kas-izgara > li > a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 7px 12px; background: var(--km-zemin-yumusak); border: 1px solid var(--km-cizgi); border-radius: 10px; font: 700 13.5px/1.25 "Inter", sans-serif; color: var(--km-metin); text-decoration: none; transition: border-color 120ms, color 120ms, background 120ms; }
.km-kas-izgara > li > a .km-ikon { width: 20px; height: 20px; flex: 0 0 auto; color: #9AA3AE; }
.km-kas-izgara > li > a > span { flex: 1; min-width: 0; }
.km-kas-izgara > li > a:hover, .km-kas-izgara > li.km-acik > a, .km-kas-izgara > li > a:focus-visible { background: #fff; border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); outline: none; }
.km-kas-izgara > li > a:hover .km-ikon, .km-kas-izgara > li.km-acik > a .km-ikon { color: var(--km-turuncu-yazi); }
body.km .km-mega-kas .km-mega-alt { border-top: 1px solid var(--km-cizgi); margin: 12px -20px 0; padding: 11px 20px; display: flex; justify-content: flex-end; }
@media (max-width: 1280px) { .km-kas-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Bakım Ürünleri / Aksesuar: menü başlığının altında dar liste */
body.km .km-dd-acar { position: relative; }
body.km .km-mega-dd { left: 0; right: auto; width: 270px; padding: 6px; border-top: 1px solid var(--km-cizgi); border-radius: 0 0 12px 12px; }
.km-kas-liste { list-style: none; margin: 0; padding: 0; max-height: calc(100vh - 230px); overflow-y: auto; }

/* Alt menüler (her kademe) */
.km-kas-alt { position: fixed; left: -9999px; top: 0; z-index: 980; list-style: none; margin: 0; padding: 6px; width: 250px; overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid var(--km-cizgi); border-radius: 12px; box-shadow: 0 18px 44px rgba(21,25,31,.16); visibility: hidden; opacity: 0; transition: opacity 110ms, visibility 0s 110ms; }
li.km-acik > .km-kas-alt { visibility: visible; opacity: 1; transition: opacity 110ms; }
.km-kas-alt > li > a, .km-kas-liste > li > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 8px; font: 500 14px/1.3 "Inter", sans-serif; color: var(--km-metin); text-decoration: none; transition: background 100ms, color 100ms; }
.km-kas-alt > li > a > span, .km-kas-liste > li > a > span { flex: 1; min-width: 0; }
.km-kas-alt > li > a:hover, .km-kas-alt > li.km-acik > a, .km-kas-alt > li > a:focus-visible,
.km-kas-liste > li > a:hover, .km-kas-liste > li.km-acik > a, .km-kas-liste > li > a:focus-visible { background: var(--km-turuncu-acik); color: var(--km-turuncu-yazi); outline: none; }
.km-kas-ok { width: 14px; height: 14px; flex: 0 0 auto; color: #A2A9B2; }
li.km-acik > a .km-kas-ok, li > a:hover .km-kas-ok { color: var(--km-turuncu-yazi); }
li.km-yukleniyor > a .km-kas-ok { animation: kmDon .8s linear infinite; }
@keyframes kmDon { to { transform: rotate(360deg); } }

/* Ana sayfa sol menü: açık tema, ilk seviye */
body.km .km-tum-kat { background: #fff; border: 1px solid var(--km-cizgi); box-shadow: var(--km-golge-1); overflow: visible; }
body.km .km-tum-kat-bas { margin: -1px -1px 0; }
body.km .km-tum-kat > ul { padding: 6px 0; }
body.km .km-tum-kat > ul > li > a { height: 38px; color: var(--km-metin); font-weight: 600; font-size: 14px; border-left: 3px solid transparent; background: none; }
body.km .km-tum-kat > ul > li > a .km-ikon { color: #8B939E; }
body.km .km-tum-kat > ul > li > a .km-sag-ok { color: #B4B9C1; }
body.km .km-tum-kat > ul > li:hover > a, body.km .km-tum-kat > ul > li.km-acik > a, body.km .km-tum-kat > ul > li > a:focus-visible { background: var(--km-turuncu-acik); color: var(--km-turuncu-yazi); border-left-color: var(--km-turuncu); }
body.km .km-tum-kat > ul > li:hover > a .km-ikon, body.km .km-tum-kat > ul > li.km-acik > a .km-ikon, body.km .km-tum-kat > ul > li.km-acik > a .km-sag-ok { color: var(--km-turuncu-yazi); }
body.km .km-tum-kat > ul > li.km-tum-kat-son { border-top: 1px solid var(--km-cizgi); margin-top: 4px; padding-top: 4px; }
body.km .km-tum-kat > ul > li.km-tum-kat-son > a { color: var(--km-turuncu-yazi); }
/* eski genel kurallar alt menülere sızmasın */
body.km .km-tum-kat .km-kas-alt li > a { height: auto; border-left: 0; font-size: 14px; font-weight: 500; }
body.km .km-tum-kat .km-kas-alt li:hover > a, body.km .km-tum-kat .km-kas-alt li.km-acik > a { border-left: 0; }

/* Mobil katmanlı menü */
body.km .km-cekmece-bas img { height: 40px !important; width: auto !important; }
.km-dd { position: relative; padding: 0 0 24px !important; }
.km-dd-panel { background: #fff; }
.km-dd-panel.km-dd-gizli { display: none; }
.km-dd-sag { animation: kmDdSag 220ms cubic-bezier(.2,.7,.2,1); }
.km-dd-sol { animation: kmDdSol 220ms cubic-bezier(.2,.7,.2,1); }
@keyframes kmDdSag { from { transform: translateX(36px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes kmDdSol { from { transform: translateX(-36px); opacity: 0; } to { transform: none; opacity: 1; } }
.km-dd-satir { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; padding: 10px 18px; border: 0; border-bottom: 1px solid #F0F1F3; background: none; text-align: left; text-decoration: none; color: var(--km-metin); font: 500 15px/1.3 "Inter", sans-serif; cursor: pointer; }
.km-dd-satir svg { width: 16px; height: 16px; flex: 0 0 auto; color: #A2A9B2; }
.km-dd-satir:active { background: var(--km-zemin-yumusak); }
.km-dd-satir.km-dd-ince { min-height: 44px; font-size: 14px; color: var(--km-metin-2); }
.km-dd-geri { display: flex; align-items: center; gap: 6px; width: 100%; padding: 14px 16px 6px; border: 0; background: none; font: 600 14px "Inter", sans-serif; color: var(--km-metin-2); cursor: pointer; }
.km-dd-geri svg { width: 18px; height: 18px; }
.km-dd-baslik { padding: 2px 18px 12px; font: 800 19px/1.25 "Inter", sans-serif; color: var(--km-metin); border-bottom: 1px solid var(--km-cizgi); }
.km-dd-tum { color: var(--km-turuncu-yazi) !important; font-weight: 700 !important; background: var(--km-turuncu-acik) !important; }
.km-dd-bilgi { padding: 18px; color: var(--km-metin-2); font-size: 14px; }
@media (prefers-reduced-motion: reduce) { .km-dd-sag, .km-dd-sol { animation: none; } .km-kas-alt { transition: none; } }

/* ===== Listeleme v2 (01.11.2026): sol filtre paneli + düzenli araç çubuğu ===== */
body.km .km-plp { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; padding-left: 0 !important; padding-right: 0 !important; max-width: none !important; }
body.km .km-filtre-yan { position: sticky; top: 150px; max-height: calc(100vh - 170px); overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); padding: 6px 0 0; }
body.km .km-filtre-form { display: block; }
.km-f-grup { border: 0; margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--km-cizgi); min-width: 0; }
.km-f-grup legend { float: left; width: 100%; padding: 0 0 10px; font: 700 14px "Inter", sans-serif; color: var(--km-metin); }
.km-f-grup legend + * { clear: both; }
.km-f-kat { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow-y: auto; }
.km-f-kat a, .km-f-kat .km-f-bu span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 8px; border-radius: 8px; font-size: 13.5px; line-height: 1.3; color: var(--km-metin); text-decoration: none; }
.km-f-kat a:hover { background: var(--km-zemin-yumusak); color: var(--km-turuncu-yazi); }
.km-f-kat em { font-style: normal; font-size: 12px; color: var(--km-metin-2); background: var(--km-zemin-yumusak); border-radius: 999px; padding: 1px 8px; flex: 0 0 auto; }
.km-f-ust a { color: var(--km-metin-2); font-weight: 600; justify-content: flex-start; }
.km-f-ust svg { width: 15px; height: 15px; }
.km-f-bu span { font-weight: 800; color: var(--km-metin); }
.km-f-alt a { padding-left: 16px; }
.km-f-secili a { background: var(--km-turuncu-acik); color: var(--km-turuncu-yazi); font-weight: 700; }
.km-f-fiyat { display: flex; align-items: center; gap: 6px; }
.km-f-fiyat label { flex: 1; min-width: 0; }
.km-f-fiyat input { width: 100%; height: 40px; border: 1px solid var(--km-cizgi); border-radius: 9px; padding: 0 10px; font: 500 14px "Inter", sans-serif; color: var(--km-metin); background: #fff; -moz-appearance: textfield; }
.km-f-fiyat input::-webkit-outer-spin-button, .km-f-fiyat input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.km-f-fiyat input:focus { outline: none; border-color: var(--km-turuncu); box-shadow: 0 0 0 3px var(--km-turuncu-acik); }
.km-f-tl { font-weight: 700; color: var(--km-metin-2); }
.km-f-onay { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--km-metin); cursor: pointer; }
.km-f-onay input { width: 18px; height: 18px; accent-color: var(--km-turuncu); }
body.km .km-f-eylem { display: flex; gap: 10px; padding: 14px 16px; position: sticky; bottom: 0; background: #fff; }
body.km .km-f-eylem .plp-temizle { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0 14px; height: 44px; border: 1px solid var(--km-cizgi); border-radius: var(--km-r-buton); color: var(--km-metin); text-decoration: none; font-weight: 600; font-size: 14px; background: #fff; }
body.km .km-f-eylem .plp-goster { flex: 1; height: 44px; border: 0; border-radius: var(--km-r-buton); background: var(--km-turuncu-zemin); color: #fff; font: 700 14.5px "Inter", sans-serif; cursor: pointer; text-transform: none; letter-spacing: 0; }
body.km .km-f-eylem .plp-goster:hover { background: var(--km-turuncu-h); }

/* araç çubuğu: [N ürün] ......... [Sıralama ▾]   (masaüstünde filtre butonu gizli, panel solda) */
body.km .km-plp .toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 18px !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--km-cizgi); flex-wrap: nowrap !important; }
body.km .km-plp .toolbar .tb-bc, body.km .km-plp .toolbar .tb-hizli, body.km .km-plp .toolbar .tb-sirala-et { display: none !important; }
body.km .km-plp .toolbar .tb-count { order: -1; margin-right: auto; font-size: 14px; color: var(--km-metin-2); text-align: left !important; }
body.km .km-plp .toolbar .tb-count strong { color: var(--km-metin); }
body.km .km-plp .toolbar .btn-tb { min-width: 0 !important; padding: 0 16px !important; height: 44px; border-radius: var(--km-r-buton) !important; font-size: 14px !important; border-color: var(--km-cizgi) !important; }
body.km .km-plp .plp-filtre-btn { display: none !important; }
body.km .km-plp .sort-menu li.active { color: var(--km-turuncu-yazi) !important; }
body.km .km-plp .plp-main { min-width: 0; }
@media (min-width: 1280px) { body.km .category-layout .km-plp .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; } }
@media (min-width: 1025px) and (max-width: 1279px) { body.km .category-layout .km-plp .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } }
@media (max-width: 1024px) {
  body.km .km-plp { grid-template-columns: 1fr; gap: 0; }
  body.km .km-filtre-yan { display: none; }
  body.km .km-plp .plp-filtre-btn { display: inline-flex !important; }
  body.km .km-plp .toolbar .tb-count { order: 0; }
  body.km .km-plp .toolbar { position: sticky; top: 112px; z-index: 50; background: #fff; padding: 10px 0 !important; margin: 0 0 12px !important; }
  body.km .category-layout .km-plp .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
}
@media (max-width: 768px) {
  body.km .category-layout .km-plp .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  body.km .km-plp .toolbar .tb-count { font-size: 13px; white-space: nowrap; }
  body.km .km-plp .toolbar .btn-tb { padding: 0 12px !important; font-size: 13px !important; }
}
/* mobil filtre sayfası içinde aynı form */
body.km .plp-sheet .km-filtre-form .km-f-kat { max-height: 240px; }
body.km .plp-sheet-baslik strong { font-family: 'Inter', sans-serif !important; }

/* sayfalama */
body.km .pagination .page-link { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--km-cizgi); border-radius: 10px; color: var(--km-metin); text-decoration: none; font-weight: 600; font-size: 14px; background: #fff; }
body.km .pagination .page-link:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
body.km .pagination .page-link.active, body.km .pagination .active > .page-link, body.km .pagination span.current { background: var(--km-turuncu-zemin) !important; border-color: var(--km-turuncu) !important; color: #fff !important; }
.km-f-ipucu { margin: 8px 0 0; font-size: 12px; color: var(--km-metin-2); }
body.km .cat-hero .cat-hero-ic { padding: 24px 0 !important; }
@media (min-width: 1025px) { body.km .cat-altlar { display: none; } body.km .km-plp { margin-top: 24px; } }

/* ===== Ürün detay v2 (01.11.2026) ===== */
body.km .pd-grid { max-width: none !important; gap: 48px !important; }
body.km .pd-ozellik-band { display: none !important; }   /* bilgiler sağ panelde ve Teknik Detaylar'da — üçüncü tekrar kaldırıldı */
body.km .pd-microtag .mikro-sku { display: none; }
body.km .pd-title + * { margin-top: 0; }
.km-pd-bilgi { display: grid; gap: 12px; margin: 4px 0 18px; }
.km-pd-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.km-stok-pill { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; background: #E8F6EE; color: var(--km-yesil); font: 700 13px "Inter", sans-serif; }
.km-stok-pill i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.km-stok-pill.km-yok { background: #FDECEC; color: #C62828; }
.km-pd-kod { font-size: 13.5px; color: var(--km-metin-2); }
.km-pd-kod b { color: var(--km-metin); font-weight: 700; letter-spacing: .01em; }
.km-pd-uyum { border: 1px solid var(--km-cizgi); border-radius: var(--km-r); padding: 14px 16px; background: var(--km-zemin-yumusak); }
.km-pd-uyum-bas { display: flex; align-items: center; gap: 8px; font: 700 14px "Inter", sans-serif; color: var(--km-metin); margin-bottom: 10px; }
.km-pd-uyum-bas svg { width: 20px; height: 20px; color: var(--km-turuncu-yazi); }
.km-pd-uyum ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.km-pd-uyum li a { display: inline-flex; gap: 5px; padding: 7px 12px; background: #fff; border: 1px solid var(--km-cizgi); border-radius: 9px; font-size: 13px; color: var(--km-metin-2); text-decoration: none; transition: border-color 120ms, color 120ms; }
.km-pd-uyum li a b { color: var(--km-metin); }
.km-pd-uyum li a:hover, .km-pd-uyum li a:hover b { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-pd-uyum-tum { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--km-turuncu-yazi); text-decoration: none; }
body.km .btn-wa-order { border-radius: var(--km-r-buton) !important; font-weight: 600 !important; }
@media (max-width: 1024px) { body.km .pd-grid { grid-template-columns: 1fr !important; gap: 22px !important; } }
body.km .product-detail > .container { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body.km .pd-gallery { flex-direction: row !important; align-items: flex-start; gap: 12px !important; }
body.km .pd-main { flex: 1 1 auto; max-width: none !important; aspect-ratio: 1 / 1; background: #fff; border: 1px solid var(--km-cizgi) !important; border-radius: var(--km-r) !important; }
body.km .pd-main img { object-fit: contain !important; width: 100%; height: 100%; }
body.km .pd-thumbs { flex-direction: column !important; width: 84px !important; flex: 0 0 84px; }
body.km .pd-thumbs:empty, body.km .pd-thumbs:not(:has(.pd-thumb:nth-child(2))) { display: none !important; }
@media (max-width: 1024px) { body.km .pd-gallery { flex-direction: column-reverse !important; } body.km .pd-thumbs { flex-direction: row !important; width: 100% !important; flex: 0 0 auto; } }
body.km .pd-gallery > .pd-main { width: 100% !important; margin: 0 !important; }
body.km .pd-thumb-more { display: none !important; }
body.km .pd-microtag { display: none !important; }
body.km .pd-gallery:not(:has(.pd-thumbs))::before { display: none !important; }
body.km .pd-gallery { max-width: 100%; }
body.km .pd-main { max-height: 640px; }
@media (min-width: 1025px) { body.km .pd-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; } }
/* WhatsApp: masaüstü ve mobilde belirgin yeşil buton (Sepete Ekle'nin hemen altında) */
body.km .product-detail .btn-wa-order { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 48px !important; padding: 0 18px !important; margin: 10px 0 0 !important; background: #25D366 !important; color: #fff !important; border: 0 !important; border-radius: var(--km-r-buton) !important; font: 700 15px "Inter", sans-serif !important; letter-spacing: 0 !important; box-shadow: 0 6px 16px rgba(37,211,102,.28) !important; text-decoration: none !important; transition: background 150ms, transform 150ms !important; }
body.km .product-detail .btn-wa-order:hover { background: #1EBE5A !important; transform: translateY(-1px); }
body.km .product-detail .btn-wa-order svg { width: 22px !important; height: 22px !important; }
body.km .product-detail .btn-wa-order svg path { fill: #fff !important; }

/* ===== Ürün kartı v2 (01.11.2026): simetrik, bilgi dolu ===== */
body.km .km-kart { height: auto !important; min-height: 0 !important; }
body.km .km-kart:hover { border-color: #F5B48F; box-shadow: 0 14px 34px rgba(21,25,31,.10); }
body.km .km-kart .km-kart-ust { font-size: 11.5px; font-weight: 700; color: var(--km-turuncu-yazi); text-transform: uppercase; letter-spacing: .02em; }
body.km .km-kart .km-kart-ad { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3 !important; overflow: hidden; height: calc(1.38em * 3); min-height: 0; line-height: 1.38; font-size: 13.5px; font-weight: 600; color: var(--km-metin); text-align: left; }
.km-kart-alt-bilgi { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 18px; font-size: 11.5px; }
.km-kart-kod { color: var(--km-metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.km-kart-stok { display: inline-flex; align-items: center; gap: 5px; color: var(--km-yesil); font-weight: 600; white-space: nowrap; flex: 0 0 auto; margin-left: auto; }
.km-kart-stok::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.km-kart-stok.km-yok { color: #C62828; }
body.km .km-kart .km-kart-fiyat { padding-top: 4px; }
body.km .km-kart .km-kart-fiyat b { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
body.km .km-kart .km-kart-btn { height: 42px; border-radius: var(--km-r-buton); font-weight: 700; }
body.km .km-kart .km-kart-gorsel img { padding: 8%; }
@media (max-width: 760px) {
  body.km .km-kart .km-kart-ad { font-size: 12.5px; }
  .km-kart-alt-bilgi { flex-direction: column; align-items: flex-start; gap: 2px; }
  .km-kart-stok { margin-left: 0; }
  body.km .km-kart .km-kart-btn { height: 40px; font-size: 13px; }
}
body.km .product-detail .pd-main { background: #fff !important; }

/* ===== Ana sayfa sol menü: sağ alanı tamamen kaplayan açılır panel (01.11.2026, 3) ===== */
body.km .km-ust-alan { position: relative; }
body.km .km-tum-kat, body.km .km-kas-sol > li { position: static; }
body.km .km-tum-kat { z-index: auto; }
body.km .km-tum-kat .km-flyout { position: absolute; top: 0; bottom: 0; left: calc(270px - 1px); right: 0; width: auto; min-height: 0; z-index: 45; display: flex; flex-direction: column; padding: 22px 28px 18px; background: #fff; border: 1px solid var(--km-cizgi); border-radius: 0 var(--km-r) var(--km-r) 0; box-shadow: 0 24px 48px rgba(21,25,31,.14); opacity: 0; visibility: hidden; transition: opacity 140ms, visibility 0s 140ms; overflow: hidden; }
body.km .km-kas-sol > li.km-acik > .km-flyout { opacity: 1; visibility: visible; transition: opacity 140ms; }
.km-flyout-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--km-cizgi); flex: 0 0 auto; }
.km-flyout-bas h3 { margin: 0; font: 800 19px "Inter", sans-serif; color: var(--km-metin); }
.km-flyout-bas a { font-size: 13.5px; font-weight: 700; color: var(--km-turuncu-yazi); text-decoration: none; white-space: nowrap; }
.km-flyout-sutunlar { flex: 1 1 auto; min-height: 0; overflow-y: auto; columns: 4 170px; column-gap: 28px; overscroll-behavior: contain; }
.km-fg { break-inside: avoid; margin: 0 0 16px; }
.km-fg-bas { display: block; padding: 0 0 6px; font: 800 13.5px "Inter", sans-serif; color: var(--km-metin); text-decoration: none; letter-spacing: .01em; }
a.km-fg-bas:hover { color: var(--km-turuncu-yazi); }
.km-fg ul { list-style: none; margin: 0; padding: 0; }
body.km .km-tum-kat .km-fg li > a { display: block; height: auto; padding: 5px 0; border: 0; background: none; font: 500 13.5px/1.35 "Inter", sans-serif; color: var(--km-metin-2); text-decoration: none; }
body.km .km-tum-kat .km-fg li > a:hover { color: var(--km-turuncu-yazi); background: none; border: 0; }
.km-fg-daha { color: var(--km-turuncu-yazi) !important; font-weight: 700 !important; }
/* Filtre eylem alanı: tam genişlik "N ürünü göster" + altında metin bağlantı (dar panelde taşmasın) */
body.km .km-f-eylem { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
body.km .km-f-eylem .plp-goster { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 46px !important; padding: 0 14px !important; white-space: nowrap !important; font-size: 15px !important; line-height: 1 !important; gap: 0 !important; }
body.km .km-f-eylem .plp-goster span { display: inline !important; font-weight: 800; }
body.km .km-f-eylem .plp-temizle { height: auto !important; padding: 4px 0 !important; border: 0 !important; background: none !important; justify-content: center; font-size: 13px !important; font-weight: 600 !important; color: var(--km-metin-2) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.km .km-f-eylem .plp-temizle:hover { color: var(--km-turuncu-yazi) !important; }
body.km .km-f-eylem .plp-goster, body.km .km-f-eylem .plp-temizle { flex: 0 0 auto !important; }

/* ===== Ürün detay dengesi (01.11.2026, 4): görsel sütunu sınırlı, bilgi sütunu geniş — boşluk kalmasın ===== */
@media (min-width: 1025px) {
  body.km .pd-grid { grid-template-columns: minmax(340px, 560px) minmax(0, 1fr) !important; gap: 56px !important; align-items: start !important; }
  body.km .pd-main { max-height: none; }
  body.km .pd-gallery { position: sticky !important; top: 150px !important; }
  body.km .pd-info { max-width: 720px !important; }
}
@media (min-width: 1025px) and (max-width: 1279px) { body.km .pd-grid { grid-template-columns: minmax(300px, 460px) minmax(0, 1fr) !important; gap: 36px !important; } }
body.km .pd-title { font-size: clamp(22px, 2vw, 30px) !important; }
/* Görseli henüz olmayan ürün: kırık resim yerine sade yer tutucu */
body.km .pd-main.km-gorsel-yok { background: var(--km-zemin-yumusak) !important; }
body.km .pd-main.km-gorsel-yok img { opacity: 0 !important; }
body.km .pd-main.km-gorsel-yok::after { content: ""; position: absolute; inset: 0; margin: auto; width: 96px; height: 96px; background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C3C8CF' stroke-width='1.2'><circle cx='12' cy='12' r='8'/><circle cx='12' cy='12' r='2.5'/><path d='M12 4v3M12 17v3M4 12h3M17 12h3'/></svg>"); }

/* ===== Ürün detay: satış alanı (01.11.2026, 5) ===== */
body.km .km-hemen-al { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 50px; margin: 10px 0 0; border: 0; border-radius: var(--km-r-buton); background: var(--km-koyu); color: #fff; font: 700 16px "Inter", sans-serif; cursor: pointer; transition: background 150ms; }
body.km .km-hemen-al:hover { background: #000; }
body.km .km-hemen-al svg { width: 18px; height: 18px; color: var(--km-turuncu-yazi); }
body.km .pd-actions-inline .btn-cart-large { height: 50px !important; font-size: 16px !important; }
body.km .pd-actions-inline .qty-wrap { height: 50px !important; }
.km-pd-ek { display: grid; gap: 12px; margin: 18px 0 0; }
.km-pd-kargo { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid #FBD5BF; background: var(--km-turuncu-acik); border-radius: var(--km-r); }
.km-pd-kargo > svg { width: 26px; height: 26px; flex: 0 0 auto; color: var(--km-turuncu-yazi); margin-top: 2px; }
.km-pd-kargo > div { flex: 1; min-width: 0; display: grid; gap: 3px; }
.km-pd-kargo b { font-size: 14.5px; color: var(--km-metin); }
.km-pd-kargo small { font-size: 12.5px; color: var(--km-metin-2); }
.km-pd-kargo-bar { display: block; height: 6px; border-radius: 99px; background: #fff; overflow: hidden; margin-top: 6px; }
.km-pd-kargo-bar i { display: block; height: 100%; background: var(--km-turuncu-zemin); border-radius: 99px; }
.km-pd-capraz { padding: 14px 16px; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); }
.km-pd-capraz-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.km-pd-capraz-bas b { font-size: 14px; color: var(--km-metin); }
.km-pd-capraz-bas a { font-size: 13px; font-weight: 700; color: var(--km-turuncu-yazi); text-decoration: none; white-space: nowrap; }
.km-pd-capraz ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.km-pd-capraz li a { display: inline-block; padding: 6px 11px; border-radius: 999px; background: var(--km-zemin-yumusak); border: 1px solid var(--km-cizgi); font-size: 12.5px; font-weight: 600; color: var(--km-metin); text-decoration: none; transition: border-color 120ms, color 120ms; }
.km-pd-capraz li a:hover { border-color: var(--km-turuncu); color: var(--km-turuncu-yazi); }
.km-pd-capraz-daha { color: var(--km-turuncu-yazi) !important; }
.km-pd-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.km-pd-kutu { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); text-decoration: none; color: var(--km-metin); }
.km-pd-kutu svg { width: 24px; height: 24px; flex: 0 0 auto; color: var(--km-turuncu-yazi); }
.km-pd-kutu span { display: grid; gap: 2px; min-width: 0; }
.km-pd-kutu b { font-size: 13.5px; }
.km-pd-kutu small { font-size: 12.5px; color: var(--km-metin-2); }
a.km-pd-tel:hover { border-color: var(--km-turuncu); }
a.km-pd-tel small { color: var(--km-metin); font-weight: 700; font-size: 14px; }
@media (max-width: 480px) { .km-pd-iki { grid-template-columns: 1fr; } }
/* Açıklama: üretilen özet + canlıdan gelen kalıp metin (kırmızı/büyük yazı stili normalize) */
.km-urun-ozet { font-size: 15px; line-height: 1.7; color: var(--km-metin); margin: 0 0 14px; }
.km-urun-aciklama, .km-urun-aciklama * { color: var(--km-metin-2) !important; font-size: 13.5px !important; line-height: 1.65 !important; font-family: "Inter", sans-serif !important; background: none !important; }
.km-urun-aciklama { padding-top: 12px; border-top: 1px dashed var(--km-cizgi); }

/* ===== Ürün detay: daha kompakt üst alan — ilk ekrana sığsın (01.11.2026, 6) ===== */
body.km .pd-title { font-size: clamp(18px, 1.45vw, 23px) !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; margin: 0 0 8px !important; padding-bottom: 10px !important; }
body.km .pd-info .pd-price-box { margin: 6px 0 6px !important; }
body.km .pd-price-box .pp-price strong.new, body.km .pd-price .new { font-size: 26px !important; }
body.km .pd-info .pd-stock-line { margin: 0 0 6px !important; }
body.km .km-pd-bilgi { gap: 10px; margin: 2px 0 12px; }
body.km .km-pd-uyum { padding: 11px 14px; }
body.km .km-pd-uyum-bas { margin-bottom: 8px; font-size: 13.5px; }
body.km .pd-actions-inline { margin: 10px 0 0 !important; }
body.km .pd-actions-inline .btn-cart-large, body.km .pd-actions-inline .qty-wrap { height: 46px !important; }
body.km .km-hemen-al { height: 46px; margin-top: 8px; font-size: 15px; }
body.km .product-detail .btn-wa-order { min-height: 44px !important; margin-top: 8px !important; font-size: 14.5px !important; }
body.km .pd-info .pd-trust-mini { margin-top: 10px !important; font-size: 12.5px !important; }
body.km .breadcrumb { padding: 10px 0 2px !important; }
@media (min-width: 1025px) { body.km .pd-grid { grid-template-columns: minmax(320px, 500px) minmax(0, 1fr) !important; gap: 48px !important; } }
/* Telefonla sipariş: WhatsApp'ın üstünde ayrı buton */
body.km .km-tel-siparis { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 44px; margin: 8px 0 0; padding: 0 16px; border: 1.5px solid var(--km-koyu); border-radius: var(--km-r-buton); background: #fff; color: var(--km-metin); font: 600 14.5px "Inter", sans-serif; text-decoration: none; transition: background 150ms, color 150ms; }
body.km .km-tel-siparis svg { width: 19px; height: 19px; color: var(--km-turuncu-yazi); }
body.km .km-tel-siparis b { font-weight: 800; }
body.km .km-tel-siparis:hover { background: var(--km-koyu); color: #fff; }

/* ===== Ürün detay: görsel ve bilgi sütunu eşit genişlikte (01.11.2026, 7) ===== */
@media (min-width: 1025px) {
  body.km .pd-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: clamp(28px, 3vw, 48px) !important; }
  body.km .pd-info { max-width: none !important; }
  body.km .pd-gallery > .pd-main { max-height: calc(100vh - 190px); max-width: calc(100vh - 190px); margin: 0 auto !important; }
}
@media (min-width: 1025px) and (max-width: 1279px) { body.km .pd-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 28px !important; } }

/* ===== Ürün detay SADE (01.11.2026, 8): yalnız karar için gereken bilgi ===== */
body.km .pd-info .pd-stock-line { display: none !important; }          /* kargo bilgisi stok satırında */
body.km .km-pd-ek { display: none !important; }                        /* çapraz satış sağ sütundan kaldırıldı (alttaki Benzer Ürünler yeterli) */
body.km .km-pd-satir { gap: 6px 14px; font-size: 13px; color: var(--km-metin-2); }
body.km .km-pd-kargo-yazi { display: inline-flex; align-items: center; gap: 6px; color: var(--km-metin-2); }
body.km .km-pd-kargo-yazi::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #C3C8CF; }
body.km .km-pd-kod::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #C3C8CF; margin-right: 10px; vertical-align: middle; }
body.km .km-pd-uyum { background: none !important; border: 0 !important; padding: 0 !important; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.km .km-pd-uyum-bas { margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--km-metin-2) !important; }
body.km .km-pd-uyum-bas svg { width: 17px !important; height: 17px !important; }
body.km .km-pd-uyum li a { padding: 4px 10px !important; font-size: 12.5px !important; }
body.km .km-pd-uyum-tum { margin: 0 !important; }
body.km .km-pd-bilgi { margin: 4px 0 4px !important; gap: 10px !important; }
body.km .km-pd-bilgi + * , body.km .pd-actions-inline { margin-top: 14px !important; }
/* Ara + WhatsApp yan yana, ikincil */
body.km .km-iletisim-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
body.km .km-iletisim-satir .km-tel-siparis, body.km .km-iletisim-satir .btn-wa-order { margin: 0 !important; min-height: 44px !important; font-size: 14px !important; box-shadow: none !important; }
body.km .km-iletisim-satir .km-tel-siparis { border-width: 1px; border-color: var(--km-cizgi); }
body.km .km-iletisim-satir .km-tel-siparis:hover { border-color: var(--km-koyu); }
body.km .pd-info .pd-trust-mini { margin-top: 14px !important; padding-top: 12px !important; border-top: 1px solid var(--km-cizgi) !important; color: var(--km-metin-2) !important; }
body.km .pd-title { border-bottom: 0 !important; background-image: none !important; padding-bottom: 0 !important; }
@media (max-width: 520px) { body.km .km-iletisim-satir { grid-template-columns: 1fr; } }
body.km .pd-info .pd-trust-mini { border-radius: 0 !important; background: none !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; }

/* ===== Ürün detay: sağ sütun daha dar (01.11.2026, 9) ===== */
@media (min-width: 1025px) {
  body.km .pd-grid { grid-template-columns: minmax(0, 1.25fr) minmax(360px, 1fr) !important; }
  body.km .pd-info { max-width: 540px !important; }
}

/* ===== Ürün detay: görsel ekran yüksekliğine göre — MacBook'ta tamamı görünsün (01.11.2026, 10) ===== */
@media (min-width: 1025px) {
  body.km .pd-grid { grid-template-columns: minmax(320px, min(calc(100vh - 290px), 640px)) minmax(380px, 540px) !important; justify-content: center !important; gap: clamp(32px, 3.5vw, 56px) !important; }
  body.km .pd-gallery > .pd-main { width: 100% !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1 !important; height: auto !important; }
  body.km .pd-info { max-width: 540px !important; width: 100%; }
}

/* ===== Header simetrisi (01.11.2026, 11): arama kutusu sayfanın tam ortasında, menüyle aynı eksende ===== */
@media (min-width: 1025px) {
  body.km .km-ana .km-kap { grid-template-columns: minmax(0, 1fr) clamp(420px, 42vw, 680px) minmax(0, 1fr) !important; gap: 32px !important; }
  body.km .km-logo { justify-self: start; }
  body.km .km-ara { max-width: none !important; justify-self: stretch; }
  body.km .km-araclar { justify-self: end; gap: 2px; min-width: 0; }
  body.km .km-araclar .km-arac:last-child > a { padding-right: 0 !important; }
}
/* dar masaüstünde araç etiketleri kısalsın ki orta eksen kaymasın */
@media (min-width: 1025px) and (max-width: 1439px) {
  body.km .km-arac-fav .km-arac-yazi { display: none; }
  body.km .km-arac-hesap .km-arac-yazi small { display: none; }
}

/* ===== Ürün detay: sayfa yolu ve içerik aynı genişlikte ve ortada (sol kenarlar hizalı) ===== */
@media (min-width: 1025px) {
  body.km { --km-pd-g: min(calc(100vh - 290px), 640px); --km-pd-ara: clamp(32px, 3.5vw, 56px); --km-pd-w: calc(max(320px, var(--km-pd-g)) + var(--km-pd-ara) + 540px); }
  body.km .breadcrumb .container { max-width: calc(var(--km-pd-w) + 2 * var(--km-pd-pad, 0px)) !important; padding-left: 0 !important; padding-right: 0 !important; width: min(100% - 2 * var(--km-pad), var(--km-pd-w)) !important; margin: 0 auto !important; }
  body.km .pd-grid { width: min(100%, var(--km-pd-w)) !important; margin: 0 auto !important; grid-template-columns: max(320px, var(--km-pd-g)) minmax(0, 540px) !important; gap: var(--km-pd-ara) !important; justify-content: space-between !important; }
}

/* ===== Logo (01.11.2026, 12): PNG zaten şeffaf — gri kutu (eski img arka planı) kaldırıldı; footer'da beyaz sürüm, oran korunur ===== */
body.km .km-logo img, body.km .km-cekmece-bas img { background: none !important; mix-blend-mode: normal !important; }
body.km .km-footer-logo { display: inline-block; background: none !important; padding: 0 !important; border-radius: 0 !important; }
body.km .km-footer-logo img { display: block; height: 56px !important; width: auto !important; max-width: 100% !important; filter: none !important; opacity: 1 !important; background: none !important; object-fit: contain; }
.km-kod-bilgi { display: block; margin-top: 6px; font: 600 13px "Inter", sans-serif; color: var(--km-turuncu-yazi); }

/* ===== Özel açılır liste (01.11.2026): beyaz zemin, gruplu, aramalı ===== */
.km-sec { position: relative; min-width: 0; }
.km-sec-gizli { position: absolute !important; inset: 0; opacity: 0; pointer-events: none; width: 100% !important; }
.km-sec-btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 46px; padding: 0 14px; border: 1px solid var(--km-cizgi); border-radius: var(--km-r-buton); background: #fff; font: 600 14px "Inter", sans-serif; color: var(--km-metin); cursor: pointer; text-align: left; transition: border-color 150ms, box-shadow 150ms; }
.km-sec-btn .km-sec-yazi { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.km-sec-btn.km-sec-yer { color: var(--km-metin-2); font-weight: 500; }
.km-sec-btn svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--km-metin-2); transition: transform 150ms; }
.km-sec-btn:hover:not(:disabled), .km-sec.km-acik .km-sec-btn, .km-sec-btn:focus-visible { border-color: var(--km-turuncu); outline: none; }
.km-sec.km-acik .km-sec-btn { box-shadow: 0 0 0 3px var(--km-turuncu-acik); }
.km-sec.km-acik .km-sec-btn svg { transform: rotate(180deg); color: var(--km-turuncu-yazi); }
.km-sec-btn:disabled { background: var(--km-zemin-yumusak); color: #A2A9B2; cursor: not-allowed; }
.km-sec-panel { position: absolute; left: 0; top: calc(100% + 6px); z-index: 950; width: 100%; min-width: 260px; background: #fff; border: 1px solid var(--km-cizgi); border-radius: 12px; box-shadow: 0 18px 44px rgba(21,25,31,.16); overflow: hidden; color-scheme: light; }
.km-sec-ara { position: relative; padding: 10px 10px 6px; border-bottom: 1px solid var(--km-cizgi); }
.km-sec-ara[hidden] { display: none; }
.km-sec-ara svg { position: absolute; left: 22px; top: 50%; margin-top: 2px; transform: translateY(-50%); width: 16px; height: 16px; color: var(--km-metin-2); }
.km-sec-ara input { width: 100%; height: 38px; padding: 0 12px 0 36px; border: 1px solid var(--km-cizgi); border-radius: 8px; font: 500 14px "Inter", sans-serif; color: var(--km-metin); background: var(--km-zemin-yumusak); }
.km-sec-ara input:focus { outline: none; border-color: var(--km-turuncu); background: #fff; }
.km-sec-panel ul { list-style: none; margin: 0; padding: 6px; max-height: 300px; overflow-y: auto; overscroll-behavior: contain; }
.km-sec-grup { padding: 10px 10px 4px; font: 800 11px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--km-turuncu-yazi); }
.km-sec-grup:first-child { padding-top: 4px; }
.km-sec-oge { position: relative; padding: 9px 12px 9px 30px; border-radius: 8px; font: 500 14px/1.3 "Inter", sans-serif; color: var(--km-metin); cursor: pointer; }
.km-sec-oge.km-aktif-oge { background: var(--km-zemin-yumusak); }
.km-sec-oge.km-secili { color: var(--km-turuncu-yazi); font-weight: 700; background: var(--km-turuncu-acik); }
.km-sec-oge.km-secili::before { content: ""; position: absolute; left: 11px; top: 50%; width: 10px; height: 6px; margin-top: -5px; border: solid var(--km-turuncu); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.km-sec-oge[hidden], .km-sec-grup[hidden] { display: none; }
.km-sec-bos { padding: 16px; text-align: center; font-size: 13.5px; color: var(--km-metin-2); }
@media (max-width: 760px) { .km-sec-panel ul { max-height: 260px; } }

/* ===== Hizalama düzeltmesi (01.11.2026, 13): tüm sayfa tek kap genişliğinde — logo, sayfa yolu ve içerik aynı sol çizgide ===== */
@media (min-width: 1025px) {
  body.km .breadcrumb .container { width: auto !important; max-width: var(--km-kap) !important; margin: 0 auto !important; padding-left: var(--km-pad) !important; padding-right: var(--km-pad) !important; }
  body.km .pd-grid { width: 100% !important; margin: 0 !important; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) !important; gap: clamp(28px, 3vw, 48px) !important; justify-content: stretch !important; }
  body.km .pd-info { max-width: none !important; }
  /* görsel kutusu sütunu doldurur; yüksekliği ekrana göre — ürün fotoğrafı içinde ortalanır */
  body.km .pd-gallery > .pd-main { width: 100% !important; aspect-ratio: auto !important; height: clamp(340px, calc(100vh - 290px), 620px) !important; max-height: none !important; }
  body.km .pd-gallery > .pd-main img { object-fit: contain !important; padding: 4%; }
}
/* Hesabım etiketi tek satır, taşmasın */
body.km .km-arac-yazi, body.km .km-arac-yazi small { white-space: nowrap; }
body.km .km-arac > a { white-space: nowrap; }
/* menü: metin seçimi yerine tıklama — menü öğeleri seçilip mavi olmasın */
body.km .km-menu-oge > a { -webkit-user-select: none; user-select: none; }

/* ===== Öne çıkan kategoriler v2 (01.11.2026): beyaz kart — ürün görseli net, ad altında ===== */
.km-kat-vitrin { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
.km-kk { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--km-cizgi); border-radius: var(--km-r); overflow: hidden; text-decoration: none; color: var(--km-metin); transition: border-color 160ms, box-shadow 160ms, transform 160ms; }
.km-kk:hover { border-color: #F5B48F; box-shadow: 0 12px 28px rgba(21,25,31,.10); transform: translateY(-2px); }
.km-kk-gorsel { display: block; aspect-ratio: 1 / 1; background: #fff; border-bottom: 1px solid #F1F2F4; }
.km-kk-gorsel img { width: 100%; height: 100%; object-fit: contain; padding: 12%; transition: transform 260ms cubic-bezier(.2,.7,.2,1); }
.km-kk:hover .km-kk-gorsel img { transform: scale(1.05); }
.km-kk-ad { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 12px 12px 2px; min-height: calc(14px * 1.3 * 2 + 14px); font: 700 14px/1.3 "Inter", sans-serif; text-align: center; }
.km-kk:hover .km-kk-ad { color: var(--km-turuncu-yazi); }
.km-kk-alt { padding: 0 12px 12px; font-size: 12px; color: var(--km-metin-2); text-align: center; }
@media (max-width: 1280px) { .km-kat-vitrin { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .km-kat-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }

/* ===== Header: arama kutusu genişliği sağdaki araçlara göre — hiçbir genişlikte üst üste binmez (01.11.2026, 14) ===== */
@media (min-width: 1440px) {
  body.km .km-ana .km-kap { grid-template-columns: minmax(0, 1fr) clamp(380px, calc(min(100vw, var(--km-kap)) - 2 * (var(--km-pad) + 32px + 410px)), 680px) minmax(0, 1fr) !important; }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  body.km .km-ana .km-kap { grid-template-columns: minmax(0, 1fr) clamp(320px, calc(min(100vw, var(--km-kap)) - 2 * (var(--km-pad) + 32px + 300px)), 600px) minmax(0, 1fr) !important; }
}
body.km .km-araclar { flex-wrap: nowrap; }
@media (max-width: 760px) {
  body.km .km-pd-kargo-yazi::before, body.km .km-pd-kod::before { display: none !important; }
  body.km .km-pd-satir { gap: 6px 12px; }
  body.km .product-detail .pd-main { padding: 0 !important; background: #fff !important; }
  body.km .product-detail .pd-main img { padding: 4% !important; }
}

/* ===== Ürün detay v3 — maket (01.11.2026) ===== */
body.km .km-pd-marka{display:flex;align-items:center;gap:12px;margin:0 0 8px}
body.km .km-pd-marka-ad{font:800 15px/1 inherit;letter-spacing:.06em;color:#1a1a1a!important;text-transform:uppercase;text-decoration:none}
body.km .km-pd-marka-ad img{height:26px;width:auto;max-width:120px;object-fit:contain;display:block}
body.km .km-pd-orj{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#e9f8ef;color:#15803D;font:700 12.5px/1 inherit}
body.km .km-pd-orj svg{width:15px;height:15px}
body.km .pd-title{font-size:clamp(20px,1.55vw,26px)!important;line-height:1.25!important;margin:0 0 8px!important}
body.km .km-pd-meta{display:flex;flex-wrap:wrap;gap:6px 0;font-size:13.5px;color:#6b7280;margin:0 0 14px}
body.km .km-pd-meta span+span::before{content:"";display:inline-block;width:1px;height:13px;background:#d6d9de;margin:0 12px;vertical-align:-2px}
body.km .km-pd-meta b{color:#1f2937;font-weight:700}
body.km .km-pd-meta a{color:inherit;text-decoration:none}
body.km .km-pd-meta a:hover b{color:var(--km-turuncu-yazi)}
body.km .km-hemen-al{display:none!important}
body.km .km-iletisim-satir{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
body.km .km-iletisim-satir>a{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px!important;background:#fff!important;font-weight:700!important;font-size:14.5px!important;text-decoration:none;box-shadow:none!important;margin:0!important;width:auto!important}
body.km .km-iletisim-satir .btn-wa-order{border:1.5px solid #25D366!important;color:#15803D!important}
body.km .km-iletisim-satir .btn-wa-order:hover{background:#effcf4!important}
body.km .km-iletisim-satir .km-tel-siparis{border:1.5px solid #d6d9de!important;color:#1f2937!important}
body.km .km-iletisim-satir .km-tel-siparis:hover{border-color:#F26522!important;color:var(--km-turuncu-yazi)!important}
body.km .km-iletisim-satir svg{width:19px;height:19px;flex:none}
body.km .km-guven4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid #eceef1;border-radius:12px;background:#fafbfc}
body.km .km-guven4>div{display:flex;align-items:center;gap:9px;padding:12px 10px}
body.km .km-guven4>div+div{border-left:1px solid #eceef1}
body.km .km-guven4 svg{width:24px;height:24px;color:var(--km-turuncu-yazi);flex:none}
body.km .km-guven4 span{display:flex;flex-direction:column;min-width:0}
body.km .km-guven4 b{font-size:12.5px;color:#1f2937;line-height:1.2}
body.km .km-guven4 small{font-size:11.5px;color:#6b7280;line-height:1.3}
body.km .pd-trust-mini{display:none!important}
@media (max-width:1280px) and (min-width:769px){body.km .km-guven4{grid-template-columns:repeat(2,1fr)}body.km .km-guven4>div:nth-child(3){border-left:0}body.km .km-guven4>div:nth-child(n+3){border-top:1px solid #eceef1}}
@media (max-width:768px){body.km .km-guven4{grid-template-columns:repeat(2,1fr)}body.km .km-guven4>div:nth-child(3){border-left:0}body.km .km-guven4>div:nth-child(n+3){border-top:1px solid #eceef1}body.km .km-iletisim-satir>a{font-size:13.5px!important}}

/* Sekmeler (masaüstü) */
body.km .km-pd-sekmeler{display:none}
@media (min-width:769px){
 body.km .km-pd-sekmeler{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin:28px 0 0;overflow-x:auto;scrollbar-width:none}
 body.km .km-pd-sekmeler button{display:flex;align-items:center;gap:8px;padding:14px 18px;border:0;background:none;font:600 14.5px/1 inherit;color:#4b5563;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
 body.km .km-pd-sekmeler button svg{width:18px;height:18px}
 body.km .km-pd-sekmeler button:hover{color:#1f2937}
 body.km .km-pd-sekmeler button.km-secili{color:var(--km-turuncu-yazi);border-bottom-color:#F26522}
 body.km .pd-info-accordion.km-sekmeli{border:0!important;margin-top:0!important}
 body.km .pd-info-accordion.km-sekmeli>details{display:none!important;border:0!important;background:none!important}
 body.km .pd-info-accordion.km-sekmeli>details.km-sekme-acik{display:block!important}
 body.km .pd-info-accordion.km-sekmeli>details>summary{display:none!important}
 body.km .pd-info-accordion.km-sekmeli>details>*:not(summary){padding:22px 0 0!important}
}
body.km .km-aciklama-izgara{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
@media (max-width:1024px){body.km .km-aciklama-izgara{grid-template-columns:1fr;gap:18px}}
body.km .km-urun-ozet{font-size:15px;line-height:1.7;color:#374151}
body.km .km-urun-ozet b{color:#111827}
body.km .km-artilar{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:9px}
body.km .km-artilar li{position:relative;padding-left:28px;font-size:14.5px;color:#374151}
body.km .km-artilar li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#e9f8ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-8' fill='none' stroke='%23159947' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
body.km .km-teknik-kart{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
body.km .km-teknik-bas{display:flex;align-items:center;gap:8px;padding:13px 16px;background:#fafbfc;border-bottom:1px solid #eceef1;font-weight:800;font-size:14.5px;color:#111827}
body.km .km-teknik-bas svg{width:18px;height:18px;color:var(--km-turuncu-yazi)}
body.km .km-teknik-kart dl{margin:0}
body.km .km-teknik-kart dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:11px 16px;font-size:13.5px}
body.km .km-teknik-kart dl>div+div{border-top:1px solid #f1f2f4}
body.km .km-teknik-kart dt{color:#6b7280;margin:0}
body.km .km-teknik-kart dd{margin:0;color:#111827;font-weight:600;word-break:break-word}
/* WhatsApp: eski dolu yeşil kuralın üstüne yaz (maket: yeşil çerçeve) */
body.km .product-detail .km-iletisim-satir a.btn-wa-order{background:#fff!important;color:#15803D!important;border:1.5px solid #25D366!important;box-shadow:none!important;padding:0 12px!important;font-size:14.5px!important;min-height:48px!important;transform:none!important}
body.km .product-detail .km-iletisim-satir a.btn-wa-order:hover{background:#effcf4!important}
body.km .product-detail .km-iletisim-satir a.btn-wa-order svg{display:block!important;width:20px!important;height:20px!important}
body.km .product-detail .km-iletisim-satir a.btn-wa-order svg path{fill:#25D366!important}
body.km .product-detail .km-iletisim-satir a.btn-wa-order span::after{content:none!important}
body.km .product-detail .km-iletisim-satir a.km-tel-siparis{min-height:48px!important;font-size:14.5px!important}
@media (max-width:1440px) and (min-width:769px){body.km .km-guven4{grid-template-columns:repeat(2,1fr)}body.km .km-guven4>div:nth-child(3){border-left:0}body.km .km-guven4>div:nth-child(n+3){border-top:1px solid #eceef1}}
body.km .km-pd-marka-ad img{height:28px!important;width:auto!important;max-width:120px!important;max-height:28px!important}
body.km .pd-info-accordion .acc-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px}
@media (max-width:768px){body.km .km-pd-orj{font-size:12px;padding:5px 10px;white-space:nowrap}body.km .km-pd-meta{font-size:13px}}
body.km .pd-alt-icerik .pd-info-accordion details > summary > span.acc-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important}
body.km .pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-title{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}

/* ===== Mobil denetim düzeltmeleri (01.11.2026) ===== */
/* Kart: uzun ürün kodu dar kartta taşmasın */
body.km .km-kart-kod{max-width:100%!important}
@media (max-width:600px){body.km .km-kart-kod{white-space:normal!important;overflow-wrap:anywhere;word-break:break-all;line-height:1.3}}
/* Ana sayfa avantaj şeridi: telefonda/küçük tablette 2×2, dört madde */
@media (max-width:767px){
 body.km .km-avantaj div:nth-child(3){display:flex!important}
 body.km .km-avantaj{grid-template-columns:1fr 1fr!important;padding:6px!important;row-gap:0!important}
 body.km .km-avantaj div{display:flex!important;padding:10px 8px!important;border-left:0!important}
 body.km .km-avantaj div:nth-child(2n){border-left:1px solid var(--km-cizgi)!important}
 body.km .km-avantaj div:nth-child(n+3){border-top:1px solid var(--km-cizgi)}
 body.km .km-avantaj div:nth-child(5){display:none!important}
 body.km .km-avantaj b{font-size:12.5px}
 body.km .km-avantaj small{font-size:11.5px}
}
/* Arama sayfası: 320px'de form taşmasın */
@media (max-width:600px){
 body.km .search-top{flex-wrap:wrap}
 body.km .search-top h1{min-width:0;max-width:100%;overflow-wrap:anywhere}
 body.km .search-form-inline{min-width:0!important;flex:1 1 100%!important;max-width:100%}
 body.km .search-form-inline input{min-width:0}
}
/* 404 */
body.km .e404-search{max-width:min(460px,100%)!important}
body.km .e404-search input{min-width:0}
body.km .e404-search button{background:var(--km-turuncu-zemin)!important;flex:none}
body.km .e404-actions .btn-primary{background:var(--km-turuncu-zemin)!important;border-color:#F26522!important}
@media (max-width:420px){body.km .e404-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:6px}body.km .e404-actions .btn{padding:10px 6px!important;font-size:12.5px!important;min-width:0}}
/* Footer İletişim de aç-kapa olunca masaüstü görünümü aynı kalsın */
@media (min-width:561px){body.km .km-footer details[data-km-f] > summary{display:none!important}}
body.km .pd-spec-summary .spec-row{gap:12px}body.km .pd-spec-summary .spec-row dd{min-width:0;overflow-wrap:anywhere;text-align:right}body.km .pd-spec-summary .spec-row dt{flex:none}
/* Sepet/ödeme (telefon): yüzen WhatsApp/telefon butonları "Ödemeye Geç" çubuğunun üstüne binmesin */
@media (max-width:768px){
 body:has(.cart-sticky-bar) .floating-actions, body:has(.checkout-steps) .floating-actions, body:has([class*="odeme-adim"]) .floating-actions{display:none!important}
 body.km .cart-sticky-bar .csb-btn{background:var(--km-turuncu-zemin)!important;border-color:#F26522!important;color:#fff!important;letter-spacing:.3px!important;white-space:nowrap}
}
/* Ürün detay (01.11.2026): güven kartları sağ sütunun altındaki boşluğu doldurur — sütun görselle aynı boyda biter */
@media (min-width:1025px){
 body.km .pd-grid{align-items:stretch!important}
 body.km .pd-grid > .pd-info{display:flex!important;flex-direction:column;position:static!important;align-self:stretch!important}
 body.km .pd-grid > .pd-info > .pd-form{flex:1 1 auto;display:flex;flex-direction:column}
 body.km .pd-info .km-guven4{flex:1 1 auto;min-height:118px;max-height:260px;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:1fr;margin-top:16px;background:#fff;border:0;gap:10px}
 body.km .pd-info .km-guven4>div{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:14px 8px!important;border:1px solid #eceef1!important;border-radius:12px;background:#fafbfc;transition:border-color .15s,background .15s}
 body.km .pd-info .km-guven4>div:hover{border-color:#F26522!important;background:#fff7f2}
 body.km .pd-info .km-guven4 svg{width:26px;height:26px;padding:11px;box-sizing:content-box;border-radius:50%;background:#fff1e8}
 body.km .pd-info .km-guven4 span{align-items:center}
 body.km .pd-info .km-guven4 b{font-size:13.5px}
 body.km .pd-info .km-guven4 small{font-size:12px;margin-top:2px}
}
@media (min-width:1025px) and (max-width:1199px){body.km .pd-info .km-guven4{grid-template-columns:1fr 1fr!important}}
@media (min-width:1025px){
 body.km .pd-info .km-guven4{grid-template-columns:1fr 1fr!important;max-height:230px}
 body.km .pd-info .km-guven4>div{flex-direction:row;justify-content:flex-start;text-align:left;gap:14px;padding:14px 18px!important}
 body.km .pd-info .km-guven4 span{align-items:flex-start}
 body.km .pd-info .km-guven4 b{font-size:14.5px}
 body.km .pd-info .km-guven4 small{font-size:12.5px}
}
@media (min-width:1025px){body.km .pd-info .km-guven4{max-height:300px}}
/* Footer imza — Bulunur Yazılım (01.11.2026) */
body.km .km-imza{display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.08);margin-top:14px;padding-top:12px;padding-bottom:4px}
body.km .km-imza a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.55)!important;text-decoration:none;transition:color .15s}
body.km .km-imza a b{color:rgba(255,255,255,.85);font-weight:700}
body.km .km-imza a:hover,body.km .km-imza a:hover b{color:var(--km-turuncu-yazi)!important}
body.km .km-imza svg{width:14px;height:14px}
body.km .km-footer-alt .km-kap.km-imza{justify-content:center;margin-top:0;padding-top:12px;padding-bottom:16px}
body.km .pd-price-box .pp-price small.km-kdv::before{content:none!important}body.km small.km-kdv{font-size:12.5px!important;color:#6b7280!important}

/* 05.11.2026 — Ürün detay mobil: "WhatsApp ile Sor" ve telefon butonları dar ekranda iki satıra bölünüyordu
   (satır 936'daki tek sütun kuralını sonraki 1fr 1fr kuralı eziyordu). Dar ekranda alt alta, tam genişlik, tek satır. */
body.km .km-iletisim-satir a.btn-wa-order, body.km .km-iletisim-satir .km-tel-siparis { white-space: nowrap; min-width: 0; }
@media (max-width: 520px) {
  body.km .km-iletisim-satir { grid-template-columns: 1fr !important; gap: 8px !important; }
  body.km .product-detail .km-iletisim-satir a.btn-wa-order, body.km .km-iletisim-satir .km-tel-siparis { min-height: 46px !important; font-size: 15px !important; }
}