/* ══════════════════════════════════════════════════════════════════════
YAPIMCI : OFISIMO 
Versiyon: E-TICARET v10.0.0
    CSS INDEX OFISIMO SOFTWARE
   ══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────  1. PALET (token ezme)  ───────────────────── */
:root {
  --b2b-ink:      #0b1220;
  --b2b-ink-2:    #111c30;
  --b2b-ink-3:    #18253c;
  --b2b-red:      #1554d4;   /* aksan artık MAVİ */
  --b2b-red-dark: #0e3fa8;
  --b2b-red-soft: #eaf1ff;
  --b2b-line:     #e5e9f0;
  --b2b-bg:       #f4f7fb;
  --b2b-txt:      #101828;
  --b2b-mut:      #667085;
  --b2b-ok:       #12805c;
  --b2b-rad:      10px;
  --b2b-shadow:   0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);

  --elk-blue:     #1554d4;
  --elk-blue-d:   #0e3fa8;
  --elk-blue-l:   #3b7bf0;
  --elk-soft:     #eaf1ff;
  --elk-ink:      #0b1220;
  --elk-ink2:     #111c30;
  --elk-line:     #e5e9f0;
  --elk-bg:       #f4f7fb;
  --elk-txt:      #101828;
  --elk-mut:      #667085;
  --elk-ok:       #12805c;
  --elk-ok-bg:    #e7f6ef;
  --elk-r:        10px;
  --elk-r-lg:     16px;
  --elk-sh:       0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  --elk-sh-lg:    0 8px 28px rgba(11,18,32,.08);
}

body.fg-mc {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--elk-txt);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

body.fg-mc .container { max-width: 1280px; }

/* ═══════════════════════  2. ÜST ŞERİT  ═══════════════════════════════ */
.fg-b2b-top {
  background: var(--elk-ink);
  color: #93a1b8;
  font-size: 12.5px;
  border-bottom: 0;
}
.fg-b2b-top .container { min-height: 40px; }
.fg-b2b-top a, .fg-b2b-top span { color: #93a1b8; }
.fg-b2b-top a:hover { color: #fff; }
.fg-b2b-top i { color: #5b83d6; font-size: 12px; }
.fg-b2b-top-r i { color: #7f8ea6; }
.fg-b2b-top-l, .fg-b2b-top-r { gap: 24px; }

/* ═══════════════════════  3. ANA HEADER  ══════════════════════════════ */
.fg-b2b-head {
  background: #fff;
  border-bottom: 1px solid var(--elk-line);
  box-shadow: none;
}
.fg-b2b-head .container { padding-top: 0; padding-bottom: 0; }
.fg-b2b-head-row {
  display: grid;
  grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  min-height: 84px;
}

/* Logo */
.fg-b2b-logo { display: flex; align-items: center; text-decoration: none; }
.fg-b2b-logo img { max-height: 46px; width: auto; }

/* Arama — geniş, ortada */
.fg-b2b-search { min-width: 0; }
.fg-b2b-search .fg-search-box,
.fg-b2b-search #search.fg-search-wrap,
.fg-b2b-search .fg-search-wrap { max-width: none !important; width: 100%; }
.fg-b2b-search .fg-search-box {
  display: flex; align-items: center;
  background: #fff;
  border: 1.5px solid var(--elk-line);
  border-radius: var(--elk-r);
  overflow: hidden;
  height: 46px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.fg-b2b-search .fg-search-box:focus-within {
  border-color: var(--elk-blue);
  box-shadow: 0 0 0 3px rgba(21,84,212,.12);
}
.fg-b2b-search .fg-search-box input[name="search"] {
  flex: 1 1 auto; min-width: 0; height: 100%;
  border: 0; outline: 0; background: transparent;
  padding: 0 16px; font-size: 14px; color: var(--elk-txt);
}
.fg-b2b-search .fg-search-box input::placeholder { color: #98a2b3; }
.fg-b2b-search .fg-search-box select {
  flex: 0 0 auto; height: 100%; max-width: 190px;
  border: 0; border-left: 1px solid var(--elk-line);
  background: #fff; outline: 0;
  padding: 0 30px 0 14px; font-size: 13px; color: var(--elk-mut);
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23667085'%3E%3Cpath d='M4.5 6.5 8 10l3.5-3.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 8px center; background-size: 16px;
  cursor: pointer;
}
.fg-b2b-search .fg-search-box button {
  flex: 0 0 auto; width: 54px; height: 100%;
  border: 0; background: var(--elk-blue); color: #fff;
  font-size: 15px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.fg-b2b-search .fg-search-box button:hover { background: var(--elk-blue-d); }

/* Sağ blok: hesap + sepet */
.fg-b2b-acts { display: flex; align-items: center; gap: 10px; }

.fg-elk-acct {
  display: flex; align-items: center; gap: 11px;
  padding: 7px 12px 7px 7px; border-radius: var(--elk-r);
  text-decoration: none; color: inherit;
  transition: background .15s ease;
}
.fg-elk-acct:hover { background: var(--elk-bg); color: inherit; }
.fg-elk-acct-av {
  width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%;
  background: var(--elk-soft); color: var(--elk-blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; letter-spacing: .02em;
}
.fg-elk-acct-txt { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.fg-elk-acct-t { font-size: 11.5px; color: var(--elk-mut); }
.fg-elk-acct-n {
  font-size: 13.5px; font-weight: 700; color: var(--elk-txt);
  max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.fg-elk-acct-s { font-size: 11px; color: #98a2b3; }

/* Favori */
.fg-b2b-act.fg-desktop-only {
  position: relative; width: 40px; height: 40px; border-radius: var(--elk-r);
  display: flex; align-items: center; justify-content: center;
  color: var(--elk-mut); background: transparent; text-decoration: none;
}
.fg-b2b-act.fg-desktop-only:hover { background: var(--elk-bg); color: var(--elk-blue); }
.fg-b2b-act.fg-desktop-only i { font-size: 17px; }

/* Sepet tetikleyicisi */
.fg-b2b-cart .fg-cart-trigger {
  display: flex; align-items: center; gap: 11px;
  background: transparent; border: 0; padding: 7px 10px;
  border-radius: var(--elk-r); cursor: pointer; color: inherit;
  transition: background .15s ease;
}
.fg-b2b-cart .fg-cart-trigger:hover { background: var(--elk-bg); }
.fg-b2b-cart .fg-cart-trigger > i {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%;
  background: var(--elk-soft); color: var(--elk-blue);
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.fg-b2b-cart .fg-cart-trigger .fg-mob-hide {
  font-size: 13.5px; font-weight: 700; color: var(--elk-txt);
}
.fg-elk-cart-wrap { display: flex; flex-direction: column; line-height: 1.25; align-items: flex-start; }
.fg-elk-cart-total { font-size: 11.5px; color: var(--elk-mut); font-weight: 500; }
.fg-b2b-cart .fg-cart-trigger .fg-badge {
  position: absolute; top: 2px; left: 26px;
  min-width: 18px; height: 18px; padding: 0 5px;
  background: var(--elk-blue); color: #fff;
  border: 2px solid #fff; border-radius: 999px;
  font-size: 10.5px; font-weight: 700; line-height: 14px; text-align: center;
}
.fg-b2b-cart { position: relative; }
.fg-b2b-cart .fg-cart-trigger { position: relative; }

/* ═══════════════════════  4. KATEGORİ / MENÜ ŞERİDİ  ══════════════════ */
.fg-b2b-nav {
  background: #fff;
  border-bottom: 1px solid var(--elk-line);
}
.fg-b2b-nav .container {
  display: flex; align-items: center; gap: 18px; min-height: 60px;
}
.fg-b2b-allcat {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--elk-blue); color: #fff; border: 0;
  border-radius: 8px; padding: 11px 18px;
  font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap;
  transition: background .15s ease;
}
.fg-b2b-allcat:hover { background: var(--elk-blue-d); }
.fg-b2b-allcat .fa-chevron-right { font-size: 10px; opacity: .8; }

.fg-b2b-navlinks {
  display: flex; align-items: center; gap: 4px;
  flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none;
}
.fg-b2b-navlinks::-webkit-scrollbar { display: none; }
.fg-b2b-navlink {
  padding: 9px 13px; border-radius: 7px;
  font-size: 13.5px; font-weight: 600; color: #344054; text-decoration: none;
  white-space: nowrap; transition: background .15s ease, color .15s ease;
}
.fg-b2b-navlink:hover { background: var(--elk-soft); color: var(--elk-blue); }

.fg-b2b-quick {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--elk-ink); color: #fff;
  border-radius: 8px; padding: 11px 18px;
  font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: background .15s ease;
}
.fg-b2b-quick:hover { background: #16233a; color: #fff; }
.fg-b2b-quick i { color: #ffc94d; }

/* ═══════════════════════  5. ANA SAYFA — GENEL  ═══════════════════════ */
.fg-home { background: #fff; }
.fg-home .fg-home-section { padding: 34px 0; }
.fg-home .fg-sec-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 20px; margin-bottom: 18px;
}
.fg-home .fg-sec-kicker {
  display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--elk-blue); margin-bottom: 6px;
}
.fg-home .fg-sec-title {
  font-size: 21px; font-weight: 700; color: var(--elk-txt); margin: 0; letter-spacing: -.01em;
}
.fg-home .fg-sec-link {
  font-size: 13px; font-weight: 600; color: var(--elk-blue); text-decoration: none;
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
}
.fg-home .fg-sec-link:hover { color: var(--elk-blue-d); }

/* ── Eski temalardan gelen tuzakları sıfırla ── */
.fg-home .fg-pt-hero,
.fg-home .fg-hero3 { min-height: 0 !important; display: block !important; }
@media (max-width: 991px) { .fg-home .fg-pt-hero, .fg-home .fg-hero3 { min-height: 0 !important; } }
@media (max-width: 767px) { .fg-home .fg-pt-hero, .fg-home .fg-hero3 { min-height: 0 !important; } }
.fg-home .fg-catnav-ic { background: none; border: 0; box-shadow: none; }
.fg-home .fg-trust-row, .fg-home .fg-trust-item { background: none; box-shadow: none; border: 0; }

/* ═══════════════════════  6. HERO SLIDER  ═════════════════════════════ */
/* fg-b2b.css bölümün TAMAMINI koyu boyuyordu; burada hero yuvarlatılmış bir
   kart olduğu için bölüm zemini beyaz olmalı. */
.fg-home .fg-pt-hero { padding: 24px 0 0; background: #fff !important; }
.fg-home .fg-pt-hero-slides {
  position: relative;
  max-width: 1280px; margin: 0 auto;
  border-radius: var(--elk-r-lg); overflow: hidden;
  background: var(--elk-ink);
  height: 400px;
}
.fg-home .fg-pt-hslide {
  position: absolute; inset: 0;
  opacity: 0; visibility: hidden;
  transition: opacity .5s ease;
  display: flex; align-items: center;
}
.fg-home .fg-pt-hslide.is-active { opacity: 1; visibility: visible; }
.fg-home .fg-pt-hslide-bg {
  position: absolute; inset: 0;
  background-size: cover !important; background-position: center right !important;
}
.fg-home .fg-pt-hslide-veil {
  position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(8,14,26,.96) 0%, rgba(8,14,26,.88) 38%, rgba(8,14,26,.25) 68%, rgba(8,14,26,.05) 100%);
}
.fg-home .fg-pt-hslide .container { position: relative; z-index: 2; width: 100%; }
/* Sol ok metnin üstüne binmesin diye soldan ekstra boşluk */
.fg-home .fg-pt-hslide-inner { max-width: 600px; padding: 0 24px 0 52px; }
.fg-home .fg-pt-heyebrow {
  display: inline-block; margin-bottom: 14px;
  background: rgba(59,123,240,.18); color: #9dc0ff;
  border: 1px solid rgba(59,123,240,.35);
  border-radius: 999px; padding: 5px 13px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.fg-home .fg-pt-htitle {
  font-size: 40px; line-height: 1.16; font-weight: 800; letter-spacing: -.02em;
  color: #fff; margin: 0 0 14px;
}
.fg-home .fg-pt-htitle em { font-style: normal; color: var(--elk-blue-l); }
.fg-home .fg-pt-hsub {
  font-size: 14.5px; line-height: 1.65; color: #b4c0d4; margin: 0 0 22px; max-width: 460px;
}
.fg-home .fg-pt-hbtns { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fg-home .fg-pt-hbtn {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--elk-blue); color: #fff;
  border-radius: 8px; padding: 13px 24px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}
.fg-home .fg-pt-hbtn:hover { background: var(--elk-blue-d); color: #fff; transform: translateY(-1px); }
.fg-home .fg-pt-hbtn--ghost {
  background: transparent; border: 1.5px solid rgba(255,255,255,.28); color: #fff;
}
.fg-home .fg-pt-hbtn--ghost:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.5); }

/* Slider okları / noktaları */
.fg-home .fg-pt-harrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22);
  color: #fff; cursor: pointer; backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.fg-home .fg-pt-harrow:hover { background: rgba(255,255,255,.24); }
.fg-home .fg-pt-harrow.prev { left: 16px; }
.fg-home .fg-pt-harrow.next { right: 16px; }
.fg-home .fg-pt-hdots {
  position: absolute; left: 0; right: 0; bottom: 18px; z-index: 4;
  display: flex; align-items: center; justify-content: center; gap: 7px;
}
.fg-home .fg-pt-hdot {
  width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px;
  background: rgba(255,255,255,.35); cursor: pointer; transition: all .2s ease;
}
.fg-home .fg-pt-hdot.is-active { width: 22px; background: var(--elk-blue-l); }

/* Hero içindeki mini özellik şeridi — metnin altında, butonun üstünde */
.fg-home .fg-hero-stats { display: none; }
.fg-home .fg-pt-hslide-inner .fg-hero-stats-row {
  display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
  margin: 0 0 24px; padding: 0;
}
.fg-home .fg-hero-stat { display: flex; align-items: center; gap: 11px; }
.fg-home .fg-hero-stat i {
  width: 34px; height: 34px; border-radius: 8px;
  background: rgba(59,123,240,.16); border: 1px solid rgba(59,123,240,.3);
  color: #9dc0ff; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}
.fg-home .fg-hero-stat-txt { display: flex; flex-direction: column; line-height: 1.3; }
.fg-home .fg-hero-stat-v { font-size: 13px; font-weight: 700; color: #fff; }
.fg-home .fg-hero-stat-l { font-size: 11.5px; color: #8fa0ba; }

/* ═══════════════════  7. KATEGORİ İKON ŞERİDİ  ═══════════════════════ */
.fg-home .fg-catnav { padding: 22px 0 8px; }
.fg-home .fg-catnav .fg-sec-head { display: none; }
.fg-home .fg-catnav-slider { position: relative; }
.fg-home .fg-catnav-arrow { display: none; }
.fg-home .fg-catnav-grid {
  display: grid; grid-template-columns: repeat(9, 1fr); gap: 12px;
  overflow: visible;
}
.fg-home .fg-catnav-card {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center; text-decoration: none;
  background: #fff; border: 1px solid var(--elk-line); border-radius: 12px;
  padding: 18px 8px; min-height: 104px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fg-home .fg-catnav-card:hover {
  border-color: var(--elk-blue); box-shadow: 0 6px 18px rgba(21,84,212,.12);
  transform: translateY(-2px);
}
.fg-home .fg-catnav-ic {
  width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
  color: var(--elk-blue); font-size: 21px;
}
.fg-home .fg-catnav-ic--img { width: 40px; height: 40px; border-radius: 8px; overflow: hidden; }
.fg-home .fg-catnav-ic--img img { width: 100%; height: 100%; object-fit: cover; }
.fg-home .fg-catnav-name {
  font-size: 12px; font-weight: 600; color: #344054; line-height: 1.35;
}
.fg-home .fg-catnav-arr { display: none; }

/* ═══════════════════  8. HESAP ÖZETİ (cari)  ═════════════════════════ */
.fg-home .fg-elk-acc { padding: 18px 0 8px; }
.fg-elk-acc-box {
  display: grid; grid-template-columns: 250px 1fr;
  background: var(--elk-bg); border: 1px solid var(--elk-line);
  border-radius: 12px; overflow: hidden;
}
.fg-elk-acc-l { padding: 24px; border-right: 1px solid var(--elk-line); }
.fg-elk-acc-l h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; color: var(--elk-txt); }
.fg-elk-acc-l p { font-size: 12.5px; line-height: 1.6; color: var(--elk-mut); margin: 0 0 16px; }
.fg-elk-acc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--elk-blue); color: #fff; border-radius: 8px;
  padding: 9px 16px; font-size: 13px; font-weight: 600; text-decoration: none;
}
.fg-elk-acc-btn:hover { background: var(--elk-blue-d); color: #fff; }
.fg-elk-acc-r { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; }
.fg-elk-acc-i {
  padding: 20px 18px; border-right: 1px solid var(--elk-line);
  display: flex; gap: 13px; align-items: flex-start;
}
.fg-elk-acc-i:last-child { border-right: 0; }
.fg-elk-acc-ic {
  width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center; font-size: 15px;
}
.fg-elk-acc-ic.c1 { background: #e7f6ef; color: #12805c; }
.fg-elk-acc-ic.c2 { background: #fdeaee; color: #d92d43; }
.fg-elk-acc-ic.c3 { background: #fff3e6; color: #d97706; }
.fg-elk-acc-ic.c4 { background: var(--elk-soft); color: var(--elk-blue); }
.fg-elk-acc-txt { min-width: 0; }
.fg-elk-acc-lbl { font-size: 11.5px; color: var(--elk-mut); display: block; margin-bottom: 3px; }
.fg-elk-acc-val { font-size: 17px; font-weight: 700; color: var(--elk-txt); display: block; letter-spacing: -.01em; }
.fg-elk-acc-sub { font-size: 11px; color: #98a2b3; display: block; margin-top: 7px; }
.fg-elk-acc-sub b { display: block; color: #475467; font-size: 12.5px; font-weight: 600; margin-top: 1px; }
.fg-elk-acc-link {
  font-size: 12px; font-weight: 600; color: var(--elk-blue); text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
}

/* ═══════════════════  9. ÜRÜN SEKMELERİ + KARTLAR  ═══════════════════ */
.fg-elk-tabs { display: flex; align-items: center; gap: 4px; }
.fg-elk-tab {
  background: transparent; border: 0; border-bottom: 2px solid transparent;
  padding: 8px 12px; font-size: 13px; font-weight: 600; color: var(--elk-mut);
  cursor: pointer; transition: color .15s ease, border-color .15s ease;
}
.fg-elk-tab:hover { color: var(--elk-txt); }
.fg-elk-tab.is-active { color: var(--elk-blue); border-bottom-color: var(--elk-blue); }
.fg-elk-pane { display: none; }
.fg-elk-pane.is-active { display: block; }

.fg-home .fg-prod-grid,
.fg-home .fg-elk-pgrid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px;
}
.fg-home .fg-pcard {
  background: #fff; border: 1px solid var(--elk-line); border-radius: 12px;
  overflow: hidden; display: flex; flex-direction: column;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fg-home .fg-pcard:hover {
  border-color: #c3d6f7; box-shadow: 0 8px 22px rgba(16,24,40,.08); transform: translateY(-2px);
}
.fg-home .fg-pcard-img {
  position: relative; background: #fff; padding: 14px;
  aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;
}
.fg-home .fg-pcard-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.fg-home .fg-pcard-dbadge {
  position: absolute; top: 10px; left: 10px;
  background: #d92d43; color: #fff; border-radius: 5px;
  padding: 3px 8px; font-size: 10.5px; font-weight: 700;
}
.fg-home .fg-pcard-wish {
  position: absolute; top: 8px; right: 8px;
  width: 30px; height: 30px; border-radius: 50%;
  background: #fff; border: 1px solid var(--elk-line); color: var(--elk-mut);
  cursor: pointer; opacity: 0; transition: opacity .15s ease, color .15s ease;
  display: flex; align-items: center; justify-content: center; font-size: 12px;
}
.fg-home .fg-pcard:hover .fg-pcard-wish { opacity: 1; }
.fg-home .fg-pcard-wish:hover { color: #d92d43; border-color: #f3c4cc; }
.fg-home .fg-pcard-quick { display: none !important; }
.fg-home .fg-pcard-stars-sm { display: none; }

.fg-home .fg-pcard-body {
  padding: 0 14px 14px; display: flex; flex-direction: column; flex: 1 1 auto;
  border-top: 1px solid #f2f4f7; padding-top: 12px;
}
.fg-home .fg-pcard-name {
  font-size: 12.5px; line-height: 1.45; color: #344054; margin: 0 0 10px;
  min-height: 54px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.fg-home .fg-pcard-prices { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
.fg-home .fg-pcard-p { font-size: 17px; font-weight: 700; color: var(--elk-blue); letter-spacing: -.01em; }
.fg-home .fg-pcard-op { font-size: 12.5px; color: #98a2b3; text-decoration: line-through; }

.fg-home .fg-pcard-foot {
  margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.fg-home .fg-pcard-stock {
  background: var(--elk-ok-bg); color: var(--elk-ok);
  border-radius: 5px; padding: 4px 9px; font-size: 11px; font-weight: 600; white-space: nowrap;
}
.fg-home .fg-pcard-stock.is-low { background: #fff3e6; color: #b45309; }
.fg-home .fg-pcard-stock.is-out { background: #f2f4f7; color: #667085; }
.fg-home .fg-pcard-add {
  width: 34px; height: 34px; flex: 0 0 34px; padding: 0;
  border: 0; border-radius: 8px; background: var(--elk-blue); color: #fff;
  cursor: pointer; font-size: 13px;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.fg-home .fg-pcard-add:hover { background: var(--elk-blue-d); }
.fg-home .fg-pcard-add span { display: none; }

/* ═══════════════════  10. PROMO KARTLARI  ════════════════════════════ */
.fg-elk-promos { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; }
.fg-elk-promo {
  position: relative; overflow: hidden;
  border-radius: 12px; border: 1px solid var(--elk-line);
  min-height: 170px; display: flex; align-items: center;
  text-decoration: none;
}
.fg-elk-promo-txt { position: relative; z-index: 2; padding: 24px; max-width: 62%; }
.fg-elk-promo-t {
  display: block; font-size: 18px; font-weight: 700; line-height: 1.3;
  letter-spacing: -.01em; margin-bottom: 8px;
}
.fg-elk-promo-d { display: block; font-size: 12.5px; line-height: 1.6; margin-bottom: 16px; }
.fg-elk-promo-btn {
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 7px; padding: 9px 16px; font-size: 12.5px; font-weight: 600;
}
.fg-elk-promo-img {
  position: absolute; top: 0; right: 0; bottom: 0; width: 52%;
  background-size: cover; background-position: center;
}
/* 1 — koyu */
.fg-elk-promo--dark { background: var(--elk-ink); border-color: var(--elk-ink); }
.fg-elk-promo--dark .fg-elk-promo-t { color: #fff; }
.fg-elk-promo--dark .fg-elk-promo-d { color: #93a1b8; }
.fg-elk-promo--dark .fg-elk-promo-btn { background: transparent; border: 1.5px solid rgba(255,255,255,.3); color: #fff; }
.fg-elk-promo--dark .fg-elk-promo-img { -webkit-mask-image: linear-gradient(to right, transparent, #000 34%); mask-image: linear-gradient(to right, transparent, #000 34%); }
/* 2 — açık gri */
.fg-elk-promo--gray { background: #f2f4f7; }
.fg-elk-promo--gray .fg-elk-promo-t { color: var(--elk-txt); }
.fg-elk-promo--gray .fg-elk-promo-d { color: var(--elk-mut); }
.fg-elk-promo--gray .fg-elk-promo-btn { background: #fff; border: 1px solid var(--elk-line); color: var(--elk-txt); }
.fg-elk-promo--gray .fg-elk-promo-img { -webkit-mask-image: linear-gradient(to right, transparent, #000 34%); mask-image: linear-gradient(to right, transparent, #000 34%); }
/* 3 — açık yeşil */
.fg-elk-promo--green { background: #eaf7ef; border-color: #d6efe0; }
.fg-elk-promo--green .fg-elk-promo-t { color: #0d3b25; }
.fg-elk-promo--green .fg-elk-promo-d { color: #3f6b55; }
.fg-elk-promo--green .fg-elk-promo-btn { background: #fff; border: 1px solid #cbe8d8; color: #0d3b25; }
.fg-elk-promo--green .fg-elk-promo-img { -webkit-mask-image: linear-gradient(to right, transparent, #000 34%); mask-image: linear-gradient(to right, transparent, #000 34%); }
.fg-elk-promo:hover { box-shadow: 0 10px 26px rgba(16,24,40,.10); }

/* ═══════════════════  11. MARKALAR  ══════════════════════════════════ */
.fg-home .fg-brands-row {
  display: grid; grid-template-columns: repeat(8, 1fr);
  background: #fff; border: 1px solid var(--elk-line); border-radius: 12px;
  overflow: hidden;
}
.fg-home .fg-brands-card {
  display: flex; align-items: center; justify-content: center;
  padding: 26px 12px; border-right: 1px solid var(--elk-line);
  text-decoration: none; min-height: 92px;
  transition: background .15s ease;
}
.fg-home .fg-brands-card:last-child { border-right: 0; }
.fg-home .fg-brands-card:hover { background: var(--elk-bg); }
.fg-home .fg-brands-card img { max-width: 100%; max-height: 46px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: all .15s ease; }
.fg-home .fg-brands-card:hover img { filter: none; opacity: 1; }
.fg-home .fg-brands-name {
  font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: #475467;
  white-space: nowrap; transition: color .15s ease;
}
.fg-home .fg-brands-card:hover .fg-brands-name { color: var(--elk-blue); }

/* ═══════════════════  12. GÜVEN ŞERİDİ  ═════════════════════════════ */
/* fg-b2b.css bu bölümü koyu bir "NEDEN BİZ" bandı yapıyordu — sıfırla */
.fg-home .fg-trust-strip { padding: 26px 0; background: #fff !important; }
.fg-home .fg-trust-strip .fg-sec-head { display: none; }
.fg-home .fg-trust-row {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px;
  border-top: 1px solid var(--elk-line); border-bottom: 1px solid var(--elk-line);
  padding: 22px 0;
}
.fg-home .fg-trust-item { display: flex; align-items: center; gap: 13px; }
.fg-home .fg-trust-item i {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%;
  background: var(--elk-soft); color: var(--elk-blue); font-size: 16px;
  display: flex; align-items: center; justify-content: center;
}
.fg-home .fg-trust-item > div { display: flex; flex-direction: column; min-width: 0; }
.fg-home .fg-trust-t { font-size: 13px; font-weight: 700; color: var(--elk-txt); line-height: 1.35; }
.fg-home .fg-trust-d { font-size: 11.5px; color: var(--elk-mut); line-height: 1.4; margin-top: 2px; }

/* ═══════════════════  13. DUYURULAR + HABERLER  ══════════════════════ */
.fg-elk-board { display: grid; grid-template-columns: 320px 1fr; gap: 20px; align-items: start; }
.fg-elk-ann {
  background: #fff; border: 1px solid var(--elk-line); border-radius: 12px; overflow: hidden;
}
.fg-elk-ann-head {
  padding: 16px 18px; border-bottom: 1px solid var(--elk-line);
  font-size: 15px; font-weight: 700; color: var(--elk-txt);
}
.fg-elk-ann-list { list-style: none; margin: 0; padding: 6px 0; }
.fg-elk-ann-list li { border-bottom: 1px solid #f2f4f7; }
.fg-elk-ann-list li:last-child { border-bottom: 0; }
.fg-elk-ann-list a {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 13px 18px; text-decoration: none;
  transition: background .15s ease;
}
.fg-elk-ann-list a:hover { background: var(--elk-bg); }
.fg-elk-ann-ic {
  width: 32px; height: 32px; flex: 0 0 32px; border-radius: 8px;
  background: var(--elk-soft); color: var(--elk-blue); font-size: 13px;
  display: flex; align-items: center; justify-content: center;
}
.fg-elk-ann-txt { min-width: 0; }
.fg-elk-ann-date { display: block; font-size: 11px; color: #98a2b3; margin-bottom: 3px; }
.fg-elk-ann-t { display: block; font-size: 12.5px; font-weight: 600; color: #344054; line-height: 1.45; }
.fg-elk-ann-foot { padding: 13px 18px; border-top: 1px solid var(--elk-line); }
.fg-elk-ann-foot a {
  font-size: 12.5px; font-weight: 600; color: var(--elk-blue); text-decoration: none;
  display: inline-flex; align-items: center; gap: 7px;
}

.fg-elk-news { background: #fff; border: 1px solid var(--elk-line); border-radius: 12px; padding: 18px; }
.fg-elk-news-head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;
}
.fg-elk-news-head h3 { font-size: 15px; font-weight: 700; margin: 0; color: var(--elk-txt); }
.fg-elk-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.fg-elk-ncard { display: flex; flex-direction: column; }
.fg-elk-ncard-img {
  border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--elk-bg); margin-bottom: 12px;
}
.fg-elk-ncard-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.fg-elk-ncard:hover .fg-elk-ncard-img img { transform: scale(1.04); }
.fg-elk-ncard-cat {
  display: inline-block; align-self: flex-start;
  background: var(--elk-soft); color: var(--elk-blue);
  border-radius: 5px; padding: 3px 9px; font-size: 10.5px; font-weight: 700;
  letter-spacing: .04em; margin-bottom: 9px;
}
.fg-elk-ncard-t { font-size: 13.5px; font-weight: 700; line-height: 1.45; margin: 0 0 7px; }
.fg-elk-ncard-t a { color: var(--elk-txt); text-decoration: none; }
.fg-elk-ncard-t a:hover { color: var(--elk-blue); }
.fg-elk-ncard-x { font-size: 12px; line-height: 1.6; color: var(--elk-mut); margin: 0 0 11px; }
.fg-elk-ncard-l {
  font-size: 12px; font-weight: 600; color: var(--elk-blue); text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px; margin-top: auto;
}

/* ═══════════════════  14. FOOTER  ═══════════════════════════════════ */
.fg-b2b-foot { background: var(--elk-ink); color: #93a1b8; margin-top: 34px; }
.fg-b2b-foot-main { padding: 48px 0 40px; }
.fg-b2b-foot-grid {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 34px;
}
.fg-b2b-foot-logo { display: inline-flex; margin-bottom: 16px; }
.fg-b2b-foot-logo img { max-height: 42px; width: auto; filter: brightness(0) invert(1); }
.fg-b2b-foot-desc { font-size: 12.5px; line-height: 1.75; color: #8492a8; margin: 0 0 18px; max-width: 300px; }
.fg-b2b-foot h5 {
  font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: #fff; margin: 0 0 18px;
}
.fg-b2b-foot-links { list-style: none; margin: 0; padding: 0; }
.fg-b2b-foot-links li { margin-bottom: 11px; }
.fg-b2b-foot-links a { font-size: 13px; color: #93a1b8; text-decoration: none; transition: color .15s ease; }
.fg-b2b-foot-links a:hover { color: #fff; }
.fg-b2b-foot-contact { list-style: none; margin: 0; padding: 0; }
.fg-b2b-foot-contact li { display: flex; gap: 11px; margin-bottom: 14px; font-size: 13px; line-height: 1.6; }
.fg-b2b-foot-contact i { color: var(--elk-blue-l); font-size: 13px; margin-top: 3px; }
.fg-b2b-foot-contact a, .fg-b2b-foot-contact span { color: #93a1b8; text-decoration: none; }
.fg-b2b-foot-contact a:hover { color: #fff; }
.fg-b2b-news-form { display: flex; margin-bottom: 18px; max-width: 300px; }
.fg-b2b-news-form input {
  flex: 1 1 auto; min-width: 0; height: 42px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  border-right: 0; border-radius: 8px 0 0 8px; color: #fff;
  padding: 0 14px; font-size: 13px; outline: none;
}
.fg-b2b-news-form input::placeholder { color: #6b7a91; }
.fg-b2b-news-form button {
  width: 46px; height: 42px; border: 0; border-radius: 0 8px 8px 0;
  background: var(--elk-blue); color: #fff; cursor: pointer;
}
.fg-b2b-news-form button:hover { background: var(--elk-blue-d); }
.fg-b2b-soc { display: flex; gap: 9px; }
.fg-b2b-soc a {
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(255,255,255,.07); color: #b6c2d4;
  display: flex; align-items: center; justify-content: center; font-size: 14px;
  text-decoration: none; transition: background .15s ease, color .15s ease;
}
.fg-b2b-soc a:hover { background: var(--elk-blue); color: #fff; }
.fg-b2b-foot-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 18px 0; }
.fg-b2b-foot-bottom .container {
  display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
}
.fg-pt-copy { font-size: 12.5px; color: #6b7a91; }
.fg-b2b-foot-legal { display: flex; gap: 22px; flex-wrap: wrap; }
.fg-b2b-foot-legal a { font-size: 12.5px; color: #6b7a91; text-decoration: none; }
.fg-b2b-foot-legal a:hover { color: #fff; }

/* ══════════════════  15. GİRİŞ / KAYIT / ŞİFRE SAYFALARI  ════════════ */
/* Önceki temanın koyu auth zeminini sıfırla */
body.fg-mc.fg-auth { background: #eef1f6; color: var(--elk-txt); }
.fg-auth-wrap {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 32px 20px;
  background: none !important;
  flex-direction: row;
}
.fg-auth-wrap > .container { max-width: 1240px; width: 100%; }

.fg-elk-auth-card {
  background: #fff; border-radius: 20px; overflow: hidden;
  box-shadow: 0 24px 70px rgba(11,18,32,.16);
}
.fg-elk-auth-grid { display: grid; grid-template-columns: 1.05fr 1fr; }

/* ── Sol koyu tanıtım paneli ── */
.fg-elk-auth-l {
  position: relative; background: var(--elk-ink);
  padding: 46px 48px 0; overflow: hidden;
  display: flex; flex-direction: column;
}
.fg-elk-auth-l::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(760px 420px at 18% 12%, rgba(21,84,212,.30), transparent 62%),
    radial-gradient(520px 360px at 88% 78%, rgba(59,123,240,.22), transparent 60%);
  pointer-events: none;
}
.fg-elk-auth-l > * { position: relative; z-index: 2; }
.fg-elk-auth-brand { display: inline-flex; margin-bottom: 26px; }
.fg-elk-auth-brand img { max-height: 46px; width: auto; filter: brightness(0) invert(1); }
.fg-elk-auth-brand-txt { font-size: 27px; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.fg-elk-auth-brand-txt em { font-style: normal; color: var(--elk-blue-l); }
.fg-elk-auth-rule { height: 1px; background: rgba(255,255,255,.14); margin: 0 0 30px; max-width: 210px; }
.fg-elk-auth-h1 {
  font-size: 36px; line-height: 1.2; font-weight: 800; letter-spacing: -.02em;
  color: #fff; margin: 0 0 16px;
}
.fg-elk-auth-h1 em { font-style: normal; display: block; color: #fff; }
.fg-elk-auth-lead {
  font-size: 14px; line-height: 1.75; color: #93a1b8; margin: 0 0 30px; max-width: 400px;
}
.fg-elk-auth-lead strong { color: #fff; font-weight: 600; }
.fg-elk-auth-feats { display: flex; flex-direction: column; gap: 18px; margin-bottom: 26px; }
.fg-elk-auth-feat { display: flex; align-items: center; gap: 15px; }
.fg-elk-auth-feat i {
  width: 44px; height: 44px; flex: 0 0 44px; border-radius: 11px;
  background: rgba(21,84,212,.22); border: 1px solid rgba(59,123,240,.34);
  color: #9dc0ff; font-size: 17px;
  display: flex; align-items: center; justify-content: center;
}
.fg-elk-auth-feat-t { display: block; font-size: 14.5px; font-weight: 700; color: #fff; line-height: 1.35; }
.fg-elk-auth-feat-s { display: block; font-size: 12.5px; color: #8492a8; margin-top: 2px; }
/* Görsel, panelde kalan boşluğun tamamını doldurur (özellik listesi kaldırıldı) */
.fg-elk-auth-shot {
  display: block; width: calc(100% + 96px); margin: 26px -48px 0; max-width: none;
  flex: 1 1 auto; min-height: 200px;
  object-fit: contain; object-position: center bottom;
  mix-blend-mode: lighten;
  -webkit-mask-image: linear-gradient(to bottom, #000 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 62%, transparent 100%);
}

/* ── Sağ beyaz form paneli ── */
.fg-elk-auth-r { padding: 44px 56px 46px; display: flex; flex-direction: column; }
.fg-elk-auth-top { display: flex; justify-content: flex-end; margin-bottom: 26px; min-height: 30px; }
.fg-elk-auth-body { max-width: 460px; width: 100%; margin: auto 0; }
.fg-elk-auth-h2 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; color: var(--elk-txt); margin: 0 0 10px; }
.fg-elk-auth-sub { font-size: 14px; line-height: 1.65; color: var(--elk-mut); margin: 0 0 28px; }

.fg-elk-fg { margin-bottom: 17px; }
.fg-elk-lbl { display: block; font-size: 13px; font-weight: 600; color: #344054; margin-bottom: 7px; }
.fg-elk-lbl .fg-elk-req { color: #d92d43; }
.fg-elk-ip { position: relative; display: flex; align-items: center; }
.fg-elk-ip input, .fg-elk-ip select, .fg-elk-ip textarea {
  width: 100%; height: 50px;
  border: 1.5px solid var(--elk-line); border-radius: 10px;
  background: #fcfdfe; padding: 0 46px 0 44px;
  font-size: 14px; color: var(--elk-txt); outline: none; font-family: inherit;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.fg-elk-ip textarea { height: auto; min-height: 92px; padding: 13px 16px; line-height: 1.6; }
.fg-elk-ip--plain input, .fg-elk-ip--plain select, .fg-elk-ip--plain textarea { padding-left: 16px; padding-right: 16px; }
.fg-elk-ip input:focus, .fg-elk-ip select:focus, .fg-elk-ip textarea:focus {
  border-color: var(--elk-blue); background: #fff; box-shadow: 0 0 0 3px rgba(21,84,212,.10);
}
.fg-elk-ip input::placeholder, .fg-elk-ip textarea::placeholder { color: #98a2b3; }
.fg-elk-ic {
  position: absolute; left: 16px; color: #98a2b3; font-size: 14px; pointer-events: none;
}
.fg-elk-eye {
  position: absolute; right: 10px; width: 32px; height: 32px;
  background: transparent; border: 0; color: #98a2b3; cursor: pointer;
  display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.fg-elk-eye:hover { color: var(--elk-blue); }

.fg-elk-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; margin: 4px 0 22px;
}
.fg-elk-chk { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; color: #475467; cursor: pointer; margin: 0; }
.fg-elk-chk input { width: 17px; height: 17px; accent-color: var(--elk-blue); cursor: pointer; }
.fg-elk-link { font-size: 13px; font-weight: 600; color: var(--elk-blue); text-decoration: none; }
.fg-elk-link:hover { color: var(--elk-blue-d); text-decoration: underline; }

.fg-elk-btn {
  width: 100%; height: 52px; border: 0; border-radius: 10px;
  background: var(--elk-blue); color: #fff;
  font-size: 15px; font-weight: 600; font-family: inherit; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  transition: background .15s ease, transform .12s ease;
}
.fg-elk-btn:hover { background: var(--elk-blue-d); transform: translateY(-1px); }
.fg-elk-btn2 {
  width: 100%; height: 52px; border: 1.5px solid var(--elk-line); border-radius: 10px;
  background: #fff; color: var(--elk-txt);
  font-size: 14.5px; font-weight: 600; text-decoration: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  transition: border-color .15s ease, background .15s ease;
}
.fg-elk-btn2:hover { border-color: var(--elk-blue); color: var(--elk-blue); background: #fbfcff; }

.fg-elk-or {
  position: relative; text-align: center; margin: 22px 0;
  font-size: 12.5px; color: #98a2b3;
}
.fg-elk-or::before, .fg-elk-or::after {
  content: ""; position: absolute; top: 50%; width: calc(50% - 28px); height: 1px; background: var(--elk-line);
}
.fg-elk-or::before { left: 0; } .fg-elk-or::after { right: 0; }

.fg-elk-terms { font-size: 12.5px; line-height: 1.7; color: var(--elk-mut); text-align: center; margin: 22px 0 0; }
.fg-elk-terms a { color: var(--elk-blue); text-decoration: none; font-weight: 500; }
.fg-elk-terms a:hover { text-decoration: underline; }

.fg-elk-alert {
  display: flex; align-items: flex-start; gap: 10px;
  border-radius: 10px; padding: 12px 14px; font-size: 13px; line-height: 1.55; margin-bottom: 18px;
}
.fg-elk-alert i { margin-top: 2px; }
.fg-elk-alert--err { background: #fdecee; color: #a11226; }
.fg-elk-alert--ok  { background: #e7f6ef; color: #0d6b48; }
.fg-elk-err { display: block; font-size: 12px; color: #d92d43; margin-top: 6px; }
.fg-elk-ip.has-err input, .fg-elk-ip.has-err select, .fg-elk-ip.has-err textarea { border-color: #f0a3ae; }

/* Kayıt formu — bloklar ve iki sütun */
.fg-elk-auth-body--reg { max-width: 620px; }
.fg-elk-block { margin-bottom: 26px; }
.fg-elk-block-h {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 700; color: var(--elk-txt);
  letter-spacing: .02em; margin-bottom: 16px;
  padding-bottom: 11px; border-bottom: 1px solid var(--elk-line);
}
.fg-elk-block-h i { color: var(--elk-blue); font-size: 13px; }
.fg-elk-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.fg-elk-consents { display: flex; flex-direction: column; gap: 11px; margin: 4px 0 22px; }
.fg-elk-consents .fg-elk-chk { align-items: flex-start; line-height: 1.6; }
.fg-elk-consents .fg-elk-chk input { margin-top: 2px; flex: 0 0 17px; }

/* Alt güven şeridi (kartın içinde) */
.fg-elk-auth-trust {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--elk-line); background: #fafbfd;
}
.fg-elk-auth-trust-i {
  display: flex; align-items: center; gap: 14px;
  padding: 22px 26px; border-right: 1px solid var(--elk-line);
}
.fg-elk-auth-trust-i:last-child { border-right: 0; }
.fg-elk-auth-trust-i i { color: #475467; font-size: 20px; flex: 0 0 auto; }
.fg-elk-auth-trust-t { display: block; font-size: 13px; font-weight: 700; color: var(--elk-txt); line-height: 1.35; }
.fg-elk-auth-trust-s { display: block; font-size: 11.5px; color: var(--elk-mut); margin-top: 2px; }

.fg-elk-auth-copy { text-align: center; font-size: 12px; color: #98a2b3; margin: 20px 0 0; }

/* Dil seçici (auth) */
.fg-elk-auth-top .btn,
.fg-elk-auth-top button {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: var(--elk-mut) !important; font-size: 13px !important; padding: 4px 6px !important;
}

/* ══════════════════  16. ALT SAYFA RENK UYUMU  ══════════════════════ */
body.fg-mc:not(.fg-auth) { background: #fff; }
.fg-b2bl-cart, .fg-cart-checkout, .btn-primary,
.fg-catq button, .fg-srch-btn {
  background: var(--elk-blue) !important; border-color: var(--elk-blue) !important;
}
.fg-b2bl-cart:hover, .fg-cart-checkout:hover, .btn-primary:hover {
  background: var(--elk-blue-d) !important; border-color: var(--elk-blue-d) !important;
}
a { color: var(--elk-blue); }

/* ══════════════════  17. RESPONSIVE  ════════════════════════════════ */
@media (max-width: 1199px) {
  .fg-home .fg-prod-grid, .fg-home .fg-elk-pgrid { grid-template-columns: repeat(4, 1fr); }
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(5, 1fr); }
  .fg-home .fg-brands-row { grid-template-columns: repeat(4, 1fr); }
  .fg-home .fg-brands-card:nth-child(4n) { border-right: 0; }
  .fg-home .fg-brands-card:nth-child(-n+4) { border-bottom: 1px solid var(--elk-line); }
  .fg-elk-board { grid-template-columns: 1fr; }
  .fg-elk-acc-box { grid-template-columns: 1fr; }
  .fg-elk-acc-l { border-right: 0; border-bottom: 1px solid var(--elk-line); }
  .fg-elk-acc-r { grid-template-columns: repeat(2, 1fr); }
  .fg-elk-acc-i:nth-child(2n) { border-right: 0; }
  .fg-elk-acc-i:nth-child(-n+2) { border-bottom: 1px solid var(--elk-line); }
  .fg-home .fg-trust-row { grid-template-columns: repeat(3, 1fr); row-gap: 22px; }
  .fg-elk-auth-l { padding: 40px 36px 0; }
  .fg-elk-auth-r { padding: 36px 36px 40px; }
  .fg-elk-auth-h1 { font-size: 30px; }
  .fg-elk-auth-shot { width: calc(100% + 72px); margin-left: -36px; margin-right: -36px; }
}

@media (max-width: 991px) {
  .fg-b2b-head-row { grid-template-columns: auto 1fr; gap: 16px; min-height: 70px; }
  .fg-b2b-search { display: none; }
  .fg-b2b-acts { justify-content: flex-end; }
  .fg-b2b-nav .container { min-height: 54px; }
  .fg-b2b-navlinks { display: none; }
  .fg-home .fg-pt-hero-slides { height: 340px; border-radius: 12px; }
  .fg-home .fg-pt-htitle { font-size: 28px; }
  .fg-home .fg-pt-hsub { font-size: 13.5px; }

  .fg-home .fg-hero-stats-row { gap: 20px; }
  .fg-elk-promos { grid-template-columns: 1fr; }
  .fg-elk-news-grid { grid-template-columns: repeat(2, 1fr); }
  .fg-b2b-foot-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  /* Mobilde önce FORM, tanıtım paneli altta kalsın */
  .fg-elk-auth-grid { grid-template-columns: 1fr; }
  .fg-elk-auth-r { order: 1; }
  .fg-elk-auth-l { order: 2; padding: 36px 28px 0; }
  .fg-elk-auth-shot { max-height: 260px; object-fit: contain; }
  .fg-elk-auth-shot { width: calc(100% + 56px); margin-left: -28px; margin-right: -28px; }
  .fg-elk-auth-r { padding: 32px 28px 36px; }
  .fg-elk-auth-body { max-width: none; }
  .fg-elk-auth-trust { grid-template-columns: repeat(2, 1fr); }
  .fg-elk-auth-trust-i:nth-child(2n) { border-right: 0; }
  .fg-elk-auth-trust-i:nth-child(-n+2) { border-bottom: 1px solid var(--elk-line); }
}

@media (max-width: 767px) {
  .fg-b2b-top-l { display: none; }
  .fg-b2b-top .container { justify-content: center; }
  .fg-elk-acct-txt { display: none; }
  .fg-elk-acct { padding: 4px; }
  .fg-b2b-cart .fg-cart-trigger .fg-mob-hide,
  .fg-elk-cart-total { display: none; }
  .fg-home .fg-home-section { padding: 26px 0; }
  .fg-home .fg-pt-hero { padding: 14px 0 0; }
  .fg-home .fg-pt-hero-slides { height: 400px; }
  .fg-home .fg-pt-hslide { align-items: flex-start; padding-top: 30px; }
  .fg-home .fg-pt-hslide-veil {
    background: linear-gradient(180deg, rgba(8,14,26,.95) 0%, rgba(8,14,26,.86) 52%, rgba(8,14,26,.55) 100%);
  }
  .fg-home .fg-pt-hslide-inner { padding: 0 18px; }
  .fg-home .fg-pt-htitle { font-size: 24px; }
  .fg-home .fg-pt-hslide-inner .fg-hero-stats-row { gap: 10px 14px; margin-bottom: 18px; }
  .fg-home .fg-hero-stat { flex: 0 0 calc(50% - 7px); }
  .fg-home .fg-hero-stat i { width: 30px; height: 30px; flex: 0 0 30px; font-size: 12px; }
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .fg-home .fg-catnav-card { min-height: 92px; padding: 14px 6px; }
  .fg-home .fg-prod-grid, .fg-home .fg-elk-pgrid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .fg-home .fg-pcard-name { min-height: 50px; font-size: 12px; }
  .fg-home .fg-trust-row { grid-template-columns: repeat(2, 1fr); }
  .fg-home .fg-brands-row { grid-template-columns: repeat(2, 1fr); }
  .fg-home .fg-brands-card:nth-child(2n) { border-right: 0; }
  .fg-home .fg-brands-card { border-bottom: 1px solid var(--elk-line); }
  .fg-elk-news-grid { grid-template-columns: 1fr; }
  .fg-elk-promo-txt { max-width: 68%; padding: 20px; }
  .fg-elk-promo-img { width: 46%; }
  .fg-b2b-foot-grid { grid-template-columns: 1fr; gap: 26px; }
  .fg-b2b-foot-main { padding: 34px 0 28px; }
  .fg-b2b-foot-bottom .container { justify-content: center; text-align: center; }
  .fg-auth-wrap { padding: 0; align-items: stretch; }
  .fg-elk-auth-card { border-radius: 0; box-shadow: none; }
  .fg-elk-auth-l { padding: 30px 20px 0; }
  .fg-elk-auth-shot { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
  .fg-elk-auth-h1 { font-size: 25px; }
  .fg-elk-auth-r { padding: 28px 20px 32px; }
  .fg-elk-auth-h2 { font-size: 24px; }
  .fg-elk-auth-trust { grid-template-columns: 1fr; }
  .fg-elk-auth-trust-i { border-right: 0; border-bottom: 1px solid var(--elk-line); }
  .fg-elk-auth-trust-i:last-child { border-bottom: 0; }
  .fg-elk-two { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .fg-home .fg-sec-title { font-size: 18px; }
  .fg-home .fg-pt-hero-slides { height: 420px; }
}

/* ══════════════════  18. KÜÇÜK TAMAMLAYICILAR  ══════════════════════ */
.fg-home .fg-pcard-namelink { display: block; text-decoration: none; color: inherit; }
.fg-elk-tabhead { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.fg-elk-auth-feat > span,
.fg-elk-auth-trust-i > span { display: flex; flex-direction: column; min-width: 0; }

/* Logo görseli yoksa metin logo */
.fg-b2b-logo-txt {
  display: block; font-size: 26px; font-weight: 800; letter-spacing: -.03em; color: var(--elk-txt);
}
.fg-b2b-logo-txt em { font-style: normal; color: var(--elk-blue); }
.fg-b2b-logo-sub {
  display: block; font-size: 8.5px; font-weight: 700; letter-spacing: .18em;
  color: var(--elk-mut); margin-top: 1px;
}

/* Yan sepet çekmecesi — mavi palet */
.fg-cart-drawer .fg-cart-checkout { background: var(--elk-blue); border-radius: 8px; }
.fg-cart-drawer .fg-cart-title i { color: var(--elk-blue); }

/* Mobil alt bar aktif rengi */
.fg-botnav-item i { color: var(--elk-mut); }
.fg-botnav-item:hover i, .fg-botnav-item:hover span { color: var(--elk-blue); }

/* Kampanya bandı */
.fg-promo-banner { background: var(--elk-blue); }
.fg-promo-btn { background: rgba(255,255,255,.16); border-radius: 6px; }

/* Footer metin logosu */
.fg-b2b-foot-logo { text-decoration: none !important; }
.fg-b2b-logo-txt--foot { color: #fff; }
.fg-b2b-logo-txt--foot em { color: var(--elk-blue-l); }
.fg-b2b-logo-sub--foot { color: #6b7a91; }

/* ══════════════════  19. ÜRÜN DETAY — B2B  ═════════════════════════ */

/* Ürün Kodu / OEM Numarası */
.fg-elk-pd-ids { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 14px; }
.fg-elk-pd-id {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--elk-bg); border: 1px solid var(--elk-line);
  border-radius: 7px; padding: 6px 11px;
}
.fg-elk-pd-id-k { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--elk-mut); }
.fg-elk-pd-id-v {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px; font-weight: 600; color: var(--elk-txt); letter-spacing: .01em;
}

/* Fiyat: KDV hariç büyük, KDV dahil altta */
.fg-elk-price .fg-price-top { margin-bottom: 2px; }
.fg-elk-price .fg-price-old { font-size: 15px; color: #98a2b3; text-decoration: line-through; }
.fg-elk-price-row { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.fg-elk-price .fg-price-now {
  font-size: 32px; font-weight: 800; letter-spacing: -.02em; color: var(--elk-txt); line-height: 1.15;
}
.fg-elk-price-tag {
  background: var(--elk-soft); color: var(--elk-blue);
  border-radius: 5px; padding: 3px 8px; font-size: 11px; font-weight: 700;
}
.fg-elk-price-incl { font-size: 13px; color: var(--elk-mut); margin-top: 5px; }
.fg-elk-price-incl strong { color: #344054; font-weight: 600; }

/* Toptan fiyat kademeleri */
.fg-elk-tiers {
  margin: 18px 0 4px; border: 1px solid var(--elk-line);
  border-radius: 10px; overflow: hidden; background: #fff;
}
.fg-elk-tiers-h {
  display: flex; align-items: center; gap: 9px;
  background: var(--elk-bg); border-bottom: 1px solid var(--elk-line);
  padding: 11px 14px; font-size: 13px; font-weight: 700; color: var(--elk-txt);
}
.fg-elk-tiers-h i { color: var(--elk-blue); font-size: 13px; }
.fg-elk-tier-scroll { overflow-x: auto; }
.fg-elk-tier-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.fg-elk-tier-tbl th {
  font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--elk-mut); padding: 9px 14px; border-bottom: 1px solid var(--elk-line);
  white-space: nowrap; text-align: left;
}
.fg-elk-tier-tbl th small { display: block; font-size: 9.5px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.fg-elk-tier-tbl td { padding: 10px 14px; border-bottom: 1px solid #f2f4f7; white-space: nowrap; }
.fg-elk-tier-tbl tr:last-child td { border-bottom: 0; }
.fg-elk-tier-tbl .fg-r { text-align: right; }
.fg-elk-tier-lbl { font-weight: 600; color: #344054; }
.fg-elk-tier-tbl b { font-size: 14px; color: var(--elk-txt); }
.fg-elk-tier-incl { color: var(--elk-mut); }
.fg-elk-tier-save {
  background: var(--elk-ok-bg); color: var(--elk-ok);
  border-radius: 5px; padding: 3px 8px; font-size: 11px; font-weight: 700;
}
.fg-elk-tier-dash { color: #cbd2dd; }
/* girilen adede denk gelen kademe */
.fg-elk-tier-tbl tr.fg-elk-tier-active td { background: var(--elk-soft); }
.fg-elk-tier-tbl tr.fg-elk-tier-active .fg-elk-tier-lbl { color: var(--elk-blue); }
.fg-elk-tier-tbl tr.fg-elk-tier-active .fg-elk-tier-lbl::before {
  content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900;
  font-size: 10px; margin-right: 7px; color: var(--elk-blue);
}
.fg-elk-tier-tbl tr.fg-elk-tier-active b { color: var(--elk-blue); }
.fg-elk-tiers-note {
  margin: 0; padding: 10px 14px; border-top: 1px solid var(--elk-line);
  background: #fbfcfe; font-size: 11.5px; line-height: 1.55; color: var(--elk-mut);
}
.fg-elk-tiers-note i { color: var(--elk-blue); margin-right: 5px; }

/* Canlı satır toplamı */
.fg-elk-linetotal {
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  margin-left: auto; padding: 8px 14px;
  background: var(--elk-bg); border: 1px solid var(--elk-line); border-radius: 8px;
}
.fg-elk-linetotal-k { font-size: 11.5px; font-weight: 600; color: var(--elk-mut); }
.fg-elk-linetotal-v { font-size: 19px; font-weight: 800; color: var(--elk-txt); letter-spacing: -.01em; }
.fg-elk-linetotal-s { font-size: 11px; color: #98a2b3; width: 100%; }
.fg-elk-linetotal-s b { color: #475467; font-weight: 600; }

@media (max-width: 767px) {
  .fg-elk-price .fg-price-now { font-size: 26px; }
  .fg-elk-linetotal { margin-left: 0; width: 100%; }
  .fg-elk-tier-tbl th, .fg-elk-tier-tbl td { padding: 8px 10px; }
}

/* Kayıt sayfası: form uzun olduğu için tanıtım görseli üstte kalsın (dibe düşmesin) */
.fg-elk-auth-l--top .fg-elk-auth-shot { flex: 0 0 auto; min-height: 0; margin-top: 22px; }