/* =====================================================
   technicallaser.com - Ana Stil Dosyası
   Mobile-first, responsive
   ===================================================== */

:root {
  --lkp-koyu: #0b1220;
  --lkp-koyu-2: #131c2e;
  --lkp-turuncu: #ff6a1a;
  --lkp-turuncu-koyu: #e2570f;
  --lkp-mavi: #00c2ff;
  --lkp-gri: #6c7789;
  --lkp-acik-gri: #f4f6fa;
  --lkp-yazi: #1c2433;
  --radius: 10px;
}

* { box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, Segoe UI, Arial, sans-serif;
  color: var(--lkp-yazi);
  background: #fff;
}

h1, h2, h3, h4, h5, h6, .font-baslik {
  font-family: 'Inter', -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

a { text-decoration: none; }

/* ---------- Duyuru Şeridi ---------- */
.duyuru-seridi {
  background: linear-gradient(90deg, var(--lkp-turuncu-koyu), var(--lkp-turuncu));
  color: #fff;
  padding: 9px 0;
  font-size: .85rem;
  font-weight: 600;
  text-align: center;
}
.duyuru-link { color: #fff; }
.duyuru-link:hover { color: #fff; text-decoration: underline; }
.duyuru-link i { vertical-align: -1px; }
.duyuru-kapat {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: none; border: none; color: #fff; font-size: 1.2rem; line-height: 1;
  opacity: .85; padding: 0 6px;
}
.duyuru-kapat:hover { opacity: 1; }

/* ---------- Üst Şerit ---------- */
.ust-serit {
  background: var(--lkp-koyu);
  color: #b9c2d4;
  font-size: .82rem;
  padding: 6px 0;
}
.ust-serit a { color: #b9c2d4; margin-left: 14px; }
.ust-serit a:hover { color: var(--lkp-turuncu); }
.ust-serit-iletisim span { margin-right: 18px; }
.ust-serit-iletisim i { color: var(--lkp-turuncu); margin-right: 4px; }

/* ---------- Navbar ---------- */
.ana-navbar {
  background: var(--lkp-koyu-2);
  padding: 14px 0;
  box-shadow: 0 2px 14px rgba(0,0,0,.15);
}
.navbar-brand {
  font-family: 'Inter', -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff !important;
  letter-spacing: 1px;
}
.navbar-brand i { color: var(--lkp-turuncu); }
.navbar-brand span { color: var(--lkp-turuncu); }
.ana-navbar .nav-link {
  color: #cfd6e4 !important;
  font-weight: 600;
  padding: 8px 16px !important;
}
.ana-navbar .nav-link:hover,
.ana-navbar .nav-link.active {
  color: var(--lkp-turuncu) !important;
}
.btn-sepet {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--lkp-turuncu) 0%, var(--lkp-turuncu-koyu) 100%);
  color: #fff;
  border-radius: 30px;
  padding: 9px 22px;
  font-weight: 700;
  letter-spacing: .2px;
  border: none;
  box-shadow: 0 4px 14px rgba(255, 106, 26, .35);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn-sepet i { font-size: 1rem; line-height: 1; transition: transform .25s ease; }
/* Header sepet ikonu + adet rozeti */
.header-sepet { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; font-size: 1.35rem; text-decoration: none; transition: background .15s, color .15s; }
.header-sepet:hover { background: rgba(255,255,255,.12); color: var(--lkp-turuncu, #ff6a1a); }
.header-sepet-badge { position: absolute; top: 3px; right: 3px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; font-size: .68rem; font-weight: 800; line-height: 18px; text-align: center; box-shadow: 0 2px 6px rgba(255,106,26,.5); }
/* İkonu daire içine al */
.btn-sepet-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: #fff; color: var(--lkp-turuncu-koyu);
  flex-shrink: 0; transition: transform .25s ease, background .2s ease;
}
.btn-sepet:hover .btn-sepet-ikon { transform: scale(1.1) rotate(-8deg); }
.btn-sepet:hover .btn-sepet-ikon i { transform: none; }

/* Ürün kartındaki Teklif Al / Sipariş Oluştur butonu (daire ikon + hizalama) */
.btn-teklif-kart {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-size: .88rem; padding: 8px 12px; white-space: nowrap;
}
.btn-teklif-kart .btn-sepet-ikon { width: 22px; height: 22px; }
.btn-teklif-kart .btn-sepet-ikon i { font-size: .82rem; }
.btn-teklif-kart:hover .btn-sepet-ikon { transform: scale(1.1) rotate(-8deg); }
/* Parıltı (shine) efekti */
.btn-sepet::before {
  content: "";
  position: absolute;
  top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
}
.btn-sepet:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(255, 106, 26, .5);
  filter: brightness(1.05);
}
.btn-sepet:hover::before { left: 130%; }
.btn-sepet:hover i { transform: scale(1.15) rotate(-8deg); }
.btn-sepet:active { transform: translateY(0); box-shadow: 0 3px 10px rgba(255, 106, 26, .35); }

/* ---------- Yeni Header (logo + arama + menü) ---------- */
.site-header { background: var(--lkp-koyu-2); z-index: 1020; }
.header-satir { display: flex; align-items: center; gap: 20px; padding: 13px 0; }
.header-logo { color: #fff; font-weight: 800; font-size: 1.35rem; text-decoration: none; white-space: nowrap; letter-spacing: .3px; flex-shrink: 0; }
.header-logo i, .header-logo span { color: var(--lkp-turuncu); }
.header-logo-gorsel { max-height: 60px; width: auto; display: block; }
.header-logo-favicon { display: none; height: 44px; width: auto; }
.header-arama { flex: 1; max-width: 560px; display: flex; margin: 0 auto; }
.header-arama-input { flex: 1; min-width: 0; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: #fff; border-radius: 10px 0 0 10px; padding: 10px 16px; outline: none; }
.header-arama-input::placeholder { color: #9aa4b2; }
.header-arama-input:focus { border-color: var(--lkp-turuncu); background: rgba(255,255,255,.1); }
.header-arama-btn { background: var(--lkp-turuncu); color: #fff; border: none; border-radius: 0 10px 10px 0; padding: 10px 18px; font-weight: 600; white-space: nowrap; }
.header-arama-btn:hover { background: var(--lkp-turuncu-koyu); }
.header-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-shrink: 0; }
.header-toggle { display: none; background: transparent; border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 8px; font-size: 1.3rem; padding: 3px 10px; line-height: 1; }
.header-hesap { display: inline-flex; align-items: center; gap: 8px; color: #cfd6e2; text-decoration: none; padding: 4px 6px; border-radius: 8px; }
.header-hesap i { font-size: 1.35rem; color: #cfd6e2; }
.header-hesap span { display: flex; flex-direction: column; line-height: 1.15; }
.header-hesap strong { font-size: .82rem; color: #fff; font-weight: 700; }
.header-hesap small { font-size: .68rem; color: #9aa4b2; }
.header-hesap:hover strong, .header-hesap:hover i { color: var(--lkp-turuncu); }
/* Mobil hesap/giris ikonu — .header-sepet ile ayni gorunum (masaustunde d-lg-none ile gizli) */
.header-hesap-mini { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; font-size: 1.35rem; text-decoration: none; transition: background .15s, color .15s; }
.header-hesap-mini:hover { background: rgba(255,255,255,.12); color: var(--lkp-turuncu, #ff6a1a); }

.header-menu { background: var(--lkp-koyu); border-top: 1px solid rgba(255,255,255,.06); }
.header-menu-liste { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
.header-menu-liste > li > a { display: block; color: #cfd6e2; text-decoration: none; font-weight: 600; font-size: .88rem; text-transform: uppercase; letter-spacing: .4px; padding: 13px 18px; border-bottom: 3px solid transparent; transition: .15s; }
.header-menu-liste > li > a:hover { color: #fff; }
.header-menu-liste > li > a.aktif { color: #fff; border-bottom-color: var(--lkp-turuncu); }
.header-dropdown { position: relative; }
.header-dropdown > a i { font-size: .68rem; }
.header-alt-menu { list-style: none; position: absolute; top: 100%; left: 0; min-width: 250px; background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 12px 32px rgba(0,0,0,.16); padding: 8px 0; margin: 0; opacity: 0; visibility: hidden; transform: translateY(6px); transition: .18s; z-index: 30; }
.header-dropdown:hover .header-alt-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.header-alt-menu a { display: block; padding: 9px 18px; color: var(--lkp-koyu); text-decoration: none; font-size: .9rem; text-transform: none; letter-spacing: 0; }
.header-alt-menu a:hover { background: #f4f6f8; color: var(--lkp-turuncu); }

/* Mega menü (Ürünler) */
.header-menu .container { position: relative; }
/* li'yi statik yap ki mega, dar li yerine tam genişlikteki container'a göre konumlansın */
.header-mega-wrap { position: static; }
.header-mega {
  position: absolute; top: 100%; left: 0; right: 0;
  background: #fff; border-radius: 0 0 14px 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  padding: 24px 28px; display: flex; gap: 28px;
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: .18s ease; z-index: 40;
}
.header-mega-wrap:hover .header-mega { opacity: 1; visibility: visible; transform: translateY(0); }
.header-mega-kolonlar { display: flex; gap: 40px; flex: 1; flex-wrap: wrap; }
.mega-kolon { min-width: 170px; display: flex; flex-direction: column; }
.mega-baslik { display: flex; align-items: center; gap: 9px; font-weight: 700; color: var(--lkp-koyu); font-size: .8rem; text-transform: uppercase; letter-spacing: .4px; padding-bottom: 10px; margin-bottom: 8px; border-bottom: 2px solid #eef1f5; text-decoration: none; }
.mega-kolon { --mega-renk: var(--lkp-turuncu); }
.mega-baslik { border-bottom-color: color-mix(in srgb, var(--mega-renk) 30%, #eef1f5); }
.mega-baslik i { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--mega-renk); color: #fff; font-size: .95rem; flex-shrink: 0; }
a.mega-baslik:hover { color: var(--mega-renk); }
.mega-link { display: flex; align-items: center; gap: 8px; padding: 7px 0; color: #4a5566; text-decoration: none; font-size: .9rem; text-transform: none; letter-spacing: 0; transition: .12s; }
.mega-link::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #cfd6e0; flex-shrink: 0; transition: .12s; }
.mega-link:hover { color: var(--mega-renk); padding-left: 4px; }
.mega-link:hover::before { background: var(--mega-renk); transform: scale(1.4); }
.mega-tumu { color: var(--mega-renk); font-weight: 600; margin-top: 4px; }
.mega-tumu::before { display: none; }
.mega-tumu i { font-size: .8rem; }
.mega-urun-gorsel { position: relative; flex-shrink: 0; }
.mega-urun-rozet { position: absolute; top: -6px; left: -6px; background: var(--lkp-turuncu); color: #fff; font-size: .62rem; font-weight: 700; padding: 1px 6px; border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.mega-urun-eski { text-decoration: line-through; color: #9aa4b2; font-weight: 500; font-size: .78rem; margin-right: 5px; }
.mega-vitrin { width: 250px; flex-shrink: 0; border-left: 1px solid #eef1f5; padding-left: 24px; }
.mega-vitrin-baslik { font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .4px; color: var(--lkp-koyu); margin-bottom: 12px; }
.mega-urun { display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 10px; text-decoration: none; margin-bottom: 4px; transition: background .15s; }
.mega-urun:hover { background: #f7f9fb; }
.mega-urun img { width: 52px; height: 52px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: #f0f2f5; }
.mega-urun-ad { font-size: .82rem; color: var(--lkp-koyu); font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mega-urun-fiyat { font-size: .85rem; color: var(--lkp-turuncu); font-weight: 700; margin-top: 2px; }

@media (max-width: 991.98px) {
  /* Üst satır: logo + arama + hamburger hepsi TEK SATIR yan yana */
  .header-satir { flex-wrap: nowrap; gap: 8px; padding: 10px 10px; }
  .header-arama { order: 0; flex: 1 1 auto; min-width: 0; max-width: none; margin: 0; }
  /* Arama kutusunu küçült */
  .header-arama-input { padding: 7px 12px; font-size: .82rem; border-radius: 8px 0 0 8px; }
  .header-arama-input::placeholder { font-size: .82rem; }
  .header-arama-btn { padding: 7px 12px; font-size: .85rem; border-radius: 0 8px 8px 0; }
  .header-arama-btn .d-sm-inline { display: none !important; }
  /* Logo: mobilde kompakt — favicon varsa görsel, yoksa yalnız ikon (favicon gibi) */
  .header-logo { font-size: 1.05rem; flex-shrink: 0; }
  .header-logo.has-favicon .header-logo-yazi { display: none; }
  .header-logo.has-favicon .header-logo-favicon { display: block; }
  .header-logo:not(.has-favicon) .header-logo-kelime { display: none; }
  .header-logo:not(.has-favicon) .header-logo-ikon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 10px; color: #fff !important;
    background: linear-gradient(135deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu)); font-size: 1.2rem;
  }
  /* Sağda Teklif Al + hamburger (ikon kare), taşmasın diye sabit boyut + shrink:0 */
  .header-sag { gap: 6px; margin-left: 0; flex-shrink: 0; }
  .header-sag .btn-sepet { display: inline-flex; width: 40px; height: 40px; min-width: 40px; padding: 0; margin: 0; justify-content: center; border-radius: 9px; }
  .header-sag .header-hesap-mini { width: 40px; height: 40px; min-width: 40px; font-size: 1.25rem; border-radius: 9px; }
  .header-sag .btn-sepet .d-sm-inline { display: none !important; }
  .header-sag .btn-sepet .btn-sepet-ikon { width: 24px; height: 24px; }
  .header-toggle { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; padding: 0; font-size: 1.3rem; border-radius: 9px; flex-shrink: 0; }
  .header-menu { display: none; }
  .header-menu.acik { display: block; }
  .header-menu .container { padding: 0; }
  .header-menu-liste { flex-direction: column; }
  .header-menu-liste > li > a { border-bottom: 1px solid rgba(255,255,255,.06); border-left: 3px solid transparent; }
  .header-menu-liste > li > a.aktif { border-bottom-color: rgba(255,255,255,.06); border-left-color: var(--lkp-turuncu); }
  /* Normal dropdown (Kurumsal vb.): mobilde KAPALI gelir, başlığa tıklayınca açılır */
  .header-alt-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: rgba(255,255,255,.04); border-radius: 0; min-width: 0; display: none; }
  .header-dropdown.acik > .header-alt-menu { display: block; animation: megaAc .2s ease; }
  .header-dropdown > a i { transition: transform .25s ease; }
  .header-dropdown.acik > a i { transform: rotate(180deg); }
  .header-alt-menu a { color: #b9c2d4; padding-left: 34px; }
  /* Mega menü mobilde: kapalı gelen akordeon gruplar */
  .header-mega { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: rgba(0,0,0,.15); border-radius: 0; padding: 0; flex-direction: column; gap: 0; }
  .header-mega-kolonlar { flex-direction: column; gap: 0; }
  .mega-kolon { min-width: 0; border-top: 1px solid rgba(255,255,255,.05); }
  .mega-baslik { display: flex; align-items: center; gap: 10px; color: #e2e7f0; border: 0; padding: 14px 20px; margin: 0; font-size: .82rem; cursor: pointer; user-select: none; }
  .mega-baslik i { width: 24px; height: 24px; font-size: .82rem; }
  .mega-baslik::after { content: "\F282"; font-family: "bootstrap-icons"; font-size: .85rem; color: #8b96a8; margin-left: auto; transition: transform .25s ease; }
  .mega-kolon.acik > .mega-baslik { color: var(--mega-renk); }
  .mega-kolon.acik > .mega-baslik::after { transform: rotate(180deg); color: var(--mega-renk); }
  .mega-link { display: none; color: #b9c2d4; padding: 11px 20px 11px 46px; font-size: .92rem; }
  .mega-kolon.acik .mega-link { display: flex; animation: megaAc .2s ease; }
  .mega-link:hover, .mega-link:active { padding-left: 46px; background: rgba(255,255,255,.04); }
  .mega-tumu { padding-left: 20px !important; }
  .mega-vitrin { display: none; }
}
@keyframes megaAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; }
}
.sepet-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: var(--lkp-koyu);
  color: #fff;
  font-size: .7rem;
}

/* ---------- Butonlar ---------- */
.btn-lkp {
  background: var(--lkp-turuncu);
  color: #fff;
  border: none;
  border-radius: var(--radius);
  padding: 12px 28px;
  font-weight: 600;
  transition: .2s;
}
.btn-lkp:hover { background: var(--lkp-turuncu-koyu); color: #fff; }
.btn-lkp-outline {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  border-radius: var(--radius);
  padding: 10px 26px;
  font-weight: 600;
}
.btn-lkp-outline:hover { background: #fff; color: var(--lkp-koyu); }
.btn-lkp-koyu {
  background: var(--lkp-koyu);
  color: #fff;
  border: none;
  border-radius: var(--radius);
  padding: 12px 28px;
  font-weight: 600;
}
.btn-lkp-koyu:hover { background: var(--lkp-koyu-2); color: #fff; }

/* ---------- Sinematik Lazer Hero ---------- */
.lazer-hero {
  position: relative; overflow: hidden; isolation: isolate;
  min-height: 58vh; min-height: 58svh; display: flex; align-items: stretch;
  background: radial-gradient(125% 105% at 72% 26%, #17233f 0%, #0b1220 46%, #05070d 100%);
}
.lazer-hero-grid {
  position: relative; z-index: 2; flex: 1; width: 100%; max-width: 1440px; margin: 0 auto;
  padding: 38px clamp(20px, 5vw, 72px);
  display: grid; grid-template-columns: 1fr;
  align-items: center; gap: clamp(24px, 4vw, 60px);
}
.lazer-hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; }
.lazer-hero-scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,7,13,.88) 0%, rgba(5,7,13,.55) 40%, rgba(5,7,13,0) 68%),
    linear-gradient(0deg, rgba(5,7,13,.72) 0%, rgba(5,7,13,0) 32%);
}
.lazer-hero-icerik { position: relative; z-index: 2; color: #fff; padding: 0; max-width: 1100px; }
.lazer-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px;
  font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #ffd9c2;
  background: rgba(8, 13, 23, .55); border: 1px solid rgba(255,106,26,.55); padding: 8px 15px; border-radius: 999px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.lazer-eyebrow i { color: var(--lkp-turuncu); }
.lazer-baslik {
  font-size: clamp(2.4rem, 6vw, 4.7rem); font-weight: 800; line-height: 1.03; letter-spacing: -.02em;
  margin: 0 0 18px; text-wrap: balance; text-shadow: 0 6px 44px rgba(0,0,0,.5);
}
.lazer-baslik .isik {
  background: linear-gradient(92deg, #ffb37a, var(--lkp-turuncu) 45%, #fff 125%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 0 36px rgba(255,106,26,.55);
}
.lazer-alt { font-size: clamp(1rem, 1.55vw, 1.22rem); color: #c6cfdd; max-width: 820px; margin: 0 0 30px; line-height: 1.55; }
.lazer-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.lazer-btn-birincil, .lazer-btn-ikincil { display: inline-flex; align-items: center; gap: 9px; padding: 14px 26px; border-radius: 12px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.lazer-btn-birincil { color: #fff; background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45); border: 0; box-shadow: 0 10px 30px rgba(255,106,26,.42), inset 0 1px 0 rgba(255,255,255,.28); }
.lazer-btn-birincil:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 42px rgba(255,106,26,.58); }
.lazer-btn-ikincil { color: #fff; font-weight: 600; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.22); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.lazer-btn-ikincil:hover { color: #fff; background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.42); }
.lazer-guven { display: flex; flex-wrap: wrap; gap: 8px 22px; color: #9aa6ba; font-size: .86rem; font-weight: 600; }
.lazer-guven i { color: var(--lkp-turuncu); margin-right: 5px; }
.lazer-kaydir { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 2; color: rgba(255,255,255,.55); font-size: 1.5rem; animation: lazerZipla 1.9s ease-in-out infinite; }
.lazer-kaydir:hover { color: #fff; }
@keyframes lazerZipla { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 9px); } }
/* Lazer sağa vardıkça sağ-üstte sırayla beliren makine adı */
.lazer-urun-etiket {
  display: block; margin: 4px 0 30px; min-height: 2.4rem;
  text-align: left; pointer-events: none; opacity: 0;
  color: #ff6a1a; font-weight: 800; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.25; letter-spacing: -.01em;
  text-shadow: 0 2px 16px rgba(0,0,0,.9);
}
.lazer-urun-etiket.gorun { animation: lazerEtiketYuksel 2.8s cubic-bezier(.2,.7,.25,1) forwards; }
@keyframes lazerEtiketYuksel {
  0% { opacity: 0; transform: translateY(26px); }
  55% { opacity: 1; transform: translateY(0); }
  100% { opacity: 1; transform: translateY(0); }
}
/* Hero makine sahnesi — sağdan kayıp ortaya oturan makine kartları */
.lazer-makine-sahne { position: relative; align-self: stretch; min-height: 340px; z-index: 1; pointer-events: none; overflow: hidden; }
.lazer-makine {
  position: absolute; top: 50%; left: 50%; width: min(540px, 84%);
  transform: translate(-50%, -50%) translateX(90px) scale(.94); opacity: 0;
  transition: opacity .75s ease, transform .95s cubic-bezier(.22, .61, .36, 1);
  text-decoration: none; will-change: transform, opacity;
}
.lazer-makine.aktif { opacity: 1; transform: translate(-50%, -50%) translateX(0) scale(1); pointer-events: auto; }
.lazer-makine.cikan { opacity: 0; transform: translate(-50%, -50%) translateX(-80px) scale(.94); }
.lazer-makine-kart {
  position: relative; border-radius: 22px; padding: 22px 24px 16px; text-align: center;
  background: radial-gradient(120% 100% at 50% -10%, #ffffff 0%, #e9eef6 100%);
  box-shadow: 0 45px 90px -22px rgba(0, 0, 0, .62), inset 0 0 0 1px rgba(255, 255, 255, .55);
}
.lazer-makine-kart::before {
  content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, transparent, var(--lkp-turuncu), transparent);
}
.lazer-makine-kart img { width: 100%; max-height: 44vh; object-fit: contain; display: block; margin: 0 auto; }
.lazer-makine-ad { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-weight: 700; font-size: .92rem; color: var(--lkp-koyu); }
.lazer-makine-ad i { color: var(--lkp-turuncu); transition: transform .2s; }
.lazer-makine:hover .lazer-makine-ad i { transform: translateX(4px); }
@media (max-width: 991.98px) {
  .lazer-hero-grid { grid-template-columns: 1fr; }
  .lazer-makine-sahne { display: none; }
}
@media (max-width: 767.98px) {
  .lazer-hero { min-height: auto; }
  .lazer-hero-grid { padding: 36px 20px 28px; }
  .lazer-eyebrow { font-size: .68rem; letter-spacing: .1em; padding: 6px 12px; }
  .lazer-cta { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 26px; }
  .lazer-cta .btn { justify-content: center; width: 100%; }
  .lazer-guven { font-size: .78rem; gap: 6px 16px; }
  .lazer-kaydir { display: none; }
}
@media (prefers-reduced-motion: reduce) { .lazer-kaydir, .lazer-urun-etiket.gorun { animation: none; } }

/* ---------- Hero sağ köşe kartları (onelazer tarzı; 1 kart sabit, çok kart döner) ---------- */
.hero-kart-yuvasi {
  position: absolute; z-index: 3; top: 50%; right: clamp(18px, 2.8vw, 56px); transform: translateY(-50%);
  width: clamp(320px, 26vw, 392px);
}
/* Kartlar üst üste yığılır (grid) — yükseklik en uzun karta göre sabitlenir, geçişte zıplama olmaz */
.hero-kart-slaytlar { display: grid; }
.hero-kart {
  grid-area: 1 / 1;
  opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s ease;
  background: rgba(16, 24, 42, .55); -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2);
  border: 1px solid rgba(255,255,255,.14); border-radius: 20px; padding: 14px;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-kart.aktif { opacity: 1; visibility: visible; }
.hero-kart-medya { border-radius: 13px; overflow: hidden; aspect-ratio: 16 / 9; margin-bottom: 13px; background: #05070d; }
.hero-kart-medya video { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-kart-govde { padding: 2px 6px 5px; }
.hero-kart-eyebrow { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #a7b6d4; margin-bottom: 8px; }
.hero-kart-baslik { font-size: 1.34rem; font-weight: 800; color: #fff; line-height: 1.15; margin: 0 0 8px; letter-spacing: -.01em; }
.hero-kart-metin { font-size: .92rem; color: #c6cfdd; line-height: 1.5; margin: 0 0 15px; }
.hero-kart-cta { display: flex; flex-direction: column; gap: 9px; }
.hero-kart-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 11px; font-weight: 700; font-size: .93rem; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.hero-kart-btn.birincil { color: #fff; background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45); box-shadow: 0 10px 26px rgba(255,106,26,.4); }
.hero-kart-btn.birincil:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(255,106,26,.55); }
.hero-kart-btn.ikincil { color: #fff; font-weight: 600; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); }
.hero-kart-btn.ikincil:hover { color: #fff; background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.4); }
/* Kart değiştirme noktaları (yalnız birden fazla kart varsa basılır) */
.hero-kart-noktalar { display: flex; justify-content: center; gap: 7px; margin-top: 13px; }
.hero-kart-nokta {
  width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
  background: rgba(255,255,255,.3); transition: background .2s ease, width .2s ease, border-radius .2s ease;
}
.hero-kart-nokta:hover { background: rgba(255,255,255,.6); }
.hero-kart-nokta.aktif { width: 22px; border-radius: 5px; background: var(--lkp-turuncu); }
@media (max-width: 1199.98px) { .hero-kart-yuvasi { display: none; } }       /* dar ekranda kart gizli */
@media (prefers-reduced-motion: reduce) { .hero-kart { transition: none; } }
/* Alçak ekranda (ör. 1366x768 dizüstü) kart hero'yu taşıp kırpılmasın — gizlemek yerine kompaktlaştır */
@media (max-height: 820px) {
  .hero-kart { padding: 11px; border-radius: 16px; }
  .hero-kart-medya { aspect-ratio: 16 / 10; margin-bottom: 10px; }
  .hero-kart-baslik { font-size: 1.15rem; margin-bottom: 6px; }
  .hero-kart-metin { font-size: .85rem; line-height: 1.42; margin-bottom: 11px; }
  .hero-kart-eyebrow { font-size: .63rem; margin-bottom: 6px; }
  .hero-kart-btn { padding: 9px 15px; font-size: .87rem; }
  .hero-kart-cta { gap: 7px; }
  .hero-kart-noktalar { margin-top: 9px; }
}

/* ---------- Hero ---------- */
.hero-icerik { position: relative; z-index: 2; color: #fff; padding: 40px 0; }
.hero-icerik .hero-baslik {
  font-size: 2.6rem;
  margin-bottom: 14px;
}
.hero-icerik p { font-size: 1.1rem; color: #d3d9e5; margin-bottom: 26px; max-width: 560px; }

/* ---------- Bölüm Başlıkları ---------- */
.bolum-baslik { text-align: center; margin-bottom: 46px; }
.bolum-baslik .ust-etiket {
  color: var(--lkp-turuncu);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: .85rem;
}
.bolum-baslik h2 { font-size: 2rem; margin-top: 6px; }
.bolum-baslik p { color: var(--lkp-gri); max-width: 620px; margin: 10px auto 0; }
.bolum-baslik p.bolum-alt-tam { max-width: 100%; }

/* ---------- Kategori Kartları ---------- */
.kategori-karti {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  height: 220px;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(160deg, var(--lkp-koyu-2), var(--lkp-koyu));
  color: #fff;
  transition: transform .25s;
}
.kategori-karti:hover { transform: translateY(-6px); }
.kategori-karti-gorsel {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; z-index: 0; transition: transform .4s;
}
.kategori-karti:hover .kategori-karti-gorsel { transform: scale(1.06); }
.kategori-karti::after {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(0deg, rgba(11,18,32,.92) 8%, rgba(11,18,32,.35) 55%, rgba(11,18,32,.15) 100%);
}
.kategori-karti .icerik { padding: 20px; position: relative; z-index: 2; }
.kategori-karti .icerik h5 { margin: 0; font-weight: 700; }
.kategori-karti .icerik small { color: var(--lkp-turuncu); font-weight: 600; }
/* Masaüstünde başlık tek satıra sığar — container genişliğine göre kademeli (kart overflow:hidden olduğundan kırpılmasın) */
@media (min-width: 992px) {
  .kategori-karti .icerik { padding: 18px 12px; }
  .kategori-karti .icerik h5 { white-space: nowrap; font-size: 0.7rem; }
}
@media (min-width: 1200px) {
  .kategori-karti .icerik { padding: 18px 14px; }
  .kategori-karti .icerik h5 { font-size: 0.82rem; }
}
@media (min-width: 1400px) {
  .kategori-karti .icerik h5 { font-size: 0.9rem; }
}

/* ---------- Ürün Kartları ---------- */
.urun-karti {
  border: 1px solid #eceff4;
  border-radius: var(--radius);
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.urun-karti:hover { box-shadow: 0 12px 30px rgba(11,18,32,.12); transform: translateY(-4px); }
.urun-karti .urun-gorsel {
  height: 210px;
  background: var(--lkp-acik-gri);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.urun-karti .urun-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.urun-karti .icerik { padding: 18px; display: flex; flex-direction: column; flex: 1 1 auto; }
.urun-karti .kart-alt { margin-top: auto; } /* fiyat + butonlar her kartta alta hizalı */

.indirim-rozet {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  width: 46px; height: 46px; border-radius: 50%;
  background: linear-gradient(135deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu));
  color: #fff; font-weight: 700; font-size: .8rem; line-height: 1.1;
  display: flex; align-items: center; justify-content: center; text-align: center;
  box-shadow: 0 4px 10px rgba(255,106,26,.4);
}
/* Kart rozetleri: Hızlı Teslimat / En Çok Satan — sadece yazı, yan yana */
.urun-rozet-serit {
  display: flex; flex-wrap: wrap; align-items: center;
  padding: 10px 12px 0; background: transparent;
}
.mini-rozet {
  display: inline-flex; align-items: center; background: transparent; padding: 0;
  color: var(--lkp-koyu); font-size: .64rem; font-weight: 700; letter-spacing: .4px; white-space: nowrap;
}
.mini-rozet + .mini-rozet::before { content: "•"; color: var(--lkp-turuncu); margin: 0 8px; font-size: .6rem; }
/* Kart inceleme sayacı */
.kart-inceleme {
  display: inline-flex; align-items: center; gap: 5px; margin: 3px 0 4px;
  color: var(--lkp-gri); font-size: .76rem; font-weight: 500;
}
.kart-inceleme i { color: var(--lkp-gri); }

/* Ürün Kataloğu / Video kartları (detay) */
.medya-kart {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  background: #fff; border: 1px solid #e3e8ee; border-radius: 10px; padding: 8px 11px;
  text-decoration: none; color: var(--lkp-koyu); cursor: pointer; transition: .18s;
}
.medya-kart:hover { border-color: var(--lkp-koyu); box-shadow: 0 4px 12px rgba(11,18,32,.07); }
.medya-kart.pasif { opacity: .55; cursor: default; }
.medya-kart.pasif:hover { border-color: #e3e8ee; box-shadow: none; }
.medya-ikon {
  width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: .95rem; color: #fff;
}
.medya-ikon.katalog { background: #e2570f; }
.medya-ikon.video { background: var(--lkp-koyu); }
.medya-metin { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.medya-metin strong { font-size: .8rem; }
.medya-metin small { color: var(--lkp-gri); font-size: .68rem; }
.urun-karti .kategori-etiket {
  color: var(--lkp-turuncu); font-size: .68rem; font-weight: 700; text-transform: uppercase; line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* Ürün detay sayfasındaki kategori etiketi de kartla aynı turuncu stilde */
.urun-bilgi-kart .kategori-etiket {
  color: var(--lkp-turuncu); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .3px;
}
.urun-karti h6 { margin: 6px 0 10px; font-weight: 700; min-height: 48px; }
.urun-karti h6 a { color: var(--lkp-yazi); }
.urun-karti h6 a:hover { color: var(--lkp-turuncu); }
.fiyat-eski { text-decoration: line-through; color: var(--lkp-gri); font-size: .9rem; margin-right: 8px; }
.fiyat-yeni { color: var(--lkp-turuncu-koyu); font-weight: 700; font-size: 1.15rem; }
.fiyat-tl-yaklasik { color: var(--lkp-gri); font-size: .78rem; margin-top: 2px; }
.stok-yok { color: #d9314a; font-weight: 600; font-size: .85rem; }

/* ---------- Neden Biz / Özellikler ---------- */
.ozellik-karti { text-align: center; padding: 30px 18px; }
.ozellik-karti .simge {
  width: 74px; height: 74px; border-radius: 50%;
  background: linear-gradient(135deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu));
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 18px; color: #fff; font-size: 1.8rem;
}
.ozellik-karti h5 { margin-bottom: 8px; }
.ozellik-karti p { color: var(--lkp-gri); font-size: .92rem; }

/* Neden Biz — sade kenarlıklı metin kartları (ikonsuz) */
.neden-karti { background: #fff; border: 1px solid #e6ebf2; border-radius: 12px; padding: 18px 16px; height: 100%; text-align: center; transition: border-color .15s, box-shadow .15s, transform .15s; }
.neden-karti:hover { border-color: var(--lkp-turuncu); box-shadow: 0 10px 26px rgba(16,24,40,.08); transform: translateY(-2px); }
.neden-karti h5 { font-weight: 800; font-size: 1.05rem; margin-bottom: 7px; color: var(--lkp-yazi); }
.neden-karti p { color: var(--lkp-gri); font-size: .85rem; line-height: 1.45; margin: 0; }
.neden-karti-vurgu { border-color: var(--lkp-turuncu); box-shadow: 0 8px 22px rgba(255,106,26,.12); }
@media (max-width: 575.98px) {
  .neden-karti { padding: 18px 12px; border-radius: 12px; }
  .neden-karti h5 { font-size: 1rem; margin-bottom: 6px; }
  .neden-karti p { font-size: .82rem; line-height: 1.4; }
}

/* Marka şeridi — başlık sol + yavaş sonsuz döngülü logolar sağ (image 1) */
.marka-serit-karti { background: #fff; border: 1px solid #e6ebf2; border-radius: 18px; padding: 30px 34px; display: grid; grid-template-columns: minmax(0,340px) minmax(0,1fr); gap: 34px; align-items: center; }
.marka-serit-metin .ust-etiket { display: block; color: var(--lkp-turuncu); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: .8rem; margin-bottom: 6px; }
.marka-serit-metin h2 { font-size: 1.7rem; margin: 0 0 10px; }
.marka-serit-metin p { color: var(--lkp-gri); font-size: .92rem; margin: 0; line-height: 1.5; }
.marka-serit-akis { overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.marka-akis-ic { display: flex; width: max-content; animation: markaKay 32s linear infinite; }
.marka-serit-akis:hover .marka-akis-ic { animation-play-state: paused; }
.marka-serit-parca { display: flex; align-items: center; gap: 26px; padding-right: 26px; flex: 0 0 auto; }
@keyframes markaKay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marka-logo { flex: 0 0 auto; width: 82px; height: 82px; border-radius: 50%; background: #f6f8fb; border: 1px solid #eaeef4; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; }
.marka-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.marka-logo span { font-size: .7rem; font-weight: 800; color: var(--lkp-yazi); line-height: 1.15; }
@media (max-width: 767.98px) {
  .marka-serit-karti { grid-template-columns: 1fr; gap: 20px; padding: 22px; text-align: center; }
  .marka-logo { width: 70px; height: 70px; }
}
@media (prefers-reduced-motion: reduce) { .marka-akis-ic { animation: none; } }

/* Servis Destek — koyu CTA bölümünün İÇİNDE üst kısım (metin sol + araç görseli sağ + WhatsApp) */
.servis-destek-ic { display: grid; grid-template-columns: minmax(0,22%) minmax(0,78%); gap: 16px; align-items: center; padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,.12); }
.servis-destek-ust { display: block; text-transform: uppercase; letter-spacing: 1px; color: #9fb0c9; font-weight: 700; font-size: 1.15rem; margin-bottom: 16px; }
.servis-destek-ust strong { color: #fff; }
.servis-destek-metin p { color: #b9c2d4; line-height: 1.75; max-width: 460px; margin: 0 0 24px; }
.servis-destek-btn { background: #fff; color: var(--lkp-koyu); font-weight: 700; padding: 14px 32px; border-radius: 10px; letter-spacing: .4px; }
.servis-destek-btn:hover { background: #e9eef5; color: var(--lkp-koyu); }
.servis-destek-arac { position: relative; background: #fff; border-radius: 18px; padding: 18px; box-shadow: 0 16px 40px rgba(0,0,0,.4); }
.servis-destek-medya { width: 100%; height: auto; display: block; border-radius: 10px; }
.servis-destek-wa { position: absolute; top: 12%; right: 5%; z-index: 3; display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.92); padding: 6px 14px; border-radius: 30px; box-shadow: 0 3px 12px rgba(0,0,0,.3); color: #111; font-weight: 800; font-size: 1.05rem; text-decoration: none; }
.servis-destek-wa i { color: #25D366; font-size: 1.3rem; }
.servis-destek-wa:hover { color: #111; box-shadow: 0 5px 16px rgba(0,0,0,.4); }
/* Servis aracı animasyonu — dönen tekerlekler + turuncu egzoz dumanı (mevcut van görseline göre ayarlı) */
.servis-arac-fx {
  position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; border-radius: 10px;
  --tk-cap: 9%; --tk-y: 79%; --tk-on-x: 22%; --tk-arka-x: 72.5%;
  --duman-x: 83%; --duman-y: 90%; --duman-cap: 7%;
}
.arac-tekerlek { position: absolute; width: var(--tk-cap); aspect-ratio: 1; transform: translate(-50%, -50%); }
.arac-tekerlek--on { left: var(--tk-on-x); top: var(--tk-y); }
.arac-tekerlek--arka { left: var(--tk-arka-x); top: var(--tk-y); }
.arac-tekerlek-i {
  width: 100%; height: 100%; border-radius: 50%; opacity: .5; will-change: transform;
  background: conic-gradient(from 0deg,
    rgba(255,255,255,0) 0deg, rgba(255,255,255,.42) 16deg, rgba(255,255,255,0) 50deg,
    rgba(15,18,25,.45) 90deg, rgba(255,255,255,0) 126deg,
    rgba(255,255,255,.34) 180deg, rgba(255,255,255,0) 214deg,
    rgba(15,18,25,.42) 260deg, rgba(255,255,255,0) 298deg, rgba(255,255,255,0) 360deg);
  -webkit-mask: radial-gradient(circle, #000 60%, transparent 66%);
  mask: radial-gradient(circle, #000 60%, transparent 66%);
  animation: aracDon .5s linear infinite;
}
@keyframes aracDon { to { transform: rotate(360deg); } }
.arac-duman {
  position: absolute; left: var(--duman-x); top: var(--duman-y);
  width: var(--duman-cap); aspect-ratio: 1; border-radius: 50%; will-change: transform, opacity;
  background: radial-gradient(circle at 50% 50%, rgba(255,150,60,.62), rgba(255,106,26,.34) 46%, rgba(255,106,26,0) 70%);
  filter: blur(4px); opacity: 0;
  transform: translate(-50%, -50%) scale(.35);
  animation: aracDuman 2.75s ease-out infinite; animation-delay: var(--d, 0s);
}
@keyframes aracDuman {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.35); }
  14% { opacity: .8; }
  100% { opacity: 0; transform: translate(35%, -260%) scale(1.85); }
}
@media (prefers-reduced-motion: reduce) {
  .arac-tekerlek-i, .arac-duman { animation: none; }
  .arac-duman { opacity: 0; }
}
@media (max-width: 767.98px) {
  .servis-destek-ic { grid-template-columns: 1fr; gap: 14px; text-align: center; padding-bottom: 28px; margin-bottom: 28px; }
  .servis-destek-arac { order: -1; }
  .servis-destek-metin p { margin-left: auto; margin-right: auto; }
  .servis-destek-wa { font-size: .85rem; top: 8%; }
  /* Full-bleed masaüstü kuralları (aşağıda, sonra tanımlı) bu bölümü ezmesin diye !important:
     mobilde bölüm simetrik olmalı — sol/sağ eşit 16px, cta-alt ekstra sağ boşluk yok. */
  .cta-bandi-acik .container { padding-left: 16px !important; padding-right: 16px !important; }
  .cta-bandi-acik .cta-alt { padding-right: 0 !important; }
  /* Mobilde "Projenize Uygun..." bloğunu da ortala (servis destek bloğu ile aynı hizada dursun) */
  .cta-alt { justify-content: center !important; text-align: center; }
}

/* Servis Destek + CTA bölümü: koyu yerine AÇIK (beyaz) zemin — yalnızca anasayfa örneği */
.cta-bandi.cta-bandi-acik { background: linear-gradient(180deg, #f6f9fd 0%, #eef3f9 100%); color: var(--lkp-yazi); overflow: hidden; padding-top: 28px; }
/* Van görselinin boş üst kısmını kırp (görsel alt-orta yerleşik) — üstteki fazla boşluğu alır */
.cta-bandi-acik .servis-destek-medya { aspect-ratio: 2.78; object-fit: cover; object-position: center 70%; }
/* WhatsApp butonu: aracın üzerindeki basılı numaranın tam üstünde arka plansız tıklanır alan — basılı yazı gerçek görünsün */
.cta-bandi-acik .servis-destek-wa {
  left: 56%; top: 39%; right: auto; bottom: auto;
  width: 25.5%; height: 11%;
  display: block; padding: 0; border-radius: 8px;
  background: transparent; box-shadow: none; transition: background .18s ease;
}
.cta-bandi-acik .servis-destek-wa i,
.cta-bandi-acik .servis-destek-wa span { display: none; }
.cta-bandi-acik .servis-destek-wa:hover { background: rgba(37,211,102,.14); box-shadow: none; color: inherit; }
/* Görsel sağ kenara kadar (full-bleed): bölüm tam genişlik, metin/CTA solda hizalı, sağda boşluk yok */
.cta-bandi-acik .container { max-width: 100%; padding-left: clamp(20px, calc((100vw - 1480px) / 2), 12vw); padding-right: 0; }
.cta-bandi-acik .cta-alt { padding-right: clamp(20px, calc((100vw - 1480px) / 2), 12vw); }
.cta-bandi-acik .servis-destek-ic { border-bottom-color: rgba(16,24,40,.1); }
.cta-bandi-acik .servis-destek-ust { color: var(--lkp-gri); }
.cta-bandi-acik .servis-destek-ust strong { color: var(--lkp-yazi); }
.cta-bandi-acik .servis-destek-metin p { color: var(--lkp-gri); }
.cta-bandi-acik .servis-destek-btn { background: linear-gradient(90deg, var(--lkp-turuncu-koyu), var(--lkp-turuncu)); color: #fff; box-shadow: 0 6px 18px rgba(255,106,26,.28); }
.cta-bandi-acik .servis-destek-btn:hover { filter: brightness(1.06); color: #fff; }
.cta-bandi-acik .servis-destek-arac { background: transparent; box-shadow: none; padding: 0; }
.cta-bandi-acik .cta-alt h3 { color: var(--lkp-yazi); }
.cta-bandi-acik .cta-alt .text-secondary { color: var(--lkp-gri) !important; }

/* ---------- CTA Bandı ---------- */
.cta-bandi {
  background: linear-gradient(120deg, var(--lkp-koyu), #1c2c47);
  color: #fff;
  padding: 60px 0;
}

/* ---------- Footer ---------- */
.site-footer { background: var(--lkp-koyu); color: #b9c2d4; }
.footer-baslik { color: #fff; font-size: 1.3rem; margin-bottom: 14px; }
.footer-baslik span { color: var(--lkp-turuncu); }
.footer-alt-baslik { color: #fff; margin-bottom: 16px; }
.footer-link-listesi { list-style: none; padding: 0; margin: 0; }
.footer-link-listesi li { margin-bottom: 10px; font-size: .92rem; }
.footer-link-listesi a { color: #b9c2d4; }
.footer-link-listesi a:hover { color: var(--lkp-turuncu); }
.footer-link-listesi i { color: var(--lkp-turuncu); margin-right: 6px; }
.footer-sosyal a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255,255,255,.08); color: #fff; margin-right: 8px;
}
.footer-sosyal a:hover { background: var(--lkp-turuncu); }
.footer-alt { background: #070c16; font-size: .85rem; color: #9aa4b2; }
.footer-yasal-linkler { display: flex; flex-wrap: wrap; gap: 6px 18px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.footer-yasal-linkler a { color: #aab4c4; text-decoration: none; font-size: .82rem; }
.footer-yasal-linkler a:hover { color: var(--lkp-turuncu); }
.footer-alt-satir { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; }
@media (max-width: 767.98px) { .footer-yasal-linkler, .footer-alt-satir { justify-content: center; text-align: center; } }

/* ---------- WhatsApp Butonu ---------- */
.whatsapp-buton {
  position: fixed; bottom: 24px; right: 24px; z-index: 999;
  width: 58px; height: 58px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.7rem; box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.whatsapp-buton:hover { color: #fff; transform: scale(1.06); }

/* ---------- Sayfa Başlığı (iç sayfalar) ---------- */
.sayfa-baslik-bandi {
  background: linear-gradient(120deg, var(--lkp-koyu), #1c2c47);
  color: #fff; padding: 50px 0;
}
.sayfa-baslik-bandi h1 { margin: 0; font-size: clamp(1.5rem, 1rem + 2vw, 2.1rem); font-weight: 800; line-height: 1.25; }
.sayfa-baslik-bandi .breadcrumb { margin: 10px 0 0; }
.sayfa-baslik-bandi .breadcrumb a { color: #cfd6e4; }
.sayfa-baslik-bandi .breadcrumb .active { color: var(--lkp-turuncu); }

/* ---------- Çerez Onay Banner ---------- */
.cerez-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 4000; max-width: 920px; margin: 0 auto; background: #0d1524; color: #dfe4ec; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; box-shadow: 0 18px 50px rgba(0,0,0,.45); }
.cerez-metin { flex: 1; min-width: 220px; font-size: .85rem; line-height: 1.5; }
.cerez-metin a { color: var(--lkp-turuncu); }
.cerez-butonlar { display: flex; gap: 8px; flex-shrink: 0; }
.cerez-btn { border: 0; border-radius: 9px; padding: 9px 18px; font-weight: 700; font-size: .85rem; cursor: pointer; }
.cerez-red { background: rgba(255,255,255,.1); color: #dfe4ec; }
.cerez-red:hover { background: rgba(255,255,255,.18); }
.cerez-kabul { background: var(--lkp-turuncu); color: #fff; }
.cerez-kabul:hover { background: var(--lkp-turuncu-koyu); }
@media (max-width: 575.98px) { .cerez-banner { left: 8px; right: 8px; bottom: 8px; flex-direction: column; align-items: stretch; } .cerez-btn { flex: 1; } }

/* ---------- Yasal Sayfalar ---------- */
.yasal-icerik { color: #3a4658; line-height: 1.75; font-size: .95rem; }
.yasal-icerik h3 { font-size: 1.05rem; font-weight: 800; color: var(--lkp-koyu); margin: 26px 0 10px; padding-left: 12px; border-left: 3px solid var(--lkp-turuncu); }
.yasal-icerik h3:first-child { margin-top: 0; }
.yasal-icerik p { margin: 0 0 12px; }
.yasal-icerik ul { padding-left: 20px; margin: 0 0 14px; }
.yasal-icerik li { margin-bottom: 6px; }
.yasal-icerik a { color: var(--lkp-turuncu); }
.yasal-yan { background: #fbfcfe; border: 1px solid #eef1f6; border-radius: 14px; padding: 18px; position: sticky; top: 90px; }
.yasal-yan-baslik { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: #8892a0; margin: 0 0 12px; }
.yasal-yan-liste { list-style: none; padding: 0; margin: 0; }
.yasal-yan-liste li { margin-bottom: 4px; }
.yasal-yan-liste a { display: block; padding: 8px 12px; border-radius: 8px; color: #4a5566; text-decoration: none; font-size: .88rem; transition: .15s; }
.yasal-yan-liste a:hover { background: #eef2f7; color: var(--lkp-turuncu); }
.yasal-yan-liste a.aktif { background: #fff3ea; color: var(--lkp-turuncu); font-weight: 700; }

/* ---------- Sıkça Sorulan Sorular (SSS) ---------- */
/* SSS kategori filtre (dropdown — işaretli alan) */
.sss-filtre { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; }
.sss-filtre-etiket { font-weight: 600; font-size: .9rem; color: var(--lkp-koyu); margin: 0; white-space: nowrap; }
.sss-filtre-sec { max-width: 380px; min-width: 300px; font-weight: 600; }
.sss-filtre .hs-opt { white-space: nowrap; }
.sss-oge.gizli { display: none; }
.sss-liste { display: flex; flex-direction: column; gap: 12px; }
.sss-oge { background: #fff; border: 1px solid #eef1f6; border-radius: 14px; overflow: hidden; transition: border-color .18s, box-shadow .18s; }
.sss-oge[open] { border-color: #ffddc2; box-shadow: 0 12px 30px -18px rgba(255,106,26,.35); }
.sss-soru { list-style: none; cursor: pointer; padding: 18px 54px 18px 20px; font-weight: 700; font-size: 1rem; color: var(--lkp-koyu); position: relative; user-select: none; transition: color .15s; }
.sss-soru::-webkit-details-marker { display: none; }
.sss-soru::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 27px; height: 27px; border-radius: 50%; background: #f4f6f9; color: var(--lkp-turuncu); font-size: 1.25rem; font-weight: 700; line-height: 25px; text-align: center; transition: background .2s, color .2s; }
.sss-oge[open] .sss-soru::after { content: "\2212"; background: var(--lkp-turuncu); color: #fff; }
.sss-soru:hover { color: var(--lkp-turuncu); }
.sss-cevap { padding: 0 20px 20px; color: #5a6675; font-size: .93rem; line-height: 1.65; }
.sss-yan { background: linear-gradient(160deg, #0d1524, #1b2740); border-radius: 16px; padding: 24px; position: sticky; top: 90px; }
.sss-yan-baslik { color: #fff; font-size: 1.15rem; font-weight: 800; margin: 0 0 4px; }
.sss-yan .text-secondary { color: #aab4c4 !important; }

/* ---------- Servis Talebi Hero ---------- */
.servis-hero { position: relative; overflow: hidden; background: linear-gradient(120deg, var(--lkp-koyu), #16233c 60%, #1c2c47); color: #fff; padding: 34px 0 32px; }
.servis-hero::after { content: ""; position: absolute; top: -60px; right: -80px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(255,106,26,.2), transparent 70%); pointer-events: none; }
.servis-hero .container { position: relative; z-index: 1; }
.servis-hero .breadcrumb { margin: 0 0 12px; font-size: .78rem; }
.servis-hero .breadcrumb a { color: #cfd6e4; text-decoration: none; }
.servis-hero .breadcrumb a:hover { color: #fff; }
.servis-hero .breadcrumb .active { color: var(--lkp-turuncu); }
.servis-hero h1 { font-size: 1.6rem; font-weight: 800; margin: 0 0 10px; max-width: 700px; line-height: 1.2; }
.servis-hero h1 span { color: var(--lkp-turuncu); }
.servis-hero p { font-size: .88rem; color: #cdd5e3; max-width: 100%; margin: 0; line-height: 1.55; }
.servis-hero-rozet { display: flex; flex-wrap: wrap; gap: 8px; }
.servis-hero-rozet span { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); color: #eaeef5; font-size: .74rem; font-weight: 600; padding: 6px 12px; border-radius: 999px; }
.servis-hero-btn { margin-top: 16px; font-weight: 700; font-size: .85rem; padding: 9px 18px; }
@media (max-width: 575.98px) {
  .servis-hero { padding: 24px 0 22px; }
  .servis-hero h1 { font-size: 1.3rem; }
  .servis-hero p { font-size: .82rem; }
  .servis-hero-rozet span { font-size: .68rem; padding: 5px 10px; }
  .servis-hero-btn { font-size: .8rem; padding: 8px 15px; }
}

/* ---------- Ürün Detay ---------- */
.urun-detay-gorsel { border-radius: var(--radius); overflow: hidden; background: var(--lkp-acik-gri); cursor: zoom-in; border: 1px solid #e6eaef; transition: border-color .18s, box-shadow .18s; }
.urun-detay-gorsel:hover { border-color: var(--lkp-turuncu); box-shadow: 0 6px 22px rgba(11,18,32,.07); }
/* Ürün bilgi kartı — ince kenar + hover */
.urun-bilgi-kart { border: 1px solid #e6eaef; border-radius: 14px; padding: 22px; background: #fff; transition: border-color .18s, box-shadow .18s; }
.urun-bilgi-kart:hover { border-color: var(--lkp-turuncu); box-shadow: 0 6px 22px rgba(11,18,32,.06); }
.urun-bilgi-kart h1 { font-size: 1.35rem; line-height: 1.3; }

/* Optik ürünlerde (lens / koruma camı / ayna) "Faydalı Bilgi" link grubu + modalları */
.optik-bilgi-grup { padding: 0; }
.optik-bilgi-etiket { font-size: .66rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--lkp-turuncu, #ff6a1a); margin-bottom: 4px; }
.optik-bilgi-link { display: flex; align-items: flex-start; gap: 7px; width: 100%; background: none; border: 0; padding: 2px 0; color: #2a3444; font-size: .86rem; font-weight: 600; cursor: pointer; text-align: left; line-height: 1.35; }
.optik-bilgi-link + .optik-bilgi-link { border-top: 1px dashed #ffd9bf; }
.optik-bilgi-link:hover { color: var(--lkp-turuncu, #ff6a1a); }
.optik-bilgi-link i { color: var(--lkp-turuncu, #ff6a1a); font-size: .95rem; flex-shrink: 0; margin-top: 1px; }
#optikArizaModal .modal-title { font-size: 1.06rem; font-weight: 700; line-height: 1.35; }
.optik-bilgi-govde p { font-size: .92rem; color: #48505c; line-height: 1.6; margin-bottom: 12px; }
.optik-bilgi-althaslik { margin-bottom: 6px !important; color: #2a3444 !important; }
.optik-bilgi-vurgu { background: #fff3e9; border: 1px solid #ffc7a1; border-left: 4px solid var(--lkp-turuncu, #ff6a1a); border-radius: 10px; padding: 12px 14px; margin: 0 0 12px; }
.optik-bilgi-vurgu-baslik { font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--lkp-turuncu, #ff6a1a); margin-bottom: 6px; }
.optik-bilgi-vurgu p { font-size: .9rem; color: #3a4250; line-height: 1.6; margin: 0; }
.optik-bilgi-liste { margin: 0 0 12px; padding-left: 20px; }
.optik-bilgi-liste li { font-size: .92rem; color: #48505c; line-height: 1.55; margin-bottom: 9px; }
.optik-bilgi-ipucu { font-weight: 500; color: #2a3444; background: #fff8f3; border: 1px dashed #ffcba3; border-radius: 8px; padding: 12px 14px; margin: 4px 0 0; }
/* Kısa açıklama: varsayılan tek satır (…), "Devamını oku" ile açılır. Tam metin DOM'da kalır → SEO/GEO indexler. */
.urun-kisa-aciklama { font-size: .88rem; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 4px; }
.urun-kisa-aciklama.acik { -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.urun-aciklama-devam { background: none; border: 0; color: var(--lkp-turuncu); font-size: .82rem; font-weight: 700; padding: 0; margin: 0 0 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.urun-aciklama-devam i { font-size: .78rem; transition: transform .2s; }
.urun-aciklama-devam.acik i { transform: rotate(180deg); }
.urun-detay-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease-out; }
.ozellik-tablosu td { padding: 10px 12px; border-bottom: 1px solid #eceff4; }
.ozellik-tablosu td:first-child { font-weight: 600; color: var(--lkp-gri); width: 40%; }
.adet-kutusu { display: inline-flex; align-items: center; border: 1px solid #dde2ea; border-radius: var(--radius); }
.adet-kutusu button { border: none; background: none; width: 40px; height: 42px; font-weight: 700; }
.adet-kutusu input { border: none; width: 50px; text-align: center; }

.gorsel-sayac {
  position: absolute; bottom: 12px; right: 12px; z-index: 2;
  background: rgba(11,18,32,.72); color: #fff; font-size: .78rem; font-weight: 600;
  padding: 4px 10px; border-radius: 20px;
}

/* ---------- Ürün Detay: Dolar Fiyat Bloğu ---------- */
.fiyat-dolar { color: var(--lkp-turuncu-koyu); font-weight: 800; font-size: 2rem; line-height: 1; }
.kdv-etiket {
  background: var(--lkp-acik-gri); color: var(--lkp-gri); font-size: .72rem; font-weight: 600;
  padding: 3px 10px; border-radius: 20px;
}
.indirim-rozet-kucuk {
  background: linear-gradient(135deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu)); color: #fff;
  font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px;
}
.fiyat-tl-satiri { margin-top: 8px; font-size: .9rem; color: var(--lkp-yazi); }
.fiyat-tl-satiri i { color: var(--lkp-turuncu); }
.urun-kod-etiket { background: var(--lkp-acik-gri); padding: 2px 8px; border-radius: 5px; font-weight: 600; color: var(--lkp-yazi); }

.btn-teklif { font-size: .82rem; padding: 8px 12px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
/* Şeffaf çizgili CTA butonu (hover'da renk değişmez, hafif tint) */
.btn-teklif-cizgi { background: transparent; border: 1px solid #cfd6df; color: var(--lkp-koyu); font-weight: 600; }
.btn-teklif-cizgi:hover { background: rgba(11,18,32,.04); color: var(--lkp-koyu); border-color: #b9c1cc; }
.btn-teklif-cizgi i { color: var(--lkp-koyu); }
/* Parça CTA: buton üstünde açıklayıcı etiket (kolon) */
.urun-cta-secim { display: flex; flex-direction: column; gap: 5px; flex: 1 1 200px; min-width: 170px; }
.urun-cta-secim .btn-teklif { flex: 0 0 auto; }
.urun-cta-etiket { font-size: .74rem; font-weight: 600; color: #7a8698; display: inline-flex; align-items: center; gap: 5px; line-height: 1.2; }
.urun-cta-etiket i { color: var(--lkp-turuncu); font-size: .9rem; }
/* Makine CTA üstü: "Online Teklif Al" = proforma fatura bilgilendirmesi (parça etiketiyle aynı sade dil) */
.urun-cta-not { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; padding: 10px 12px; background: rgba(255, 106, 26, .05); border: 1px solid rgba(255, 106, 26, .16); border-radius: 10px; font-size: .8rem; line-height: 1.45; color: #5f6b7a; }
.urun-cta-not > i { flex: 0 0 auto; margin-top: .12em; color: var(--lkp-turuncu); font-size: .95rem; }
.urun-cta-not strong { color: var(--lkp-koyu); font-weight: 700; }
/* Fiyat notu bandı — web-özel fiyat + yerinde montaj servis ücreti */
.urun-fiyat-not { background: transparent; border: 1px solid #cfd6df; color: var(--lkp-koyu); border-radius: 10px; padding: 9px 14px; margin: 0 0 16px; font-size: .82rem; line-height: 1.4; text-align: center; white-space: nowrap; overflow: hidden; }
.urun-fiyat-not strong { color: var(--lkp-koyu); font-weight: 700; }
.urun-fiyat-not em { color: var(--lkp-turuncu); font-style: normal; font-weight: 600; }
@media (max-width: 575.98px) { .urun-fiyat-not { white-space: normal; overflow: visible; font-size: .8rem; } }
/* İletişim butonlarında marka renkli ikonlar */
.il-wa i { color: #25D366 !important; }
.il-tg i { color: #229ED9 !important; }
.il-chat i { color: #6366f1 !important; }
/* Masaüstünde CTA butonları satırı eşit doldursun (iletişim/kart satırlarıyla hizalı) */
@media (min-width: 576px) {
  .urun-cta .btn-teklif { flex: 1 1 0; justify-content: center; }
}

/* Ek Hizmet seçim kartları */
/* Ödeme yöntemi seçim kartları */
.odeme-secenek { display: flex; align-items: center; gap: 8px; border: 1.5px solid #e6eaef; border-radius: 10px; padding: 11px 14px; cursor: pointer; transition: .15s; background: #fff; margin: 0; font-weight: 600; color: var(--lkp-koyu); }
.odeme-secenek:hover { border-color: #c3ccd8; }
.odeme-secenek input { accent-color: var(--lkp-turuncu); }
.odeme-secenek:has(input:checked) { border-color: var(--lkp-turuncu); background: #fff8f4; }
.odeme-secenek span i { color: var(--lkp-turuncu); }

/* Sipariş formu — Havale ödeme yöntemi bilgi bloğu (tam genişlik, mobil uyumlu) */
.havale-yontem { border: 1.5px solid var(--lkp-turuncu); border-radius: 12px; padding: 15px 18px; background: #fff8f4; }
.havale-yontem-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 9px; }
.havale-yontem-ad { font-weight: 700; color: var(--lkp-koyu); font-size: 1.02rem; display: inline-flex; align-items: center; gap: 8px; }
.havale-yontem-ad i { color: var(--lkp-turuncu); font-size: 1.15rem; }
.havale-yontem-secili { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; font-weight: 600; color: #1aa87a; background: #eafaf3; border: 1px solid #bfe6c9; border-radius: 999px; padding: 3px 11px; }
.havale-yontem-metin { font-size: .92rem; line-height: 1.65; color: #46505f; margin: 0 0 12px; }
.havale-yontem-kart { display: flex; gap: 11px; align-items: flex-start; background: #fff; border: 1px solid #ffd9b0; border-radius: 10px; padding: 12px 14px; font-size: .9rem; line-height: 1.6; color: #6b533a; }
.havale-yontem-kart > i { color: var(--lkp-turuncu); font-size: 1.3rem; flex-shrink: 0; line-height: 1; margin-top: 1px; }
.havale-yontem-kart strong { color: #8a4b00; }
@media (max-width: 575.98px) {
  .havale-yontem { padding: 13px 14px; }
  .havale-yontem-ad { font-size: .98rem; }
  .havale-yontem-metin { font-size: .88rem; }
  .havale-yontem-kart { flex-direction: column; gap: 7px; font-size: .86rem; }
}

/* Boş durum — boş kategori ("çok yakında") + arama sonuçsuz */
.bos-durum { text-align: center; max-width: 560px; margin: 10px auto; padding: 44px 24px 52px; }
.bos-durum-ikon {
  width: 106px; height: 106px; margin: 0 auto 20px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; position: relative;
  background: radial-gradient(120% 120% at 50% 0%, #ff8a45, var(--lkp-turuncu) 72%);
  color: #fff; font-size: 2.7rem; box-shadow: 0 16px 40px rgba(255,106,26,.32);
}
.bos-durum-ikon-notr { background: radial-gradient(120% 120% at 50% 0%, #7c8aa0, #46536a 72%); box-shadow: 0 16px 40px rgba(70,83,106,.28); }
.bos-durum-ikon > i { position: relative; z-index: 1; }
.bos-durum-yakinda .bos-durum-ikon::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  border: 2px solid rgba(255,106,26,.4); animation: bosPulse 2.1s ease-out infinite;
}
@keyframes bosPulse { 0% { transform: scale(1); opacity: .75; } 100% { transform: scale(1.4); opacity: 0; } }
/* "Çok yakında" — turuncu hareketli analog saat */
.bos-saat { width: 132px; height: 132px; margin: 0 auto 20px; }
.bos-saat svg { width: 100%; height: 100%; display: block; filter: drop-shadow(0 12px 28px rgba(255,106,26,.3)); }
.bos-saat line, .bos-saat .saat-ticks { transform-box: view-box; transform-origin: 60px 60px; }
.bos-saat .saat-ticks { animation: bosSaatDon 26s linear infinite; }
.bos-saat .saat-akrep { animation: bosSaatDon 12s linear infinite; }
.bos-saat .saat-yelkovan { animation: bosSaatDon 4s linear infinite; }
.bos-saat .saat-saniye { animation: bosSaatDon 1.6s linear infinite; }
@keyframes bosSaatDon { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .bos-saat line, .bos-saat .saat-ticks { animation: none; } }
@media (max-width: 575.98px) { .bos-saat { width: 112px; height: 112px; } }
.bos-durum-rozet {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .16em;
  color: var(--lkp-turuncu); background: #fff4ec; border: 1px solid #ffd9b0;
  border-radius: 999px; padding: 4px 15px; margin-bottom: 13px;
}
.bos-durum-baslik { font-size: clamp(1.4rem, 3vw, 1.95rem); font-weight: 800; color: var(--lkp-koyu); margin: 0 0 10px; }
.bos-durum-metin { font-size: 1rem; line-height: 1.65; color: #5b6472; margin: 0 auto 24px; max-width: 470px; }
.bos-durum-aksiyon { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.btn-lkp-cizgi { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1.5px solid var(--lkp-turuncu); color: var(--lkp-turuncu); font-weight: 600; border-radius: var(--radius); padding: 11px 22px; transition: background .15s, color .15s; }
.btn-lkp-cizgi:hover { background: #fff4ec; color: var(--lkp-turuncu); }
@media (prefers-reduced-motion: reduce) { .bos-durum-yakinda .bos-durum-ikon::after { animation: none; } }
@media (max-width: 575.98px) {
  .bos-durum { padding: 34px 16px 40px; }
  .bos-durum-ikon { width: 90px; height: 90px; font-size: 2.2rem; }
  .bos-durum-aksiyon { flex-direction: column; }
  .bos-durum-aksiyon .btn { width: 100%; justify-content: center; }
}

.ekh-kart { display: flex; align-items: center; gap: 12px; border: 1.5px solid #e6eaef; border-radius: 12px; padding: 14px; margin-bottom: 10px; cursor: pointer; transition: .15s; background: #fff; }
.ekh-kart:hover { border-color: #c3ccd8; }
.ekh-kart.secili { border-color: var(--lkp-turuncu); background: #fff8f4; }
.ekh-ikon { width: 42px; height: 42px; border-radius: 10px; background: var(--lkp-koyu); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.ekh-kart.secili .ekh-ikon { background: var(--lkp-turuncu); }

/* "Formu Doldurun" çağrısı — aşağı zıplayan ok, müşteriyi forma yönlendirir */
.ekh-form-cagri { display: inline-flex; align-items: center; gap: 9px; margin-top: 12px; padding: 9px 18px; border-radius: 999px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; font-weight: 700; font-size: .95rem; text-decoration: none; box-shadow: 0 8px 22px rgba(255,106,26,.28); transition: background .15s; }
.ekh-form-cagri:hover { background: var(--lkp-turuncu-koyu, #e2570f); color: #fff; }
.ekh-form-cagri .bi { font-size: 1.15rem; animation: ekhZipla 1.1s ease-in-out infinite; }
@keyframes ekhZipla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
@media (prefers-reduced-motion: reduce) { .ekh-form-cagri .bi { animation: none; } }
.ekh-bilgi { flex: 1; min-width: 0; }
.ekh-baslik { font-weight: 700; color: var(--lkp-koyu); }
.ekh-rozet { background: #eef1f5; color: #6b7580; font-size: .68rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; margin-left: 4px; }
.ekh-aciklama { color: var(--lkp-gri); font-size: .84rem; margin-top: 2px; }
.ekh-fiyat { font-weight: 800; color: var(--lkp-turuncu-koyu); white-space: nowrap; }
/* İmza pad */
.imza-kutu { position: relative; border: 1px dashed #cfd6df; border-radius: 10px; background: #fff; }
.imza-canvas { display: block; width: 100%; height: 140px; touch-action: none; cursor: crosshair; }
.imza-temizle { position: absolute; top: 8px; right: 8px; border: 1px solid #e3e8ee; background: #fff; border-radius: 8px; padding: 4px 10px; font-size: .78rem; color: var(--lkp-koyu); cursor: pointer; }

/* ---------- Teklif Talep Formu (Proforma) ---------- */
.teklif-adim-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%; background: var(--lkp-turuncu); color: #fff;
  font-size: .85rem; font-weight: 700; margin-right: 6px;
}
.teklif-ozet-sticky { position: sticky; top: 90px; }
@media (max-width: 991.98px) { .teklif-ozet-sticky { position: static; } }

/* ---------- Demo Talebi ---------- */
.demo-secim-rozet {
  position: absolute; top: 14px; right: 14px; z-index: 2;
  background: #28a745; color: #fff; font-size: .78rem; font-weight: 600;
  padding: 5px 14px; border-radius: 30px;
}
.demo-liste { list-style: none; padding: 0; margin: 0; }
.demo-liste li { position: relative; padding-left: 14px; font-size: .86rem; margin-bottom: 7px; color: var(--lkp-yazi); }
.demo-liste li::before { content: '•'; position: absolute; left: 0; color: var(--lkp-turuncu); font-weight: 700; }
.demo-avantaj-liste { list-style: none; padding: 0; margin: 0; }
.demo-avantaj-liste li { margin-bottom: 9px; font-size: .92rem; }
.demo-avantaj-liste i { color: #28a745; margin-right: 6px; }
.demo-bolum-baslik {
  font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
  color: var(--lkp-gri); border-bottom: 1px solid #eceff4; padding-bottom: 8px; margin-bottom: 16px;
}
.demo-bolum-baslik i { color: var(--lkp-turuncu); }

/* İletişim buton grubu (WhatsApp / Telegram / Telefon) */
.iletisim-buton-grup { display: flex; gap: 10px; align-items: center; }
.iletisim-buton {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: var(--radius); font-weight: 600; font-size: .95rem;
  border: 1px solid #dde2ea; background: #fff; color: var(--lkp-yazi); padding: 11px 14px;
  transition: .2s;
}
.iletisim-buton:hover { color: var(--lkp-yazi); }
/* Yuvarlak sosyal ikonlar */
.iletisim-buton.wa,
.iletisim-buton.tg,
.iletisim-buton.chat {
  width: 48px; height: 48px; padding: 0; border-radius: 50%; font-size: 1.3rem; flex-shrink: 0;
}
.iletisim-buton.wa { color: #25D366; border-color: #25D366; }
.iletisim-buton.wa:hover { background: #25D366; color: #fff; border-color: #25D366; }
.iletisim-buton.tg { color: #229ED9; border-color: #229ED9; }
.iletisim-buton.tg:hover { background: #229ED9; color: #fff; border-color: #229ED9; }
.iletisim-buton.chat { color: #6366f1; border-color: #6366f1; }
.iletisim-buton.chat:hover { background: #6366f1; color: #fff; border-color: #6366f1; }
/* Telefon: beyaz çerçeveli pill */
.iletisim-buton.tel {
  flex-grow: 1; background: transparent; color: var(--lkp-koyu);
  border: 1px solid #cfd6df; border-radius: 999px; font-size: 1.05rem; font-weight: 700;
  transition: .18s;
}
.iletisim-buton.tel:hover { background: rgba(11,18,32,.04); color: var(--lkp-koyu); border-color: #b9c1cc; }
/* ---------- Proforma Hazır kutusu ---------- */
.proforma-hazir { border: 1px solid #bfe3c8; background: #f2fbf5; border-radius: 12px; padding: 20px 22px; }
.proforma-hazir-ust { text-align: center; margin-bottom: 14px; }
.proforma-rozet { color: #1a9d4b; font-weight: 700; letter-spacing: .5px; }
.proforma-no { color: #6c7680; font-size: .9rem; margin-top: 4px; }
.proforma-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.proforma-aksiyon a {
  display: inline-flex; align-items: center; gap: 7px; text-decoration: none; font-weight: 600;
  padding: 10px 18px; border-radius: 8px; border: 1px solid #d6dce4; color: var(--lkp-koyu); background: #fff;
  transition: .2s;
}
.proforma-aksiyon a:hover { background: var(--lkp-koyu); color: #fff; border-color: var(--lkp-koyu); }
/* ---------- Fiyat İçin Arayınız butonu ---------- */
.fiyat-arayin-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 1px solid #d6dce4; background: #fff; color: var(--lkp-koyu);
  border-radius: 10px; padding: 10px 8px; font-weight: 600; font-size: .88rem;
  text-decoration: none; transition: .2s; white-space: nowrap;
}
.fiyat-arayin-btn:hover { background: var(--lkp-koyu); color: #fff; border-color: var(--lkp-koyu); }
.fiyat-arayin-buyuk {
  font-size: 1.15rem; padding: 14px 28px; border-radius: 12px;
  background: var(--lkp-koyu); color: #fff; border-color: var(--lkp-koyu);
}
.fiyat-arayin-buyuk:hover { background: var(--lkp-koyu-2); color: #fff; border-color: var(--lkp-koyu-2); }
/* ---------- Ürün detay – mobil buton düzeni ---------- */
.iletisim-buton.tel { white-space: nowrap; }
@media (max-width: 575.98px) {
  /* CTA butonları 2'li yan yana */
  .urun-cta { gap: 8px; }
  .urun-cta .btn-teklif { flex: 1 1 calc(50% - 4px); justify-content: center; }
  /* İletişim ikonlarını (WhatsApp/Telegram/chat/telefon) mobilde gizle */
  .iletisim-buton-grup { display: none; }
  .iletisim-buton.tel .tel-no { display: none; }

  /* Sekmeler mobilde akordeon olur */
  .urun-sekme-nav.nav-tabs { display: none !important; }
  .urun-sekme-icerik { border: none; padding: 0 !important; margin-top: 0; background: transparent; }
  /* Mobil: alt bölümler arası dev mt-5 (48px) boşlukları dengeli/küçük olsun */
  #anatomiAccordion { margin-top: 12px !important; }
  .urun-sekme-satir.mt-5 { margin-top: 12px !important; }
  .tab-content.urun-sekme-icerik > .tab-pane {
    display: block !important; opacity: 1 !important;
    border: 1px solid #e6e9ee; border-radius: 12px; margin-bottom: 10px; overflow: hidden; background: #fff;
  }
  .tab-content.urun-sekme-icerik > .tab-pane:last-child { margin-bottom: 0; } /* son sekme + Öne Çıkan mt çift olmasın */
  .tab-pane > .sekme-akordeon-baslik {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    width: 100%; border: none; background: #fff; color: var(--lkp-koyu);
    font-weight: 700; font-size: 1rem; padding: 15px 16px; cursor: pointer; text-align: left;
  }
  .sekme-akordeon-baslik i { transition: transform .2s; color: var(--lkp-turuncu); flex-shrink: 0; }
  .sekme-akordeon-baslik .badge { background: var(--lkp-koyu) !important; }
  .sekme-akordeon-govde { display: none; padding: 2px 16px 16px; }
  .tab-pane.akordeon-acik > .sekme-akordeon-govde { display: block; }
  .tab-pane.akordeon-acik > .sekme-akordeon-baslik i { transform: rotate(180deg); }
}

/* ---------- Öne Çıkan Özellikler – 2'li kart ---------- */
.ozellik-kutu {
  display: flex; align-items: flex-start; gap: 10px; height: 100%;
  background: #f6f7f9; border: 1px solid #eef0f3; border-radius: 12px; padding: 15px 18px;
}
.ozellik-kutu i { color: var(--lkp-turuncu); font-size: 1.15rem; margin-top: 2px; flex-shrink: 0; }
.ozellik-kutu span { font-weight: 600; color: var(--lkp-koyu); }

/* Öne Çıkan Özellikler – açık kart (görsel 1) */
.one-cikan-kart {
  height: 100%; background: #f8f9fb; border: 1px solid #eceff4; border-radius: 10px; padding: 13px 14px;
}
.one-cikan-kart .oc-baslik { font-weight: 700; color: var(--lkp-koyu); font-size: .88rem; line-height: 1.25; }
.one-cikan-kart .oc-aciklama { margin-top: 5px; color: var(--lkp-gri); line-height: 1.4; font-size: .78rem; }

/* Uygulama Alanları – pill etiketler */
.uygulama-pill-grup { display: flex; flex-wrap: wrap; gap: 7px; }
.uygulama-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: #f3f4f6; border: 1px solid #e6e9ee; color: var(--lkp-koyu);
  border-radius: 999px; padding: 6px 12px; font-weight: 600; font-size: .8rem;
}
.uygulama-pill i { color: var(--lkp-turuncu); }

/* Vitrin Yazıları – kayan rozet */
.vitrin-rozet {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px;
  color: var(--lkp-koyu); font-weight: 600; font-size: .95rem;
}
.vitrin-rozet > i { color: var(--lkp-turuncu); font-size: 1.05rem; flex-shrink: 0; }
/* Yalnız metin yumuşakça değişsin — ikon ve konum sabit kalır (stabil) */
.vitrin-metin { display: inline-block; transition: opacity .3s ease, transform .3s ease; }
.vitrin-rozet.vitrin-degis .vitrin-metin { opacity: 0; transform: translateY(4px); }
/* Ürün kartı vitrin satırı */
.kart-vitrin {
  display: flex; align-items: flex-start; gap: 6px; margin-top: 8px;
  color: #4b5563; font-weight: 600; font-size: .74rem; line-height: 1.3;
}
.kart-vitrin i { flex-shrink: 0; margin-top: 1px; }
.kart-vitrin span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: opacity .3s ease, transform .3s ease; }
.kart-vitrin.vitrin-degis span { opacity: 0; transform: translateY(4px); }

/* Öne Çıkan / Uygulama – masaüstü açık, mobilde akordeon */
.mobil-ok { display: none; }
@media (max-width: 767.98px) {
  .mobil-akordeon { border: 1px solid #e6e9ee; border-radius: 12px; overflow: hidden; margin-top: 12px !important; }
  .mobil-akordeon-baslik {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    text-align: left !important; margin: 0 !important; padding: 14px 16px; cursor: pointer; background: #fff;
  }
  .mobil-akordeon-baslik h2 { font-size: 1.1rem !important; margin: 0 !important; }
  .mobil-ok { display: block; color: var(--lkp-turuncu); font-size: 1.1rem; transition: transform .2s; flex-shrink: 0; }
  .mobil-akordeon.acik .mobil-ok { transform: rotate(180deg); }
  .mobil-akordeon-govde { display: none; padding: 4px 14px 16px; }
  .mobil-akordeon.acik .mobil-akordeon-govde { display: block; }
}

/* ---------- Kategori Tanıtım Başlığı ---------- */
.kategori-tanitim { background: #f4f6f8; padding: 28px 0 32px; border-bottom: 1px solid #e9edf1; }
.kategori-tanitim .breadcrumb { font-size: .85rem; color: var(--lkp-gri); }
.kategori-tanitim .breadcrumb a { color: var(--lkp-gri); text-decoration: none; }
.kategori-tanitim .breadcrumb a:hover { color: var(--lkp-turuncu); }
.kategori-tanitim .breadcrumb .active { color: var(--lkp-koyu); font-weight: 600; }
.kt-rozet {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; border: 1px solid #e3e8ee; color: var(--lkp-koyu);
  border-radius: 999px; padding: 7px 16px; font-size: .72rem; font-weight: 700; letter-spacing: .4px;
}
.kt-rozet i { color: var(--lkp-turuncu); }
.kt-baslik { font-size: 2.6rem; font-weight: 800; margin: 16px 0 12px; color: var(--lkp-koyu); line-height: 1.1; }
.kt-baslik .soluk { color: #aab2bd; }
.kt-aciklama { color: var(--lkp-gri); max-width: 640px; margin: 0; line-height: 1.7; }
/* Makine ürünlerinde görsel sol üstünde CE belge rozeti (indirim rozeti sağ üstte) */
.urun-ce-rozet { position: absolute; top: 10px; left: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; background: rgba(11,18,32,.9); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .5px; padding: 4px 9px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.urun-ce-rozet i { color: #4ade80; font-size: .88rem; }
.kt-istatistik { display: flex; gap: 12px; justify-content: flex-end; }
.kt-kutu {
  flex: 1; max-width: 120px; text-align: center; background: #fff; border: 1px solid #e6eaef;
  border-radius: 14px; padding: 16px 10px;
}
.kt-kutu strong { display: block; font-size: 1.55rem; font-weight: 800; color: var(--lkp-koyu); }
.kt-kutu span { display: block; font-size: .64rem; font-weight: 700; letter-spacing: .5px; color: var(--lkp-gri); margin-top: 4px; }

/* ---------- Filtre kenar çubuğu ---------- */
.filtre-blok { border: 1px solid #e6eaef; border-radius: 12px; padding: 0 16px; margin-bottom: 12px; background: #fff; }
.filtre-blok > summary {
  list-style: none; cursor: pointer; font-weight: 700; color: var(--lkp-koyu);
  padding: 14px 0; display: flex; align-items: center; justify-content: space-between;
}
.filtre-blok > summary::-webkit-details-marker { display: none; }
.filtre-blok > summary::after { content: "\2212"; color: var(--lkp-gri); font-size: 1.2rem; line-height: 1; }
.filtre-blok:not([open]) > summary::after { content: "\002B"; }
.filtre-liste { list-style: none; padding: 0; margin: 0 0 14px; }
.filtre-liste li { margin-bottom: 9px; }
.filtre-liste a {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  color: var(--lkp-gri); text-decoration: none; font-size: .93rem;
}
.filtre-liste a:hover { color: var(--lkp-turuncu); }
.filtre-liste a.aktif { color: var(--lkp-koyu); font-weight: 700; }
.filtre-liste .adet {
  background: #eef1f5; color: var(--lkp-gri); border-radius: 999px; padding: 1px 9px; font-size: .78rem; font-weight: 600; flex-shrink: 0;
}
.filtre-liste a.aktif .adet { background: var(--lkp-turuncu); color: #fff; }
.filtre-etiket { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .82rem; line-height: 1.5; }
/* Alt kategori aç/kapat (+/−) */
.kat-satir-ic { display: flex; align-items: center; gap: 8px; }
.kat-satir-ic > a { flex: 1; }
.kat-toggle { flex-shrink: 0; width: 22px; height: 22px; border: 1px solid #d7dde5; background: #fff; color: var(--lkp-gri); border-radius: 6px; font-size: .9rem; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: .15s; }
.kat-toggle::before { content: "+"; font-weight: 700; }
.kat-toggle:hover { border-color: var(--lkp-turuncu); color: var(--lkp-turuncu); }
.kat-satir.acik > .kat-satir-ic .kat-toggle { background: var(--lkp-turuncu); border-color: var(--lkp-turuncu); color: #fff; }
.kat-satir.acik > .kat-satir-ic .kat-toggle::before { content: "\2212"; } /* − */
.kat-alt-liste { list-style: none; margin: 8px 0 4px; padding: 0 0 0 12px; border-left: 2px solid #eef1f5; display: none; }
.kat-satir.acik > .kat-alt-liste { display: block; animation: katAltAc .2s ease; }
.kat-alt-liste li { margin-bottom: 7px; }
.kat-alt-liste a { font-size: .88rem; }
@keyframes katAltAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.fiyat-form { padding-bottom: 14px; }
.filtre-temizle { display: inline-flex; align-items: center; gap: 6px; color: var(--lkp-turuncu); text-decoration: none; font-weight: 600; font-size: .9rem; }
.filtre-temizle:hover { color: var(--lkp-turuncu-koyu); }
/* Sonsuz kaydırma yükleniyor göstergesi */
.urun-sentinel { display: flex; justify-content: center; padding: 34px 0 8px; }
@media (max-width: 991.98px) {
  .kt-baslik { font-size: 2rem; }
  .kt-istatistik { justify-content: flex-start; margin-top: 8px; }
}

/* ---------- Mobil filtre çekmecesi ---------- */
.filtre-ac-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--lkp-koyu); color: #fff; border: none; border-radius: 8px;
  padding: 8px 18px; font-weight: 600;
}
.filtre-ac-btn:hover { background: var(--lkp-koyu-2); color: #fff; }
.filtre-overlay, .filtre-mobil-baslik { display: none; }

/* Masaüstü: sol filtre menüsü aşağı kaydırınca sabit kalsın (sticky). Header'ın (sticky-top) altına oturur; filtre listesi uzunsa kendi içinde kayar. */
@media (min-width: 992px) {
  .filtre-kenar {
    position: sticky;
    top: 90px;
    max-height: calc(100vh - 108px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 6px;
  }
  .filtre-kenar::-webkit-scrollbar { width: 6px; }
  .filtre-kenar::-webkit-scrollbar-thumb { background: rgba(11, 18, 32, .16); border-radius: 6px; }
}

@media (max-width: 991.98px) {
  .filtre-kenar {
    position: fixed; top: 0; left: 0; bottom: 0; width: 310px; max-width: 86vw;
    background: #fff; z-index: 1050; padding: 0 16px 20px; overflow-y: auto;
    transform: translateX(-100%); transition: transform .28s ease; box-shadow: 0 0 34px rgba(0,0,0,.22);
  }
  .filtre-kenar.acik { transform: translateX(0); }
  .filtre-overlay {
    display: block; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1045;
    opacity: 0; visibility: hidden; transition: opacity .28s, visibility .28s;
  }
  .filtre-overlay.acik { opacity: 1; visibility: visible; }
  .filtre-mobil-baslik {
    display: flex; align-items: center; justify-content: space-between;
    position: sticky; top: 0; background: #fff; padding: 15px 0 12px; margin-bottom: 8px;
    border-bottom: 1px solid #e6eaef; font-weight: 800; letter-spacing: .5px; color: var(--lkp-koyu); z-index: 2;
  }
  .filtre-kapat {
    width: 34px; height: 34px; border-radius: 8px; border: none; cursor: pointer;
    background: #eef1f5; color: var(--lkp-koyu); display: flex; align-items: center; justify-content: center;
  }
  body.filtre-kilit { overflow: hidden; }
}

/* ---------- Benzer Ürünler – kaydırmalı carousel ---------- */
.benzer-carousel { position: relative; }
.benzer-serit {
  display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth;
  padding: 4px 2px; scrollbar-width: none; -ms-overflow-style: none;
}
.benzer-serit::-webkit-scrollbar { display: none; }
.benzer-serit > [class*="col-"] { flex: 0 0 auto; width: 250px; max-width: 80%; padding: 0; }
.benzer-ok {
  position: absolute; top: 42%; transform: translateY(-50%); z-index: 4;
  width: 44px; height: 44px; border-radius: 50%; border: 1px solid #e6e9ee;
  background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.14); color: var(--lkp-koyu);
  display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.15rem;
  transition: .18s;
}
.benzer-ok:hover { background: var(--lkp-koyu); color: #fff; border-color: var(--lkp-koyu); }
.benzer-ok-sol { left: -8px; }
.benzer-ok-sag { right: -8px; }

/* ---------- Mobil alt sabit menü ---------- */
.mobil-alt-menu { display: none; }
@media (max-width: 767.98px) {
  .mobil-alt-menu {
    display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1035;
    background: var(--lkp-koyu); border-top: 1px solid rgba(255,255,255,.08);
    padding: 6px 2px calc(6px + env(safe-area-inset-bottom));
    box-shadow: 0 -4px 18px rgba(0,0,0,.22);
  }
  .mobil-alt-menu a {
    flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 2px;
    color: #c3cad6; text-decoration: none; font-size: .66rem; font-weight: 600; padding: 4px 2px; line-height: 1.1;
  }
  .mobil-alt-menu a span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobil-alt-menu a i { font-size: 1.3rem; }
  .mobil-alt-menu a:active { color: var(--lkp-turuncu); }
  .mobil-alt-menu a.orta i { color: var(--lkp-turuncu); }
  .mobil-alt-menu a.etkin, .mobil-alt-menu a.etkin i { color: var(--lkp-turuncu); }
  /* İçerik alt menünün altında kalmasın + yüzen WhatsApp gizle (menüde var) */
  body { padding-bottom: calc(56px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  .whatsapp-buton { display: none !important; }
  .mobil-alt-menu { width: 100vw; }

  /* Footer mobilde: her şey ORTALI, ferah, göze hitap eden düzen */
  .site-footer { text-align: center; }
  .site-footer .container.py-5 { padding-top: 2rem !important; padding-bottom: 1.5rem !important; }
  .footer-aciklama {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    font-size: .9rem; margin: 0 auto 1.1rem; max-width: 330px;
  }
  .footer-sosyal { display: flex; justify-content: center; margin-top: .25rem; }
  .site-footer .row.gy-4 { --bs-gutter-y: 1.6rem; }
  .footer-alt-baslik { margin-bottom: 12px; }
  .footer-link-listesi li { margin-bottom: 9px; }
  /* Alt bar: yasal linkler ortalı + ferah, telif alt alta */
  .footer-alt .container { justify-content: center !important; text-align: center; gap: 4px; }
  .footer-yasal-linkler { gap: 9px 16px; margin-bottom: 12px; }
  .footer-alt-satir { flex-direction: column; gap: 3px; }
}
/* ======================= BLOG ======================= */
/* --- Liste: modern kart grid --- */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
/* YAZI ODAKLI kart (görselsiz) — sol turuncu şerit + kategori/tarih + başlık + özet + okuma */
.blog-karti { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #edf1f6; border-left: 3px solid var(--lkp-turuncu); border-radius: 14px; padding: 22px 24px 18px; box-shadow: 0 4px 16px rgba(16,24,40,.05); transition: transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease, border-left-width .2s ease; }
.blog-karti:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(255,106,26,.14); border-left-width: 6px; }
.blog-karti-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.blog-karti-rozet { background: #fff3ec; color: var(--lkp-turuncu-koyu); font-size: .66rem; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; }
.blog-karti-tarih { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; color: var(--lkp-gri); font-weight: 600; }
.blog-karti-tarih i { color: var(--lkp-turuncu); }
.blog-karti-baslik { font-size: 1.18rem; line-height: 1.34; font-weight: 800; letter-spacing: -.01em; margin: 0 0 10px; }
.blog-karti-baslik a { color: var(--lkp-yazi); text-decoration: none; }
.blog-karti-baslik a:hover { color: var(--lkp-turuncu); }
.blog-karti-ozet { font-size: .9rem; line-height: 1.65; color: var(--lkp-gri); margin: 0 0 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-karti-alt { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid #f0f3f8; }
.blog-karti-alt-meta { display: inline-flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 600; color: var(--lkp-gri); }
.blog-karti-alt-meta i { color: var(--lkp-turuncu); }
.blog-karti-ok { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: #fff3ec; color: var(--lkp-turuncu-koyu); display: flex; align-items: center; justify-content: center; transition: background .25s ease, color .25s ease, transform .25s ease; }
.blog-karti:hover .blog-karti-ok { background: var(--lkp-turuncu); color: #fff; transform: translateX(3px); }
/* Öne çıkan kartın meta satırı bu sınıfı yeniden kullanır */
.blog-karti-meta { display: flex; align-items: center; gap: 9px; font-size: .78rem; color: var(--lkp-gri); }
.blog-karti-meta i { color: var(--lkp-turuncu); }
.blog-karti-meta .nokta { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .55; }
@media (max-width: 991.98px) { .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (max-width: 575.98px) { .blog-grid { grid-template-columns: 1fr; gap: 18px; } }

/* Blog kayan şerit (markalardaki gibi yavaş marquee) — yalnız anasayfa */
.blog-akis-sar { overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.blog-akis-ic { display: flex; width: max-content; animation: blogKay 60s linear infinite; }
.blog-akis-sar:hover .blog-akis-ic { animation-play-state: paused; }
.blog-akis-parca { display: flex; gap: 18px; padding-right: 18px; flex: 0 0 auto; }
@keyframes blogKay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .blog-akis-ic { animation: none; } }
/* Marquee içindeki kart: dar sabit genişlik + küçültülmüş (blog.php grid'i etkilenmez) */
.blog-akis-parca .blog-karti { width: 286px; flex: 0 0 286px; padding: 15px 17px 12px; border-radius: 12px; }
.blog-akis-parca .blog-karti-ust { margin-bottom: 9px; }
.blog-akis-parca .blog-karti-baslik { font-size: 1rem; line-height: 1.3; margin: 0 0 7px; }
.blog-akis-parca .blog-karti-ozet { font-size: .82rem; line-height: 1.55; margin: 0 0 12px; }
.blog-akis-parca .blog-karti-alt { padding-top: 10px; }

/* --- Detay: kahraman görsel + meta --- */
.blog-hero { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 16/8; box-shadow: 0 16px 40px rgba(16,24,40,.14); margin-bottom: 22px; background: #f2f5f9; }
.blog-hero img { width: 100%; height: 100%; object-fit: cover; }
.blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #eaeef4; }
.blog-meta-oge { display: inline-flex; align-items: center; gap: 7px; font-size: .88rem; color: var(--lkp-gri); font-weight: 600; }
.blog-meta-oge i { color: var(--lkp-turuncu); }

/* --- Makale gövdesi (admin'den gelen ham HTML) — okunabilir modern tipografi --- */
.blog-icerik { font-size: 1.02rem; line-height: 1.8; color: #2a3342; }
.blog-icerik > *:first-child { margin-top: 0; }
.blog-icerik p { margin: 0 0 1.15rem; }
.blog-icerik strong { color: var(--lkp-yazi); font-weight: 700; }
.blog-icerik h2 { font-size: 1.55rem; font-weight: 800; color: var(--lkp-yazi); line-height: 1.28; margin: 2.3rem 0 1rem; padding-left: 14px; border-left: 4px solid var(--lkp-turuncu); }
.blog-icerik h3 { font-size: 1.2rem; font-weight: 700; color: var(--lkp-yazi); margin: 1.8rem 0 .65rem; }
.blog-icerik h2 + p, .blog-icerik h3 + p { margin-top: 0; }
.blog-icerik a { color: var(--lkp-turuncu-koyu); text-decoration: underline; text-underline-offset: 2px; }
.blog-icerik a:hover { color: var(--lkp-turuncu); }
.blog-icerik ul { list-style: none; padding-left: 0; margin: 0 0 1.2rem; }
.blog-icerik ul > li { position: relative; padding-left: 1.7rem; margin-bottom: .55rem; }
.blog-icerik ul > li::before { content: ""; position: absolute; left: .35rem; top: .68em; width: 7px; height: 7px; border-radius: 2px; background: var(--lkp-turuncu); }
.blog-icerik ol { padding-left: 1.5rem; margin: 0 0 1.2rem; }
.blog-icerik ol > li { margin-bottom: .55rem; padding-left: .35rem; }
.blog-icerik ol > li::marker { color: var(--lkp-turuncu); font-weight: 800; }
.blog-icerik li > ul, .blog-icerik li > ol { margin-top: .5rem; margin-bottom: 0; }
.blog-icerik img { max-width: 100%; height: auto; border-radius: 10px; margin: 1.2rem 0; }
.blog-icerik blockquote { margin: 1.5rem 0; padding: 14px 20px; border-left: 4px solid var(--lkp-turuncu); background: #fff6f0; border-radius: 0 10px 10px 0; color: #3a4453; font-style: italic; }
.blog-icerik pre.blog-kod { background: var(--lkp-koyu); color: #e6edf6; padding: 16px 18px; border-radius: 10px; overflow-x: auto; font-size: .85rem; line-height: 1.6; margin: 1.4rem 0; }
.blog-icerik pre.blog-kod code { background: none; color: inherit; padding: 0; }
/* Tablolar — PHP tarafında .blog-tablo ile sarılır (mobilde yatay kaydırılır) */
.blog-tablo { overflow-x: auto; margin: 1.6rem 0; -webkit-overflow-scrolling: touch; border-radius: 12px; }
.blog-icerik table { width: 100%; min-width: 520px; border-collapse: separate; border-spacing: 0; margin: 0; font-size: .92rem; background: #fff; border: 1px solid #e6ebf3; border-radius: 12px; overflow: hidden; }
.blog-icerik thead th { background: var(--lkp-koyu); color: #fff; text-align: left; font-weight: 700; white-space: nowrap; }
.blog-icerik th, .blog-icerik td { padding: 12px 15px; border-bottom: 1px solid #eef1f6; vertical-align: top; line-height: 1.55; }
.blog-icerik tbody tr:nth-child(even) { background: #f8fafc; }
.blog-icerik tbody tr:last-child td { border-bottom: none; }
.blog-icerik tbody td:first-child { font-weight: 700; color: var(--lkp-yazi); }
@media (max-width: 767.98px) { .blog-icerik { font-size: .98rem; } .blog-icerik h2 { font-size: 1.35rem; } .blog-icerik h3 { font-size: 1.1rem; } }

/* --- Liste: dergi düzeni (öne çıkan + grid + sidebar) --- */
.blog-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 32px; align-items: start; }
.blog-ana { min-width: 0; }
.blog-ana .blog-grid { grid-template-columns: repeat(2, 1fr); }
/* Öne çıkan (featured) */
.blog-one-cikan { display: block; background: #fff; border: 1px solid #eaeef4; border-left: 4px solid var(--lkp-turuncu); border-radius: 16px; box-shadow: 0 10px 30px rgba(16,24,40,.07); margin-bottom: 30px; transition: box-shadow .2s ease, transform .2s ease; }
.blog-one-cikan:hover { box-shadow: 0 18px 44px rgba(16,24,40,.13); transform: translateY(-3px); }
.blog-one-cikan-rozet { display: inline-block; background: var(--lkp-turuncu); color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; margin-bottom: 14px; }
.blog-one-cikan-govde { padding: 28px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.blog-one-cikan-etiket { color: var(--lkp-turuncu); font-size: .75rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.blog-one-cikan h2 { font-size: 1.6rem; line-height: 1.3; font-weight: 800; margin: 0 0 12px; }
.blog-one-cikan h2 a { color: var(--lkp-yazi); text-decoration: none; }
.blog-one-cikan h2 a:hover { color: var(--lkp-turuncu); }
.blog-one-cikan-ozet { color: var(--lkp-gri); font-size: .98rem; line-height: 1.7; margin: 0 0 18px; }
.blog-one-cikan-meta { margin-bottom: 20px; }
.blog-one-cikan-btn { align-self: flex-start; }
.blog-karti-etiket { display: inline-block; color: var(--lkp-turuncu); font-size: .68rem; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 7px; }
/* Sidebar */
.blog-yan { display: flex; flex-direction: column; gap: 22px; position: sticky; top: 92px; }
.blog-yan-kart { background: #fff; border: 1px solid #eaeef4; border-radius: 16px; padding: 22px; box-shadow: 0 6px 20px rgba(16,24,40,.05); }
.blog-yan-baslik { font-size: .92rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--lkp-yazi); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #f0f3f8; position: relative; }
.blog-yan-baslik::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 44px; height: 2px; background: var(--lkp-turuncu); }
.blog-yan-marka { background: linear-gradient(135deg, var(--lkp-koyu), #1c2c47); border: none; }
.blog-yan-marka-baslik { color: #fff; font-size: 1.12rem; font-weight: 800; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.blog-yan-marka-baslik i { color: var(--lkp-turuncu); }
.blog-yan-marka p { color: #b9c2d4; font-size: .89rem; line-height: 1.65; margin: 0 0 16px; }
.blog-yan-marka-btn { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-weight: 700; text-decoration: none; font-size: .9rem; }
.blog-yan-marka-btn:hover { color: var(--lkp-turuncu); }
.blog-yan-marka-btn i { transition: transform .2s ease; }
.blog-yan-marka-btn:hover i { transform: translateX(4px); }
.blog-yan-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.blog-yan-oge { display: flex; gap: 12px; align-items: flex-start; }
.blog-yan-oge-no { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px; background: #fff3ec; color: var(--lkp-turuncu-koyu); font-weight: 800; font-size: .85rem; display: flex; align-items: center; justify-content: center; }
.blog-yan-oge-ic { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.blog-yan-oge-ic a { color: var(--lkp-yazi); text-decoration: none; font-size: .88rem; font-weight: 600; line-height: 1.35; }
.blog-yan-oge-ic a:hover { color: var(--lkp-turuncu); }
.blog-yan-oge-ic small { color: var(--lkp-gri); font-size: .72rem; }
.blog-yan-cta-baslik { font-size: 1.05rem; font-weight: 800; color: var(--lkp-yazi); margin: 0 0 6px; }
.blog-yan-cta p { color: var(--lkp-gri); font-size: .88rem; line-height: 1.55; margin: 0 0 14px; }
/* Dergi başlık bandı ekleri */
.blog-band-etiket { display: inline-block; color: var(--lkp-turuncu); font-weight: 800; font-size: .8rem; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; }
.blog-band-alt { color: #c3ccdb; font-size: 1.02rem; max-width: 640px; margin: 12px 0 0; line-height: 1.6; }
@media (max-width: 991.98px) { .blog-layout { grid-template-columns: 1fr; gap: 26px; } .blog-yan { position: static; } }
@media (max-width: 575.98px) { .blog-ana .blog-grid { grid-template-columns: 1fr; } .blog-one-cikan-govde { padding: 22px; } }

.galeri-thumb {
  width: 100px; height: 100px; object-fit: cover; border-radius: 8px; cursor: pointer;
  border: 2px solid transparent; opacity: .75; transition: .15s; flex-shrink: 0;
}
.galeri-thumb:hover { opacity: 1; }
.galeri-thumb.aktif { border-color: var(--lkp-turuncu); opacity: 1; }

.galeri-thumb-satiri { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.galeri-thumb-scroll {
  display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth;
  padding-bottom: 4px; scrollbar-width: none; -ms-overflow-style: none;
}
.galeri-thumb-scroll::-webkit-scrollbar { display: none; }
.thumb-kaydir {
  flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
  border: 1px solid #dde2ea; background: #fff; color: var(--lkp-yazi);
  display: flex; align-items: center; justify-content: center;
}
.thumb-kaydir:hover { background: var(--lkp-turuncu); color: #fff; border-color: var(--lkp-turuncu); }

.gorsel-ok {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 38px; height: 38px; border-radius: 50%; border: none;
  background: rgba(255,255,255,.9); color: var(--lkp-koyu); font-size: 1.1rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.15); opacity: 0; transition: opacity .15s;
}
.urun-detay-gorsel:hover .gorsel-ok { opacity: 1; }
.gorsel-ok:hover { background: var(--lkp-turuncu); color: #fff; }
.gorsel-ok-sol { left: 12px; }
.gorsel-ok-sag { right: 12px; }

.gorsel-buyut-ipucu {
  position: absolute; bottom: 12px; left: 12px; z-index: 2;
  background: rgba(11,18,32,.6); color: #fff; font-size: .72rem; font-weight: 500;
  padding: 4px 10px; border-radius: 20px; opacity: 0; transition: opacity .15s; pointer-events: none;
}
.urun-detay-gorsel:hover .gorsel-buyut-ipucu { opacity: 1; }

/* ---------- Görsel Lightbox ---------- */
.lightbox-overlay {
  display: none; position: fixed; inset: 0; z-index: 2000;
  background: rgba(8,12,20,.95); align-items: center; justify-content: center;
}
.lightbox-overlay.acik { display: flex; }
.lightbox-resim-alani { max-width: 82vw; max-height: 76vh; display: flex; align-items: center; justify-content: center; }
.lightbox-resim-alani img { max-width: 100%; max-height: 76vh; object-fit: contain; border-radius: 6px; background: #fff; }
.lightbox-kapat {
  position: absolute; top: 20px; right: 24px; z-index: 2001;
  width: 42px; height: 42px; border-radius: 50%; border: none;
  background: rgba(255,255,255,.12); color: #fff; font-size: 1.1rem;
}
.lightbox-kapat:hover { background: var(--lkp-turuncu); }
.lightbox-sayac {
  position: absolute; top: 24px; left: 24px; z-index: 2001;
  color: #fff; background: rgba(255,255,255,.12); font-size: .82rem; font-weight: 600;
  padding: 6px 14px; border-radius: 20px;
}
.lightbox-ok {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2001;
  width: 48px; height: 48px; border-radius: 50%; border: none;
  background: rgba(255,255,255,.12); color: #fff; font-size: 1.4rem;
  display: flex; align-items: center; justify-content: center;
}
.lightbox-ok:hover { background: var(--lkp-turuncu); }
.lightbox-ok-sol { left: 24px; }
.lightbox-ok-sag { right: 24px; }
.lightbox-thumb-serit {
  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
  display: flex; gap: 8px; max-width: 90vw; overflow-x: auto; padding: 4px;
}
.lightbox-thumb {
  width: 56px; height: 56px; object-fit: cover; border-radius: 6px; cursor: pointer;
  border: 2px solid transparent; opacity: .6; flex-shrink: 0; transition: .15s;
}
.lightbox-thumb:hover { opacity: 1; }
.lightbox-thumb.aktif { border-color: var(--lkp-turuncu); opacity: 1; }

@media (max-width: 767.98px) {
  .gorsel-ok { opacity: 1; width: 32px; height: 32px; font-size: .95rem; }
  .gorsel-buyut-ipucu { display: none; }
  .lightbox-ok { width: 40px; height: 40px; font-size: 1.1rem; }
}

.guven-kutu {
  border: 1px solid #eceff4; border-radius: var(--radius); text-align: center;
  padding: 12px 6px; font-size: .74rem; font-weight: 600; color: var(--lkp-yazi); height: 100%;
}
.guven-kutu i { display: block; font-size: 1.2rem; color: var(--lkp-turuncu); margin-bottom: 4px; }

.anatomi-numara {
  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; font-size: .82rem;
  background: var(--lkp-turuncu); color: #fff; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
/* Anatomi bölümü metinlerini küçült (yalnızca bu bölüme özel) */
#anatomiAccordion .accordion-body h6 { font-size: .88rem; margin-bottom: 3px !important; }
#anatomiAccordion .accordion-body p { font-size: .78rem; line-height: 1.4; }
#anatomiAccordion .accordion-body .row { --bs-gutter-y: 1rem; }
.accordion-button:not(.collapsed) { background: #fff6f0; color: var(--lkp-turuncu-koyu); box-shadow: none; }
.accordion-button:focus { box-shadow: none; border-color: rgba(255,106,26,.2); }

.teknik-kart {
  background: #f6f7f9; border: 1px solid #eef0f3; border-radius: 10px;
  padding: 10px 14px; height: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.teknik-kart .etiket { color: #7a8494; font-size: .78rem; font-weight: 600; margin: 0; }
.teknik-kart .deger { font-size: .82rem; font-weight: 700; color: var(--lkp-koyu); text-align: right; }

/* ---------- Ürün detay sekmeleri (hap / pill) ---------- */
.urun-sekme-nav.nav-tabs { border-bottom: none; gap: 8px; flex-wrap: wrap; }
.urun-sekme-nav .nav-link {
  border: 1.5px solid transparent; border-radius: 10px; margin-bottom: 0;
  background: #f3f4f6; color: #4b5563; font-weight: 600; padding: 8px 14px; font-size: .88rem;
  transition: .18s;
}
.urun-sekme-icerik h5 { font-size: 1.05rem; }
/* Zengin metin açıklama içeriği */
.urun-aciklama-icerik h1, .urun-aciklama-icerik h2, .urun-aciklama-icerik h3, .urun-aciklama-icerik h4 { margin: 16px 0 8px; font-size: 1.1rem; }
.urun-aciklama-icerik p { margin: 0 0 10px; }
.urun-aciklama-icerik ul, .urun-aciklama-icerik ol { margin: 0 0 12px; padding-left: 22px; }
.urun-aciklama-icerik li { margin-bottom: 4px; }
.urun-aciklama-icerik table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.urun-aciklama-icerik table td, .urun-aciklama-icerik table th { border: 1px solid #e6eaef; padding: 8px 12px; }
.urun-aciklama-icerik img { max-width: 100%; height: auto; border-radius: 8px; }
/* Öne Çıkan / Uygulama / Benzer başlıklarını küçült */
.mobil-akordeon-baslik h2, .benzer-baslik h2 { font-size: 1.5rem; }
.urun-sekme-nav .nav-link:hover { background: #e9ebef; color: var(--lkp-koyu); border-color: transparent; }
.urun-sekme-nav .nav-link.active {
  background: #fff; color: var(--lkp-koyu); border-color: var(--lkp-koyu); font-weight: 700;
}
.urun-sekme-nav .nav-link .badge { background: var(--lkp-koyu) !important; }
.urun-sekme-icerik {
  border: 1px solid #eceff4; border-radius: 14px; background: #fff; margin-top: 16px;
}
/* Akordeon başlığı masaüstünde gizli (yalnızca mobilde görünür) */
.sekme-akordeon-baslik { display: none; }

/* Kaynak Parametreleri tablosu */
.parametre-tablo { font-size: .84rem; }
.parametre-tablo thead th {
  background: var(--lkp-koyu); color: #fff; font-weight: 700; font-size: .72rem;
  text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; border-color: var(--lkp-koyu);
  position: sticky; top: 0;
}
.parametre-tablo td { vertical-align: middle; white-space: nowrap; }
.parametre-tablo tbody tr:hover { background: #fafbfc; }

.ozellik-madde-karti {
  border: 1px solid #eceff4; border-radius: var(--radius); padding: 22px 18px; height: 100%; text-align: center;
}
.ozellik-madde-karti i { font-size: 1.6rem; color: var(--lkp-turuncu); margin-bottom: 10px; display: inline-block; }
.ozellik-madde-karti p { margin: 0; font-weight: 600; font-size: .92rem; }

/* ---------- Video (Kaynak Simülasyonu) ---------- */
.video-oran { position: relative; width: 100%; padding-top: 56.25%; border-radius: var(--radius); overflow: hidden; background: #000; }
.video-oran iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ---------- Etiketler ---------- */
.etiket-bulut { display: flex; flex-wrap: wrap; gap: 10px; }
.etiket-cip {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid #eceff4; background: var(--lkp-acik-gri); border-radius: 30px;
  padding: 6px 14px; font-size: .8rem; font-weight: 600; color: var(--lkp-yazi);
}
.etiket-cip:hover { border-color: var(--lkp-turuncu); color: var(--lkp-turuncu-koyu); }
.etiket-cip i { color: var(--lkp-turuncu); }
.etiket-marka { background: #fff; }

/* ---------- Müşteri Yorumları ---------- */
.yorum-ozet { text-align: center; background: var(--lkp-acik-gri); border-radius: var(--radius); padding: 24px; }
.yorum-ortalama { font-size: 2.8rem; font-weight: 800; line-height: 1; color: var(--lkp-yazi); }
.yorum-yildiz { color: #f5a623; font-size: 1.05rem; letter-spacing: 1px; }
.yorum-karti { border: 1px solid #eceff4; border-radius: var(--radius); padding: 16px 18px; margin-bottom: 14px; }
.yorum-form { border: 1px solid #eceff4; border-radius: var(--radius); padding: 18px; }
.yildiz-secici { font-size: 1.6rem; color: #dfe3ea; cursor: pointer; display: inline-flex; gap: 4px; }
.yildiz-secici i.dolu { color: #f5a623; }

/* ---------- SSS Akordeon ---------- */
.sss-akordeon .accordion-button { font-weight: 600; }
.sss-akordeon .accordion-button:not(.collapsed) { background: #fff6f0; color: var(--lkp-turuncu-koyu); box-shadow: none; }
.sss-akordeon .accordion-button:focus { box-shadow: none; border-color: rgba(255,106,26,.2); }

.paket-kalemi {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 4px; border-bottom: 1px solid #eceff4; font-size: .84rem;
}
.paket-kalemi i { color: #28a745; flex-shrink: 0; }
.paket-adet { font-weight: 700; color: var(--lkp-yazi); white-space: nowrap; }
.paket-ad { color: var(--lkp-gri); }

.karsilastirma-tablosu th { white-space: nowrap; font-size: .85rem; }
.karsilastirma-tablosu td, .karsilastirma-tablosu th { padding: 12px 16px; }
.karsilastirma-bu-urun { background: #fff6f0; }
.karsilastirma-tablosu thead .karsilastirma-bu-urun { border-top: 2px solid var(--lkp-turuncu); }

/* ---------- Sepet / Ödeme ---------- */
.sepet-satir img { width: 90px; height: 90px; object-fit: cover; border-radius: 8px; }
/* Teknisyenler listesi */
.teknisyen-kart {
  position: relative; background: #fff; border: 1px solid #eef1f6; border-radius: 18px; margin-bottom: 18px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(11,18,32,.03), 0 12px 30px -14px rgba(11,18,32,.14);
  transition: box-shadow .22s ease, transform .22s ease;
}
.teknisyen-kart:hover { transform: translateY(-3px); box-shadow: 0 6px 14px rgba(11,18,32,.05), 0 26px 52px -18px rgba(255,106,26,.30); }

/* Kapak — koyu lacivert gradyan; avatar + ad + puan yan yana */
.tk-kapak { position: relative; overflow: hidden; background: linear-gradient(120deg, var(--lkp-koyu), #1c2c47); padding: 18px 20px; display: flex; align-items: center; gap: 15px; }
.tk-kapak::after { content: ""; position: absolute; inset: 0; background: radial-gradient(180px 140px at 90% -30%, rgba(255,106,26,.4), transparent 70%); pointer-events: none; }

/* Avatar — kapağın üzerinde, beyaz halkalı */
.tk-avatar-sar { position: relative; z-index: 1; flex-shrink: 0; }
.teknisyen-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: #eef1f5; box-shadow: 0 0 0 3px rgba(255,255,255,.92); display: block; transition: box-shadow .2s ease; }
.teknisyen-kart:hover .teknisyen-avatar { box-shadow: 0 0 0 3px rgba(255,106,26,.85); }
.teknisyen-avatar-harf { display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.5rem; color: var(--lkp-turuncu); background: linear-gradient(135deg, #fff3ea, #ffe0cc); }
.teknisyen-dogrulama {
  position: absolute; bottom: 0; right: 0; display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%; background: var(--lkp-turuncu); color: #fff; font-size: .6rem; line-height: 1; box-shadow: 0 0 0 2px #fff;
}

/* Ad bloğu — kapağın üzerinde beyaz */
.tk-kapak-ad { position: relative; z-index: 1; flex: 1; min-width: 0; }
.tk-kapak .teknisyen-ad { color: #fff; font-weight: 800; font-size: 1.16rem; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.tk-kapak .teknisyen-ad a { color: #fff; text-decoration: none; }
.tk-kapak .teknisyen-ad a:hover { color: #ffd9c2; }
.tk-kapak .teknisyen-firma { font-size: .72rem; font-weight: 600; color: #eef1f6; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26); border-radius: 20px; padding: 2px 10px; }

/* Puan — kapağın sağ üstünde */
.tk-kapak .teknisyen-puan {
  position: relative; z-index: 1; align-self: flex-start; flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); color: #fff;
  font-weight: 700; font-size: .82rem; border-radius: 20px; padding: 5px 12px; backdrop-filter: blur(4px);
}
.tk-kapak .teknisyen-puan i { color: #ffc93c; }
.tk-kapak .teknisyen-yorum-adet { color: rgba(255,255,255,.72); font-weight: 500; font-size: .76rem; }

/* Gövde */
.tk-govde { padding: 15px 20px 18px; }

.teknisyen-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; color: #6a7686; font-size: .82rem; }
.teknisyen-meta span { display: inline-flex; align-items: center; gap: 5px; }
.teknisyen-meta i { color: var(--lkp-turuncu); font-size: .9rem; opacity: .9; }

.teknisyen-hizmetler { display: flex; align-items: flex-start; gap: 6px; margin-top: 16px; }
.teknisyen-etiket-grup { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.teknisyen-etiket { font-size: .7rem; font-weight: 500; color: #48546a; background: #f6f8fb; border: 1px solid #eaeff5; border-radius: 20px; padding: 4px 10px; white-space: nowrap; transition: background .15s ease, border-color .15s ease; }
.teknisyen-etiket:hover { background: #eef2f7; border-color: #dde5ee; }
.teknisyen-etiket-fazla { flex-shrink: 0; background: #fff3ea; color: var(--lkp-turuncu); border-color: #ffddc2; font-weight: 700; }

.teknisyen-aksiyon { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #f0f3f7; }
.tk-btn {
  display: inline-flex; align-items: center; justify-content: center; font-size: .83rem; font-weight: 600; line-height: 1.2;
  padding: 9px 16px; border-radius: 10px; border: 1px solid transparent; text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.tk-btn:hover { transform: translateY(-1px); }
.tk-btn-cizgi { border-color: #dfe4ec; color: var(--lkp-koyu); background: #fff; }
.tk-btn-cizgi:hover { border-color: var(--lkp-turuncu); color: var(--lkp-turuncu); background: #fff7f2; }
.tk-btn-wa { background: #25D366; color: #fff; box-shadow: 0 4px 12px -5px rgba(37,211,102,.5); }
.tk-btn-wa:hover { background: #1fbb5a; color: #fff; box-shadow: 0 8px 18px -7px rgba(37,211,102,.6); }
.tk-btn-turuncu { background: linear-gradient(180deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu)); color: #fff; box-shadow: 0 6px 16px -6px rgba(255,106,26,.55); }
.tk-btn-turuncu:hover { background: linear-gradient(180deg, #ff7a30, var(--lkp-turuncu-koyu)); color: #fff; box-shadow: 0 10px 22px -8px rgba(255,106,26,.65); }

@media (max-width: 575.98px) {
  .tk-kapak { padding: 14px 16px; gap: 12px; }
  .tk-govde { padding: 14px 16px 18px; }
  .teknisyen-avatar { width: 56px; height: 56px; }
  .teknisyen-avatar-harf { font-size: 1.35rem; }
  .tk-kapak .teknisyen-ad { font-size: 1.04rem; }
  .teknisyen-meta { gap: 6px 14px; }
  .teknisyen-aksiyon .tk-btn { flex: 1 1 calc(50% - 5px); padding: 10px 12px; }
}

/* Teknisyen profil sayfası */
.teknisyen-profil-kart { background: #fff; border: 1px solid #e9edf2; border-radius: 16px; padding: 26px; box-shadow: 0 6px 22px rgba(11,18,32,.05); }
.teknisyen-profil-ust { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.teknisyen-profil-avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #eef1f5; }
.teknisyen-profil-ad { font-size: 1.6rem; font-weight: 800; margin: 0; }
.teknisyen-iletisim-kart { background: #fff; border: 1px solid #e9edf2; border-radius: 16px; padding: 22px; box-shadow: 0 6px 22px rgba(11,18,32,.05); position: sticky; top: 90px; }
.tk-iletisim-liste { display: flex; flex-direction: column; }
.tk-iletisim-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 10px; margin: 0 -10px; border-bottom: 1px solid #f0f2f5; text-decoration: none; border-radius: 8px; transition: background .15s; }
a.tk-iletisim-satir:hover { background: #f7f9fc; }
.tk-iletisim-satir:last-child { border-bottom: 0; }
.tk-il-etiket { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #9aa4b2; flex-shrink: 0; }
.tk-il-deger { font-size: .88rem; font-weight: 600; color: var(--lkp-koyu); text-align: right; word-break: break-word; transition: color .15s; }
a.tk-iletisim-satir:hover .tk-il-deger { color: var(--lkp-turuncu); }
.tk-il-statik { cursor: default; }

/* Teknisyen profil — profesyonel düzen */
.tk-profil { padding-top: 22px; }
.tk-banner { position: relative; background: linear-gradient(120deg, #0d1524 0%, #1b2740 100%); border-radius: 18px 18px 22px 22px; padding: 26px 30px 52px; overflow: hidden; }
.tk-banner-gorselli { background-size: cover; background-position: center; background-repeat: no-repeat; }
.tk-banner-gorselli .tk-banner-arka { display: none; }

/* Üste taşan stat kartı (kapak + overlapping card tasarımı) */
.tk-stat-kart { position: relative; z-index: 3; margin: -34px 14px 0; background: #fff; border: 1px solid #eef1f6; border-radius: 18px; padding: 20px 24px; box-shadow: 0 24px 50px -26px rgba(11,18,32,.42); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tk-stat { flex: 1 1 0; min-width: 110px; text-align: center; padding: 6px 12px; position: relative; }
.tk-stat + .tk-stat::before { content: ""; position: absolute; left: 0; top: 18%; height: 64%; width: 1px; background: #eef1f5; }
.tk-stat-sayi { font-size: 1.7rem; font-weight: 800; color: var(--lkp-koyu); line-height: 1; }
.tk-stat-sayi.turuncu { color: var(--lkp-turuncu); }
.tk-stat-etiket { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #9aa4b2; margin-top: 7px; }
.tk-stat-cta { flex: 0 0 auto; margin-left: 8px; white-space: nowrap; }
@media (max-width: 767.98px) {
  .tk-stat-kart { margin: -28px 4px 0; padding: 16px; gap: 4px; }
  .tk-stat { flex: 1 1 42%; min-width: 42%; }
  .tk-stat + .tk-stat::before { display: none; }
  .tk-stat-sayi { font-size: 1.4rem; }
  .tk-stat-cta { flex: 1 1 100%; margin: 12px 0 0; text-align: center; }
}
.tk-banner-arka { position: absolute; top: 6px; left: 24px; right: 24px; font-size: 4.6rem; font-weight: 900; letter-spacing: 2px; color: rgba(255,255,255,.06); white-space: nowrap; overflow: hidden; text-overflow: clip; pointer-events: none; line-height: 1; }
.tk-banner-ic { position: relative; display: flex; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.tk-banner-avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.15); flex-shrink: 0; background: #263352; }
.tk-avatar-harf { display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 2rem; color: #fff; background: #2a3a5a; }
.tk-banner-bilgi { flex: 1; min-width: 0; }
.tk-banner-bilgi h1 { color: #fff; font-size: 1.5rem; font-weight: 800; margin: 0 0 10px; }
.tk-onay { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--lkp-turuncu); color: #fff; font-size: .58rem; vertical-align: middle; }
.tk-banner-rozetler { display: flex; flex-wrap: wrap; gap: 8px; }
.tk-rozet-koyu, .tk-rozet-yesil { display: inline-flex; align-items: center; font-size: .76rem; font-weight: 600; padding: 5px 14px; border-radius: 999px; }
.tk-rozet-koyu { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); color: #cfd6e2; }
.tk-rozet-yesil { background: rgba(41,180,102,.16); border: 1px solid rgba(79,208,127,.25); color: #4fd07f; }
.tk-qr { flex-shrink: 0; background: #fff; border-radius: 12px; padding: 16px; text-align: center; }
.tk-qr img { display: block; width: 165px; height: 165px; }
.tk-qr span { display: block; font-size: .58rem; color: #777; margin-top: 6px; max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: .02em; }

.tk-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 16px; padding: 22px; box-shadow: 0 1px 2px rgba(11,18,32,.03), 0 12px 30px -20px rgba(11,18,32,.16); margin-bottom: 16px; }
.tk-kart-baslik { font-size: .78rem; font-weight: 700; letter-spacing: .5px; color: var(--lkp-turuncu); margin-bottom: 8px; }
.tk-kart-baslik2 { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #8892a0; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid #eef1f5; position: relative; }
.tk-kart-baslik2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 34px; height: 2px; background: var(--lkp-turuncu); }
.tk-ucret-kart { background: linear-gradient(180deg, #fff8f3 0%, #fff 62%); border-color: #ffe2d0; }
.tk-ucret { font-size: 2.3rem; font-weight: 800; color: var(--lkp-koyu); line-height: 1; letter-spacing: -.5px; }
.tk-ucret-alt { color: var(--lkp-turuncu); font-size: .72rem; font-weight: 600; margin: 6px 0; }
.tk-ucret-tl { font-size: 1.35rem; font-weight: 800; color: var(--lkp-turuncu); line-height: 1; }
.tk-ucret-not { font-size: .74rem; color: #7a8494; margin-top: 4px; }
.tk-baslangic { font-size: .84rem; color: #3a4658; margin-top: 12px; }
.tk-baslangic i { color: var(--lkp-turuncu); }
.tk-baslangic-adres { font-size: .74rem; color: #9aa4b2; margin-top: 2px; }
.tk-il-secim { width: 100%; margin-top: 12px; padding: 11px 34px 11px 14px; border: 1px solid #dce2ea; border-radius: 12px; font-size: .9rem; color: #2a3444; background-color: #fff; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff6a1a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.tk-il-secim:hover { border-color: #c3ccd8; }
.tk-il-secim:focus { outline: none; border-color: var(--lkp-turuncu); box-shadow: 0 0 0 3px rgba(255,106,26,.12); }
.tk-sonuc { margin-top: 14px; text-align: left; border-top: 1px dashed #e2e7ee; padding-top: 14px; }
.tk-rota { font-size: .84rem; font-weight: 700; color: #1f7a34; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tk-rota i { color: #1f7a34; }
.tk-rota-ek { color: var(--lkp-turuncu); }
.tk-km-not { font-size: .74rem; color: #7a8494; margin: 6px 0 12px; }
.tk-dokum-baslik { width: 100%; background: #f7f9fc; border: 1px solid #e6ebf2; border-radius: 9px; padding: 9px 12px; font-size: .82rem; font-weight: 700; color: var(--lkp-koyu); display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; cursor: pointer; }
.tk-dokum-baslik:hover { border-color: var(--lkp-turuncu); }
.tk-dokum-baslik > span:first-child { display: flex; align-items: center; gap: 6px; }
.tk-dokum-baslik i { color: var(--lkp-turuncu); }
.tk-dokum-ac { display: inline-flex; align-items: center; gap: 4px; font-size: .74rem; font-weight: 600; color: var(--lkp-turuncu); }
.tk-dokum-baslik[aria-expanded="true"] .tk-dokum-ac i { transform: rotate(180deg); }
.tk-dokum-ac i { transition: transform .18s; }
.tk-dokum-aciklama { font-size: .74rem; line-height: 1.55; color: #6a7686; background: #fff6ec; border: 1px solid #ffe0c2; border-radius: 9px; padding: 9px 11px; margin: 0 0 10px; text-align: left; }
.tk-dokum-aciklama b { color: #b45309; font-weight: 700; }

/* ===== Asgari sipariş adedi — ürün içi inline not (ör. Koruma Camı: 5) ===== */
/* Bloklayan tam-ekran popup KALDIRILDI (sonraki "Sepete Ekle" tıklamalarını yutuyordu).
   Bilgi artık: (1) butonun yanında/altında inline not, (2) eklemede engellemeyen toast. */
.urun-asgari-not { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 600; color: #b45309; background: #fff6ec; border: 1px solid #ffe0c2; border-radius: 8px; padding: 5px 9px; margin-top: 8px; line-height: 1.3; }
.urun-asgari-not i { color: var(--lkp-turuncu); font-size: .9rem; }

/* Sepete eklendi — butonda net yeşil onay (her ekleme kesin görünür) */
.sepete-ekle-buton.sepete-eklendi { background: #147a3d !important; border-color: #147a3d !important; color: #fff !important; pointer-events: none; }
.sepete-ekle-buton.sepete-eklendi i { color: #fff !important; }

/* Sepet sayacı titreşimi — ekleme fark edilir */
.sepet-badge-pulse { animation: sepetBadgePulse .55s ease; }
@keyframes sepetBadgePulse {
  0% { transform: scale(1); }
  30% { transform: scale(1.5); }
  55% { transform: scale(.9); }
  100% { transform: scale(1); }
}
.sepet-asgari-not { display: flex; align-items: center; gap: 7px; font-size: .82rem; color: #b45309; background: #fff6ec; border: 1px solid #ffe0c2; border-radius: 9px; padding: 8px 11px; margin-top: 10px; }
.sepet-asgari-not i { color: var(--lkp-turuncu); }

/* ===== Kutulu / Toptan alım — kompakt, tıklanabilir satırlar (tıkla → o adet sepete) ===== */
.kutulu-satis-blok { border: 1px solid #ffe0c2; border-radius: 10px; overflow: hidden; background: #fffdfb; }
.kutulu-satis-baslik { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: .8rem; color: #b45309; background: #fff6ec; padding: 7px 12px; border-bottom: 1px solid #ffe0c2; }
.kutulu-satis-baslik i { color: var(--lkp-turuncu); }
.kutulu-satis-liste { display: flex; flex-direction: column; }
.kutulu-satir { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #f4eee6; padding: 8px 12px; cursor: pointer; font: inherit; color: inherit; transition: background .12s; }
.kutulu-satir:last-of-type { border-bottom: 0; }
.kutulu-satir:hover { background: #fff6ec; }
.kutulu-satir-sol { display: flex; flex-direction: row; align-items: center; gap: 9px; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.kutulu-etiket-rozet { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; font-size: .86rem; color: var(--lkp-koyu, #0b1220); white-space: nowrap; }
.kutulu-etiket-rozet i { color: var(--lkp-turuncu); font-size: .84rem; }
.kutulu-adet-alt { display: inline-flex; align-items: center; font-size: .85rem; font-weight: 700; color: #46536a; white-space: nowrap; letter-spacing: .01em; }
.kutulu-adet-alt::before { content: "·"; margin-right: 9px; color: #d0d7e2; font-weight: 700; }
.kutulu-satir-sag { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.kutulu-satir-sag .kutulu-toplam { font-weight: 800; font-size: .92rem; color: var(--lkp-turuncu, #ff6a1a); }
.kutulu-satir-sag .kutulu-tl { font-size: .67rem; color: #8a97ab; }
.kutulu-ekle-ok { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: #fff2e6; color: var(--lkp-turuncu); flex: none; transition: background .12s, color .12s; }
.kutulu-ekle-ok i { font-size: 1rem; }
.kutulu-satir:hover .kutulu-ekle-ok { background: var(--lkp-turuncu); color: #fff; }
.kutulu-satir.sepete-eklendi { background: #147a3d !important; color: #fff !important; justify-content: center; font-weight: 700; }
.kutulu-satis-not { font-size: .72rem; color: #99a2af; margin: 7px 12px 9px; display: flex; align-items: center; gap: 5px; }
.kutulu-satis-not i { color: var(--lkp-turuncu); }

/* Ücretsiz kargo teşvik çubuğu — "X TL kaldı" ilerlemesi (alışverişe teşvik) */
.kargo-tesvik { background: #fff6ec; border: 1px solid #ffe0c2; border-radius: 10px; padding: 10px 12px; margin: 10px 0 2px; }
.kargo-tesvik-metin { font-size: .84rem; color: #b45309; font-weight: 600; display: flex; align-items: center; gap: 7px; line-height: 1.3; }
.kargo-tesvik-metin i { color: var(--lkp-turuncu); font-size: 1rem; }
.kargo-tesvik-metin strong { color: var(--lkp-turuncu-koyu, #e2570f); }
.kargo-tesvik-bar { height: 7px; background: #ffe6cc; border-radius: 4px; margin-top: 8px; overflow: hidden; }
.kargo-tesvik-bar span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--lkp-turuncu), #ff9553); border-radius: 4px; transition: width .5s ease; }
.kargo-tesvik.kazanildi { display: flex; align-items: center; gap: 7px; font-size: .84rem; color: #147a3d; background: #e9f7ef; border-color: #b7e4c7; font-weight: 600; }
.kargo-tesvik.kazanildi i { color: #1aa851; font-size: 1rem; }
.kargo-tesvik.kazanildi strong { color: #147a3d; }
.tk-dokum-satir { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid #f2f4f7; font-size: .82rem; color: #5a6675; }
.tk-dokum-satir span { display: flex; align-items: center; gap: 7px; }
.tk-dokum-satir i { color: #9aa4b2; font-size: .82rem; }
.tk-dokum-satir b { color: #2a3444; white-space: nowrap; }
.tk-dokum-toplam { display: flex; justify-content: space-between; align-items: center; padding: 10px 0 2px; font-weight: 800; color: var(--lkp-koyu); font-size: .95rem; }
.tk-dokum-alt { font-size: .72rem; color: #9aa4b2; margin: 6px 0 0; }

/* Maliyet kartı — değiştirilen parça notu */
.tk-parca-not { margin-top: 10px; font-size: .7rem; line-height: 1.5; color: #8a4b00; background: #fff6ec; border: 1px solid #ffd9b0; border-radius: 9px; padding: 8px 10px; text-align: left; }
.tk-parca-not strong { color: #b45309; }
.tk-parca-not a { color: var(--lkp-turuncu-koyu, #e2570f); font-weight: 700; text-decoration: underline; }

/* 5 Adımda Servis Süreci (teknisyen profili üst bölüm) — kompakt, numara dairesiz */
.tk-surec { background: #fff; border: 1px solid #eef1f6; border-radius: 14px; padding: 15px 16px; margin-top: 16px; box-shadow: 0 6px 20px rgba(11,18,32,.05); }
.tk-surec-baslik { font-weight: 800; font-size: .92rem; color: var(--lkp-koyu); display: flex; align-items: center; gap: 8px; margin-bottom: 11px; list-style: none; cursor: pointer; user-select: none; }
.tk-surec-baslik::-webkit-details-marker { display: none; }
.tk-surec-baslik i { color: var(--lkp-turuncu); }
.tk-surec-ipucu { margin-left: auto; font-size: .72rem; font-weight: 700; color: var(--lkp-turuncu); white-space: nowrap; }
.tk-surec-ipucu::before { content: "Detayları gör"; }
.tk-surec[open] .tk-surec-ipucu::before { content: "Gizle"; }
.tk-surec-ok { margin-left: 8px; width: 9px; height: 9px; border-right: 2px solid #9aa4b2; border-bottom: 2px solid #9aa4b2; transform: rotate(45deg) translateY(-1px); transition: transform .2s ease, border-color .2s ease; flex-shrink: 0; }
.tk-surec[open] .tk-surec-ok { transform: rotate(-135deg) translateY(1px); border-color: var(--lkp-turuncu); }
/* Kapalıyken başlık alt boşluğu yok (her boyutta katlanabilir) */
.tk-surec:not([open]) .tk-surec-baslik { margin-bottom: 0; }
/* İstanbul içi yaka fiyatları (maliyet kartı) — kompakt */
.tk-istanbul-fiyat { margin-top: 10px; background: #f6f9fd; border: 1px solid #e3ebf5; border-radius: 10px; padding: 9px 11px; text-align: left; }
.tk-istanbul-baslik { font-size: .7rem; font-weight: 700; color: var(--lkp-koyu); text-transform: uppercase; letter-spacing: .3px; margin-bottom: 5px; }
.tk-istanbul-satir { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; font-size: .78rem; color: #4a5566; }
.tk-istanbul-satir strong { color: var(--lkp-turuncu); font-size: .84rem; }
.tk-istanbul-not { font-size: .66rem; color: #9aa4b2; margin-top: 5px; line-height: 1.4; }
/* Atölye gönderimi — servis ücreti yok notu (yeşil, ikonsuz) */
.tk-atolye-not { margin-top: 10px; font-size: .72rem; line-height: 1.45; color: #4a5566; background: #f6f9fd; border: 1px solid #e3ebf5; border-radius: 10px; padding: 9px 11px; text-align: left; }
.tk-atolye-not strong { color: var(--lkp-koyu); }
/* Hesaplama açıklama notu — sola yaslı kutu */
.tk-hesap-not { margin-top: 10px; font-size: .72rem; line-height: 1.5; color: #6a7686; background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 9px; padding: 8px 11px; text-align: left; }
/* İletişim & Lokasyon tam genişlik (5 adımın altında) — masaüstünde bilgi + harita yan yana */
.tk-iletisim-govde.haritali { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
.tk-iletisim-harita { margin: 0; }
.tk-iletisim-harita iframe { width: 100%; }
@media (max-width: 767.98px) { .tk-iletisim-govde.haritali { grid-template-columns: 1fr; } }
/* Hızlı İşlemler — buton bar (Hemen Ara / E-posta / Servis Talebi / Yol Tarifi) */
.tk-hizli-islemler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 4px; }
.tk-hizli-btn { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 12px; background: #f7f9fc; border: 1px solid #e6ebf2; border-radius: 9px; color: #2a3444; font-weight: 600; font-size: .82rem; text-decoration: none; transition: border-color .15s, background .15s, color .15s; }
.tk-hizli-btn:hover { border-color: var(--lkp-turuncu); background: #fff8f2; color: var(--lkp-turuncu-koyu, #e2570f); }
.tk-hizli-btn i { color: var(--lkp-turuncu); font-size: .95rem; }
@media (max-width: 767.98px) { .tk-hizli-islemler { grid-template-columns: repeat(2, 1fr); } }
.tk-surec-adimlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }
.tk-surec-adim { background: #f8fafc; border: 1px solid #e9edf3; border-radius: 10px; padding: 10px 11px; }
.tk-surec-ad { font-weight: 700; font-size: .8rem; color: var(--lkp-koyu); margin-bottom: 3px; line-height: 1.3; }
.tk-surec-sira { color: var(--lkp-turuncu); font-weight: 800; margin-right: 1px; }
.tk-surec-ops { font-weight: 600; font-size: .72rem; color: #9aa4b2; }
.tk-surec-metin { font-size: .74rem; color: #6a7686; line-height: 1.4; }
.tk-surec-not { margin: 11px 0 0; font-size: .72rem; line-height: 1.5; color: #8a4b00; background: #fff6ec; border: 1px solid #ffd9b0; border-radius: 9px; padding: 8px 11px; }
.tk-surec-not strong { color: #b45309; }
.tk-surec-not a { color: var(--lkp-turuncu-koyu, #e2570f); font-weight: 700; text-decoration: underline; }
@media (max-width: 991.98px) { .tk-surec-adimlar { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .tk-surec-adimlar { grid-template-columns: 1fr; } }

/* ---- Servis Talebi sayfası ---- */
.st-yan-kart { padding: 20px; }
.st-ozellik-liste { list-style: none; padding: 0; margin: 0; }
.st-ozellik-liste li { position: relative; padding: 7px 10px 7px 30px; margin: 0 -10px; border-radius: 8px; color: #4a5566; font-size: .84rem; line-height: 1.4; transition: background .15s; }
.st-ozellik-liste li::before { content: ""; position: absolute; left: 12px; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--lkp-turuncu); }
.st-ozellik-liste li:hover { background: #f4f6f9; }
.st-acil-tel { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; color: var(--lkp-turuncu); text-decoration: none; font-size: 1.05rem; }
.st-acil-tel:hover { color: var(--lkp-koyu); }
.st-acil-tel i { color: var(--lkp-turuncu); }
.st-adim { display: flex; gap: 12px; align-items: flex-start; padding: 9px 10px; margin: 0 -10px; border-radius: 8px; transition: background .15s; }
.st-adim:hover { background: #f4f6f9; }
.st-adim-no { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--lkp-koyu); color: #fff; font-weight: 700; font-size: .85rem; display: inline-flex; align-items: center; justify-content: center; }
.st-adim:nth-child(2) .st-adim-no { background: var(--lkp-turuncu); }
.st-adim div { display: flex; flex-direction: column; }
.st-adim strong { font-size: .88rem; color: var(--lkp-koyu); }
.st-adim small { color: #8a94a2; font-size: .78rem; line-height: 1.35; }
.st-bolum-baslik { font-size: .88rem; font-weight: 700; color: var(--lkp-koyu); margin-bottom: 16px; padding: 9px 14px; background: #f4f6f9; border-left: 3px solid var(--lkp-turuncu); border-radius: 7px; }
.st-zorunlu { font-size: .68rem; font-weight: 600; color: #e14b3b; margin-left: 4px; }
.st-ops { font-size: .68rem; font-weight: 500; color: #a3abb6; margin-left: 4px; }
.st-tercih { display: block; cursor: pointer; margin: 0; height: 100%; }
.st-tercih input { position: absolute; opacity: 0; pointer-events: none; }
.st-tercih-ic { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 3px; padding: 14px 10px; border: 1.5px solid #e2e7ee; border-radius: 12px; height: 100%; transition: border-color .15s, background .15s; }
.st-tercih-ic i { font-size: 1.2rem; color: #8a94a2; }
.st-tercih-ic strong { font-size: .85rem; color: var(--lkp-koyu); }
.st-tercih-ic small { font-size: .72rem; color: #8a94a2; line-height: 1.3; }
.st-tercih input:checked + .st-tercih-ic { border-color: var(--lkp-koyu); background: #f6f8fb; }
.st-tercih input:checked + .st-tercih-ic i { color: var(--lkp-turuncu); }
.st-tercih:hover .st-tercih-ic { border-color: var(--lkp-turuncu); }

/* --- Makine servis geçmişi QR --- */
.qr-kutu { display: inline-block; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; background: #fff; border: 1px solid #e6ebf2; border-radius: 12px; padding: 8px; line-height: 0; }
.qr-kutu svg { width: 100%; height: 100%; display: block; }
.st-qr-kart { display: flex; gap: 22px; align-items: center; border: 1px solid #ffd9cc; background: linear-gradient(180deg,#fff 0,#fff7f3 100%); border-radius: 16px; padding: 20px 22px; }
.st-qr-sol { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 7px; }
.st-qr-sol .qr-kutu { width: 132px; max-width: 132px; padding: 7px; border: 1px solid #ffe4d2; background: #fff; border-radius: 12px; }
.st-qr-cap { display: inline-flex; align-items: center; gap: 4px; font-size: .6rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #b8460b; }
.st-qr-cap i { color: var(--lkp-turuncu); font-size: .72rem; }
.st-qr-no { font-size: .72rem; font-weight: 700; letter-spacing: .5px; color: var(--lkp-koyu); font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.st-qr-sag { flex: 1 1 auto; min-width: 0; }
.st-qr-baslik { font-size: 1.05rem; font-weight: 800; color: var(--lkp-koyu); margin: 0 0 6px; }
.st-qr-baslik i { color: #1aa87a; }
.st-qr-metin { font-size: .84rem; color: #5a6675; line-height: 1.55; margin: 0 0 12px; }
.st-qr-butonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.st-qr-yazdir { background: #fff; border: 1.5px solid var(--lkp-turuncu); color: #c9530a; font-weight: 600; transition: background .15s, color .15s, box-shadow .15s; }
.st-qr-yazdir:hover, .st-qr-yazdir:focus { background: var(--lkp-turuncu); border-color: var(--lkp-turuncu); color: #fff; box-shadow: 0 4px 12px -4px rgba(255,106,26,.5); }
@media (max-width: 600px) {
  .st-qr-kart { flex-direction: column; align-items: stretch; text-align: center; padding: 18px; }
  .st-qr-sol { align-self: center; }
  .st-qr-butonlar { justify-content: center; }
}

/* --- makine-gecmisi.php --- */
.mg-yol { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.mg-yol-btn { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; font-weight: 600; text-decoration: none; padding: 7px 15px; border-radius: 999px; border: 1px solid #e6ebf2; background: #fff; color: #5a6675; transition: border-color .15s, color .15s, background .15s; }
a.mg-yol-btn:hover { border-color: var(--lkp-turuncu); color: var(--lkp-koyu); background: #fff8f4; }
.mg-yol-btn.aktif { background: var(--lkp-koyu); border-color: var(--lkp-koyu); color: #fff; }
.mg-yol-btn i { font-size: .85rem; }
.mg-yol-ok { color: #c3cbd6; font-size: .7rem; }
.mg-kimlik-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.mg-ikon { flex-shrink: 0; width: 46px; height: 46px; border-radius: 12px; background: var(--lkp-koyu); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; }
.mg-makine-ad { font-size: 1.15rem; font-weight: 800; color: var(--lkp-koyu); margin: 0; line-height: 1.2; }
.mg-makine-no { font-size: .74rem; font-weight: 700; letter-spacing: .5px; color: var(--lkp-turuncu); }
.mg-kimlik, .mg-qr-kart { background: #fff; border: 1px solid #eaeef4; border-radius: 14px; padding: 18px 20px; box-shadow: 0 8px 26px -20px rgba(11,18,32,.28); }
.mg-ozet { background: transparent; }
.mg-ozet td { padding: 7px 4px; font-size: .84rem; background: transparent; }
.mg-ozet td:first-child { color: #8a94a2; width: 46%; }
.mg-ozet td:last-child { font-weight: 600; color: var(--lkp-koyu); text-align: right; }
.mg-qr-kart { border-color: #ffd9cc; background: linear-gradient(180deg,#fff 0,#fff8f4 100%); }
.mg-qr-baslik { font-size: .82rem; font-weight: 700; color: var(--lkp-koyu); margin: 8px 0 12px; }
.mg-qr-not { font-size: .74rem; color: #8a94a2; margin-top: 8px; }
.mg-baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.mg-gecmis-baslik { font-size: 1.2rem; font-weight: 800; color: var(--lkp-koyu); margin: 0; }
.mg-sayac { flex-shrink: 0; font-size: .74rem; font-weight: 700; color: #5a6675; background: #eef1f6; border-radius: 999px; padding: 4px 12px; }
.mg-zaman { position: relative; padding-left: 6px; }
.mg-kayit { position: relative; padding: 0 0 6px 26px; }
.mg-kayit::before { content: ""; position: absolute; left: 6px; top: 16px; bottom: -6px; width: 2px; background: #e6ebf2; }
.mg-kayit:last-child::before { display: none; }
.mg-kayit-nokta { position: absolute; left: 0; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--lkp-turuncu); z-index: 1; }
.mg-kayit-govde { background: #fff; border: 1px solid #e6ebf2; border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(20,33,58,.04); }
.mg-kayit-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.mg-tarih { font-size: .84rem; font-weight: 700; color: var(--lkp-koyu); }
.mg-etiket { font-size: .72rem; font-weight: 600; color: #b8460b; background: #fff2e8; border: 1px solid #ffd3b6; border-radius: 999px; padding: 2px 10px; }
.mg-islem-baslik, .mg-malz-baslik { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #8a94a2; margin: 8px 0 3px; }
.mg-islem { font-size: .9rem; color: #2b3644; line-height: 1.55; }
.mg-malz { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.mg-malz li { font-size: .85rem; color: #2b3644; display: flex; align-items: baseline; gap: 9px; }
.mg-malz li::before { content: ""; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--lkp-turuncu); transform: translateY(-2px); }
.mg-tekn { font-size: .78rem; color: #8a94a2; margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e6ebf2; }
.mg-bos { text-align: center; background: #fff; border: 1px dashed #d6dde7; border-radius: 14px; padding: 34px 20px; }
.mg-bos-ikon { font-size: 2.4rem; color: #c3cbd6; margin-bottom: 8px; }
.mg-bos h3 { font-size: 1.05rem; font-weight: 700; color: var(--lkp-koyu); }
.mg-bos p { font-size: .86rem; color: #8a94a2; max-width: 420px; margin: 6px auto 16px; }
.mg-serit { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; background: linear-gradient(180deg,#fff 0,#f8fafc 100%); border: 1px solid #e6ebf2; border-radius: 14px; padding: 14px 18px; margin-bottom: 22px; box-shadow: 0 6px 18px -12px rgba(20,33,58,.28); }
.mg-ozet-statlar { display: flex; flex-wrap: wrap; gap: 6px 28px; }
.mg-ozet-stat { display: flex; flex-direction: column; line-height: 1.05; }
.mg-ozet-stat .s { font-size: 1.5rem; font-weight: 800; color: var(--lkp-koyu); }
.mg-ozet-stat .e { font-size: .72rem; font-weight: 600; color: #8a94a2; margin-top: 2px; }
.mg-ozet-tarih { font-size: 1.02rem !important; padding-top: 6px; }
.mg-dokuman-btn { white-space: nowrap; flex-shrink: 0; }
@media (max-width: 560px) {
  .mg-serit { justify-content: center; text-align: center; }
  .mg-ozet-statlar { justify-content: center; }
  .mg-dokuman-btn { width: 100%; }
}
.mg-gizlilik { font-size: .76rem; color: #8a94a2; background: #f4f6f9; border-radius: 10px; padding: 10px 14px; margin-top: 20px; }
.mg-gizlilik i { color: #6b7684; }

/* --- servis-gecmisi.php (hesap makine listesi) — tam genişlik yatay satır --- */
.sg-liste { display: flex; flex-direction: column; gap: 14px; }
.sg-kart {
  display: flex; align-items: center; gap: 20px;
  background: #fbfcfe; border: 1px solid #eaeef4; border-radius: 16px; padding: 16px 18px;
  box-shadow: 0 8px 26px -18px rgba(11,18,32,.28);
  transition: border-color .16s, box-shadow .16s, transform .16s;
}
.sg-kart:hover { border-color: #ffd3b6; transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(11,18,32,.34); }

/* SOL: kalıcı QR (eyebrow + QR tile) */
.sg-qr-blok { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.sg-qr-cap { display: inline-flex; align-items: center; gap: 4px; font-size: .6rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #8a94a2; }
.sg-qr-cap i { color: var(--lkp-turuncu); font-size: .72rem; }
.sg-qr-blok .qr-kutu { width: 100px; max-width: 100px; padding: 6px; border: 1px solid #ffe4d2; background: #fff; border-radius: 10px; }

/* ORTA: makine kimliği (esner, uzun adda 2 satıra kırpılır) */
.sg-kimlik { flex: 1 1 auto; min-width: 0; }
.sg-ad {
  font-size: 1.02rem; font-weight: 800; color: var(--lkp-koyu); margin: 0 0 9px; line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sg-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 11px; }
.sg-cip {
  display: inline-flex; align-items: center; gap: 5px; font-size: .73rem; font-weight: 600; color: #5a6675;
  background: #f4f6fa; border: 1px solid #eceff4; padding: 3px 10px; border-radius: 999px; white-space: nowrap;
}
.sg-cip i { font-size: .8rem; color: #98a2b0; }
.sg-cip-no { color: var(--lkp-koyu); font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .5px; }
.sg-cip-no i { color: var(--lkp-turuncu); }

/* Stat mini-tile'ları (büyük rakam + etiket) */
.sg-statlar { display: flex; flex-wrap: wrap; gap: 10px; }
.sg-stat { display: inline-flex; align-items: center; gap: 9px; padding: 7px 13px 7px 8px; background: #fff; border: 1px solid #eef2f7; border-radius: 12px; }
.sg-stat-ikon { flex-shrink: 0; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: #fff2ea; color: var(--lkp-turuncu); font-size: 1rem; }
.sg-stat-govde { display: flex; flex-direction: column; line-height: 1.05; }
.sg-stat-rakam { font-size: 1.32rem; font-weight: 800; color: var(--lkp-koyu); }
.sg-stat-etiket { font-size: .72rem; font-weight: 600; color: #8a94a2; white-space: nowrap; }

/* SAĞ: sabit genişlik aksiyon sütunu (butonlar ezilmez) */
.sg-aksiyon { flex-shrink: 0; display: flex; flex-direction: column; gap: 7px; width: 168px; }
.sg-aksiyon .btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; font-weight: 600; }

/* MOBİL (<640px): tam yığıl; birincil tam genişlik + iki ikincil yan yana */
@media (max-width: 640px) {
  .sg-kart { flex-direction: column; align-items: stretch; gap: 14px; padding: 14px; }
  .sg-qr-blok { align-self: flex-start; align-items: flex-start; }
  .sg-qr-blok .qr-kutu { width: 112px; max-width: 112px; }
  .sg-aksiyon { flex-direction: row; flex-wrap: wrap; width: 100%; }
  .sg-btn-ana { flex: 1 1 100%; }
  .sg-aksiyon .btn-outline-secondary { flex: 1 1 0; min-width: 120px; }
}
.tk-sosyal { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 16px; }
.tk-sosyal-link { font-size: .76rem; font-weight: 600; color: #5a6675; text-decoration: none; padding: 6px 14px; border: 1px solid #e6ebf2; border-radius: 999px; transition: .15s; }
.tk-sosyal-link:hover { border-color: var(--lkp-turuncu); color: var(--lkp-turuncu); background: #fff7f2; }
.tk-neden { list-style: none; padding: 0; margin: 0; }
.tk-neden li { position: relative; padding-left: 18px; margin-bottom: 9px; color: #4a5566; font-size: .88rem; line-height: 1.45; }
.tk-neden li::before { content: ""; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--lkp-turuncu); }
.tk-bilgi-satir { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f0f2f5; font-size: .9rem; color: #6a7686; }
.tk-bilgi-satir:last-child { border-bottom: 0; }
.tk-bilgi-satir strong { color: var(--lkp-koyu); }
.tk-puan-deger { color: var(--lkp-turuncu); }
.tk-puan-adet { color: #9aa4b2; font-weight: 500; font-size: .82rem; }
.tk-harita { border-radius: 10px; overflow: hidden; }
.tk-harita iframe { width: 100%; height: 180px; border: 0; display: block; }

.tk-sekmeler { border-bottom: 1px solid #eef1f5; gap: 2px; align-items: center; }
.tk-sekmeler .nav-link { border: 0; border-bottom: 2px solid transparent; color: #8892a0; font-weight: 700; font-size: .88rem; padding: 10px 18px; margin-bottom: -1px; border-radius: 8px 8px 0 0; transition: .15s; }
.tk-sekmeler .nav-link:hover { color: var(--lkp-koyu); background: #f6f8fb; }
.tk-sekmeler .nav-link.active { color: var(--lkp-turuncu); border-bottom-color: var(--lkp-turuncu); background: transparent; }
/* Mobil: sekmeler 2 satıra taşmasın → tek satır + yatay kaydırma (scrollbar gizli) */
@media (max-width: 767.98px) {
  .tk-sekmeler { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
  .tk-sekmeler::-webkit-scrollbar { display: none; }
  .tk-sekmeler .nav-item { flex: 0 0 auto; }
  .tk-sekmeler .nav-link { white-space: nowrap; padding: 9px 12px; font-size: .82rem; }
}
/* Sekme çubuğu sağ CTA — servis talebi toggle'ı */
.tk-sekme-cta { margin-left: auto; display: flex; align-items: center; }
.tk-servis-toggle { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #5a6675; font-weight: 600; font-size: .85rem; padding: 4px 2px; }
.tk-servis-toggle:hover { color: var(--lkp-turuncu); }
.tk-toggle { position: relative; width: 42px; height: 24px; border-radius: 999px; background: #d5dbe4; transition: background .18s ease; flex-shrink: 0; }
.tk-servis-toggle:hover .tk-toggle { background: var(--lkp-turuncu); }
.tk-toggle-top { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: left .18s ease; }
.tk-servis-toggle:hover .tk-toggle-top { left: 21px; }
@media (max-width: 575.98px) {
  .tk-sekme-cta { margin-left: 0; width: 100%; margin-top: 8px; }
  .tk-servis-toggle { justify-content: space-between; width: 100%; }
}
.tk-bolum-baslik { font-size: .72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #8892a0; margin: 0 0 14px; padding-left: 12px; border-left: 3px solid var(--lkp-turuncu); }
.tk-alt-kutu { border: 1px solid #eef1f6; border-left: 3px solid var(--lkp-turuncu); border-radius: 10px; padding: 16px 18px; background: #fbfcfe; }
.tk-alt-baslik { font-weight: 700; color: var(--lkp-koyu); margin-bottom: 10px; font-size: .92rem; }
.tk-hizmet-liste { list-style: none; padding: 0; margin: 0; }
.tk-hizmet-liste li { position: relative; padding: 9px 12px 9px 28px; margin-bottom: 6px; color: #3a4658; font-size: .87rem; line-height: 1.4; background: #fff; border: 1px solid #eef1f6; border-radius: 8px; break-inside: avoid; transition: border-color .15s, transform .12s, box-shadow .15s; }
.tk-hizmet-liste li::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: var(--lkp-turuncu); }
.tk-hizmet-liste li:hover { border-color: #ffd9c2; transform: translateX(3px); box-shadow: 0 4px 12px -6px rgba(255,106,26,.3); }
.tk-hizmet-genis { columns: 2; }
/* Tamamlanan İşler galerisi — yatay kayan KÜÇÜK KARE kutular (dikey uzayıp gitmez;
   taşma olunca yana ok butonlarıyla kayar). Masaüstü 5 kutu, tablet 4, mobil 3/2.3. */
.tk-galeri-sar { position: relative; }
.tk-galeri {
  display: flex; gap: 10px; overflow-x: auto; scroll-behavior: smooth;
  scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
  padding: 2px 2px 8px; scrollbar-width: thin;
}
.tk-galeri::-webkit-scrollbar { height: 6px; }
.tk-galeri::-webkit-scrollbar-thumb { background: rgba(20,33,58,.22); border-radius: 3px; }
.tk-galeri-oge {
  flex: 0 0 calc((100% - 40px) / 5); scroll-snap-align: start;
  aspect-ratio: 1 / 1; display: block; border: 0; padding: 0;
  border-radius: 10px; overflow: hidden; background: #0b1220; cursor: zoom-in; position: relative;
}
.tk-galeri-oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.tk-galeri-oge:hover img { transform: scale(1.06); }
.tk-galeri-oge::after { content: ""; position: absolute; inset: 0; background: rgba(11,18,32,0); transition: background .2s ease; }
.tk-galeri-oge:hover::after { background: rgba(11,18,32,.12); }
/* Galeri video öğesi: kare kutuya sığdır, kontroller kullanılabilir, hover büyütme yok */
.tk-galeri-video { object-fit: contain; background: #000; cursor: default; }
.tk-galeri-video:hover { transform: none; }
/* Yana kaydırma ok butonları (yalnız taşma varken JS ile görünür) */
.tk-galeri-ok {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 40px; height: 40px; border-radius: 50%; border: 0; padding: 0;
  background: rgba(255,255,255,.96); box-shadow: 0 3px 12px rgba(11,18,32,.22);
  color: #14213a; font-size: 26px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.tk-galeri-ok:hover { background: #fff; }
.tk-galeri-onceki { left: -8px; }
.tk-galeri-sonraki { right: -8px; }
.tk-galeri-ok[hidden] { display: none; }
@media (max-width: 991.98px) { .tk-galeri-oge { flex-basis: calc((100% - 30px) / 4); } }
@media (max-width: 767.98px) { .tk-galeri-oge { flex-basis: calc((100% - 20px) / 3); } }
@media (max-width: 479.98px) { .tk-galeri-oge { flex-basis: calc((100% - 12px) / 2.3); } }

/* Galeri lightbox (aynı sayfada büyük görüntüleyici) */
.tk-lightbox { position: fixed; inset: 0; z-index: 3000; background: rgba(8,12,22,.93); display: flex; align-items: center; justify-content: center; padding: 40px; animation: tkLbGir .18s ease; }
.tk-lightbox[hidden] { display: none; }
@keyframes tkLbGir { from { opacity: 0; } to { opacity: 1; } }
.tk-lb-img { max-width: 92vw; max-height: 86vh; border-radius: 10px; box-shadow: 0 24px 70px rgba(0,0,0,.55); object-fit: contain; cursor: zoom-out; }
.tk-lb-kapat { position: absolute; top: 18px; right: 22px; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; background: rgba(20,33,58,.72); color: #fff; font-size: 1.9rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.45); transition: background .15s; }
.tk-lb-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; background: rgba(20,33,58,.72); color: #fff; font-size: 2.2rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.45); transition: background .15s; }
.tk-lb-onceki { left: 20px; } .tk-lb-sonraki { right: 20px; }
.tk-lb-kapat:hover, .tk-lb-ok:hover { background: var(--lkp-turuncu); border-color: rgba(255,255,255,.6); }
.tk-lb-sayac { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); color: #eef1f6; font-size: .82rem; font-weight: 600; background: rgba(255,255,255,.1); padding: 5px 15px; border-radius: 999px; }
@media (max-width: 575.98px) {
  .tk-lightbox { padding: 14px; }
  /* Mobilde ileri/geri okları belirgin: büyük + turuncu + beyaz kenarlık (açık görsel üstünde de görünür) */
  .tk-lb-ok { width: 52px; height: 52px; font-size: 2rem; background: var(--lkp-turuncu); border-color: rgba(255,255,255,.65); box-shadow: 0 4px 16px rgba(0,0,0,.5); }
  .tk-lb-onceki { left: 10px; } .tk-lb-sonraki { right: 10px; }
  .tk-lb-kapat { width: 48px; height: 48px; top: 12px; right: 12px; background: rgba(20,33,58,.9); border-color: rgba(255,255,255,.65); }
}
.tk-yorum-ozet { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #eef1f5; }
.tk-yorum-puan { font-size: 2rem; font-weight: 800; color: var(--lkp-koyu); line-height: 1; }
.tk-yorum { padding: 14px 0; border-bottom: 1px solid #f0f2f5; }
.tk-yorum:last-child { border-bottom: 0; }
.tk-yorum-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tk-yorum-sehir { white-space: nowrap; }
/* Teknisyen sayfası: sol panel masaüstünde sabit (sticky) kalsın */
@media (min-width: 992px) {
  .tk-yan-kol { position: sticky; top: 90px; align-self: flex-start; }
}
.tk-yorum-yildiz { color: #f6a609; font-size: .9rem; letter-spacing: 1px; }
@media (max-width: 575.98px) { .tk-banner-arka { font-size: 2.6rem; } .tk-hizmet-genis { columns: 1; } .tk-qr { display: none; } }

/* Demo bilgi kartları (Ürün Özellikleri / Demo Avantajları) — arka plan + hover */
.demo-bilgi-kart { background: #f8fafc; border: 1px solid #eef1f5; border-radius: 14px; padding: 22px 24px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.demo-bilgi-kart:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(11,18,32,.09); border-color: #dbe2ea; }
.demo-bilgi-kart h6 { font-size: 1rem; }
.demo-bilgi-kart .demo-liste li { margin-bottom: 9px; }
.demo-bilgi-kart .row > div + div { margin-top: 0; }
.malzeme-uyari { color: var(--lkp-turuncu); font-weight: 600; font-size: .74rem; }
/* Kalınlık seçimine göre dinamik güç uyarısı */
.guc-uyari { background: #fff6ec; border: 1px solid #ffd9b0; border-radius: 8px; padding: 7px 11px; margin-top: 8px; font-size: .78rem; line-height: 1.4; color: #8a4b00; animation: gucUyariAc .2s ease; }
.guc-uyari strong { color: var(--lkp-turuncu-koyu); }
@keyframes gucUyariAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* Sipariş sonuç sayfası */
.siparis-sonuc .sonuc-hero { padding: 8px 0 4px; }
.sonuc-ikon { width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #29b466, #1a9d54); color: #fff; font-size: 1.9rem; box-shadow: 0 10px 26px rgba(26,157,84,.35); animation: sonucPop .4s ease; }
@keyframes sonucPop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.sonuc-hero h1 { font-size: 1.5rem; font-weight: 800; }
.sonuc-no { display: inline-flex; align-items: center; gap: 9px; background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 30px; padding: 7px 15px; }
.sonuc-no span { color: #7a8494; font-size: .8rem; }
.sonuc-no strong { font-family: monospace; font-size: .94rem; color: var(--lkp-turuncu); letter-spacing: .3px; }
/* Kompakt tamamlandı sayfaları — buton ve metinleri sıkılaştır */
.siparis-sonuc .btn { font-size: .85rem; padding: 9px 16px; }
.siparis-sonuc .btn-lkp, .siparis-sonuc .btn-lkp-koyu { padding: 9px 18px; }
.siparis-sonuc .btn-sm { font-size: .78rem; padding: 5px 11px; }
.siparis-sonuc h6 { font-size: .95rem; }
.siparis-sonuc .sonuc-hero p { font-size: .87rem; }
.siparis-sonuc .sonuc-kart > p { font-size: .84rem; }
.siparis-sonuc .sonuc-kart ul.small { font-size: .82rem; }
.sonuc-kart { background: #fff; border: 1px solid #e9edf2; border-radius: 13px; padding: 20px; box-shadow: 0 8px 26px rgba(11,18,32,.06); }
.sonuc-kart-baslik { font-weight: 700; font-size: .96rem; color: var(--lkp-koyu); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.sonuc-kart-baslik i { color: var(--lkp-turuncu); }
.sonuc-tablo thead th { background: #f6f8fb; color: #5a6675; font-size: .78rem; text-transform: uppercase; letter-spacing: .4px; border: none; }
.sonuc-ozet { margin-left: auto; max-width: 340px; margin-top: 16px; }
.sonuc-ozet .satir { display: flex; justify-content: space-between; padding: 5px 0; color: #4a5566; font-size: .9rem; }
.sonuc-ozet .genel { border-top: 2px solid var(--lkp-koyu); margin-top: 6px; padding-top: 10px; font-size: 1.2rem; font-weight: 800; color: var(--lkp-koyu); }
.sonuc-ozet .genel span:last-child { color: var(--lkp-turuncu); }
.sonuc-aksiyon { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px dashed #e2e7ee; }
/* Sipariş tamamlandı — profesyonelleştirme (belge tasarımıyla uyumlu) */
.sonuc-kart { overflow: hidden; }
.sonuc-kart-bant { margin: -20px -20px 15px; background: var(--lkp-koyu); color: #fff; padding: 11px 20px; font-weight: 700; font-size: .92rem; display: flex; align-items: center; gap: 8px; }
.sonuc-kart-bant i { color: var(--lkp-turuncu); }
.sonuc-zaman { display: flex; padding: 8px 4px 2px; }
.sonuc-zaman-adim { flex: 1; text-align: center; position: relative; }
.sonuc-zaman-adim:not(:last-child)::after { content: ""; position: absolute; top: 9px; left: 50%; width: 100%; height: 3px; background: #e0e5ee; }
.sonuc-zaman-adim.gecti:not(:last-child)::after { background: #1a9d54; }
.sonuc-zaman-nokta { width: 20px; height: 20px; border-radius: 50%; background: #e0e5ee; margin: 0 auto 9px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .68rem; }
.sonuc-zaman-adim.gecti .sonuc-zaman-nokta { background: #1a9d54; }
.sonuc-zaman-adim.aktif .sonuc-zaman-nokta { background: var(--lkp-turuncu); box-shadow: 0 0 0 5px #ffe2cf; }
.sonuc-zaman-et { font-size: .78rem; font-weight: 600; color: #7a8698; text-transform: uppercase; letter-spacing: .3px; }
.sonuc-zaman-adim.aktif .sonuc-zaman-et { color: var(--lkp-koyu); font-weight: 700; }
.sonuc-ozet .genel { border-top: 0; background: var(--lkp-koyu); color: #fff; border-radius: 10px; margin-top: 10px; padding: 10px 14px; font-size: 1.02rem; }
.sonuc-ozet .genel span:last-child { color: #ff9553; }
/* Ödeme belgesi (dekont) kartı — havale kanıtı: yükle veya WhatsApp */
.dekont-kart { border-color: #ffd9b0; }
.dekont-bas { margin-bottom: 11px; }
.dekont-bas-ik { color: var(--lkp-turuncu); font-size: 1rem; margin-right: 5px; }
.dekont-secenekler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dekont-yol { background: #f8fafc; border: 1px solid #e6ebf2; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; }
.dekont-yol-bas { display: flex; align-items: center; gap: 7px; font-weight: 700; color: var(--lkp-koyu); font-size: .86rem; }
.dekont-rakam { flex-shrink: 0; width: 19px; height: 19px; border-radius: 50%; background: var(--lkp-turuncu); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .74rem; font-weight: 800; }
.dekont-yol-alt { font-size: .8rem; color: #6b7890; line-height: 1.4; margin: 5px 0 9px; }
.dekont-yol form, .dekont-yol { margin: 0; }
.dekont-yol .btn, .dekont-yol form { margin-top: auto; }
.dekont-dosya-sec { display: flex; align-items: center; justify-content: center; gap: 7px; border: 1.5px dashed #c9d3e0; border-radius: 9px; padding: 8px; color: #46536a; font-size: .82rem; font-weight: 600; cursor: pointer; background: #fff; transition: border-color .15s, background .15s; }
.dekont-dosya-sec:hover { border-color: var(--lkp-turuncu); background: #fff8f2; color: var(--lkp-turuncu-koyu); }
.dekont-dosya-sec i { color: var(--lkp-turuncu); }
.dekont-wa { background: #25D366; color: #fff; font-weight: 700; border: 0; }
.dekont-wa:hover { background: #1da851; color: #fff; }
.dekont-wa-no { font-size: .82rem; color: #6b7890; text-align: center; margin-top: 9px; }
.dekont-wa-no a { color: var(--lkp-koyu); text-decoration: none; }
.dekont-alindi { display: flex; align-items: center; gap: 9px; background: #e9f7ef; border: 1px solid #b7e4c7; color: #147a3d; border-radius: 10px; padding: 12px 14px; font-size: .9rem; font-weight: 600; }
.dekont-alindi i { font-size: 1.1rem; }
@media (max-width: 575.98px) { .dekont-secenekler { grid-template-columns: 1fr; } }

.sonuc-adimlar { display: flex; gap: 10px; flex-wrap: wrap; }
.sonuc-adim-k { flex: 1; min-width: 140px; background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 10px; padding: 9px 11px; }
.sonuc-adim-k b { display: block; font-size: .83rem; color: var(--lkp-koyu); margin-bottom: 2px; }
.sonuc-adim-k b i { color: var(--lkp-turuncu); margin-right: 4px; }
.sonuc-adim-k span { font-size: .76rem; color: #6a7686; line-height: 1.4; }
.sonuc-devam { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; margin-top: 16px; color: var(--lkp-turuncu); text-decoration: none; font-size: .8rem; font-weight: 600; }
.sonuc-devam:hover { color: var(--lkp-turuncu-koyu); }
.sonuc-devam i { font-size: 1.35rem; line-height: 1; animation: sonuc-zipla 1.4s ease-in-out infinite; }
@keyframes sonuc-zipla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
@media (prefers-reduced-motion: reduce) { .sonuc-devam i { animation: none; } }
#siparis-devam { scroll-margin-top: 88px; }
@media (max-width: 575.98px) { .sonuc-adim-k { min-width: 100%; } }

.ozet-kutusu { background: var(--lkp-acik-gri); border-radius: var(--radius); padding: 24px; }
.ozet-kutusu .satir { display: flex; justify-content: space-between; margin-bottom: 12px; }
.ozet-kutusu .toplam { font-size: 1.25rem; font-weight: 700; }

/* ---------- Formlar ---------- */
.lkp-form-kutu { background: #fff; border-radius: var(--radius); padding: 34px; box-shadow: 0 10px 34px rgba(11,18,32,.08); }
.form-control:focus, .form-select:focus { border-color: var(--lkp-turuncu); box-shadow: 0 0 0 .2rem rgba(255,106,26,.15); }

/* ===== Hibrit açılır menü — markalı; WEB'de dropdown, MOBİLDE bottom sheet + arama ===== */
.hs-wrap { position: relative; }
/* Native kaynak görünmez ama odaklanır/gönderilir/doğrulanır (form + zorunlu alan çalışır) */
.hs-wrap > select.hs-native { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; pointer-events: none; }
.hs-tetik {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; text-align: left; position: relative; z-index: 1;
  padding-right: .85rem; background-image: none; cursor: pointer;
}
.hs-tetik::after, .hs-tetik::before { content: none; }
.hs-tetik-metin { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hs-tetik.hs-bos .hs-tetik-metin { color: #8a97ab; }
.hs-ok { flex: 0 0 auto; width: 9px; height: 9px; margin-right: 3px; border-right: 2px solid #7a8698; border-bottom: 2px solid #7a8698; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease, border-color .18s ease; }
.hs-wrap.hs-acik .hs-ok { transform: rotate(-135deg) translateY(2px); border-color: var(--lkp-turuncu); }
.hs-tetik:focus-visible { outline: none; border-color: var(--lkp-turuncu); box-shadow: 0 0 0 .2rem rgba(255,106,26,.15); }
.hs-wrap.hs-acik .hs-tetik { border-color: var(--lkp-turuncu); box-shadow: 0 0 0 .2rem rgba(255,106,26,.15); }
.hs-tetik.hs-hata { border-color: #dc3545; }

.hs-backdrop { display: none; }
.hs-panel { display: none; background: #fff; overflow: hidden; }
.hs-wrap.hs-acik .hs-panel { display: flex; flex-direction: column; }
.hs-panel-bas { display: none; }

.hs-ara { padding: 8px; border-bottom: 1px solid #eef1f6; background: #fff; flex: 0 0 auto; }
.hs-ara-input { width: 100%; border: 1px solid #dce2ea; border-radius: 9px; padding: 9px 12px; font-size: .95rem; color: #2a3444; outline: none; }
.hs-ara-input:focus { border-color: var(--lkp-turuncu); box-shadow: 0 0 0 .18rem rgba(255,106,26,.14); }

.hs-liste { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 6px; }
.hs-grup { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #9aa4b2; padding: 9px 12px 4px; }
.hs-opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; border-radius: 8px; font-size: .95rem; color: #2a3444; line-height: 1.35; cursor: pointer; }
.hs-opt:hover, .hs-opt.hs-aktif { background: #fff4ec; color: var(--lkp-turuncu-koyu, #e2570f); }
.hs-opt.hs-secili { font-weight: 600; color: var(--lkp-turuncu); }
.hs-opt.hs-secili::after { content: "\2713"; font-weight: 700; flex-shrink: 0; }
.hs-opt.hs-pasif { color: #b3bcc8; cursor: not-allowed; }
.hs-opt.hs-pasif:hover { background: transparent; color: #b3bcc8; }

/* --- MOBİL (<768px): alttan çıkan bottom sheet --- */
@media (max-width: 767.98px) {
  body.hs-kilit { overflow: hidden; }
  /* z-index çerez banner'ın (4000) üstünde: açık sheet, banner'ı da karartıp örter */
  .hs-wrap.hs-acik .hs-backdrop { display: block; position: fixed; inset: 0; background: rgba(10,15,25,.5); z-index: 4300; animation: hsFade .2s ease; }
  .hs-panel { position: fixed; left: 0; right: 0; bottom: 0; top: auto; max-height: 82vh; border-radius: 18px 18px 0 0; box-shadow: 0 -10px 40px rgba(11,18,32,.28); z-index: 4310; padding-bottom: env(safe-area-inset-bottom); }
  .hs-wrap.hs-acik .hs-panel { animation: hsSheet .24s cubic-bezier(.22,.61,.36,1); }
  .hs-panel-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 16px 12px; border-bottom: 1px solid #eef1f6; position: relative; flex: 0 0 auto; }
  .hs-panel-bas::before { content: ""; position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 40px; height: 4px; border-radius: 3px; background: #dfe4ec; }
  .hs-panel-baslik { font-weight: 700; font-size: 1rem; color: var(--lkp-koyu, #0b1220); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hs-kapat { border: 0; background: #f1f4f8; color: #55606f; width: 30px; height: 30px; border-radius: 50%; font-size: 1.35rem; line-height: 1; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
  .hs-liste { flex: 1 1 auto; }
  .hs-opt { padding: 13px 14px; font-size: 1rem; }
  @keyframes hsSheet { from { transform: translateY(100%); } to { transform: none; } }
  @keyframes hsFade { from { opacity: 0; } to { opacity: 1; } }
}

/* --- WEB (≥768px): tetiğin altına dropdown --- */
@media (min-width: 768px) {
  .hs-panel { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 1080; border: 1px solid #e3e8ef; border-radius: 12px; box-shadow: 0 14px 38px rgba(11,18,32,.17); max-height: 340px; }
  .hs-wrap.hs-yukari .hs-panel { top: auto; bottom: calc(100% + 6px); }
  .hs-wrap.hs-acik .hs-panel { animation: hsAcil .14s ease; }
  .hs-liste { max-height: 280px; }
  .hs-panel-bas, .hs-backdrop { display: none !important; }
  @keyframes hsAcil { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
}

/* ---------- Duyarlı (Responsive) Ayarlar ---------- */
@media (max-width: 991.98px) {
  .hero-icerik .hero-baslik { font-size: 2rem; }
  .ana-navbar .navbar-nav { margin-top: 14px; }
}

@media (max-width: 767.98px) {
  .hero-icerik { padding: 18px 0; }
  .hero-icerik .hero-baslik { font-size: 1.25rem; line-height: 1.25; margin-bottom: 8px; }
  .hero-icerik p { font-size: .82rem; margin-bottom: 14px; }
  .hero-icerik .badge { font-size: .6rem; padding: 5px 9px; margin-bottom: 10px !important; }
  .hero-icerik .btn-lkp { padding: 8px 16px; font-size: .82rem; }
  .bolum-baslik h2 { font-size: 1.5rem; }
  .ust-serit-hesap a { margin-left: 10px; }
  .lkp-form-kutu { padding: 20px; }
}

@media (max-width: 575.98px) {
  .kategori-karti { height: 170px; }
  .urun-karti .urun-gorsel { height: 150px; }
  .whatsapp-buton { width: 50px; height: 50px; font-size: 1.4rem; bottom: 16px; right: 16px; }
  /* 2'li kartta yazıları küçült, tam sığdır */
  .urun-karti .icerik { padding: 12px; }
  .urun-karti .kategori-etiket { font-size: .64rem; line-height: 1.25; }
  .urun-karti h6 { font-size: .86rem; min-height: 0; margin: 5px 0 8px; line-height: 1.3; }
  .fiyat-yeni { font-size: 1rem; }
  .fiyat-eski { font-size: .76rem; }
  .fiyat-tl-yaklasik { font-size: .66rem; }
  .kart-vitrin { font-size: .68rem; margin-top: 6px; line-height: 1.25; }
  .urun-karti .btn-lkp,
  .urun-karti .btn-lkp-koyu,
  .urun-karti .fiyat-arayin-btn {
    font-size: .8rem; padding: 9px 8px; margin-top: 10px !important;
  }
}

/* İletişim: çalışma saatleri + harita */
.calisma-karti { display: flex; flex-direction: column; }
.calisma-saat-liste { list-style: none; padding: 0; margin: 0 0 auto; }
.calisma-saat-liste li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #e3e8f0; font-size: .93rem; }
.calisma-saat-liste li:last-child { border-bottom: 0; }
.calisma-saat-liste .gun { color: #33415c; font-weight: 600; }
.calisma-saat-liste .saat { color: #0b1220; font-weight: 700; white-space: nowrap; }
.calisma-yol-tarifi { display: inline-block; margin-top: 14px; color: var(--turuncu, #ff6a1a); font-weight: 700; font-size: .9rem; text-decoration: none; }
.calisma-yol-tarifi:hover { text-decoration: underline; }
.harita-kutu { position: relative; min-height: 320px; border-radius: 16px; overflow: hidden; border: 1px solid #e3e8f0; box-shadow: 0 10px 30px rgba(11,18,32,.08); }
.harita-kutu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.15); }
@media (max-width: 991.98px) { .harita-kutu { min-height: 280px; } }

/* ================= İLETİŞİM SAYFASI (referans tasarım) ================= */
.il-hero { background: linear-gradient(180deg,#f7f9fc 0%,#eef2f8 100%); border-bottom: 1px solid #e3e8f0; padding: 40px 0 34px; text-align: center; }
.il-breadcrumb { font-size: .82rem; color: #7a879c; margin-bottom: 14px; }
.il-breadcrumb a { color: #7a879c; text-decoration: none; }
.il-breadcrumb a:hover { color: var(--turuncu,#ff6a1a); }
.il-breadcrumb .aktif { color: #0b1220; font-weight: 600; }
.il-hero-baslik { font-size: 2.05rem; font-weight: 800; color: #0b1220; margin: 0 0 8px; letter-spacing: -.5px; }
.il-hero-baslik span { color: var(--turuncu,#ff6a1a); }
.il-hero-alt { color: #5b6a82; font-size: 1rem; margin: 0 auto 20px; max-width: 560px; }

.il-govde { padding: 40px 0 56px; background: #fbfcfe; }
.il-kart { background: #fff; border: 1px solid #e6ebf2; border-radius: 16px; padding: 24px; box-shadow: 0 8px 26px rgba(11,18,32,.05); }
.il-kart-baslik { display: flex; align-items: center; gap: 9px; font-size: 1.12rem; font-weight: 800; color: #0b1220; margin: 0 0 16px; }
.il-kart-baslik i { color: var(--turuncu,#ff6a1a); font-size: 1.05rem; }

.il-firma-ad { font-size: 1.05rem; font-weight: 800; color: #0b1220; }
.il-firma-slogan { font-size: .84rem; color: var(--turuncu,#ff6a1a); font-weight: 700; margin-top: 2px; }
.il-aciklama { font-size: .9rem; line-height: 1.65; color: #55627a; margin: 14px 0 18px; }

.il-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #e9eef5; border: 1px solid #e9eef5; border-radius: 12px; overflow: hidden; margin-bottom: 20px; }
.il-stat { background: #fff; padding: 13px 14px; display: flex; flex-direction: column; gap: 3px; }
.il-stat-etiket { font-size: .72rem; color: #8a97ab; font-weight: 600; }
.il-stat-deger { font-size: 1.02rem; font-weight: 800; color: #0b1220; }

.il-blok { margin-top: 18px; }
.il-blok-baslik { font-size: .74rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #8a97ab; margin: 0 0 10px; }
.il-liste { list-style: none; padding: 0; margin: 0; }
.il-liste li { position: relative; padding: 5px 0 5px 18px; font-size: .89rem; color: #3a465c; line-height: 1.4; }
.il-liste li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--turuncu,#ff6a1a); }

.il-satir { display: flex; align-items: center; gap: 13px; padding: 12px 0; border-bottom: 1px solid #eef2f7; text-decoration: none; color: inherit; }
.il-satir:last-child { border-bottom: 0; }
.il-satir-ikon { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 11px; background: #fff3ea; color: var(--turuncu,#ff6a1a); display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.il-satir-metin { display: flex; flex-direction: column; font-size: .92rem; font-weight: 600; color: #0b1220; word-break: break-word; }
.il-satir-ust { font-size: .72rem; color: #8a97ab; font-weight: 600; }
a.il-satir:hover .il-satir-metin { color: var(--turuncu,#ff6a1a); }

.il-form-alt { font-size: .9rem; color: #6b7890; margin: -8px 0 18px; }
.il-form .form-label { font-weight: 600; font-size: .86rem; color: #33415c; }
.il-form .form-control { border-radius: 10px; border-color: #e2e8f1; padding: 11px 13px; }
.il-form .form-control:focus { border-color: var(--turuncu,#ff6a1a); box-shadow: 0 0 0 .18rem rgba(255,106,26,.14); }
.il-gonder { padding: 12px 20px; font-weight: 700; }

.il-mini { height: 100%; }
.il-mini-ikon { width: 42px; height: 42px; border-radius: 12px; background: #fff3ea; color: var(--turuncu,#ff6a1a); display: inline-flex; align-items: center; justify-content: center; font-size: 1.15rem; margin-bottom: 12px; }
.il-mini-baslik { font-size: 1rem; font-weight: 800; color: #0b1220; margin: 0 0 4px; }
.il-mini-vurgu { font-size: .84rem; font-weight: 700; color: var(--turuncu,#ff6a1a); margin-bottom: 6px; }
.il-mini-metin { font-size: .86rem; color: #5b6a82; line-height: 1.55; margin: 0; }

.il-hizli-btnler { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.il-hizli-btn { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 10px; border: 1px solid #e2e8f1; border-radius: 11px; background: #fbfcfe; font-size: .86rem; font-weight: 600; color: #33415c; text-decoration: none; transition: .18s; }
.il-hizli-btn i { color: var(--turuncu,#ff6a1a); }
.il-hizli-btn:hover { border-color: var(--turuncu,#ff6a1a); background: #fff3ea; color: #0b1220; transform: translateY(-1px); }

@media (max-width: 767.98px) {
  .il-hero-baslik { font-size: 1.6rem; }
  .il-hizli-btnler { grid-template-columns: 1fr 1fr; }
  .il-kart { padding: 20px; }
}

/* ================= HİZMETLER SAYFASI ================= */
.hz-yan { position:sticky; top:90px; }
.hz-nav { background:#fff; border:1px solid #e6ebf2; border-radius:16px; padding:10px; box-shadow:0 8px 26px rgba(11,18,32,.05); }
.hz-nav-baslik { font-size:.74rem; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:#8a97ab; padding:10px 12px 8px; }
.hz-nav-oge { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:12px; text-decoration:none; color:#0b1220; transition:.16s; border:1px solid transparent; }
.hz-nav-oge img { width:44px; height:44px; object-fit:cover; border-radius:9px; background:#f1f4f8; flex-shrink:0; }
.hz-nav-metin { display:flex; flex-direction:column; flex:1; min-width:0; }
.hz-nav-metin strong { font-size:.9rem; font-weight:700; line-height:1.25; }
.hz-nav-metin small { font-size:.74rem; color:#8a97ab; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hz-nav-oge > .bi { color:#c4ccd8; font-size:.8rem; }
.hz-geri-urun { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:14px; padding:11px 16px; background:#fff; border:1px solid #e4e9f0; border-radius:12px; color:#0b1220; font-weight:600; font-size:.92rem; text-decoration:none; transition:.16s; }
.hz-geri-urun:hover { border-color:var(--lkp-turuncu,#ff6a1a); color:var(--lkp-turuncu,#ff6a1a); background:#fff7f2; }
.hz-geri-urun .bi { font-size:.95rem; }
.hz-nav-oge:hover { background:#f7f9fc; }
.hz-nav-oge.aktif { background:#fff3ea; border-color:#ffd9b8; }
.hz-nav-oge.aktif strong { color:var(--turuncu,#ff6a1a); }
.hz-nav-oge.aktif > .bi { color:var(--turuncu,#ff6a1a); }

.hz-detay { background:#fff; border:1px solid #e6ebf2; border-radius:16px; padding:26px; box-shadow:0 8px 26px rgba(11,18,32,.05); }
.hz-detay-ust { display:flex; gap:22px; align-items:flex-start; }
.hz-detay-gorsel { flex:0 0 160px; width:160px; height:160px; border-radius:14px; overflow:hidden; background:#f1f4f8; }
.hz-detay-gorsel img { width:100%; height:100%; object-fit:cover; }
.hz-detay-metin h2 { font-size:1.5rem; font-weight:800; color:#0b1220; margin:0 0 10px; }
.hz-detay-metin p { color:#55627a; font-size:.95rem; line-height:1.65; margin:0; }

.hz-kapsam { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:22px; padding-top:22px; border-top:1px solid #eef2f7; }
.hz-kapsam-oge { display:flex; align-items:center; gap:8px; background:#fff4ec; border:1px solid #ffd7bd; border-radius:10px; padding:11px 13px; font-size:.86rem; font-weight:600; color:#9e4e17; }
.hz-kapsam-oge .bi { color:var(--lkp-turuncu, #ff6a1a); flex-shrink:0; }

.hz-urunler { margin-top:22px; }
.hz-urunler-baslik { display:flex; justify-content:space-between; align-items:center; font-size:1rem; font-weight:800; color:#0b1220; margin-bottom:12px; }
.hz-urunler-baslik span { font-size:.78rem; font-weight:600; color:#8a97ab; }
.hz-urun-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.hz-urun { display:flex; align-items:center; gap:10px; border:1px solid #e6ebf2; border-radius:11px; padding:9px 11px; text-decoration:none; color:#0b1220; transition:.16s; }
.hz-urun img { width:38px; height:38px; object-fit:contain; border-radius:7px; background:#f6f8fb; flex-shrink:0; }
.hz-urun span { flex:1; font-size:.82rem; font-weight:600; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.hz-urun .bi { color:#c4ccd8; font-size:.78rem; }
.hz-urun:hover { border-color:var(--turuncu,#ff6a1a); background:#fff8f3; }

.hz-cta { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-top:22px; padding-top:20px; border-top:1px solid #eef2f7; }
.hz-cta span { color:#55627a; font-size:.92rem; font-weight:600; }
.hz-cta .btn-lkp { white-space:nowrap; }

@media (max-width:991.98px){ .hz-nav{position:static;margin-bottom:8px;} }
@media (max-width:767.98px){
  .hz-detay-ust{flex-direction:column;} .hz-detay-gorsel{width:100%;flex-basis:auto;height:190px;}
  .hz-kapsam,.hz-urun-grid{grid-template-columns:1fr 1fr;}
  .hz-cta{flex-direction:column;align-items:stretch;} .hz-cta .btn-lkp{width:100%;}
}

/* ================= QBH UYUMLULUK TALEBİ ================= */
.qbh-kutu {
  display: flex; align-items: center; gap: 14px; width: 100%; text-align: left;
  background: #f4f6f9; border: 1px solid #e4e9f0; border-radius: 14px; padding: 14px 16px;
  margin-bottom: 16px; cursor: pointer; transition: .18s;
  position: relative; overflow: hidden;
}
.qbh-kutu:hover { background: #eef2f7; border-color: var(--lkp-turuncu, #ff6a1a); box-shadow: 0 6px 18px rgba(11,18,32,.06); }
.qbh-kutu-ikon { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: var(--lkp-koyu, #0b1220); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.qbh-kutu-metin { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.qbh-kutu-metin strong { font-size: .95rem; color: #0b1220; line-height: 1.3; }
.qbh-kutu-metin small { font-size: .8rem; color: #6b7890; line-height: 1.4; margin-top: 2px; }
.qbh-kutu-ok { color: #9aa6b6; font-size: 1.1rem; flex-shrink: 0; }

/* Torç fotoğrafı CTA — dikkat çekici flaş (ışık süpürmesi) + hafif turuncu nabız */
.qbh-kutu::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 42%; z-index: 2;
  background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 44%, rgba(255,178,125,.55) 50%, rgba(255,255,255,.85) 56%, rgba(255,255,255,0) 100%);
  transform: translateX(-185%) skewX(-20deg); pointer-events: none;
  animation: qbhFlas 3.4s ease-in-out infinite;
}
.qbh-kutu::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1;
  box-shadow: inset 0 0 0 1.5px rgba(255,106,26,0); pointer-events: none;
  animation: qbhNabiz 3.4s ease-in-out infinite;
}
.qbh-kutu:hover::after, .qbh-kutu:hover::before { animation-play-state: paused; }
@keyframes qbhFlas {
  0%, 14%  { transform: translateX(-185%) skewX(-20deg); }
  60%      { transform: translateX(320%)  skewX(-20deg); }
  100%     { transform: translateX(320%)  skewX(-20deg); }
}
@keyframes qbhNabiz {
  0%, 100% { box-shadow: inset 0 0 0 1.5px rgba(255,106,26,0); }
  50%      { box-shadow: inset 0 0 0 1.5px rgba(255,106,26,.6); }
}
@media (prefers-reduced-motion: reduce) {
  .qbh-kutu::before, .qbh-kutu::after { animation: none; }
}

.qbh-kat { border: 1px solid #e6ebf2; border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.qbh-kat-baslik { font-weight: 700; font-size: .88rem; color: #0b1220; }
.qbh-kat-aciklama { font-size: .76rem; color: #8a97ab; margin: 1px 0 7px; line-height: 1.35; }
.qbh-yukle-alan { display: flex; gap: 8px; flex-wrap: wrap; }
.qbh-yukle-btn {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; margin: 0;
  background: #f7f9fc; border: 1px dashed #cbd4e0; border-radius: 9px; padding: 8px 14px;
  font-size: .84rem; font-weight: 600; color: #33415c; transition: .16s; flex: 1; justify-content: center; min-width: 120px;
}
.qbh-yukle-btn:hover { border-color: var(--lkp-turuncu, #ff6a1a); background: #fff3ea; color: #0b1220; }
.qbh-yukle-btn i { color: var(--lkp-turuncu, #ff6a1a); }
.qbh-kamera { display: none; }
@media (pointer: coarse) { .qbh-kamera { display: inline-flex; } }
.qbh-secili { font-size: .8rem; color: #1aa860; font-weight: 600; margin-top: 5px; min-height: 1px; }
.qbh-secili.dolu i { margin-right: 4px; }

.qbh-iletisim { margin-top: 12px; padding-top: 12px; border-top: 1px solid #eef2f7; }
.qbh-iletisim-baslik { font-weight: 700; font-size: .92rem; color: #0b1220; margin-bottom: 8px; }
#qbhModal .modal-body { padding: 14px 18px; }
#qbhModal .modal-header { padding: 12px 18px; }
#qbhModal .modal-footer { border-top: 0; padding: 10px 18px 16px; }
#qbhModal .form-control { font-size: .9rem; }

/* ================= BENİ ARA — yüzen buton + modal ================= */
/* Yukarı çık — küçük, sade; sağ altta Beni Ara butonunun ÜSTÜNDE, kaydırınca belirir */
.yukari-cik {
  position: fixed; bottom: 116px; right: 20px; z-index: 999;
  width: 36px; height: 36px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(11,18,32,.82); color: #fff; font-size: 1rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.28); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .25s, transform .25s, visibility .25s, background .2s;
}
.yukari-cik.gorunur { opacity: 1; visibility: visible; transform: translateY(0); }
.yukari-cik:hover { background: var(--lkp-turuncu, #ff6a1a); }
@media (max-width: 767.98px) { .yukari-cik { bottom: 138px; right: 14px; width: 36px; height: 36px; } }
@media (prefers-reduced-motion: reduce) { .yukari-cik { transition: opacity .2s, visibility .2s; transform: none; } .yukari-cik.gorunur { transform: none; } }

.beni-ara-buton {
  position: fixed; bottom: 20px; right: 20px; z-index: 999;
  display: inline-flex; align-items: center; gap: 8px; min-width: 140px;
  background: linear-gradient(135deg, var(--lkp-turuncu, #ff6a1a), #ff8a3d);
  color: #fff; border: 0; border-radius: 999px; padding: 6px 15px 6px 6px;
  font-weight: 700; font-size: .82rem; cursor: pointer;
  box-shadow: 0 8px 22px rgba(255,106,26,.4); transition: transform .18s, box-shadow .18s;
}
.beni-ara-buton:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255,106,26,.5); color: #fff; }
.beni-ara-buton-ikon {
  width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.22);
  display: flex; align-items: center; justify-content: center; font-size: 1.02rem; position: relative;
}
.beni-ara-buton-ikon::after {
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.6); animation: beniAraNabiz 2s infinite;
}
@keyframes beniAraNabiz { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }

.beni-ara-modal { border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(11,18,32,.3); }
.beni-ara-x { position: absolute; top: 16px; right: 16px; z-index: 3; }
.beni-ara-icerik { padding: 32px 30px 30px; text-align: center; }
.beni-ara-modal-baslik { font-weight: 800; color: var(--lkp-koyu, #0b1220); font-size: 1.5rem; margin: 0 0 8px; }
.beni-ara-modal-aciklama { color: #6b7890; font-size: .9rem; line-height: 1.55; margin: 0 auto 20px; max-width: 400px; }
.beni-ara-hat {
  display: inline-flex; align-items: center; gap: 14px; text-decoration: none;
  background: #fff5ef; border: 1px solid #ffd9b8; border-radius: 14px; padding: 12px 22px; margin-bottom: 4px;
}
.beni-ara-hat-ikon { width: 46px; height: 46px; border-radius: 50%; background: var(--lkp-koyu, #0b1220); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; }
.beni-ara-hat-metin { display: flex; flex-direction: column; text-align: left; }
.beni-ara-hat-metin small { color: #8a97ab; font-size: .78rem; font-weight: 600; }
.beni-ara-hat-metin strong { color: var(--lkp-turuncu, #ff6a1a); font-size: 1.35rem; font-weight: 800; letter-spacing: .5px; }
.beni-ara-ayrac { position: relative; text-align: center; color: #9aa6b6; font-size: .82rem; margin: 20px 0 16px; }
.beni-ara-ayrac::before, .beni-ara-ayrac::after { content: ''; position: absolute; top: 50%; width: 18%; height: 1px; background: #e6ebf2; }
.beni-ara-ayrac::before { left: 0; } .beni-ara-ayrac::after { right: 0; }

.beni-ara-satir { display: flex; align-items: stretch; border: 1px solid #e2e8f1; border-radius: 10px; overflow: hidden; margin-bottom: 10px; }
.beni-ara-etiket { flex: 0 0 90px; background: #f4f6f9; color: #33415c; font-weight: 600; font-size: .85rem; display: flex; align-items: center; padding: 0 14px; }
.beni-ara-satir input, .beni-ara-satir select { flex: 1; border: 0; padding: 12px 14px; font-size: .92rem; outline: none; min-width: 0; background: #fff; color: #0b1220; }
.beni-ara-satir select { cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%238a97ab' d='M8 11L3 6h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 34px; }
.beni-ara-satir:focus-within { border-color: var(--lkp-turuncu, #ff6a1a); box-shadow: 0 0 0 .18rem rgba(255,106,26,.14); }
.beni-ara-gonder {
  width: 100%; background: var(--lkp-koyu, #0b1220); color: #fff; border: 0; border-radius: 10px;
  padding: 13px; font-weight: 700; font-size: .95rem; cursor: pointer; margin-top: 6px; transition: .16s;
}
.beni-ara-gonder:hover { background: #16233c; }
.beni-ara-gonder:disabled { opacity: .6; cursor: default; }
.beni-ara-durum { font-size: .88rem; margin: 6px 0; border-radius: 8px; }
.beni-ara-durum.basarili { color: #1aa860; background: #eefaf2; padding: 14px; font-weight: 600; }
.beni-ara-durum.hata { color: #c0392b; background: #fdecea; padding: 10px; }

@media (max-width: 767.98px) {
  /* Mobilde yalnız yuvarlak ikon: min-width/gap kalıntısı sağda boşluk bırakıyordu */
  .beni-ara-buton { bottom: 76px; right: 14px; padding: 6px; min-width: 0; gap: 0; border-radius: 50%; }
  .beni-ara-buton-yazi { display: none; }
  .beni-ara-buton-ikon { width: 44px; height: 44px; }
  .beni-ara-icerik { padding: 26px 20px 22px; }
  .beni-ara-modal-baslik { font-size: 1.25rem; }
}

/* ================= ÜRÜN GÖRSEL FİLİGRANI (site adı, tiled) ================= */
.urun-karti .urun-gorsel::after,
.urun-detay-gorsel::after,
.urun-detay-gorsel-buyuk::after {
  content: ''; position: absolute; inset: 0; z-index: 1;
  pointer-events: none;
  background-image: var(--filigran);
  background-repeat: repeat;
}
.urun-detay-gorsel, .urun-detay-gorsel-buyuk { position: relative; }
/* Filigranlı görsel: sürükleme/seçim engeli (deterrent) */
.urun-karti .urun-gorsel img, .urun-detay-gorsel img, #anaUrunGorsel {
  -webkit-user-drag: none; user-select: none; -webkit-user-select: none;
}

/* ================= METİN KOPYALAMA KORUMASI =================
   Yalnızca kullanıcı seçimini engeller. HTML içeriği aynen kalır →
   Google/Bing/AI crawler'ları metni sorunsuz okur, indexleme etkilenmez. */
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input, textarea, select, [contenteditable="true"], .kopyalanabilir, .kopyalanabilir * {
  -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;
}

/* ================= KAYNAK VİTRİNİ (interaktif) ================= */
.vitrin-sahne-sar { position: relative; background: #0b1220; }
.vitrin-sahne {
  position: relative; width: 100%; height: 78vh; min-height: 520px;
  background-size: cover; background-position: center; overflow: hidden;
}
.vitrin-pin { position: absolute; transform: translate(-50%, -50%); background: none; border: 0; cursor: pointer; z-index: 4; display: flex; align-items: center; gap: 6px; padding: 0; }
.vitrin-pin-ic {
  width: 22px; height: 22px; border-radius: 50%; background: rgba(255,106,26,.95); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: .72rem; position: relative; flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.vitrin-pin-ic::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid rgba(255,106,26,.7); animation: vitrinNabiz 1.8s infinite; }
@keyframes vitrinNabiz { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.8); opacity: 0; } }
.vitrin-pin-etk { background: rgba(11,18,32,.9); color: #fff; font-size: .74rem; font-weight: 600; padding: 4px 9px; border-radius: 6px; white-space: nowrap; opacity: 0; transform: translateX(-6px); transition: .18s; pointer-events: none; }
.vitrin-pin:hover { z-index: 6; }
.vitrin-pin:hover .vitrin-pin-etk { opacity: 1; transform: translateX(0); }
.vitrin-pin:hover .vitrin-pin-ic { background: var(--lkp-turuncu, #ff6a1a); }

/* Detay paneli (soldan) */
.vitrin-panel {
  position: absolute; top: 0; left: 0; width: 380px; max-width: 90%; height: 100%; z-index: 10;
  background: #fff; box-shadow: 6px 0 30px rgba(0,0,0,.3); display: flex; flex-direction: column;
  transform: translateX(-100%); transition: transform .3s ease; visibility: hidden;
}
.vitrin-panel.acik { transform: translateX(0); visibility: visible; }
.vitrin-panel-ust { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #eef2f7; }
.vitrin-panel-ustyazi { font-size: .74rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #8a97ab; }
.vitrin-panel-kapat { background: #f4f6f9; border: 0; width: 32px; height: 32px; border-radius: 8px; font-size: 1.3rem; line-height: 1; color: #55627a; cursor: pointer; }
.vitrin-panel-govde { padding: 22px 20px; overflow-y: auto; flex: 1; }
.vitrin-panel-baslik { font-size: 1.25rem; font-weight: 800; color: #0b1220; margin: 0 0 4px; }
.vitrin-panel-alt { font-size: .85rem; color: var(--lkp-turuncu, #ff6a1a); font-weight: 700; margin-bottom: 14px; }
.vitrin-panel-bolum { margin-top: 16px; }
.vitrin-panel-etk { font-size: .72rem; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: #8a97ab; margin-bottom: 8px; }
.vitrin-panel-bolum p { font-size: .9rem; line-height: 1.6; color: #445; margin: 0; }
.vitrin-teknik { width: 100%; font-size: .85rem; border-collapse: collapse; }
.vitrin-teknik td { padding: 8px 0; border-bottom: 1px dashed #e6ebf2; color: #33415c; }
.vitrin-teknik td:first-child { color: #8a97ab; }
.vitrin-teknik td:last-child { text-align: right; font-weight: 700; color: #0b1220; }
.vitrin-panel-aksiyon { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; }
.vitrin-btn-dolu, .vitrin-btn-cizgi { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 10px; font-weight: 700; font-size: .9rem; text-decoration: none; }
.vitrin-btn-dolu { background: var(--lkp-koyu, #0b1220); color: #fff; }
.vitrin-btn-cizgi { background: #fff; border: 1px solid #e2e8f1; color: #33415c; }
.vitrin-btn-cizgi i { color: var(--lkp-turuncu, #ff6a1a); }

/* Makine modelleri sidebar (sağ) */
.vitrin-modeller {
  position: absolute; top: 20px; right: 20px; width: 320px; max-width: 42%; z-index: 8;
  background: rgba(255,255,255,.96); border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,.28);
  padding: 16px; max-height: calc(100% - 40px); display: flex; flex-direction: column;
}
.vitrin-modeller-baslik { font-weight: 800; color: #0b1220; font-size: 1rem; }
.vitrin-modeller-alt { font-size: .76rem; color: #6b7890; line-height: 1.45; margin: 4px 0 12px; }
.vitrin-modeller-liste { overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
.vitrin-model { display: flex; align-items: center; gap: 11px; padding: 8px; border: 1px solid #eef2f7; border-radius: 10px; text-decoration: none; transition: .16s; }
.vitrin-model:hover { border-color: var(--lkp-turuncu, #ff6a1a); background: #fff8f3; }
.vitrin-model img { width: 46px; height: 46px; object-fit: contain; border-radius: 8px; background: #f6f8fb; flex-shrink: 0; }
.vitrin-model-metin { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.vitrin-model-guc { font-size: .66rem; color: #8a97ab; font-weight: 700; text-transform: uppercase; }
.vitrin-model-metin strong { font-size: .82rem; color: #0b1220; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.vitrin-model-fiyat { font-size: .82rem; color: var(--lkp-turuncu, #ff6a1a); font-weight: 800; }
.vitrin-model > .bi { color: #c4ccd8; }
.vitrin-ipucu { text-align: center; color: #b8c2d0; font-size: .85rem; padding: 14px; margin: 0; background: #0b1220; }
.vitrin-ipucu strong { color: var(--lkp-turuncu, #ff6a1a); }

/* Mobil-özel elemanlar masaüstünde gizli */
.vitrin-parca-mobil { display: none; }
.vitrin-panel-cek { display: none; }
.vitrin-perde { display: none; }
body.vitrin-kilit { overflow: hidden; }

@media (max-width: 991.98px) {
  /* Görsel: makinenin TAMAMI görünsün (contain), üst üste binen pinler gizli */
  .vitrin-sahne {
    height: auto; min-height: 0; aspect-ratio: 4/3;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    background-color: #0b1220;
  }
  .vitrin-pin { display: none; }
  .vitrin-ipucu { display: none; }

  /* Mobil bileşen listesi — pinlerin yerine okunaklı, dokunması kolay kartlar */
  .vitrin-parca-mobil { display: block; background: #0b1220; padding: 4px 14px 18px; }
  .vitrin-parca-mobil-baslik { color: #fff; font-weight: 800; font-size: .98rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; padding: 10px 2px 12px; }
  .vitrin-parca-mobil-baslik i { color: var(--lkp-turuncu, #ff6a1a); }
  .vitrin-parca-mobil-baslik span { font-weight: 500; font-size: .72rem; color: #9fb0c9; }
  .vitrin-parca-mobil-liste { display: grid; gap: 8px; }
  .vitrin-parca-chip { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 12px 14px; border: 1px solid #243348; border-radius: 12px; background: #131c2e; color: #eaf0f8; font-size: .9rem; font-weight: 600; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .vitrin-parca-chip:active { background: #1b273d; border-color: var(--lkp-turuncu, #ff6a1a); }
  .vitrin-parca-chip-no { flex-shrink: 0; width: 27px; height: 27px; border-radius: 8px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; font-size: .8rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
  .vitrin-parca-chip-ad { flex: 1; min-width: 0; line-height: 1.3; }
  .vitrin-parca-chip > .bi { color: #6b7890; font-size: .95rem; flex-shrink: 0; }

  /* Makine modelleri — tam genişlik, ferah bölüm */
  .vitrin-modeller { position: static; width: auto; max-width: none; max-height: none; margin: 0; border-radius: 0; box-shadow: none; background: #fff; padding: 20px 14px 24px; }
  .vitrin-modeller-liste { overflow: visible; gap: 10px; }
  .vitrin-model { padding: 11px; border-radius: 12px; }
  .vitrin-model img { width: 54px; height: 54px; }
  .vitrin-model-metin strong { font-size: .9rem; }
  .vitrin-model-fiyat { font-size: .9rem; }

  /* Detay paneli → alttan çıkan sheet: gerçek overlay, footer'a taşmaz */
  .vitrin-panel {
    position: fixed; inset: auto 0 0 0; top: auto; width: 100%; max-width: 100%;
    height: auto; max-height: 88vh; border-radius: 20px 20px 0 0;
    transform: translateY(100%); box-shadow: 0 -12px 44px rgba(0,0,0,.45); z-index: 2010;
  }
  .vitrin-panel.acik { transform: translateY(0); }
  .vitrin-panel-cek { display: block; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 42px; height: 4px; border-radius: 3px; background: #d4dae4; }
  .vitrin-panel-ust { position: relative; padding-top: 20px; }
  .vitrin-panel-govde { -webkit-overflow-scrolling: touch; padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)); }

  /* Sheet arkası karartma */
  .vitrin-perde { display: block; position: fixed; inset: 0; background: rgba(6,10,20,.55); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; z-index: 2000; }
  .vitrin-perde.acik { opacity: 1; visibility: visible; }
}

/* Vitrin panel — kaynak parametreleri tablosu */
.vitrin-param th { text-align: left; font-size: .7rem; color: #8a97ab; font-weight: 700; padding: 5px 10px 5px 0; border-bottom: 2px solid #eef2f7; text-transform: uppercase; }
.vitrin-param td { text-align: left !important; font-weight: 600 !important; color: #33415c !important; padding: 6px 10px 6px 0 !important; font-size: .8rem; }

/* Ürün kapak videosu (ana vitrin) — img gibi kaplar */
.urun-karti .urun-gorsel video.urun-kapak-video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ==== Tercih Ürünleri Vitrini (ana sayfa) ==== */
.tercih-vitrin { background: #f6f8fb; }
/* Sahne genişliği referansla aynı (SVG viewBox 1240) */
.tercih-vitrin .container { max-width: 1480px; }
.tercih-sahne { max-width: 1440px; margin-left: auto; margin-right: auto; }
.tercih-lejant { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; justify-content:center; align-items:center; margin-bottom:1.75rem; font-size:.9rem; color:var(--lkp-gri); }
.tercih-lejant-oge { display:inline-flex; align-items:center; gap:.4rem; font-weight:600; color:var(--lkp-yazi); }
.tercih-lejant-oge i { color:var(--lkp-turuncu); }
.tercih-lejant-ipucu { font-style:italic; font-size:.82rem; }

.tercih-sahne { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,35fr) minmax(0,56fr) minmax(0,35fr); gap:1.25rem; align-items:center; }
/* Tek taraflı yerleşim: boş sütun boşluğu kalmasın (ör. tüm pinler sağda) */
.tercih-sahne.tercih-sadece-sag { grid-template-columns:minmax(0,56fr) minmax(0,35fr); }
.tercih-sahne.tercih-sadece-sag .tercih-kol-sol { display:none; }
.tercih-sahne.tercih-sadece-sol { grid-template-columns:minmax(0,35fr) minmax(0,56fr); }
.tercih-sahne.tercih-sadece-sol .tercih-kol-sag { display:none; }
.tercih-kol { display:flex; flex-direction:column; gap:1rem; position:relative; z-index:3; }

/* Çizgiler resmin ÜSTÜNDE, pinlerin/kartların ALTINDA kalmalı (arkada kalmasın) */
.tercih-cizgiler { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; overflow:visible; filter:drop-shadow(0 0 1px rgba(255,255,255,.55)); }
.tercih-cizgiler path { fill:none; stroke:var(--lkp-turuncu); stroke-width:2.2; stroke-dasharray:4 6; opacity:.7; transition:opacity .15s, stroke-width .15s; }
.tercih-cizgiler path.tercih-vurgu { opacity:1; stroke-width:3.2; }

.tercih-gorsel { position:relative; }
.tercih-arkaplan { width:100%; height:auto; aspect-ratio:512/327; object-fit:cover; border-radius:18px; display:block; box-shadow:0 12px 34px rgba(16,24,40,.14); }
.tercih-pin { position:absolute; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; background:var(--lkp-turuncu); color:#fff; display:flex; align-items:center; justify-content:center; z-index:3; box-shadow:0 4px 12px rgba(0,0,0,.3); text-decoration:none; transition:transform .18s; font-size:.95rem; }
/* Referanstaki gibi pinin çevresinde yumuşak halka/ışıma */
.tercih-pin::before { content:""; position:absolute; left:50%; top:50%; width:56px; height:56px; transform:translate(-50%,-50%); border-radius:50%; background:rgba(255,106,26,.16); border:1px solid rgba(255,106,26,.4); z-index:-1; transition:transform .2s, background .2s, border-color .2s; }
.tercih-pin::after { content:""; position:absolute; left:50%; top:50%; width:34px; height:34px; transform:translate(-50%,-50%); border-radius:50%; box-shadow:0 0 0 0 rgba(255,106,26,.45); animation:tercihPulse 2.6s ease-out infinite; z-index:-1; }
.tercih-pin:hover, .tercih-pin.tercih-vurgu { transform:translate(-50%,-50%) scale(1.12); color:#fff; }
.tercih-pin:hover::before, .tercih-pin.tercih-vurgu::before { background:rgba(255,106,26,.28); border-color:rgba(255,106,26,.65); transform:translate(-50%,-50%) scale(1.1); }
@keyframes tercihPulse { 0%{box-shadow:0 0 0 0 rgba(255,106,26,.4)} 70%{box-shadow:0 0 0 14px rgba(255,106,26,0)} 100%{box-shadow:0 0 0 0 rgba(255,106,26,0)} }

.tercih-kart { display:flex; align-items:center; gap:.75rem; background:#fff; border:1px solid #eef1f5; border-radius:14px; padding:.6rem; box-shadow:0 6px 18px rgba(16,24,40,.06); text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s, border-color .15s; position:relative; }
.tercih-kart:hover, .tercih-kart.tercih-vurgu { transform:translateY(-2px); box-shadow:0 14px 30px rgba(16,24,40,.13); border-color:var(--lkp-turuncu); }
.tercih-kart-gorsel { flex:0 0 auto; width:64px; height:64px; border-radius:10px; overflow:hidden; background:#f4f6fa; }
.tercih-kart-gorsel img { width:100%; height:100%; object-fit:cover; }
.tercih-kart-govde { display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.tercih-kart-kat { font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--lkp-turuncu); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tercih-kart-ad { font-size:.85rem; line-height:1.25; color:var(--lkp-yazi); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tercih-kart-rozetler { display:flex; flex-wrap:wrap; gap:.25rem; margin:.1rem 0; }
.tercih-mini-rozet { font-size:.62rem; font-weight:700; background:#fff3ec; color:var(--lkp-turuncu-koyu); border:1px solid #ffd9c4; border-radius:20px; padding:.05rem .45rem; display:inline-flex; align-items:center; gap:.2rem; white-space:nowrap; }
.tercih-kart-fiyat { display:flex; align-items:baseline; gap:.4rem; flex-wrap:wrap; }
.tercih-fiyat-eski { font-size:.78rem; color:var(--lkp-gri); text-decoration:line-through; }
.tercih-fiyat-yeni { font-size:1rem; font-weight:800; color:var(--lkp-yazi); }
.tercih-fiyat-arayin { font-size:.8rem; font-weight:700; color:var(--lkp-turuncu-koyu); }
.tercih-kart-ok { flex:0 0 auto; margin-left:auto; width:34px; height:34px; border-radius:50%; background:var(--lkp-turuncu); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .15s; }
.tercih-kart:hover .tercih-kart-ok { background:var(--lkp-turuncu-koyu); }

/* HİBRİT tercih vitrini: hero görsel + temiz ürün grid (pin/bağlantı çizgisi yok) */
.tercih-hero { max-width: 900px; margin: 0 auto 34px; border-radius: 20px; overflow: hidden; box-shadow: 0 18px 46px rgba(16,24,40,.16); background: #f2f5f9; }
.tercih-hero img { width: 100%; height: auto; aspect-ratio: 512/327; object-fit: cover; display: block; }
.tercih-urun-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1180px; margin: 0 auto; }
.tercih-urun-grid .tercih-kart-ad { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 991.98px) { .tercih-urun-grid { grid-template-columns: repeat(2, 1fr); } }
/* Telefonda 2'li — dikey kart: görsel üstte tam genişlik (belirgin), metin altta ortalı */
@media (max-width: 575.98px) {
  .tercih-urun-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .tercih-urun-grid .tercih-kart { flex-direction: column; align-items: stretch; text-align: center; gap: .5rem; padding: .55rem; }
  .tercih-urun-grid .tercih-kart-gorsel { width: 100%; height: auto; aspect-ratio: 4/3; border-radius: 10px; }
  .tercih-urun-grid .tercih-kart-govde { align-items: center; width: 100%; }
  .tercih-urun-grid .tercih-kart-kat { font-size: .62rem; }
  .tercih-urun-grid .tercih-kart-ad { font-size: .78rem; }
  .tercih-urun-grid .tercih-kart-rozetler { justify-content: center; }
  .tercih-urun-grid .tercih-kart-fiyat { justify-content: center; }
  .tercih-urun-grid .tercih-kart-ok { margin: .1rem auto 0; }
}

@media (max-width: 991.98px) {
  /* Sol + sağ kolonu TEK gride akıt (kolonlar display:contents) — böylece tek sayıda
     kartta "2 + 1 boş" kırılması olmaz, tüm kartlar tek düzgün 2'li grid olur. */
  .tercih-sahne,
  .tercih-sahne.tercih-sadece-sol,
  .tercih-sahne.tercih-sadece-sag { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; align-items:stretch; }
  .tercih-cizgiler { display:none; }
  .tercih-kol { display:contents; }
  .tercih-gorsel { grid-column:1 / -1; order:-1; margin-bottom:.25rem; }
  .tercih-pin { display:none; }
}
@media (max-width: 575.98px) {
  /* Telefonda kartlar 2'li — dikey kompakt: görsel üstte tam genişlik, metin altta ortalı */
  .tercih-sahne,
  .tercih-sahne.tercih-sadece-sol,
  .tercih-sahne.tercih-sadece-sag { gap:.5rem; }
  .tercih-kart { flex-direction:column; align-items:stretch; text-align:center; gap:.4rem; padding:.5rem; }
  .tercih-kart-gorsel { width:100%; height:78px; }
  .tercih-kart-govde { align-items:center; width:100%; }
  .tercih-kart-kat { font-size:.62rem; max-width:100%; }
  .tercih-kart-ad { white-space:normal; font-size:.74rem; }
  .tercih-kart-rozetler { justify-content:center; }
  .tercih-kart-fiyat { justify-content:center; }
  .tercih-kart-ok { margin:auto auto 0; width:28px; height:28px; }
}
@media (prefers-reduced-motion: reduce) {
  .tercih-pin::after { animation:none; }
  .tercih-pin, .tercih-pin::before, .tercih-kart, .tercih-kart-ok { transition:none; }
}

/* =========================================================
   AUTH (giriş / üye ol) — tam ekran split layout
   ========================================================= */
.auth-body { background: var(--lkp-acik-gri); margin: 0; }
.auth-split { display: flex; min-height: 100vh; }

/* --- Sol marka paneli --- */
.auth-marka {
  position: relative; flex: 1 1 48%; overflow: hidden; color: #fff;
  background: linear-gradient(158deg, var(--lkp-koyu) 0%, var(--lkp-koyu-2) 58%, #0d1a33 100%);
  padding: 44px 56px; display: flex; flex-direction: column; justify-content: space-between;
}
.auth-marka-daire { position: absolute; top: -130px; right: -150px; width: 470px; height: 470px;
  border: 1px solid rgba(255,255,255,.09); border-radius: 50%; z-index: 1; }
.auth-marka-daire::after { content: ''; position: absolute; inset: 64px;
  border: 1px solid rgba(255,255,255,.05); border-radius: 50%; }
.auth-marka-ic { position: relative; z-index: 2; max-width: 470px; margin-top: 7vh; }
.auth-logo { display: inline-flex; align-items: center; gap: 8px; color: #fff; text-decoration: none;
  font-weight: 800; font-size: 1.3rem; margin-bottom: 3.2rem; }
.auth-logo img { height: 34px; width: auto; }
.auth-logo i { color: var(--lkp-turuncu); font-size: 1.4rem; }
.auth-rozet { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: #d7e3f7; background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.13); padding: 7px 15px; border-radius: 999px; margin-bottom: 1.7rem; }
.auth-rozet i { color: var(--lkp-turuncu); }
.auth-sol-baslik { font-size: 2.7rem; font-weight: 800; line-height: 1.1; margin: 0 0 1.15rem; }
.auth-sol-baslik span { color: rgba(255,255,255,.42); }
.auth-sol-metin { color: rgba(255,255,255,.62); font-size: 1.02rem; line-height: 1.7; margin: 0 0 2.5rem; }
.auth-ozellik-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.15rem; }
.auth-ozellik-liste li { display: flex; align-items: flex-start; gap: 14px; }
.auth-ozellik-ikon { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: var(--lkp-turuncu); font-size: 1.1rem; }
.auth-ozellik-metin { display: flex; flex-direction: column; gap: 2px; }
.auth-ozellik-metin strong { font-weight: 700; font-size: .97rem; }
.auth-ozellik-metin small { color: rgba(255,255,255,.5); font-size: .85rem; line-height: 1.45; }
.auth-marka-alt { position: relative; z-index: 2; color: rgba(255,255,255,.34); font-size: .8rem; }

/* --- Sağ form alanı --- */
.auth-form-alan { flex: 1 1 52%; position: relative; display: flex; flex-direction: column;
  align-items: center; justify-content: center; padding: 48px 24px; }
.auth-geri { position: absolute; top: 30px; left: 34px; color: var(--lkp-gri); text-decoration: none;
  font-size: .9rem; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }
.auth-geri:hover { color: var(--lkp-yazi); }
.auth-form-ic { width: 100%; max-width: 400px; }
.auth-form-baslik { font-size: 1.95rem; font-weight: 800; margin: 0 0 .35rem; color: var(--lkp-yazi); }
.auth-form-alt-baslik { color: var(--lkp-gri); margin: 0 0 1.8rem; font-size: .98rem; }

.auth-label { font-size: .85rem; font-weight: 600; color: var(--lkp-yazi); margin-bottom: .4rem; display: block; }
.auth-input-sar { position: relative; margin-bottom: 1.1rem; }
.auth-input-sar .auth-ikon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  color: var(--lkp-gri); font-size: 1rem; pointer-events: none; }
.auth-input { width: 100%; height: 50px; border: 1.5px solid #e3e8f0; border-radius: 12px; background: #fff;
  padding: 0 44px; font-size: .98rem; color: var(--lkp-yazi); transition: border-color .15s, box-shadow .15s; }
.auth-input::placeholder { color: #aab4c4; }
.auth-input:focus { outline: none; border-color: var(--lkp-turuncu); box-shadow: 0 0 0 4px rgba(255,106,26,.12); }
.auth-sifre-goster { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: none; border: none; color: var(--lkp-gri); cursor: pointer; padding: 6px; line-height: 0; }
.auth-sifre-goster:hover { color: var(--lkp-yazi); }

.auth-btn { width: 100%; height: 52px; border: none; border-radius: 12px; font-weight: 700; font-size: 1rem;
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: linear-gradient(180deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu)); color: #fff;
  transition: transform .08s, box-shadow .2s; }
.auth-btn:hover { box-shadow: 0 12px 26px rgba(226,87,15,.32); }
.auth-btn:active { transform: translateY(1px); }
.auth-btn-koyu { background: linear-gradient(180deg, var(--lkp-koyu-2), var(--lkp-koyu)); }
.auth-btn-koyu:hover { box-shadow: 0 12px 26px rgba(11,18,32,.3); }

/* google + ayraç */
.auth-google-sar { display: flex; justify-content: center; min-height: 44px; }
.auth-google { width: 100%; height: 50px; border: 1.5px solid #e3e8f0; border-radius: 12px; background: #fff;
  display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: .96rem;
  color: var(--lkp-yazi); cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s; }
.auth-google:hover { background: #f8fafc; border-color: #d5dce8; }
.auth-google.pasif { opacity: .65; cursor: default; }
.auth-google svg { width: 19px; height: 19px; flex: 0 0 auto; }
.auth-ayrac { display: flex; align-items: center; gap: 12px; color: var(--lkp-gri); font-size: .82rem; margin: 1.4rem 0; }
.auth-ayrac::before, .auth-ayrac::after { content: ''; flex: 1; height: 1px; background: #e3e8f0; }

.auth-alt-linkler { text-align: center; margin-top: 1.7rem; }
.auth-alt-linkler p { margin: .45rem 0; color: var(--lkp-gri); font-size: .92rem; }
.auth-alt-linkler a { color: var(--lkp-turuncu); font-weight: 700; text-decoration: none; }
.auth-alt-linkler a:hover { text-decoration: underline; }
.auth-hata { background: #fdecea; border: 1px solid #f5c2bd; color: #b3261e; border-radius: 10px;
  padding: 11px 14px; font-size: .9rem; margin-bottom: 1.2rem; }
.auth-hata ul { margin: 0; padding-left: 1.1rem; }
.auth-basari { background: #e9f7ef; border: 1px solid #b7e4c7; color: #147a3d; border-radius: 10px;
  padding: 11px 14px; font-size: .9rem; margin-bottom: 1.2rem; }
.auth-basari i { margin-right: 4px; }
.auth-not { font-size: .82rem; color: var(--lkp-gri); margin-top: .6rem; text-align: center; }

/* kayıt: adım çizgisi + hesap tipi kartları */
.auth-adim-cizgi { display: flex; align-items: center; gap: 10px; margin-bottom: 1.9rem; }
.auth-adim-nokta { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  font-weight: 700; font-size: .85rem; background: #e9edf4; color: var(--lkp-gri); flex: 0 0 auto; transition: background .2s, color .2s; }
.auth-adim-nokta.aktif { background: var(--lkp-koyu); color: #fff; }
.auth-adim-hat { flex: 1; height: 2px; background: #e9edf4; }
.auth-tip-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 1.5rem; }
.auth-tip { position: relative; border: 2px solid #e3e8f0; border-radius: 14px; padding: 20px 14px; cursor: pointer;
  text-align: center; background: #fff; transition: border-color .15s, box-shadow .15s; }
.auth-tip:hover { border-color: #cbd5e6; }
.auth-tip input { position: absolute; opacity: 0; width: 0; height: 0; }
.auth-tip.secili { border-color: var(--lkp-koyu); box-shadow: 0 6px 18px rgba(11,18,32,.1); }
.auth-tip-ikon { width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 13px; display: grid; place-items: center;
  font-size: 1.6rem; background: var(--lkp-koyu); color: #fff; transition: background .15s; }
.auth-tip.secili .auth-tip-ikon { background: var(--lkp-turuncu); }
.auth-tip-ad { font-weight: 700; margin-bottom: 3px; color: var(--lkp-yazi); }
.auth-tip-not { font-size: .78rem; color: var(--lkp-gri); line-height: 1.4; }
.auth-tip-tik { position: absolute; top: 10px; right: 10px; color: #16a34a; font-size: 1.15rem; opacity: 0; transition: opacity .15s; }
.auth-tip.secili .auth-tip-tik { opacity: 1; }
.auth-adim { display: none; }
.auth-adim.aktif { display: block; }
.auth-satir-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.auth-kurumsal-alan { display: none; }
.auth-kurumsal-alan.acik { display: block; }
.auth-geri-adim { background: none; border: none; color: var(--lkp-gri); font-size: .88rem; font-weight: 600;
  cursor: pointer; padding: 0; margin-bottom: 1rem; display: inline-flex; align-items: center; gap: 5px; }
.auth-geri-adim:hover { color: var(--lkp-yazi); }
.auth-kvkk { display: flex; align-items: flex-start; gap: 9px; margin: .4rem 0 1.2rem; font-size: .84rem; color: var(--lkp-gri); }
.auth-kvkk input { margin-top: 3px; flex: 0 0 auto; }
.auth-kvkk a { color: var(--lkp-turuncu); font-weight: 600; }

/* responsive */
@media (max-width: 900px) {
  .auth-split { flex-direction: column; }
  .auth-marka { flex: none; padding: 30px 24px 26px; }
  .auth-marka-ic { margin-top: 0; max-width: none; }
  .auth-logo { margin-bottom: 1.6rem; }
  .auth-sol-baslik { font-size: 1.75rem; margin-bottom: .4rem; }
  .auth-sol-metin, .auth-ozellik-liste, .auth-marka-alt { display: none; }
  .auth-marka-daire { top: -170px; right: -170px; }
  .auth-form-alan { padding: 30px 20px 48px; }
  .auth-geri { position: static; align-self: flex-start; margin: 0 0 16px; }
  .auth-form-ic { max-width: 440px; }
}

/* Ek Hizmetler — kompakt Müşteri/Firma formu (biraz küçültülmüş) */
.ekh-kompakt { padding: 24px; }
.ekh-kompakt h5 { font-size: 1rem; }
.ekh-kompakt .form-label { font-size: .8rem; font-weight: 600; margin-bottom: .25rem; }
.ekh-kompakt .form-control, .ekh-kompakt .form-select { padding: .42rem .7rem; font-size: .88rem; border-radius: 8px; }
.ekh-kompakt .row.g-3 { --bs-gutter-y: .55rem; }
.ekh-kompakt textarea.form-control { min-height: 0; }
.ekh-kompakt .imza-canvas { height: 96px; }
.ekh-kompakt .form-check-label.small { font-size: .78rem; }

/* Ek Hizmetler — daha da inceltilmiş form (detay altında) */
.ekh-form-dar { padding: 20px; }
.ekh-form-dar h5 { font-size: .98rem; }
.ekh-form-dar .form-label { font-size: .76rem; margin-bottom: .2rem; }
.ekh-form-dar .form-control, .ekh-form-dar .form-select { padding: .35rem .6rem; font-size: .85rem; }
.ekh-form-dar .row.g-3 { --bs-gutter-y: .45rem; }
.ekh-form-dar .imza-canvas { height: 78px; }

/* Ek Hizmetler — hizmet detayının içindeki paket seçimi */
.hz-paketler-baslik { font-weight: 700; font-size: .95rem; margin: 14px 0 0; color: var(--lkp-yazi); }
.hz-paketler { display: flex; flex-direction: column; gap: 12px; margin: 8px 0 20px; }

/* =========================================================
   HAKKIMIZDA — modern, ikonsuz, mobil uyumlu
   ========================================================= */
.hk-etiket { display: inline-block; font-size: .74rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--lkp-turuncu); margin-bottom: .8rem; }
.hk-baslik { font-size: 2rem; font-weight: 800; line-height: 1.22; color: var(--lkp-koyu); margin: 0 0 1.2rem; }

/* Giriş */
.hk-intro { padding: 64px 0; }
.hk-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hk-p { color: var(--lkp-gri); line-height: 1.8; margin: 0 0 1.1rem; }
.hk-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 2rem; }
.hk-stat { display: flex; flex-direction: column; gap: 3px; padding-left: 14px; border-left: 3px solid var(--lkp-turuncu); }
.hk-stat-no { font-size: 1.7rem; font-weight: 800; color: var(--lkp-koyu); line-height: 1; }
.hk-stat-etiket { font-size: .82rem; color: var(--lkp-gri); }
.hk-intro-gorsel { position: relative; }
.hk-intro-gorsel img { width: 100%; height: 440px; object-fit: cover; border-radius: 18px; display: block; box-shadow: 0 24px 60px rgba(11,18,32,.16); }
.hk-intro-gorsel::before { content: ''; position: absolute; right: -16px; bottom: -16px; width: 130px; height: 130px; border: 3px solid var(--lkp-turuncu); border-radius: 18px; z-index: -1; }

/* Misyon / Vizyon / Değerler */
.hk-degerler { padding: 64px 0; background: var(--lkp-acik-gri); }
.hk-bolum-baslik { text-align: center; max-width: 640px; margin: 0 auto 2.6rem; }
.hk-baslik-orta { font-size: 2rem; font-weight: 800; color: var(--lkp-koyu); margin: 0; }
.hk-deger-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.hk-deger-karti { background: #fff; border: 1px solid #e6ebf2; border-radius: 16px; padding: 32px 28px; position: relative; overflow: hidden; transition: transform .18s, box-shadow .18s; }
.hk-deger-karti:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(11,18,32,.1); }
.hk-deger-karti::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: var(--lkp-turuncu); }
.hk-deger-no { display: block; font-size: 2.6rem; font-weight: 800; color: #eef1f6; line-height: 1; margin-bottom: .4rem; }
.hk-deger-karti h3 { font-size: 1.25rem; font-weight: 800; color: var(--lkp-koyu); margin: 0 0 .6rem; }
.hk-deger-karti p { color: var(--lkp-gri); line-height: 1.7; margin: 0; font-size: .95rem; }

/* CTA */
.hk-cta { padding: 40px 0 64px; }
.hk-cta-ic { background: linear-gradient(135deg, var(--lkp-koyu), var(--lkp-koyu-2)); border-radius: 20px; padding: 38px 44px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.hk-cta-ic h3 { color: #fff; font-size: 1.5rem; font-weight: 800; margin: 0 0 .3rem; }
.hk-cta-ic p { color: rgba(255,255,255,.6); margin: 0; }
.hk-cta-btn { flex: 0 0 auto; background: linear-gradient(180deg, var(--lkp-turuncu), var(--lkp-turuncu-koyu)); color: #fff; text-decoration: none; font-weight: 700; padding: 14px 28px; border-radius: 12px; display: inline-flex; align-items: center; gap: 8px; transition: box-shadow .2s, transform .08s; }
.hk-cta-btn:hover { box-shadow: 0 12px 28px rgba(226,87,15,.35); color: #fff; }
.hk-cta-btn:active { transform: translateY(1px); }

/* Mobil */
@media (max-width: 991px) {
  .hk-intro-grid { grid-template-columns: 1fr; gap: 34px; }
  .hk-intro-gorsel { order: -1; }
  .hk-intro-gorsel img { height: 320px; }
  .hk-deger-grid { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 600px) {
  .hk-intro, .hk-degerler { padding: 44px 0; }
  .hk-baslik, .hk-baslik-orta { font-size: 1.55rem; }
  .hk-stat-grid { grid-template-columns: repeat(2, 1fr); gap: 18px 14px; }
  .hk-intro-gorsel img { height: 230px; }
  .hk-intro-gorsel::before { display: none; }
  .hk-deger-karti { padding: 24px 22px; }
  .hk-cta-ic { padding: 26px 22px; }
  .hk-cta-btn { width: 100%; justify-content: center; }
}

/* ============ Ürün Kataloğu (kataloglar.php) ============ */
.ktlg { padding-top: 34px; padding-bottom: 50px; }
.ktlg-hero { background: linear-gradient(120deg, var(--lkp-koyu, #0b1220), var(--lkp-koyu-2, #131c2e)); color: #fff; border-radius: 20px; padding: 40px 38px; margin-bottom: 34px; }
.ktlg-hero-eyebrow { display: inline-block; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--lkp-turuncu, #ff6a1a); font-weight: 700; margin-bottom: 12px; }
.ktlg-hero h2 { font-size: clamp(1.5rem, 3.4vw, 2.1rem); font-weight: 800; margin: 0 0 12px; line-height: 1.15; }
.ktlg-hero p { color: #c3ccdb; max-width: 70ch; margin: 0 0 20px; }
.ktlg-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
/* Katalog ikincil butonlar — KOYU zeminde açık/belirgin */
.ktlg-cta-acik { display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; border-radius: 10px; background: rgba(255,255,255,.12); color: #fff; border: 1.5px solid rgba(255,255,255,.55); font-weight: 700; font-size: .95rem; text-decoration: none; transition: .15s; }
.ktlg-cta-acik:hover { background: #fff; color: var(--lkp-koyu, #0b1220); border-color: #fff; }
/* Katalog ikincil buton — AÇIK zeminde (model kartı) çizgili */
.ktlg-cta-koyu { display: inline-flex; align-items: center; gap: 7px; padding: 9px 17px; border-radius: 9px; background: #fff; border: 1.5px solid #d5dbe4; color: var(--lkp-koyu, #0b1220); font-weight: 700; font-size: .85rem; text-decoration: none; transition: .15s; }
.ktlg-cta-koyu:hover { border-color: var(--lkp-turuncu, #ff6a1a); color: var(--lkp-turuncu, #ff6a1a); background: #fff7f2; }

.ktlg-bolum { margin-bottom: 42px; }
.ktlg-bolum-baslik { display: flex; align-items: center; gap: 12px; font-size: 1.2rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 0 0 20px; padding-bottom: 12px; border-bottom: 2px solid #eef1f6; }
.ktlg-bolum-baslik span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; font-size: .9rem; flex-shrink: 0; }
.ktlg-alt-baslik { font-size: 1.02rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 28px 0 14px; }

.ktlg-tablo-kaydir { overflow-x: auto; border-radius: 12px; border: 1px solid #e6ebf2; }
.ktlg-kars-tablo { width: 100%; border-collapse: collapse; min-width: 640px; font-size: .9rem; }
.ktlg-kars-tablo th { background: var(--lkp-koyu, #0b1220); color: #fff; text-align: left; padding: 11px 14px; font-weight: 700; font-size: .82rem; white-space: nowrap; }
.ktlg-kars-tablo td { padding: 11px 14px; border-top: 1px solid #eef1f6; color: #46525f; }
.ktlg-kars-tablo tbody tr:nth-child(even) { background: #f8f9fb; }
.ktlg-kars-model { font-weight: 800; color: var(--lkp-koyu, #0b1220) !important; }
.ktlg-vs-lazer { color: var(--lkp-turuncu-koyu, #e2570f) !important; font-weight: 700; }
.ktlg-tablo-not { color: #8a97ab; font-size: .86rem; margin-top: 10px; }
.ktlg-hizli-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ktlg-hizli-nav a { padding: 7px 15px; border-radius: 999px; background: #f4f6fa; border: 1px solid #e6ebf2; color: var(--lkp-koyu, #0b1220); text-decoration: none; font-weight: 700; font-size: .84rem; transition: .15s; }
.ktlg-hizli-nav a:hover { background: var(--lkp-turuncu, #ff6a1a); color: #fff; border-color: var(--lkp-turuncu, #ff6a1a); }

.ktlg-model { border: 1px solid #e6ebf2; border-radius: 16px; overflow: hidden; margin-bottom: 22px; box-shadow: 0 10px 30px -22px rgba(11,18,32,.4); scroll-margin-top: 90px; }
.ktlg-model-ust { display: flex; gap: 20px; align-items: center; padding: 22px 26px; background: linear-gradient(180deg, #fff7f2, #fff); border-bottom: 1px solid #f0e3da; }
.ktlg-guc-rozet { flex-shrink: 0; min-width: 96px; text-align: center; background: var(--lkp-koyu, #0b1220); color: #fff; border-radius: 12px; padding: 14px 12px; font-size: 1.05rem; font-weight: 800; line-height: 1.2; }
.ktlg-model-ustyazi { font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: var(--lkp-turuncu-koyu, #e2570f); font-weight: 700; }
.ktlg-model-basliklar h3 { font-size: 1.24rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 4px 0 8px; line-height: 1.2; }
.ktlg-etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.ktlg-etiketler span { font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 6px; background: #eef2f7; color: #5c6773; }
.ktlg-model-govde { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; padding: 24px 26px; }
.ktlg-model-govde h4 { font-size: .95rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 0 0 12px; }
.ktlg-ozellikler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.ktlg-ozellikler li { display: flex; gap: 9px; font-size: .9rem; color: #46525f; line-height: 1.45; }
.ktlg-ozellikler li i { color: var(--lkp-turuncu, #ff6a1a); margin-top: 2px; flex-shrink: 0; }
.ktlg-fonk { display: flex; flex-direction: column; gap: 8px; }
.ktlg-fonk-oge { display: flex; gap: 11px; align-items: flex-start; background: #f8f9fb; border: 1px solid #eef1f6; border-radius: 10px; padding: 10px 12px; }
.ktlg-fonk-no { flex-shrink: 0; width: 24px; height: 24px; border-radius: 6px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .8rem; font-weight: 800; }
.ktlg-fonk-oge strong { display: block; font-size: .88rem; color: var(--lkp-koyu, #0b1220); }
.ktlg-fonk-oge small { color: #6b7890; font-size: .8rem; }
.ktlg-nufuz { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ktlg-nufuz-oge { display: flex; justify-content: space-between; align-items: center; background: #f8f9fb; border: 1px solid #eef1f6; border-radius: 9px; padding: 9px 12px; font-size: .84rem; }
.ktlg-nufuz-oge span { color: #6b7890; }
.ktlg-nufuz-oge strong { color: var(--lkp-koyu, #0b1220); }
.ktlg-teknik { width: 100%; border-collapse: collapse; }
.ktlg-teknik td { border: 1px solid #eef1f6; padding: 8px 12px; font-size: .85rem; color: #46525f; }
.ktlg-teknik td.et { background: #f6f7f9; color: #6b7580; width: 46%; font-weight: 600; }
.ktlg-notlar { display: flex; flex-direction: column; gap: 10px; padding: 0 26px 6px; }
.ktlg-not { font-size: .88rem; color: #46525f; border-radius: 10px; padding: 12px 15px; }
.ktlg-not strong { color: var(--lkp-koyu, #0b1220); }
.ktlg-not-icin { background: #f0f6ff; border-left: 3px solid #2f7ce0; }
.ktlg-not-sinir { background: #fff7ed; border-left: 3px solid var(--lkp-turuncu, #ff6a1a); }
.ktlg-model-alt { padding: 16px 26px 22px; display: flex; flex-wrap: wrap; gap: 10px; }
.ktlg-model-gorsel { flex-shrink: 0; width: 128px; height: 128px; border-radius: 12px; overflow: hidden; border: 1px solid #e6ebf2; background: #f6f7f9; display: block; }
.ktlg-model-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.ktlg-model-gorsel:hover img { transform: scale(1.05); }

.ktlg-detay-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.ktlg-detay-kart { display: flex; gap: 14px; background: #f8f9fb; border: 1px solid #eef1f6; border-radius: 12px; padding: 16px 18px; }
.ktlg-detay-ikon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; background: var(--lkp-koyu, #0b1220); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }
.ktlg-detay-kart strong { display: block; color: var(--lkp-koyu, #0b1220); margin-bottom: 4px; }
.ktlg-detay-kart p { margin: 0; color: #6b7890; font-size: .86rem; line-height: 1.5; }
.ktlg-endustri, .ktlg-avantaj { display: flex; flex-wrap: wrap; gap: 9px; }
.ktlg-endustri span, .ktlg-avantaj span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 999px; background: #f4f6fa; border: 1px solid #e6ebf2; font-size: .85rem; color: #46525f; font-weight: 600; }
.ktlg-endustri span i { color: var(--lkp-gri, #6c7789); }
.ktlg-avantaj span i { color: var(--lkp-turuncu, #ff6a1a); }
.ktlg-sarf-tablo td.et { width: 42%; }

.ktlg-son-cta { text-align: center; background: linear-gradient(120deg, var(--lkp-koyu, #0b1220), var(--lkp-koyu-2, #131c2e)); color: #fff; border-radius: 20px; padding: 40px 30px; }
.ktlg-son-cta h3 { font-size: 1.4rem; font-weight: 800; margin: 0 0 8px; }
.ktlg-son-cta p { color: #c3ccdb; margin: 0 0 20px; }
.ktlg-son-cta .ktlg-hero-cta { justify-content: center; }

@media (max-width: 767.98px) {
  .ktlg-hero, .ktlg-son-cta { padding: 28px 20px; }
  .ktlg-model-ust { flex-direction: column; align-items: flex-start; gap: 14px; padding: 18px 18px; }
  .ktlg-guc-rozet { min-width: 0; align-self: stretch; padding: 10px; }
  .ktlg-model-govde { grid-template-columns: 1fr; gap: 20px; padding: 18px; }
  .ktlg-notlar, .ktlg-model-alt { padding-left: 18px; padding-right: 18px; }
  .ktlg-detay-grid, .ktlg-nufuz { grid-template-columns: 1fr; }
}

/* ================= MOBİL DENETİM DÜZELTMELERİ (375px workflow bulguları) ================= */
@media (max-width: 991.98px) {
  /* kaynak-makineleri: bottom-sheet kapat butonu + model güç etiketi okunabilir boy */
  .vitrin-panel-kapat { width: 40px; height: 40px; }
  .vitrin-model-guc { font-size: .72rem; }
}
@media (max-width: 767.98px) {
  /* hizmet CTA butonu tek satıra sığmayınca sarsın (dolgu korunur, dar telefonda taşmaz) */
  .hz-cta .btn-lkp { white-space: normal; padding-left: 16px; padding-right: 16px; }
  /* çerez banner sabit alt menünün (≤767.98px) üstünde dursun; onay öncesi nav + Beni Ara erişilebilir kalsın */
  .cerez-banner { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 575.98px) {
  /* urun-detay ana görsel: sabit 600px + cover yerine kare kutu + contain → makinenin tamamı görünür */
  #gorselZoomAlani.urun-detay-gorsel { height: auto !important; aspect-ratio: 1 / 1; }
  .urun-detay-gorsel img { object-fit: contain; }
  /* yorum yıldız seçici: dokunma alanı büyüt */
  .yildiz-secici { font-size: 1.9rem; gap: 8px; }
  .yildiz-secici i { padding: 4px; }
  /* hizmet "kullanılan ürünler" gridi tek kolon (uzun adlar kesilmesin) */
  .hz-urun-grid { grid-template-columns: 1fr; }
  /* marka H1 / açıklama: uzun boşluksuz domain adı sarsın, kırpılmasın */
  .kt-baslik { overflow-wrap: break-word; word-break: break-word; }
  .kt-aciklama { overflow-wrap: break-word; }
  /* kayıt: iki-kolon satırlar (Ad/Soyad, Şifre/Tekrar, Vergi) tek kolon */
  .auth-satir-2 { grid-template-columns: 1fr; }
  /* şifre göster/gizle: dokunma alanı yükselt (genişlik değişmez → metinle çakışmaz) */
  .auth-sifre-goster { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  /* form yardımcı etiketleri okunabilir boy + kontrast */
  .st-zorunlu, .st-ops { font-size: .75rem; }
  .st-ops { color: #6b7280; }
  .malzeme-uyari { font-size: .8rem; }
  /* teknisyen kart etiketleri okunabilir boy */
  .teknisyen-etiket { font-size: .78rem; }
  .tk-kapak .teknisyen-firma { font-size: .78rem; }
  /* sepet: sil butonu + adet input dokunma alanı */
  .sepet-satir-sil { min-width: 40px; min-height: 40px; }
  .sepet-adet-input { min-height: 38px; }
  /* teklif kalem tablosu: sil + adet dokunma alanı */
  .kalem-sil { min-width: 40px; min-height: 40px; }
  .kalem-adet-input { min-height: 40px; }
  /* urunler filtre çekmecesi: kategori toggle + satır dokunma alanı */
  .kat-toggle { width: 34px; height: 34px; }
  .filtre-liste a { min-height: 40px; }
  /* ek-hizmetler imza: tuval yüksekliği artır, temizle butonu tap alanı */
  .ekh-form-dar .imza-canvas { height: 130px; }
  .imza-temizle { padding: 7px 12px; }
}

/* ================= MÜŞTERİ HESAP PANELİ ================= */
.hesap-panel { background: #f4f6fa; padding: 30px 0 60px; }

/* Karşılama başlığı */
.hesap-karsilama {
  display: flex; align-items: center; gap: 20px;
  background: linear-gradient(115deg, #101b33 0%, #23324f 42%, #c2490b 96%, #ff6a1a 132%);
  border-radius: 20px; padding: 26px 30px; margin-bottom: 24px; color: #fff;
  box-shadow: 0 18px 42px -18px rgba(11,18,32,.55);
}
.hesap-karsilama-avatar {
  width: 66px; height: 66px; border-radius: 50%; flex-shrink: 0;
  background: rgba(255,255,255,.16); border: 2px solid rgba(255,255,255,.35);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.7rem; font-weight: 800; color: #fff; text-transform: uppercase;
}
.hesap-karsilama-metin { min-width: 0; }
.hesap-karsilama h1 { font-size: clamp(1.3rem, 1rem + 1.4vw, 1.7rem); font-weight: 800; margin: 0 0 10px; line-height: 1.2; }
.hesap-rozetler { display: flex; flex-wrap: wrap; gap: 8px; }
.hesap-rozet-uyelik, .hesap-rozet-durum {
  display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 700;
  padding: 5px 12px; border-radius: 20px;
}
.hesap-rozet-uyelik { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.28); color: #fff; }
.hesap-rozet-durum-aktif { background: #22c55e; color: #04240f; }
.hesap-rozet-durum-pasif { background: rgba(255,255,255,.2); color: #fff; }

/* İndirimli ürün kampanyası bildirimi — yanıp sönen */
.hesap-firsat { display: flex; align-items: center; gap: 14px; text-decoration: none; background: linear-gradient(100deg, #fff2ea, #ffe4d3); border: 1px solid #ffcba6; border-radius: 14px; padding: 13px 18px; margin-bottom: 20px; color: var(--lkp-koyu, #0b1220); animation: firsatNabiz 2s ease-in-out infinite; }
.hesap-firsat:hover { border-color: var(--lkp-turuncu, #ff6a1a); }
.hesap-firsat-ikon { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: var(--lkp-turuncu, #ff6a1a); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; animation: firsatYanip 1.2s ease-in-out infinite; }
.hesap-firsat-metin { flex: 1; min-width: 0; font-size: .95rem; line-height: 1.4; color: #46536a; }
.hesap-firsat-metin strong { color: var(--lkp-turuncu-koyu, #e2570f); }
.hesap-firsat-cta { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; font-weight: 700; font-size: .85rem; padding: 9px 16px; border-radius: 10px; white-space: nowrap; }
@keyframes firsatNabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,106,26,0); } 50% { box-shadow: 0 0 0 5px rgba(255,106,26,.14); } }
@keyframes firsatYanip { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .5; transform: scale(.88); } }
@media (prefers-reduced-motion: reduce) { .hesap-firsat, .hesap-firsat-ikon { animation: none; } }
@media (max-width: 575.98px) { .hesap-firsat { flex-wrap: wrap; gap: 10px; } .hesap-firsat-cta { width: 100%; justify-content: center; } }

/* Sarf yeniden-sipariş hatırlatması — yanıp sönen dikkat banner'ı (amber ton, kampanyadan ayrı) */
.hesap-hatirlatma { position: relative; display: flex; align-items: center; gap: 14px; background: linear-gradient(100deg, #fff6e6, #ffedcb); border: 1px solid #ffd98a; border-radius: 14px; padding: 13px 18px; margin-bottom: 20px; color: var(--lkp-koyu, #0b1220); animation: firsatNabiz 2s ease-in-out infinite; }
.hesap-hatirlatma-ikon { flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; animation: firsatYanip 1.4s ease-in-out infinite; }
.hesap-hatirlatma-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.hesap-hatirlatma-metin strong { font-size: .95rem; color: var(--lkp-koyu, #0b1220); }
.hesap-hatirlatma-metin span { font-size: .82rem; line-height: 1.4; color: #7a6636; }
.hesap-hatirlatma-metin b { color: var(--lkp-turuncu-koyu, #e2570f); }
.hesap-hatirlatma-cta { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; background: var(--lkp-turuncu, #ff6a1a); color: #fff; text-decoration: none; font-weight: 700; font-size: .85rem; padding: 9px 16px; border-radius: 10px; white-space: nowrap; }
.hesap-hatirlatma-cta:hover { background: var(--lkp-turuncu-koyu, #e2570f); color: #fff; }
.hesap-hatirlatma-kapat { flex-shrink: 0; background: none; border: 0; color: #b0894a; font-size: 1rem; line-height: 1; cursor: pointer; padding: 5px; border-radius: 6px; }
.hesap-hatirlatma-kapat:hover { color: #8a6a2f; background: rgba(176,137,74,.12); }
@media (prefers-reduced-motion: reduce) { .hesap-hatirlatma, .hesap-hatirlatma-ikon { animation: none; } }
@media (max-width: 575.98px) {
  .hesap-hatirlatma { flex-wrap: wrap; gap: 10px 12px; padding-right: 40px; }
  .hesap-hatirlatma-cta { width: 100%; justify-content: center; order: 3; }
  .hesap-hatirlatma-kapat { position: absolute; top: 10px; right: 8px; }
}

/* Gövde: sol menü + içerik */
.hesap-govde { display: grid; grid-template-columns: 268px 1fr; gap: 24px; align-items: start; }

/* Sol menü */
.hesap-yan { background: #fff; border: 1px solid #eaeef4; border-radius: 16px; padding: 12px; position: sticky; top: 88px; box-shadow: 0 8px 26px -18px rgba(11,18,32,.28); }
.hesap-yan-grup { font-size: .68rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: #9aa6b8; padding: 14px 10px 7px; }
.hesap-yan-grup:first-child { padding-top: 6px; }
.hesap-yan-oge {
  display: flex; align-items: center; gap: 11px; padding: 11px 12px; border-radius: 10px;
  color: #3a4658; text-decoration: none; font-weight: 600; font-size: .92rem;
  transition: background .15s, color .15s;
}
.hesap-yan-oge > i { font-size: 1.05rem; width: 20px; text-align: center; color: #8a97ab; flex-shrink: 0; }
.hesap-yan-ad { flex: 1; min-width: 0; }
.hesap-yan-oge:hover { background: #f5f7fb; color: var(--lkp-koyu, #0b1220); }
.hesap-yan-oge:hover > i { color: #55627a; }
.hesap-yan-oge.aktif { background: #fff2ea; color: var(--lkp-turuncu-koyu, #e2570f); box-shadow: inset 3px 0 0 var(--lkp-turuncu, #ff6a1a); }
.hesap-yan-oge.aktif > i { color: var(--lkp-turuncu, #ff6a1a); }
.hesap-yan-sayi {
  margin-left: auto; background: #eef1f6; color: #5a6b82; font-size: .72rem; font-weight: 800;
  min-width: 22px; height: 20px; border-radius: 10px; padding: 0 7px;
  display: inline-flex; align-items: center; justify-content: center;
}
.hesap-yan-oge.aktif .hesap-yan-sayi { background: var(--lkp-turuncu, #ff6a1a); color: #fff; }
.hesap-yan-cikis { margin-top: 8px; border-top: 1px solid #eef1f6; padding-top: 14px; color: #d64545; }
.hesap-yan-cikis > i { color: #d64545; }
.hesap-yan-cikis:hover { background: #fdecec; color: #b3352f; }

/* İçerik kartları */
.hesap-kart { background: #fff; border: 1px solid #eaeef4; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 8px 26px -18px rgba(11,18,32,.28); overflow: hidden; }
.hesap-kart-bas { display: flex; align-items: center; gap: 12px; padding: 18px 24px; border-bottom: 1px solid #eef1f6; }
.hesap-kart-ikon { width: 38px; height: 38px; border-radius: 10px; background: #fff2ea; color: var(--lkp-turuncu, #ff6a1a); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; flex-shrink: 0; }
.hesap-kart-bas h2 { font-size: 1.12rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 0; }
.hesap-kart-govde { padding: 24px; }
.hesap-alt-baslik { font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #8a97ab; margin-top: 4px; }
.hesap-bilgi-not { display: flex; align-items: flex-start; gap: 12px; background: #f5f7fb; border: 1px solid #e6ebf2; border-radius: 12px; padding: 16px 18px; color: #46536a; font-size: .9rem; line-height: 1.5; }
.hesap-bilgi-not > i { font-size: 1.3rem; color: var(--lkp-turuncu, #ff6a1a); flex-shrink: 0; }

/* Boş durum */
.hesap-bos { text-align: center; padding: 34px 16px 30px; }
.hesap-bos-ikon { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 18px; background: #fff2ea; color: var(--lkp-turuncu, #ff6a1a); display: flex; align-items: center; justify-content: center; font-size: 2.1rem; }
.hesap-bos h3 { font-size: 1.15rem; font-weight: 800; color: var(--lkp-koyu, #0b1220); margin: 0 0 8px; }
.hesap-bos p { color: #6b7890; max-width: 440px; margin: 0 auto 22px; line-height: 1.6; }

/* Durum rozetleri */
.hesap-durum { display: inline-flex; align-items: center; font-size: .76rem; font-weight: 700; padding: 4px 11px; border-radius: 20px; white-space: nowrap; }
.hesap-durum-bekliyor { background: #fff4e0; color: #a9640a; }
.hesap-durum-islemde { background: #e4f0ff; color: #1d5fbf; }
.hesap-durum-olumlu { background: #e3f7ea; color: #167a3b; }
.hesap-durum-iptal { background: #fdecec; color: #b83232; }

/* Tablo */
.hesap-tablo { font-size: .9rem; }
.hesap-tablo thead th { font-size: .72rem; text-transform: uppercase; letter-spacing: .4px; color: #8a97ab; font-weight: 800; border-bottom: 1px solid #eef1f6; }
.hesap-tablo td { border-bottom: 1px solid #f1f4f8; color: #33415c; }
.hesap-tablo tbody tr:last-child td { border-bottom: 0; }

/* Değerlendirme kartları */
.hesap-yorum-liste { display: flex; flex-direction: column; gap: 14px; }
.hesap-yorum { border: 1px solid #eef1f6; border-radius: 12px; padding: 16px 18px; }
.hesap-yorum-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.hesap-yorum-urun { font-weight: 700; color: var(--lkp-koyu, #0b1220); text-decoration: none; }
a.hesap-yorum-urun:hover { color: var(--lkp-turuncu, #ff6a1a); }
.hesap-yorum-yildiz { display: flex; align-items: center; gap: 3px; color: #f5a623; font-size: .92rem; margin-bottom: 8px; }
.hesap-yorum-yildiz .bi-star { color: #d7dde5; }
.hesap-yorum-tarih { color: #9aa6b8; font-size: .8rem; font-weight: 500; margin-left: 8px; }
.hesap-yorum-metin { margin: 0; color: #46536a; font-size: .9rem; line-height: 1.6; }

/* ===== Siparişlerim — zengin liste + açılır detay ===== */
.sip-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.sip-ara { position: relative; flex: 1; min-width: 190px; }
.sip-ara > i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa6b8; }
.sip-ara input { width: 100%; padding: 9px 12px 9px 36px; border: 1px solid #dde3ec; border-radius: 10px; font-size: .9rem; }
.sip-ara input:focus { outline: none; border-color: var(--lkp-turuncu, #ff6a1a); }
.sip-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.sip-sekme { border: 1px solid #dde3ec; background: #fff; color: #46536a; font-size: .85rem; font-weight: 600; padding: 8px 14px; border-radius: 20px; cursor: pointer; transition: .15s; }
.sip-sekme:hover { border-color: var(--lkp-turuncu, #ff6a1a); color: var(--lkp-turuncu-koyu, #e2570f); }
.sip-sekme.aktif { background: #fff2ea; border-color: var(--lkp-turuncu, #ff6a1a); color: var(--lkp-turuncu-koyu, #e2570f); }
.sip-tarih { border: 1px solid #dde3ec; border-radius: 10px; padding: 8px 12px; font-size: .85rem; color: #46536a; background: #fff; }

.sip-liste { display: flex; flex-direction: column; gap: 12px; }
.sip-kart { position: relative; border: 1px solid #e6eaf1; border-radius: 14px; overflow: hidden; transition: box-shadow .15s, border-color .15s; }
.sip-kart:hover { border-color: #d4dbe6; box-shadow: 0 6px 20px -14px rgba(11,18,32,.4); }
.sip-kart.acik { border-color: var(--lkp-turuncu, #ff6a1a); }
.sip-ozet { display: flex; align-items: center; gap: 14px; width: 100%; background: none; border: 0; padding: 14px 16px; cursor: pointer; text-align: left; }
.sip-gorseller { display: flex; align-items: center; flex-shrink: 0; }
.sip-gorseller img { width: 46px; height: 46px; object-fit: contain; border-radius: 8px; background: #f6f8fb; border: 1px solid #eef1f6; margin-left: -10px; }
.sip-gorseller img:first-child { margin-left: 0; }
.sip-gorsel-fazla { width: 46px; height: 46px; border-radius: 8px; background: #eef1f6; color: #5a6b82; font-size: .78rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-left: -10px; flex-shrink: 0; }
.sip-ozet-orta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.sip-no { font-size: .88rem; color: #6b7890; }
.sip-no strong { color: var(--lkp-koyu, #0b1220); letter-spacing: .3px; }
.sip-ozet-sag { text-align: right; flex-shrink: 0; }
.sip-ozet-tarih { font-size: .82rem; color: #8a97ab; margin-bottom: 3px; }
.sip-tutar { font-size: 1rem; font-weight: 800; color: var(--lkp-turuncu-koyu, #e2570f); }
.sip-ok { color: #b8c2d0; font-size: 1.1rem; transition: transform .2s; flex-shrink: 0; }
.sip-kart.acik .sip-ok { transform: rotate(180deg); }

.sip-detay { padding: 0 16px 18px; }
.sip-uyari { display: flex; align-items: flex-start; gap: 10px; background: #fff8ef; border: 1px solid #ffe0bd; color: #8a5a12; border-radius: 10px; padding: 11px 14px; font-size: .86rem; margin: 14px 0; }
.sip-uyari i { color: var(--lkp-turuncu, #ff6a1a); font-size: 1.05rem; flex-shrink: 0; }

.sip-kalemler { display: flex; flex-direction: column; gap: 12px; margin: 14px 0; }
.sip-kalem { display: flex; align-items: center; gap: 12px; }
.sip-kalem-gorsel { flex-shrink: 0; display: block; }
.sip-kalem-gorsel img { width: 58px; height: 58px; object-fit: contain; border-radius: 10px; background: #f6f8fb; border: 1px solid #eef1f6; }
.sip-kalem-bilgi { flex: 1; min-width: 0; }
.sip-kalem-ad { font-weight: 600; font-size: .9rem; color: var(--lkp-koyu, #0b1220); line-height: 1.3; }
.sip-kalem-ad a { color: inherit; text-decoration: none; }
.sip-kalem-ad a:hover { color: var(--lkp-turuncu, #ff6a1a); }
.sip-kalem-adet { font-size: .82rem; color: #8a97ab; margin-top: 2px; }
.sip-kalem-aksiyon { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
.sip-mini-btn { display: inline-flex; align-items: center; gap: 5px; font-size: .76rem; font-weight: 600; color: var(--lkp-turuncu-koyu, #e2570f); background: #fff2ea; border: 1px solid #ffd9bd; padding: 5px 10px; border-radius: 8px; text-decoration: none; }
.sip-mini-btn:hover { background: #ffe4d3; }
.sip-kalem-tutar { flex-shrink: 0; font-weight: 700; color: var(--lkp-koyu, #0b1220); font-size: .9rem; }

.sip-eylem-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 12px 0; border-top: 1px dashed #e6ebf2; border-bottom: 1px dashed #e6ebf2; margin-bottom: 14px; }
.sip-eylem-durum { font-weight: 700; font-size: .88rem; color: var(--lkp-koyu, #0b1220); display: inline-flex; align-items: center; gap: 7px; }
.sip-eylem-durum i { color: var(--lkp-turuncu, #ff6a1a); }
.sip-eylem-link { display: inline-flex; align-items: center; gap: 6px; font-size: .84rem; font-weight: 600; color: #46536a; text-decoration: none; }
.sip-eylem-link:hover { color: var(--lkp-turuncu, #ff6a1a); }
.sip-eylem-link i { color: #8a97ab; }
.sip-eylem-fatura { color: var(--lkp-turuncu, #ff6a1a); font-weight: 700; }
.sip-eylem-fatura i { color: var(--lkp-turuncu, #ff6a1a); }

.sip-detay-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sip-blok { background: #f8fafc; border: 1px solid #eef1f6; border-radius: 12px; padding: 16px; }
.sip-blok-baslik { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #8a97ab; margin-bottom: 8px; }
.sip-adres { font-size: .88rem; color: #33415c; line-height: 1.55; overflow-wrap: anywhere; }
.sip-adres strong { color: var(--lkp-koyu, #0b1220); }

/* Hesap paneli — talep akordeon kartları (teklif/servis/demo); .sip-* akordeon+detay stillerini paylaşır */
.talep-ikon { width: 46px; height: 46px; border-radius: 10px; background: #fff4ec; color: var(--lkp-turuncu, #ff6a1a); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; flex-shrink: 0; }
.talep-kimlik { font-size: .9rem; font-weight: 600; color: var(--lkp-koyu, #0b1220); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.sip-ozet-sag .hesap-durum { margin-top: 5px; }
.talep-dl { display: grid; grid-template-columns: auto 1fr; gap: 7px 16px; font-size: .88rem; margin: 0; }
.talep-dl dt { color: #8a97ab; font-weight: 600; white-space: nowrap; }
.talep-dl dd { color: #33415c; margin: 0; line-height: 1.5; word-break: break-word; }
.talep-metin { font-size: .88rem; color: #33415c; line-height: 1.6; white-space: pre-line; overflow-wrap: anywhere; margin: 0; }
.talep-blok-tam { grid-column: 1 / -1; }
.sip-odeme-dokum { width: 100%; font-size: .88rem; border-collapse: collapse; }
.sip-odeme-dokum td { padding: 5px 0; color: #46536a; }
.sip-odeme-dokum td:last-child { text-align: right; font-weight: 600; color: #33415c; }
.sip-odeme-toplam td { border-top: 1px solid #e2e8f1; padding-top: 9px; font-size: .95rem; }
.sip-odeme-toplam td:last-child { color: var(--lkp-turuncu-koyu, #e2570f); font-weight: 800; }
.sip-odendi { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; background: #e3f7ea; color: #167a3b; font-weight: 700; font-size: .86rem; padding: 8px 14px; border-radius: 10px; }

.sip-odeme-adim { margin-top: 14px; background: #fff; border: 1px solid #ffd9bd; border-radius: 12px; padding: 14px; }
.sip-odeme-adim-bas { font-weight: 800; font-size: .9rem; color: var(--lkp-turuncu-koyu, #e2570f); display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.sip-iban-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed #f0e3d8; font-size: .86rem; }
.sip-iban-satir:last-of-type { border-bottom: 0; }
.sip-iban-satir > span { color: #8a97ab; flex-shrink: 0; }
.sip-iban-satir b { color: var(--lkp-koyu, #0b1220); text-align: right; word-break: break-all; }
.sip-kopyala { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.sip-kopyala i { color: var(--lkp-turuncu, #ff6a1a); }
.sip-kopyala:hover { color: var(--lkp-turuncu-koyu, #e2570f); }
.sip-iban-not { margin-top: 10px; font-size: .8rem; color: #8a5a12; background: #fff8ef; border-radius: 8px; padding: 9px 11px; line-height: 1.5; }
.sip-iban-not i { color: var(--lkp-turuncu, #ff6a1a); }
/* Dekont (havale kanıtı) — siparişlerim kompakt */
.sip-dekont { margin-top: 12px; border-top: 1px dashed #ffd9bd; padding-top: 12px; }
.sip-dekont-bas { font-weight: 700; font-size: .84rem; color: var(--lkp-koyu, #0b1220); display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }
.sip-dekont-bas i { color: var(--lkp-turuncu, #ff6a1a); }
.sip-dekont-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.sip-dekont-form { margin: 0; }
.sip-dekont-sec, .sip-dekont-wa { display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 600; padding: 9px 14px; border-radius: 9px; cursor: pointer; text-decoration: none; }
.sip-dekont-sec { border: 1.5px dashed #c9d3e0; color: #46536a; background: #fff; }
.sip-dekont-sec:hover { border-color: var(--lkp-turuncu, #ff6a1a); color: var(--lkp-turuncu-koyu, #e2570f); }
.sip-dekont-sec i { color: var(--lkp-turuncu, #ff6a1a); }
.sip-dekont-wa { background: #25D366; color: #fff; border: 0; }
.sip-dekont-wa:hover { background: #1da851; color: #fff; }
.sip-dekont-ok { margin-top: 12px; display: flex; align-items: center; gap: 8px; background: #e9f7ef; border: 1px solid #b7e4c7; color: #147a3d; border-radius: 9px; padding: 9px 12px; font-size: .84rem; font-weight: 600; }
.sip-dekont-ok a { color: #147a3d; font-weight: 700; }
.sip-bos-filtre { text-align: center; color: #8a97ab; padding: 30px; font-size: .92rem; }

@media (max-width: 575.98px) {
  .sip-arac { flex-direction: column; align-items: stretch; }
  .sip-sekmeler { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .sip-sekme { flex-shrink: 0; }
  .sip-ozet { flex-wrap: wrap; gap: 10px; padding: 12px; padding-right: 34px; }
  .sip-ozet-sag { text-align: left; }
  .sip-ok { position: absolute; top: 14px; right: 12px; }
  .sip-detay-grid { grid-template-columns: 1fr; }
}

/* ===== Adres defteri ===== */
.adr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.adr-kart { border: 1px solid #e6eaf1; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; }
.adr-kart.varsayilan { border-color: var(--lkp-turuncu, #ff6a1a); background: #fff9f5; }
.adr-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.adr-baslik { font-weight: 800; color: var(--lkp-koyu, #0b1220); font-size: .92rem; display: inline-flex; align-items: center; gap: 6px; }
.adr-baslik i { color: var(--lkp-turuncu, #ff6a1a); }
.adr-rozet { font-size: .68rem; font-weight: 800; background: var(--lkp-turuncu, #ff6a1a); color: #fff; padding: 3px 8px; border-radius: 12px; }
.adr-govde { font-size: .86rem; color: #46536a; line-height: 1.5; flex: 1; }
.adr-govde strong { color: var(--lkp-koyu, #0b1220); }
.adr-aksiyon { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.adr-btn { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; font-weight: 600; color: #46536a; background: #f4f6fa; border: 1px solid #e6eaf1; padding: 6px 10px; border-radius: 8px; cursor: pointer; }
.adr-btn:hover { border-color: var(--lkp-turuncu, #ff6a1a); color: var(--lkp-turuncu-koyu, #e2570f); }
.adr-btn-sil { color: #b83232; }
.adr-btn-sil:hover { border-color: #e5a3a3; color: #9b2c2c; }

/* Checkout — kayıtlı adres hızlı seçim çipleri */
.chk-adres-serit { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.chk-adres-cip { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; font-weight: 600; color: #46536a; background: #f4f6fa; border: 1px solid #dde3ec; padding: 7px 12px; border-radius: 20px; cursor: pointer; }
.chk-adres-cip:hover, .chk-adres-cip.aktif { border-color: var(--lkp-turuncu, #ff6a1a); background: #fff2ea; color: var(--lkp-turuncu-koyu, #e2570f); }
.chk-adres-cip i { color: var(--lkp-turuncu, #ff6a1a); }

/* Mobil: sol menü yatay kaydırılan şerit olur */
@media (max-width: 991.98px) {
  .hesap-panel { padding: 18px 0 44px; }
  .hesap-karsilama { padding: 18px 18px; gap: 14px; border-radius: 16px; margin-bottom: 16px; }
  .hesap-karsilama-avatar { width: 54px; height: 54px; font-size: 1.4rem; }
  .hesap-govde { grid-template-columns: 1fr; gap: 16px; }
  /* Mobil/tablet: sol menü YATAY KAYMA yerine kutu ızgarası — hepsi görünür, kompakt */
  .hesap-yan { position: static; display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 7px; overflow: visible; padding: 9px; }
  .hesap-yan-grup { display: none; }
  .hesap-yan-oge {
    position: relative; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 5px; padding: 9px 7px; min-height: 60px;
    border: 1px solid #eef1f6; background: #fbfcfe; white-space: normal;
  }
  .hesap-yan-oge > i { width: auto; font-size: 1.15rem; }
  .hesap-yan-ad { flex: none; font-size: .76rem; line-height: 1.2; }
  .hesap-yan-sayi { position: absolute; top: 5px; right: 5px; margin-left: 0; min-width: 18px; height: 17px; font-size: .66rem; }
  .hesap-yan-oge.aktif { border-color: var(--lkp-turuncu, #ff6a1a); background: #fff2ea; box-shadow: inset 0 0 0 1px var(--lkp-turuncu, #ff6a1a); }
  /* Çıkış Yap: tüm sütunları kaplar, yatay ve ayrı dursun */
  .hesap-yan-cikis { grid-column: 1 / -1; flex-direction: row; min-height: 0; margin-top: 1px; padding: 10px; border-color: #f3d0d0; background: #fff; }
  .hesap-yan-cikis > i { width: auto; font-size: 1rem; }
  .hesap-kart-govde { padding: 18px; }
}

/* Kayit — kartvizit tara butonu */
.auth-kartvizit { margin-bottom: 16px; }
.auth-kartvizit-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px; border: 1.5px dashed var(--lkp-turuncu, #ff6a1a); background: #fff6f0; color: var(--lkp-turuncu-koyu, #e2570f); font-weight: 700; border-radius: 12px; cursor: pointer; font-size: .92rem; transition: background .15s; }
.auth-kartvizit-btn:hover { background: #ffe9dc; }
.auth-kartvizit-galeri { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; margin: 7px 0 0; padding: 4px; background: none; border: 0; color: #8a97ab; font-size: .8rem; cursor: pointer; }
.auth-kartvizit-galeri:hover { color: var(--lkp-turuncu, #ff6a1a); text-decoration: underline; }
.auth-kartvizit-galeri i { font-size: .9rem; }
.auth-kartvizit-durum { margin-top: 8px; font-size: .82rem; color: #1aa87a; text-align: center; line-height: 1.4; }

/* ---------- Sepet (tek ürün ön-sepet — on-sepet.php) ---------- */
.sepet-sar { max-width: 1440px; margin-inline: auto; padding-inline: clamp(16px, 3vw, 44px); }
/* Modern adım göstergesi — bağlantı çizgili stepper */
.sepet-adimlar { display: flex; align-items: center; justify-content: center; max-width: 580px; margin: 6px auto 26px; }
.sepet-adimlar .adim { display: flex; align-items: center; gap: 10px; }
.sepet-adimlar .adim-nokta { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 2px solid #e0e5ee; color: var(--lkp-gri); font-weight: 800; font-size: .9rem; flex-shrink: 0; transition: .2s; }
.sepet-adimlar .adim-yazi { font-weight: 700; font-size: .92rem; color: var(--lkp-gri); white-space: nowrap; }
.sepet-adimlar .adim-cizgi { flex: 1; height: 3px; min-width: 22px; border-radius: 2px; background: #e0e5ee; margin: 0 12px; }
.sepet-adimlar .adim.aktif .adim-nokta { background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45); border-color: var(--lkp-turuncu); color: #fff; box-shadow: 0 6px 16px -4px rgba(255,106,26,.55); }
.sepet-adimlar .adim.aktif .adim-yazi { color: var(--lkp-koyu); }
.sepet-adimlar .adim.tamam .adim-nokta { background: var(--lkp-turuncu); border-color: var(--lkp-turuncu); color: #fff; }
.sepet-adimlar .adim.tamam .adim-no { display: none; }
.sepet-adimlar .adim.tamam .adim-nokta::after { content: "\2713"; font-size: 1.05rem; font-weight: 800; }
.sepet-adimlar .adim-cizgi.dolu { background: var(--lkp-turuncu); }
.sepet-baslik { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.5rem; color: var(--lkp-koyu); margin-bottom: 6px; letter-spacing: -.01em; }
.sepet-baslik i { color: var(--lkp-turuncu); }

.sepet-kart { background: #fff; border: 1px solid #eef1f6; border-radius: 16px; box-shadow: 0 14px 34px -20px rgba(16,24,40,.28); }
.sepet-kart-govde { padding: 16px 18px; }
.sepet-ozet-kart { position: sticky; top: 92px; }

.sepet-urun { display: flex; gap: 13px; align-items: center; }
.sepet-kart-govde .sepet-urun + .sepet-urun { border-top: 1px solid #eef1f6; padding-top: 13px; margin-top: 13px; }
.sepet-urun-gorsel { width: 72px; height: 72px; border-radius: 12px; object-fit: cover; background: var(--lkp-acik-gri); border: 1px solid #eef1f6; flex-shrink: 0; }
.sepet-urun-kat { text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; font-weight: 800; color: var(--lkp-turuncu); }
.sepet-urun-ad { font-weight: 700; color: var(--lkp-koyu); line-height: 1.25; margin: 1px 0; }
.sepet-urun-kod { color: var(--lkp-gri); font-size: .82rem; }
.sepet-urun-fiyat { font-weight: 800; color: var(--lkp-koyu); white-space: nowrap; text-align: right; }
.sepet-urun-fiyat small { display: block; font-weight: 500; color: var(--lkp-gri); font-size: .72rem; }
.sepet-ayrac { border: 0; border-top: 1px dashed #e4e8ef; margin: 18px 0; }

.sepet-adet-satir { display: flex; align-items: center; justify-content: space-between; }
.sepet-adet-etiket { font-weight: 700; color: var(--lkp-koyu); }
.sepet-stepper { display: inline-flex; align-items: center; border: 1.5px solid #e4e8ef; border-radius: 12px; overflow: hidden; }
.sepet-stepper button { width: 34px; height: 36px; border: 0; background: #fff; color: var(--lkp-koyu); font-size: 1.15rem; font-weight: 600; line-height: 1; cursor: pointer; transition: .15s; }
.sepet-stepper button:hover { background: var(--lkp-acik-gri); color: var(--lkp-turuncu); }
.sepet-stepper input { width: 46px; height: 36px; border: 0; border-left: 1.5px solid #e4e8ef; border-right: 1.5px solid #e4e8ef; text-align: center; font-weight: 700; color: var(--lkp-koyu); -moz-appearance: textfield; }
.sepet-stepper input::-webkit-outer-spin-button, .sepet-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sepet-stok { color: #14a44d; font-size: .82rem; font-weight: 600; margin-top: 12px; }
.sepet-urun-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; flex-shrink: 0; }
.sepet-cikar { display: inline-flex; align-items: center; gap: 5px; background: none; border: 0; padding: 0; color: var(--lkp-gri); font-size: .8rem; font-weight: 600; cursor: pointer; transition: color .15s; }
.sepet-cikar:hover { color: #e23b3b; }
.sepet-cikar i { font-size: .95rem; }
.sepet-stepper button.sil-modu { color: #e23b3b; }
.sepet-stepper button.sil-modu:hover { background: #fdeaea; color: #c92a2a; }

.sepet-ozet-baslik { font-weight: 800; color: var(--lkp-koyu); font-size: 1.05rem; margin-bottom: 14px; }
.sepet-ozet-satir { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; color: var(--lkp-gri); font-size: .92rem; }
.sepet-ozet-satir b { font-weight: 600; color: var(--lkp-yazi); font-variant-numeric: tabular-nums; }
.sepet-ozet-toplam { display: flex; justify-content: space-between; align-items: baseline; margin: 14px 0 4px; padding-top: 14px; border-top: 1px solid #eef1f6; }
.sepet-ozet-toplam .et { font-weight: 800; color: var(--lkp-koyu); }
.sepet-ozet-toplam .tutar { font-weight: 800; font-size: 1.5rem; color: var(--lkp-turuncu); font-variant-numeric: tabular-nums; }
.sepet-ozet-not { color: var(--lkp-gri); font-size: .78rem; line-height: 1.5; margin: 6px 0 0; }

.sepet-yontem-baslik { font-weight: 700; color: var(--lkp-koyu); font-size: .9rem; margin: 20px 0 10px; }
.sepet-yontem { display: block; position: relative; border: 1.5px solid #e4e8ef; border-radius: 12px; padding: 13px 14px 13px 46px; margin-bottom: 10px; cursor: pointer; transition: .18s; }
.sepet-yontem:hover { border-color: #cfd6e2; background: #fafbfd; }
.sepet-yontem input { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); accent-color: var(--lkp-turuncu); width: 18px; height: 18px; }
.sepet-yontem-ad { font-weight: 700; color: var(--lkp-koyu); font-size: .95rem; }
.sepet-yontem-ad i { margin-right: 5px; }
.sepet-yontem-alt { color: var(--lkp-gri); font-size: .8rem; }
.sepet-yontem.secili { border-color: var(--lkp-turuncu); background: #fff6f0; box-shadow: 0 0 0 3px rgba(255,106,26,.09); }

.sepet-devam { display: block; width: 100%; text-align: center; padding: 14px; border: 0; border-radius: 12px; font-weight: 800; font-size: 1.02rem; color: #fff; background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45); box-shadow: 0 12px 26px -8px rgba(255,106,26,.5); transition: transform .18s ease, box-shadow .18s ease; }
.sepet-devam:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 16px 32px -8px rgba(255,106,26,.62); }
.sepet-devam-alt { display: block; text-align: center; margin-top: 10px; color: var(--lkp-gri); font-size: .88rem; text-decoration: none; }
.sepet-devam-alt:hover { color: var(--lkp-turuncu); }
.sepet-guven { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed #eef1f6; color: var(--lkp-gri); font-size: .76rem; }
.sepet-guven span { display: inline-flex; align-items: center; gap: 5px; }
.sepet-guven i { color: #14a44d; }

@media (max-width: 991.98px) { .sepet-ozet-kart { position: static; } }
@media (max-width: 575.98px) {
  .sepet-kart-govde { padding: 14px; }
  .sepet-urun { flex-wrap: wrap; gap: 12px; }
  .sepet-urun-gorsel { width: 62px; height: 62px; }
  .sepet-urun-sag { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px dashed #eef1f6; padding-top: 10px; }
  .sepet-urun-fiyat { text-align: right; }
  .sepet-baslik { font-size: 1.3rem; }
  .sepet-adimlar .adim-nokta { width: 30px; height: 30px; font-size: .82rem; }
  .sepet-adimlar .adim-yazi { font-size: .8rem; }
  .sepet-adimlar .adim-cizgi { margin: 0 7px; min-width: 14px; }
}

/* ---------- Footer ödeme + güvenlik rozetleri ---------- */
.footer-rozet { border-top: 1px solid rgba(255,255,255,.08); }
.footer-rozet .container { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 26px 60px; padding: 22px 12px; }
.rozet-grup { text-align: center; }
.rozet-grup-baslik { font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #8b97a8; margin-bottom: 11px; }
.rozet-satir { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.rozet-cip { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 38px; background: #fff; border-radius: 7px; box-shadow: 0 1px 4px rgba(0,0,0,.28); overflow: hidden; }
.rozet-cip svg { width: auto; height: auto; max-width: 48px; max-height: 26px; display: block; }
@media (max-width: 575.98px) {
  /* Mobilde iki grup alt alta, tam eşit hizalı 4'lü ızgara (çipler kaymasın) */
  .footer-rozet .container { flex-direction: column; align-items: center; gap: 18px; padding: 20px 16px; }
  .rozet-grup { width: 100%; max-width: 300px; }
  .rozet-satir { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .rozet-cip { width: 100%; max-width: 66px; height: 36px; margin: 0 auto; }
}
.beni-ara-kvkk { display: flex; align-items: flex-start; gap: 7px; font-size: .78rem; color: #6c7789; margin: 2px 0 4px; line-height: 1.35; cursor: pointer; }
.beni-ara-kvkk input { margin-top: 2px; flex-shrink: 0; accent-color: var(--lkp-turuncu); }
.beni-ara-kvkk a { color: var(--lkp-turuncu); }

/* ================= Site içerik blokları (referans/kaynak-örnek/vaka/sertifika) ================= */
.blk-referans-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.blk-referans { display: flex; align-items: center; justify-content: center; height: 90px; padding: 14px; background: #fff; border: 1px solid #eceff4; border-radius: 12px; text-decoration: none; color: var(--lkp-koyu); font-weight: 700; text-align: center; transition: box-shadow .2s, transform .2s; }
.blk-referans:hover { box-shadow: 0 10px 26px rgba(11,18,32,.1); transform: translateY(-3px); }
.blk-referans img { max-width: 100%; max-height: 58px; object-fit: contain; filter: grayscale(1); opacity: .72; transition: filter .2s, opacity .2s; }
.blk-referans:hover img { filter: grayscale(0); opacity: 1; }

.blk-ornek-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 20px; }
/* Overlay galeri kartı: görsel tam kaplar, başlık+açıklama görselin üzerine degrade scrim ile biner */
.blk-ornek { position: relative; margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 4/5; background: #0f1728; box-shadow: 0 12px 30px rgba(11,18,32,.13); transition: transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease; }
.blk-ornek:hover { transform: translateY(-6px); box-shadow: 0 26px 54px rgba(11,18,32,.24); }
.blk-ornek-gorsel { position: absolute; inset: 0; overflow: hidden; }
.blk-ornek-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1), opacity .35s ease; }
.blk-ornek:hover .blk-ornek-gorsel img { transform: scale(1.08); }
.blk-ornek-bos { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(150deg, #223454 0%, #0f1728 100%); color: rgba(255,255,255,.34); }
.blk-ornek-bos i { font-size: 2.9rem; }
.blk-ornek-sonra { opacity: 0; transition: opacity .35s ease; }
.blk-ornek:hover .blk-ornek-sonra { opacity: 1; }
/* Scrim: varsayılanda HAFİF (resim net, sadece başlık için altta); hover'da koyulaşır (açıklama okunur) */
.blk-ornek::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(6,10,18,.9) 0%, rgba(6,10,18,.5) 18%, rgba(6,10,18,.1) 32%, transparent 46%); transition: background .35s ease; }
.blk-ornek:hover::before { background: linear-gradient(to top, rgba(6,10,18,.95) 0%, rgba(6,10,18,.7) 32%, rgba(6,10,18,.2) 58%, transparent 76%); }
.blk-ornek-malzeme { position: absolute; top: 13px; left: 13px; z-index: 2; background: rgba(255,255,255,.15); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.24); color: #fff; font-size: .66rem; font-weight: 700; padding: 5px 12px; border-radius: 999px; letter-spacing: .5px; text-transform: uppercase; }
.blk-ornek-etiket-sonra { position: absolute; top: 13px; right: 13px; z-index: 2; background: rgba(255,106,26,.94); color: #fff; font-size: .66rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; opacity: 0; transition: opacity .35s; }
.blk-ornek:hover .blk-ornek-etiket-sonra { opacity: 1; }
.blk-ornek figcaption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 16px 17px 18px; }
.blk-ornek figcaption strong { display: block; color: #fff; font-size: 1.04rem; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; text-shadow: 0 1px 4px rgba(0,0,0,.55); }
/* Açıklama: varsayılan GİZLİ, üzerine gelince açılır (dokunmatik cihazda hep görünür) */
.blk-ornek figcaption span { display: block; color: rgba(255,255,255,.9); font-size: .82rem; line-height: 1.45; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(4px); transition: max-height .35s ease, opacity .3s ease, transform .3s ease, margin-top .35s ease; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.blk-ornek:hover figcaption span { max-height: 120px; opacity: 1; transform: translateY(0); margin-top: 6px; }
@media (hover: none) { .blk-ornek figcaption span { max-height: 120px; opacity: 1; transform: none; margin-top: 6px; } }

.blk-vaka-kart { display: block; height: 100%; background: #fff; border: 1px solid #eceff4; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 6px 18px rgba(11,18,32,.05); transition: box-shadow .2s, transform .2s; }
a.blk-vaka-kart:hover { box-shadow: 0 16px 36px rgba(11,18,32,.12); transform: translateY(-4px); }
.blk-vaka-gorsel { position: relative; aspect-ratio: 16/9; background: #eef1f5; overflow: hidden; }
.blk-vaka-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.blk-vaka-etiket { position: absolute; top: 10px; left: 10px; background: var(--lkp-turuncu); color: #fff; font-size: .7rem; font-weight: 700; padding: 4px 11px; border-radius: 999px; }
.blk-vaka-govde { padding: 16px 18px; }
.blk-vaka-govde h5 { font-weight: 700; font-size: 1.05rem; margin: 0 0 6px; color: var(--lkp-koyu); }
.blk-vaka-govde p { color: var(--lkp-gri); font-size: .9rem; margin: 0 0 8px; line-height: 1.55; }
.blk-vaka-devam { color: var(--lkp-turuncu); font-weight: 700; font-size: .88rem; }
/* Vaka kartı — numaralı editöryel: soft çerçeve + köşede iri numara + hover'da sol aksan/ok */
.blk-vaka-kart-yazi { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e9edf2; }
.blk-vaka-kart-yazi::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--lkp-turuncu), #ff8a45); opacity: 0; transition: opacity .22s ease; }
a.blk-vaka-kart-yazi:hover::before { opacity: 1; }
.blk-vaka-no { position: absolute; top: 12px; right: 18px; z-index: 0; font-size: 2.7rem; font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #eef1f6; pointer-events: none; transition: color .22s ease; }
a.blk-vaka-kart-yazi:hover .blk-vaka-no { color: #ffe1cd; }
.blk-vaka-kart-yazi .blk-vaka-govde { position: relative; z-index: 1; flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 11px; padding: 24px 22px 22px; }
.blk-vaka-kart-yazi .blk-vaka-govde h5 { margin: 0; font-size: 1.08rem; line-height: 1.35; letter-spacing: -.01em; padding-right: 34px; }
.blk-vaka-kart-yazi .blk-vaka-govde p { margin: 0; flex: 1 1 auto; }
.blk-vaka-etiket-yazi { display: inline-block; background: #fff2ea; color: var(--lkp-turuncu); font-size: .72rem; font-weight: 700; padding: 4px 12px; border-radius: 999px; letter-spacing: .01em; }
.blk-vaka-kart-yazi .blk-vaka-devam { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; }
.blk-vaka-kart-yazi .blk-vaka-devam i { transition: transform .18s ease; }
a.blk-vaka-kart-yazi:hover .blk-vaka-devam i { transform: translateX(4px); }

/* Sertifika — yatay CAROUSEL (sağ/sol ok), kartlar SABİT (tıklanıp açılmaz), overlay galeri stili */
.blk-sertifika-carousel { position: relative; }
.blk-sertifika-grid { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #cfd5dd transparent; }
.blk-sertifika-grid::-webkit-scrollbar { height: 6px; }
.blk-sertifika-grid::-webkit-scrollbar-thumb { background: #cfd5dd; border-radius: 999px; }
.blk-sertifika-grid::-webkit-scrollbar-track { background: transparent; }
.blk-sertifika { margin: 0; flex: 0 0 auto; width: 220px; scroll-snap-align: start; }
.blk-sertifika-kart { position: relative; display: block; aspect-ratio: 4/5; border-radius: 18px; overflow: hidden; background: #0f1728; box-shadow: 0 12px 30px rgba(11,18,32,.13); }
.blk-sertifika-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.blk-sertifika-kart::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(6,10,18,.95) 3%, rgba(6,10,18,.5) 22%, rgba(6,10,18,.04) 46%, transparent 64%); }
.blk-sertifika-rozet { position: absolute; top: 13px; left: 13px; z-index: 2; display: inline-flex; align-items: center; background: rgba(11,18,32,.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: .64rem; font-weight: 700; padding: 5px 11px; border-radius: 999px; letter-spacing: .5px; text-transform: uppercase; }
.blk-sertifika figcaption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 15px 16px 17px; color: #fff; font-size: .88rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.blk-sert-ok { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #e2e7ee; background: #fff; color: var(--lkp-koyu); font-size: 1.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 8px 22px rgba(11,18,32,.16); transition: background .15s, color .15s, border-color .15s, opacity .15s; }
.blk-sert-ok:hover { background: var(--lkp-turuncu); border-color: var(--lkp-turuncu); color: #fff; }
.blk-sert-ok:disabled { opacity: .3; cursor: default; }
.blk-sert-ok:disabled:hover { background: #fff; color: var(--lkp-koyu); border-color: #e2e7ee; }
.blk-sert-ok-sol { left: -8px; }
.blk-sert-ok-sag { right: -8px; }
@media (max-width: 575.98px) { .blk-referans-grid { grid-template-columns: repeat(2, 1fr); } .blk-ornek-grid { grid-template-columns: 1fr 1fr; } }
/* Kaydırınca fade-up reveal — yalnız JS 'js-reveal' eklerse + hareket tercihi uygunsa (aksi halde kartlar normal görünür) */
@media (prefers-reduced-motion: no-preference) {
  .js-reveal .blk-ornek, .js-reveal .blk-vaka-kart { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1); }
  .js-reveal .blk-ornek.gorundu, .js-reveal .blk-vaka-kart.gorundu { opacity: 1; transform: none; }
}

/* ================= WhatsApp yüzen buton (Beni Ara üstünde, aynı stil pill) ================= */
.wa-yuzen { position: fixed; right: 20px; bottom: 66px; z-index: 999; display: inline-flex; align-items: center; gap: 8px; min-width: 140px; background: linear-gradient(135deg, #25d366, #1ebe5a); color: #fff; border: 0; border-radius: 999px; padding: 6px 15px 6px 6px; font-weight: 700; font-size: .82rem; text-decoration: none; box-shadow: 0 8px 22px rgba(37,211,102,.42); transition: transform .18s, box-shadow .18s; }
.wa-yuzen:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(37,211,102,.55); }
.wa-yuzen-ikon { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.22); display: flex; align-items: center; justify-content: center; font-size: 1.02rem; position: relative; }
.wa-yuzen-ikon::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255,255,255,.6); animation: beniAraNabiz 2s infinite; }
@media (max-width: 767.98px) { .wa-yuzen { display: none; } } /* mobilde alt menüde zaten var */
@media (prefers-reduced-motion: reduce) { .wa-yuzen-ikon::after { animation: none; } }

/* ================= Makine seçim sihirbazı (tam sayfa, stepli) ================= */
.sih { position: relative; overflow: hidden; background: #f4f6f8; padding-bottom: clamp(50px, 7vw, 90px); }
.sih-atmosfer { position: absolute; top: 0; left: 0; right: 0; height: clamp(280px, 36vh, 400px); background: radial-gradient(130% 120% at 72% 0%, #1b2a4a 0%, #0b1220 62%, #05070d 100%); }
.sih-atmosfer::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 70% at 78% 8%, rgba(255,106,26,.16), transparent 60%); }
.sih-ic { position: relative; z-index: 1; }
.sih-ust { text-align: center; color: #fff; padding: clamp(34px, 5vw, 58px) 0 clamp(26px, 3vw, 38px); }
.sih-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #ffd9c2; background: rgba(8,13,23,.5); border: 1px solid rgba(255,106,26,.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 7px 15px; border-radius: 999px; margin-bottom: 18px; }
.sih-eyebrow i { color: var(--lkp-turuncu); }
.sih-baslik { font-size: clamp(1.9rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -.02em; margin: 0 0 12px; color: #fff; text-shadow: 0 6px 40px rgba(0,0,0,.4); }
.sih-baslik span { background: linear-gradient(92deg, #ffb37a, var(--lkp-turuncu) 50%, #fff 120%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sih-alt { color: #c6cfdd; max-width: 600px; margin: 0 auto; font-size: 1.05rem; line-height: 1.6; }
.sih-panel { background: #fff; border-radius: 22px; padding: clamp(24px, 4vw, 44px); max-width: 880px; margin: 0 auto; box-shadow: 0 30px 70px -30px rgba(11,18,32,.4); }
/* Stepper */
.sih-stepper { display: flex; align-items: flex-start; justify-content: center; gap: 4px; margin-bottom: clamp(26px, 4vw, 40px); }
.sih-step { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sih-step-no { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 1.02rem; background: #eef1f5; color: #9aa6b8; border: 2px solid #eef1f5; transition: all .28s ease; }
.sih-step-ad { font-size: .82rem; font-weight: 700; color: #9aa6b8; transition: color .28s; }
.sih-step.aktif .sih-step-no { background: var(--lkp-turuncu); color: #fff; border-color: var(--lkp-turuncu); box-shadow: 0 0 0 5px rgba(255,106,26,.16); }
.sih-step.aktif .sih-step-ad { color: var(--lkp-koyu); }
.sih-step.tamam .sih-step-no { background: #fff4ec; color: var(--lkp-turuncu); border-color: var(--lkp-turuncu); }
.sih-step.tamam .sih-step-ad { color: var(--lkp-koyu); }
.sih-cizgi { flex: 1; max-width: 88px; height: 3px; margin: 20px 2px 0; background: #eef1f5; border-radius: 2px; position: relative; overflow: hidden; }
.sih-cizgi i { position: absolute; inset: 0; width: 0; background: var(--lkp-turuncu); transition: width .4s ease; }
.sih-cizgi.dolu i { width: 100%; }
/* Adımlar */
.sih-govde { position: relative; }
.sih-geri { background: none; border: 0; color: var(--lkp-gri); font-weight: 700; font-size: .9rem; margin-bottom: 14px; cursor: pointer; padding: 2px 0; display: inline-flex; align-items: center; gap: 6px; }
.sih-geri:hover { color: var(--lkp-turuncu); }
.sih-adim { display: none; animation: sihIn .35s ease; }
.sih-adim.aktif { display: block; }
@keyframes sihIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
.sih-soru { font-size: clamp(1.25rem, 2.6vw, 1.75rem); font-weight: 800; color: var(--lkp-koyu); margin: 0 0 24px; letter-spacing: -.01em; }
.sih-secenekler { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sih-secenek { display: flex; align-items: center; gap: 15px; padding: 20px; border: 2px solid #e7ebf1; border-radius: 16px; background: #fbfcfe; cursor: pointer; text-align: left; font-weight: 700; color: var(--lkp-koyu); font-size: 1.05rem; transition: transform .15s, border-color .15s, background .15s, box-shadow .15s; }
.sih-secenek i { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 13px; background: #fff4ec; color: var(--lkp-turuncu); display: grid; place-items: center; font-size: 1.45rem; transition: all .15s; }
.sih-secenek span { display: flex; flex-direction: column; line-height: 1.25; }
.sih-secenek span small { font-weight: 600; color: var(--lkp-gri); font-size: .8rem; margin-top: 3px; }
.sih-secenek:hover { border-color: #ffcaa6; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(11,18,32,.09); }
.sih-secenek.secili { border-color: var(--lkp-turuncu); background: #fff4ec; }
.sih-secenek.secili i { background: var(--lkp-turuncu); color: #fff; }
/* Sonuç */
.sih-sonuc-basi { display: flex; align-items: center; gap: 9px; font-weight: 800; color: #14824a; font-size: 1.06rem; margin-bottom: 18px; }
.sih-sonuc-basi i { color: #1fbf68; font-size: 1.35rem; }
.sih-oneri { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; background: linear-gradient(120deg, #f8fafc, #fff4ec); border: 1px solid #ffe0cb; border-radius: 18px; padding: 22px; }
.sih-oneri-gorsel { flex: 0 0 auto; width: 210px; height: 168px; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 8px 20px rgba(11,18,32,.08); }
.sih-oneri-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sih-oneri-bilgi { flex: 1; min-width: 240px; }
.sih-oneri-rozet { display: inline-block; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--lkp-turuncu); background: #fff; border: 1px solid #ffd7bd; padding: 5px 13px; border-radius: 999px; margin-bottom: 12px; }
.sih-oneri-bilgi h3 { font-size: 1.45rem; font-weight: 800; color: var(--lkp-koyu); margin: 0 0 8px; line-height: 1.2; }
.sih-oneri-fiyat { font-size: 1.55rem; font-weight: 800; color: var(--lkp-turuncu); margin-bottom: 18px; }
.sih-oneri-fiyat span { font-size: .8rem; color: var(--lkp-gri); font-weight: 600; }
.sih-oneri-btn { display: flex; gap: 10px; flex-wrap: wrap; }
.sih-tekrar { display: inline-flex; align-items: center; gap: 7px; margin-top: 22px; background: none; border: 0; color: var(--lkp-gri); font-weight: 700; cursor: pointer; }
.sih-tekrar:hover { color: var(--lkp-turuncu); }
@media (max-width: 575.98px) { .sih-secenekler { grid-template-columns: 1fr; } .sih-step-ad { font-size: .72rem; } .sih-oneri-gorsel { width: 100%; } }

/* ================= Çözüm / landing sayfası ================= */
.cozum-hero { background: radial-gradient(120% 120% at 75% 15%, #17233f 0%, #0b1220 60%, #05070d 100%); color: #fff; padding: clamp(40px, 6vw, 70px) 0; }
.cozum-baslik { font-size: clamp(1.9rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -.02em; margin: 0 0 14px; max-width: 900px; }
.cozum-ozet { color: #c6cfdd; font-size: 1.1rem; line-height: 1.6; max-width: 760px; margin: 0 0 24px; }
.cozum-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.cozum-icerik { font-size: 1.02rem; line-height: 1.75; color: var(--lkp-yazi); }
.cozum-icerik h2, .cozum-icerik h3 { font-weight: 800; color: var(--lkp-koyu); margin: 26px 0 12px; }
.cozum-icerik ul, .cozum-icerik ol { padding-left: 20px; }
.cozum-icerik li { margin-bottom: 6px; }
.cozum-gorsel { width: 100%; border-radius: 16px; object-fit: cover; box-shadow: 0 16px 40px rgba(11,18,32,.14); }
/* /cozum hub (Çözümler liste) kartları */
.cozum-hub-kart { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #eceff4; border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 6px 18px rgba(11,18,32,.05); transition: box-shadow .2s, transform .2s; }
.cozum-hub-kart:hover { box-shadow: 0 16px 36px rgba(11,18,32,.12); transform: translateY(-4px); }
.cozum-hub-gorsel { aspect-ratio: 16/9; background: #eef1f5; overflow: hidden; }
.cozum-hub-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.cozum-hub-govde { padding: 18px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; flex: 1 1 auto; }
.cozum-hub-etiket { font-size: .7rem; font-weight: 700; color: var(--lkp-turuncu); background: #fff2ea; padding: 3px 10px; border-radius: 999px; }
.cozum-hub-govde h3 { font-size: 1.08rem; font-weight: 700; color: var(--lkp-koyu); margin: 0; }
.cozum-hub-govde p { font-size: .9rem; color: var(--lkp-gri); margin: 0; line-height: 1.5; flex: 1 1 auto; }
.cozum-hub-devam { color: var(--lkp-turuncu); font-weight: 700; font-size: .88rem; margin-top: 2px; }

/* ===== Çözüm DETAY — profesyonel içerik + yapışkan yan panel ===== */
.cozum-breadcrumb { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: .82rem; color: #8b97a8; margin-bottom: 16px; }
.cozum-breadcrumb a { color: #c6cfdd; text-decoration: none; }
.cozum-breadcrumb a:hover { color: #fff; }
.cozum-breadcrumb i { font-size: .68rem; opacity: .55; }
.cozum-breadcrumb span { color: #fff; font-weight: 600; }
/* İçerik tipografisi: lead paragraf + vurgulu bölüm başlıkları + çapa ofseti */
.cozum-icerik > p:first-of-type { font-size: 1.14rem; line-height: 1.7; color: #2a3444; }
.cozum-icerik h2 { scroll-margin-top: 90px; font-size: clamp(1.3rem, 2.4vw, 1.5rem); line-height: 1.3; padding-left: 14px; border-left: 4px solid var(--lkp-turuncu); margin-top: 38px; }
.cozum-icerik h3 { font-size: 1.15rem; }
.cozum-icerik a { color: var(--lkp-turuncu); text-decoration: none; border-bottom: 1px solid rgba(255,106,26,.35); transition: border-color .15s; }
.cozum-icerik a:hover { border-bottom-color: var(--lkp-turuncu); }
.cozum-icerik ul li::marker { color: var(--lkp-turuncu); }
/* Yapışkan yan panel */
.cozum-yan { position: sticky; top: 84px; display: flex; flex-direction: column; gap: 18px; }
.cozum-yan-gorsel { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 16px; box-shadow: 0 16px 40px rgba(11,18,32,.14); }
.cozum-yan-kart { background: #fff; border: 1px solid #eceff4; border-radius: 14px; padding: 18px 20px; box-shadow: 0 6px 18px rgba(11,18,32,.05); }
.cozum-yan-baslik { font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--lkp-turuncu); margin-bottom: 12px; }
/* İçindekiler + scroll-spy */
.cozum-toc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.cozum-toc a { display: block; padding: 7px 10px; border-radius: 8px; font-size: .9rem; font-weight: 500; color: #48505c; text-decoration: none; border-left: 2px solid transparent; line-height: 1.4; transition: background .15s, color .15s, border-color .15s; }
.cozum-toc a:hover { background: #f6f8fb; color: var(--lkp-koyu); }
.cozum-toc a.etkin { background: #fff5ef; color: var(--lkp-turuncu); border-left-color: var(--lkp-turuncu); font-weight: 700; }
/* CTA kartı (koyu) */
.cozum-yan-cta { background: linear-gradient(160deg, #17233f 0%, #0b1220 100%); border-color: transparent; color: #fff; }
.cozum-yan-cta-baslik { font-size: 1.05rem; font-weight: 800; line-height: 1.3; margin-bottom: 8px; }
.cozum-yan-cta p { font-size: .88rem; color: #c6cfdd; line-height: 1.55; margin-bottom: 14px; }
.cozum-yan-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 11px 14px; border-radius: 10px; font-size: .92rem; font-weight: 700; text-decoration: none; margin-bottom: 9px; transition: transform .15s, background .15s; }
.cozum-yan-btn:last-child { margin-bottom: 0; }
.cozum-yan-btn.birincil { background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45); color: #fff; box-shadow: 0 8px 22px rgba(255,106,26,.4); }
.cozum-yan-btn.birincil:hover { transform: translateY(-2px); color: #fff; }
.cozum-yan-btn.ikincil { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.22); }
.cozum-yan-btn.ikincil:hover { background: rgba(255,255,255,.16); color: #fff; }
.cozum-yan-btn.wa { background: #25d366; color: #fff; }
.cozum-yan-btn.wa:hover { background: #1eb658; color: #fff; transform: translateY(-2px); }
/* İlgili çözümler */
.cozum-yan-ilgili ul { list-style: none; margin: 0; padding: 0; }
.cozum-yan-ilgili li { border-top: 1px solid #f0f2f6; }
.cozum-yan-ilgili li:first-child { border-top: 0; }
.cozum-yan-ilgili a { display: flex; align-items: center; gap: 4px; padding: 9px 0; font-size: .9rem; font-weight: 600; color: #48505c; text-decoration: none; line-height: 1.4; transition: color .15s; }
.cozum-yan-ilgili a:hover { color: var(--lkp-turuncu); }
.cozum-yan-ilgili a i { color: var(--lkp-turuncu); font-size: 1.15rem; flex-shrink: 0; }
@media (max-width: 991px) {
  .cozum-yan { position: static; margin-top: 8px; }
  .cozum-toc { display: none; } /* içindekiler yalnız masaüstü yapışkan panelde anlamlı */
}
/* İlgili ürünler — yatay kaydırmalı carousel + sağ/sol ok, kompakt kartlar */
.cozum-ilgili { margin-top: 48px; }
.cozum-ilgili-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.cozum-ilgili-bar h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 800; color: var(--lkp-koyu); margin: 0; }
.cozum-ilgili-oklar { display: flex; gap: 8px; flex-shrink: 0; }
.cozum-ok { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dde3ea; background: #fff; color: var(--lkp-koyu); font-size: 1.15rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s, border-color .15s, color .15s, opacity .15s; }
.cozum-ok:hover { background: var(--lkp-turuncu); border-color: var(--lkp-turuncu); color: #fff; }
.cozum-ok:disabled { opacity: .35; cursor: default; }
.cozum-ok:disabled:hover { background: #fff; border-color: #dde3ea; color: var(--lkp-koyu); }
.cozum-ilgili-strip { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #d3d9e0 transparent; }
.cozum-ilgili-strip::-webkit-scrollbar { height: 6px; }
.cozum-ilgili-strip::-webkit-scrollbar-thumb { background: #d3d9e0; border-radius: 999px; }
.cozum-ilgili-strip::-webkit-scrollbar-track { background: transparent; }
/* Grid col'unu nötrle → sabit, küçük genişlikli kaydırma öğesi */
.cozum-ilgili-strip > [class*="col-"] { flex: 0 0 auto; width: 236px; max-width: 236px; padding: 0; scroll-snap-align: start; }
@media (max-width: 575px) {
  .cozum-ilgili-strip > [class*="col-"] { width: 78vw; max-width: 300px; }
}

/* Sade ürün kartı (Benzer / Sarf & Yedek carousel) — sadece görsel + başlık */
.urun-karti-mini { text-decoration: none; color: inherit; }
.urun-karti-mini .icerik { padding: 14px 16px; }
.urun-karti-mini h6 { color: var(--lkp-yazi); min-height: 0; margin: 4px 0 0; }
.urun-karti-mini:hover h6 { color: var(--lkp-turuncu); }

/* ================= Referanslar sayfası hero ================= */
.ref-hero { background: radial-gradient(120% 130% at 72% 10%, #17233f 0%, #0b1220 60%, #05070d 100%); color: #fff; padding: clamp(40px, 6vw, 66px) 0 clamp(78px, 9vw, 118px); }
.ref-hero-baslik { font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 800; letter-spacing: -.02em; margin: 0 0 12px; }
.ref-hero-baslik span { background: linear-gradient(92deg, #ffb37a, var(--lkp-turuncu) 50%, #fff 120%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ref-hero-alt { color: #c6cfdd; max-width: 680px; margin: 0 auto; font-size: 1.05rem; line-height: 1.6; }
/* İstatistik şeridi — hero'nun altına binen beyaz kart */
.ref-stat-serit { background: transparent; }
.ref-stat-kart { display: grid; grid-template-columns: repeat(var(--ref-stat-n, 4), 1fr); background: #fff; border: 1px solid #eef1f5; border-radius: 18px; box-shadow: 0 18px 50px rgba(11,18,32,.16); margin-top: -58px; position: relative; z-index: 3; overflow: hidden; }
.ref-stat { text-align: center; padding: 26px 16px; border-left: 1px solid #f0f2f6; }
.ref-stat:first-child { border-left: 0; }
.ref-stat-sayi { display: block; font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 800; color: var(--lkp-koyu); line-height: 1; letter-spacing: -.02em; }
.ref-stat-ad { display: block; font-size: .78rem; font-weight: 700; color: var(--lkp-gri); margin-top: 9px; text-transform: uppercase; letter-spacing: .05em; }
/* Bölüm hızlı-geçiş sekmeleri */
.ref-nav > .container { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; padding-top: 30px; }
.ref-nav a { display: inline-flex; align-items: center; padding: 9px 18px; border-radius: 999px; background: #f4f6f8; color: var(--lkp-koyu); font-weight: 600; font-size: .92rem; text-decoration: none; border: 1px solid transparent; transition: background .15s, color .15s, border-color .15s; }
.ref-nav a:hover { background: #fff; border-color: var(--lkp-turuncu); color: var(--lkp-turuncu); }
/* Alt CTA bandı */
.ref-cta { background: radial-gradient(120% 130% at 50% 0%, #17233f 0%, #0b1220 70%); color: #fff; padding: clamp(44px, 6vw, 72px) 0; }
.ref-cta h2 { font-size: clamp(1.5rem, 3.2vw, 2.1rem); font-weight: 800; margin: 0 0 12px; }
.ref-cta p { color: #c6cfdd; max-width: 620px; margin: 0 auto 24px; font-size: 1.05rem; line-height: 1.6; }
.ref-cta-butonlar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
/* Anchor ofseti (bölümler sabit header altına gizlenmesin) */
#blok-referans, #blok-kaynak-ornek, #blok-vaka, #blok-sertifika { scroll-margin-top: 80px; }
@media (max-width: 575px) {
  .ref-stat-kart { grid-template-columns: repeat(2, 1fr) !important; margin-top: -40px; }
  .ref-stat:nth-child(2) { border-left: 0; }
  .ref-stat:nth-child(-n+2) { border-bottom: 1px solid #f0f2f6; }
}

/* Footer sertifika çipleri — diğer rozetlerle AYNI yatay çip formatı (60×38) */
.rozet-cip-sertifika { text-decoration: none; }
.rozet-cip-sertifika img { max-width: 50px; max-height: 30px; width: auto; height: auto; object-fit: contain; display: block; }

/* Mobil: sertifikalar 3'lü, vaka kartları tek sütun sade metin */
@media (max-width: 575.98px) {
  .blk-sertifika-grid { gap: 14px; }
  .blk-sertifika { width: 66vw; max-width: 260px; }
  .blk-sertifika figcaption { font-size: .8rem; padding: 12px 13px 14px; }
  .blk-sertifika-rozet { font-size: .6rem; padding: 4px 9px; }
  .blk-sert-ok { width: 38px; height: 38px; font-size: 1.05rem; }
  .blk-vaka-kart-yazi .blk-vaka-govde { padding: 16px 16px 15px; gap: 7px; }
  .blk-vaka-kart-yazi .blk-vaka-govde h5 { font-size: 1rem; margin: 0; }
  .blk-vaka-kart-yazi .blk-vaka-govde p { font-size: .85rem; line-height: 1.5; }
  .blk-vaka-etiket-yazi { font-size: .68rem; padding: 3px 10px; }
}

/* Sade kart (mini) fiyatı — sadece fiyat, buton/inceleme yok */
.urun-karti-mini .mini-fiyat { margin-top: 8px; line-height: 1.3; }
.urun-karti-mini .fiyat-tl-yaklasik { display: block; margin-top: 2px; }
.mini-fiyat-arayin { margin-top: 8px; font-size: .84rem; font-weight: 700; color: var(--lkp-turuncu); }

/* Uygulama Alanları — düz metin (pill değil, Ürün Açıklaması gibi) */
.uygulama-duz { color: var(--lkp-yazi, #2c3444); font-size: 1rem; line-height: 1.85; margin: 0; }

/* ---------- PWA: "Ana ekrana ekle" teklif bandı ---------- */
.pwa-kur {
  position: fixed; z-index: 1080; left: 12px; right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
  background: #131c2e; color: #fff; border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px; box-shadow: 0 18px 44px -12px rgba(0,0,0,.6);
  transform: translateY(140%); opacity: 0; transition: transform .32s ease, opacity .32s ease;
}
.pwa-kur.gorun { transform: translateY(0); opacity: 1; }
.pwa-kur-ikon { width: 42px; height: 42px; border-radius: 11px; flex: 0 0 auto; }
.pwa-kur-yazi { flex: 1 1 auto; min-width: 0; line-height: 1.3; }
.pwa-kur-yazi strong { display: block; font-size: .95rem; font-weight: 700; }
.pwa-kur-yazi span { display: block; font-size: .8rem; color: #b9c4d6; }
.pwa-kur-btn {
  flex: 0 0 auto; border: 0; border-radius: 10px; padding: 10px 18px; cursor: pointer;
  font-weight: 700; font-size: .9rem; color: #fff;
  background: linear-gradient(135deg, var(--lkp-turuncu), #ff8a45);
}
.pwa-kur-kapat {
  flex: 0 0 auto; border: 0; background: none; color: #8d99ad; cursor: pointer;
  font-size: 1.5rem; line-height: 1; padding: 0 2px;
}
.pwa-kur-kapat:hover { color: #fff; }
/* Mobilde sabit alt menüyü (fixed, bottom:0, ~64px) ÖRTMEMELİ — çerez bandıyla aynı desen (bkz. .cerez-banner) */
@media (max-width: 767.98px) {
  .pwa-kur { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
/* Masaüstünde dar bir kart; yüzen WhatsApp butonunun (bottom:66px) üstünde dursun */
@media (min-width: 576px) { .pwa-kur { left: auto; right: 20px; max-width: 420px; } }
@media (min-width: 768px)  { .pwa-kur { bottom: 124px; } }
@media (prefers-reduced-motion: reduce) { .pwa-kur { transition: none; } }
/* Uygulama olarak açıldıysa bandı hiç gösterme */
@media (display-mode: standalone) { .pwa-kur { display: none !important; } }