@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap');

/* ══════════════════════════════════════════════════════════════════════
   OFİSİMO — B2B YAPI MALZEMELERİ / İNŞAAT
   fg-b2b.css'ten SONRA yüklenir ve onu ezer.
   · --b2b-* palet tokenları burada değiştirildiği için kategori / arama /
     ürün liste sayfalarındaki sabit B2B tablosu da otomatik uyum sağlar.
   · Header, menü, ana sayfa bölümleri, footer, giriş sayfaları ve ürün
     detay B2B blokları bu dosyada baştan kurulur.
   ══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────  1. PALET  ───────────────────────── */
:root {
  /* fg-b2b.css'in beklediği tokenlar — sabit alt sayfalar bunları kullanır */
  --b2b-ink:      #0b1e3a;
  --b2b-ink-2:    #122a4d;
  --b2b-ink-3:    #1c3a63;
  --b2b-red:      #1554d1;   /* "aksan" tokeni = MAVİ */
  --b2b-red-dark: #0f43ab;
  --b2b-red-soft: #e9f0ff;
  --b2b-line:     #e3e8f1;
  --b2b-bg:       #f4f6fa;
  --b2b-txt:      #0f1c30;
  --b2b-mut:      #64748b;
  --b2b-ok:       #0f7a52;
  --b2b-rad:      10px;
  --b2b-shadow:   0 1px 2px rgba(11,30,58,.05), 0 1px 3px rgba(11,30,58,.06);

  /* temanın kendi tokenları */
  --ins-ink:     #0b1e3a;
  --ins-ink2:    #122a4d;
  --ins-ink3:    #1c3a63;
  --ins-blue:    #1554d1;
  --ins-blue-d:  #0f43ab;
  --ins-blue-l:  #4d8bff;
  --ins-soft:    #e9f0ff;
  --ins-amber:   #f4a524;
  --ins-line:    #e3e8f1;
  --ins-bg:      #f4f6fa;
  --ins-txt:     #0f1c30;
  --ins-mut:     #64748b;
  --ins-dim:     #94a3b8;
  --ins-ok:      #0f7a52;
  --ins-ok-bg:   #e6f5ee;
  --ins-r:       10px;
  --ins-r-lg:    14px;
  --ins-sh:      0 1px 2px rgba(11,30,58,.05), 0 1px 3px rgba(11,30,58,.06);
  --ins-sh-lg:   0 10px 28px rgba(11,30,58,.10);
}

body.fg-mc {
  font-family: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--ins-txt);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
body.fg-mc .container { max-width: 1290px; }

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

/* ═══════════════  3. ANA HEADER  ═══════════════ */
.fg-b2b-head { background: #fff; border-bottom: 1px solid var(--ins-line); box-shadow: none; }
.fg-b2b-head .container { padding-top: 0; padding-bottom: 0; }
.fg-b2b-head-row {
  display: grid; grid-template-columns: minmax(200px, auto) minmax(0, 1fr) auto;
  align-items: center; gap: 28px; min-height: 86px;
}
.fg-b2b-logo { display: flex; align-items: center; text-decoration: none; }
.fg-b2b-logo img { max-height: 46px; width: auto; }
.fg-b2b-logo-txt { display: block; font-size: 30px; font-weight: 800; letter-spacing: -.04em; color: var(--ins-txt); line-height: 1; }
.fg-b2b-logo-txt em { font-style: normal; color: var(--ins-blue); }
.fg-b2b-logo-sub { display: block; font-size: 8px; font-weight: 800; letter-spacing: .21em; color: var(--ins-mut); margin-top: 5px; }

/* Arama — kategori seçici SAĞDA, buton en sağda (referans düzeni) */
.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(--ins-line); border-radius: var(--ins-r);
  overflow: hidden; height: 48px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.fg-b2b-search .fg-search-box:focus-within {
  border-color: var(--ins-blue); box-shadow: 0 0 0 3px rgba(21,84,209,.12);
}
.fg-b2b-search .fg-search-box input[name="search"] {
  order: 1; flex: 1 1 auto; min-width: 0; height: 100%;
  border: 0; outline: 0; background: transparent;
  padding: 0 18px; font-size: 14px; color: var(--ins-txt);
}
.fg-b2b-search .fg-search-box input::placeholder { color: var(--ins-dim); }
.fg-b2b-search .fg-search-box select {
  order: 2; flex: 0 0 auto; height: 100%; max-width: 180px;
  border: 0; border-left: 1px solid var(--ins-line);
  background: #fff; outline: 0;
  padding: 0 32px 0 16px; font-size: 13px; font-weight: 600; color: #475569;
  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='%2364748b'%3E%3Cpath d='M4.5 6.5 8 10l3.5-3.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
  cursor: pointer;
}
.fg-b2b-search .fg-search-box button {
  order: 3; flex: 0 0 auto; width: 56px; height: 100%; margin: 0;
  border: 0; background: var(--ins-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(--ins-blue-d); }

/* Hesap + sepet */
.fg-b2b-acts { display: flex; align-items: center; gap: 8px; }
.fg-elk-acct {
  display: flex; align-items: center; gap: 11px;
  padding: 7px 12px 7px 7px; border-radius: var(--ins-r);
  text-decoration: none; color: inherit; transition: background .15s ease;
}
.fg-elk-acct:hover { background: var(--ins-bg); color: inherit; }
.fg-elk-acct-av {
  width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%;
  background: var(--ins-soft); color: var(--ins-blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 800;
}
.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(--ins-mut); }
.fg-elk-acct-n { font-size: 13.5px; font-weight: 700; color: var(--ins-txt); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fg-elk-acct-s { font-size: 11px; color: var(--ins-dim); }

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

.fg-b2b-cart { position: relative; }
.fg-b2b-cart .fg-cart-trigger {
  position: relative; display: flex; align-items: center; gap: 11px;
  background: transparent; border: 0; padding: 7px 10px; border-radius: var(--ins-r);
  cursor: pointer; color: inherit; transition: background .15s ease;
}
.fg-b2b-cart .fg-cart-trigger:hover { background: var(--ins-bg); }
.fg-b2b-cart .fg-cart-trigger > i {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%;
  background: var(--ins-soft); color: var(--ins-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(--ins-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(--ins-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(--ins-blue); color: #fff; border: 2px solid #fff; border-radius: 999px;
  font-size: 10.5px; font-weight: 700; line-height: 14px; text-align: center;
}

/* ═══════════════  4. MENÜ ŞERİDİ  ═══════════════ */
.fg-b2b-nav { background: #fff; border-bottom: 1px solid var(--ins-line); }
.fg-b2b-nav .container { display: flex; align-items: center; gap: 18px; min-height: 58px; }
.fg-b2b-allcat {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--ins-ink); color: #fff; border: 0; border-radius: 8px;
  padding: 11px 17px; font-size: 12.5px; font-weight: 700;
  letter-spacing: .04em; cursor: pointer; white-space: nowrap;
  transition: background .15s ease;
}
.fg-b2b-allcat:hover { background: var(--ins-ink2); }
.fg-b2b-allcat .fa-chevron-right { font-size: 9px; opacity: .75; }
/* NOT: overflow gizli/auto OLMAMALI — açılır alt kategori menüsünü keser */
.fg-b2b-navlinks { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; overflow: visible; }
.fg-b2b-navlink {
  display: inline-flex; align-items: center;
  padding: 9px 13px; border-radius: 7px;
  font-size: 13.5px; font-weight: 600; color: #334155; text-decoration: none; white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.fg-b2b-navlink:hover { background: var(--ins-soft); color: var(--ins-blue); }
.fg-b2b-quick {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--ins-ink); color: #fff; border-radius: 8px; padding: 11px 18px;
  font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
  text-decoration: none; white-space: nowrap; transition: background .15s ease;
}
.fg-b2b-quick:hover { background: var(--ins-ink2); color: #fff; }
.fg-b2b-quick i { color: var(--ins-amber); }

/* Üst menü — alt kategori açılır menüsü */
.fg-b2b-navitem { position: relative; }
.fg-b2b-navcaret { font-size: 8px; margin-left: 5px; opacity: .5; transition: transform .15s ease; }
.fg-b2b-navitem:hover .fg-b2b-navcaret { transform: rotate(180deg); opacity: 1; }
.fg-b2b-dd {
  position: absolute; top: calc(100% + 2px); left: 0; z-index: 60;
  min-width: 240px; padding: 6px;
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  box-shadow: 0 14px 34px rgba(11,30,58,.15);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.fg-b2b-navitem:hover .fg-b2b-dd,
.fg-b2b-navitem:focus-within .fg-b2b-dd { opacity: 1; visibility: visible; transform: translateY(0); }
.fg-b2b-dd a {
  display: block; padding: 9px 12px; border-radius: 7px;
  font-size: 13px; font-weight: 600; color: #334155; text-decoration: none; white-space: nowrap;
  transition: background .12s ease, color .12s ease;
}
.fg-b2b-dd a:hover { background: var(--ins-soft); color: var(--ins-blue); }
.fg-b2b-dd-all {
  color: var(--ins-blue) !important; border-bottom: 1px solid var(--ins-line);
  border-radius: 7px 7px 0 0; margin-bottom: 4px;
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px;
}
.fg-b2b-dd-all i { font-size: 10px; }
.fg-b2b-menusub { list-style: none; margin: 0 0 6px; padding: 0 0 0 14px; }
.fg-b2b-menusub li { border: 0; }
.fg-b2b-menusub a { display: block; padding: 8px 12px; font-size: 13px; color: var(--ins-mut); text-decoration: none; border-radius: 7px; }
.fg-b2b-menusub a:hover { background: var(--ins-soft); color: var(--ins-blue); }

/* ═══════════════  5. ANA SAYFA GENEL  ═══════════════ */
.fg-home { background: #fff; }
.fg-home .fg-home-section { padding: 28px 0; }
.fg-home .fg-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.fg-home .fg-sec-kicker { display: block; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--ins-blue); margin-bottom: 6px; }
.fg-home .fg-sec-title { font-size: 22px; font-weight: 800; color: var(--ins-txt); margin: 0; letter-spacing: -.025em; }
.fg-home .fg-sec-sub { display: block; font-size: 13.5px; color: var(--ins-mut); margin-top: 7px; line-height: 1.6; }
.fg-home .fg-sec-link { font-size: 13px; font-weight: 700; color: var(--ins-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.fg-home .fg-sec-link:hover { color: var(--ins-blue-d); }
/* ortalanmış bölüm başlığı */
.fg-home .fg-sec-head--center { flex-direction: column; align-items: center; text-align: center; margin-bottom: 26px; }
.fg-home .fg-sec-head--center .fg-sec-sub { max-width: 560px; }

/* Eski tema tuzaklarını 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-trust-row, .fg-home .fg-trust-item { background: none; box-shadow: none; border: 0; }

/* ═══════════════  6. HERO — kapsayıcı içinde yuvarlatılmış kart  ═══════════════ */
.fg-home .fg-pt-hero { padding: 22px 0 0; background: #fff !important; }
.fg-home .fg-pt-hero-slides {
  position: relative; width: calc(100% - 40px); max-width: 1290px; margin: 0 auto;
  border-radius: var(--ins-r-lg); overflow: hidden;
  background: var(--ins-ink); height: 442px;
  box-shadow: 0 16px 40px rgba(11,30,58,.18);
}
.fg-home .fg-pt-hslide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .55s ease; display: flex; align-items: center; }
.fg-home .fg-pt-hslide.is-active { opacity: 1; visibility: visible; }
/* Fotoğraf katmanı: sağ tarafta, sol kenarı eğik */
.fg-home .fg-pt-hslide-bg {
  position: absolute; top: 0; right: 0; bottom: 0; left: 44%;
  background-size: cover !important; background-position: center !important;
  -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}
.fg-home .fg-pt-hslide-veil {
  position: absolute; inset: 0;
  background: linear-gradient(97deg, rgba(11,30,58,.99) 0%, rgba(11,30,58,.97) 40%, rgba(11,30,58,.6) 52%, rgba(11,30,58,.1) 62%, transparent 72%);
}
.fg-home .fg-pt-hslide .container { position: relative; z-index: 2; width: 100%; max-width: 1290px; }
.fg-home .fg-pt-hslide-inner { max-width: 560px; padding: 0 24px 0 44px; }
.fg-home .fg-pt-heyebrow {
  display: inline-block; margin-bottom: 15px;
  background: rgba(77,139,255,.15); color: #a8c5ff; border: 1px solid rgba(77,139,255,.3);
  border-radius: 999px; padding: 6px 14px; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.fg-home .fg-pt-htitle { font-size: 43px; line-height: 1.13; font-weight: 800; letter-spacing: -.032em; color: #fff; margin: 0 0 16px; }
.fg-home .fg-pt-htitle em { font-style: normal; color: var(--ins-blue-l); }
.fg-home .fg-pt-hsub { font-size: 14.5px; line-height: 1.72; color: #a3b5cd; margin: 0 0 26px; max-width: 450px; }
.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(--ins-blue); color: #fff; border-radius: 8px; padding: 14px 26px;
  font-size: 12.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
  text-decoration: none; transition: background .15s ease, transform .15s ease;
}
.fg-home .fg-pt-hbtn:hover { background: var(--ins-blue-d); color: #fff; transform: translateY(-1px); }
.fg-home .fg-pt-hbtn--ghost { background: transparent; border: 1.5px solid rgba(255,255,255,.32); color: #fff; }
.fg-home .fg-pt-hbtn--ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; }

.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,.2);
  color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .15s ease; opacity: 0;
}
.fg-home .fg-pt-hero-slides:hover .fg-pt-harrow { opacity: 1; }
.fg-home .fg-pt-harrow:hover { background: rgba(255,255,255,.26); }
.fg-home .fg-pt-harrow.prev { left: 18px; }
.fg-home .fg-pt-harrow.next { right: 18px; }
.fg-home .fg-pt-hdots { position: absolute; left: 0; right: 0; bottom: 20px; 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,.3); cursor: pointer; transition: all .2s ease; }
.fg-home .fg-pt-hdot.is-active { width: 24px; background: var(--ins-blue-l); }

/* Hero içi mini özellik şeridi */
.fg-home .fg-hero-stats { display: none; }
.fg-home .fg-pt-hslide-inner .fg-hero-stats-row {
  display: flex; align-items: center; gap: 12px 26px; flex-wrap: wrap; margin: 0 0 26px; padding: 0;
}
.fg-home .fg-hero-stat { display: flex; align-items: center; gap: 10px; }
.fg-home .fg-hero-stat i { color: #7f9ad4; font-size: 19px; width: auto; height: auto; background: none; border: 0; }
.fg-home .fg-hero-stat-txt { display: flex; flex-direction: column; line-height: 1.3; }
.fg-home .fg-hero-stat-v { font-size: 12.5px; font-weight: 700; color: #fff; }
.fg-home .fg-hero-stat-l { font-size: 11.5px; color: #8ba0bd; }

/* ═══════════════  7. KATEGORİ İKON KUTULARI  ═══════════════ */
.fg-home .fg-catnav { padding: 30px 0 12px; }
.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(8, 1fr); gap: 12px; overflow: visible;
}
.fg-home .fg-catnav-card {
  position: relative; display: flex !important; flex-direction: column !important;
  align-items: center; justify-content: flex-start; text-align: center;
  gap: 0; text-decoration: none; overflow: hidden; width: auto;
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  padding: 20px 10px 17px; min-height: 118px;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fg-home .fg-catnav-card:hover { border-color: #b9cef6; box-shadow: var(--ins-sh-lg); transform: translateY(-3px); }
.fg-home .fg-catnav-ic {
  width: 44px; height: 44px; flex: 0 0 44px; margin: 0 0 12px;
  border-radius: 11px; background: var(--ins-soft); color: var(--ins-blue);
  display: flex; align-items: center; justify-content: center; font-size: 18px;
  border: 0; align-self: center; transition: background .15s ease, color .15s ease;
}
.fg-home .fg-catnav-card:hover .fg-catnav-ic { background: var(--ins-blue); color: #fff; }
.fg-home .fg-catnav-ic--img { width: 44px; height: 44px; overflow: hidden; }
.fg-home .fg-catnav-ic--img img { width: 100%; height: 100%; object-fit: cover; }
.fg-home .fg-catnav-txt { display: flex; flex-direction: column; align-items: center; padding: 0; min-width: 0; width: 100%; }
.fg-home .fg-catnav-name {
  font-size: 12.5px; font-weight: 700; color: var(--ins-txt); line-height: 1.35;
  letter-spacing: -.005em; text-transform: none;
}
.fg-home .fg-catnav-desc { font-size: 11px; line-height: 1.5; color: var(--ins-dim); margin-top: 5px; }
.fg-home .fg-catnav-go, .fg-home .fg-catnav-arr { display: none; }
/* son kutu = "Tüm Kategoriler" */
.fg-home .fg-catnav-card:last-child { background: var(--ins-bg); border-style: dashed; }
.fg-home .fg-catnav-card:last-child .fg-catnav-ic { background: #fff; }

/* ═══════════════  8. HESAP ÖZETİ (5 kutu, gri panel)  ═══════════════ */
.fg-home .fg-elk-acc { padding: 18px 0 12px; }
.fg-home .fg-elk-acc .fg-sec-head { margin-bottom: 14px; }
.fg-elk-acc-row {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;
  background: var(--ins-bg); border: 1px solid var(--ins-line); border-radius: var(--ins-r-lg); padding: 10px;
}
.fg-elk-acc-i {
  display: flex; align-items: center; gap: 13px; text-decoration: none;
  background: #fff; border: 1px solid transparent; border-radius: var(--ins-r);
  padding: 16px 14px; transition: border-color .15s ease, box-shadow .15s ease;
}
.fg-elk-acc-i:hover { border-color: #b9cef6; box-shadow: var(--ins-sh); }
.fg-elk-acc-ic { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.fg-elk-acc-ic.c1 { background: #e9f0ff; color: #1554d1; }
.fg-elk-acc-ic.c2 { background: #fdeaee; color: #d02c46; }
.fg-elk-acc-ic.c3 { background: #fff4e2; color: #c2740a; }
.fg-elk-acc-ic.c4 { background: #e9f0ff; color: #1554d1; }
.fg-elk-acc-ic.c5 { background: #e6f5ee; color: #0f7a52; }
.fg-elk-acc-txt { min-width: 0; }
.fg-elk-acc-lbl { font-size: 11px; color: var(--ins-mut); display: block; margin-bottom: 4px; line-height: 1.3; }
.fg-elk-acc-val { font-size: 17px; font-weight: 800; color: var(--ins-txt); display: block; letter-spacing: -.022em; }
.fg-elk-acc-sub { font-size: 10.5px; color: var(--ins-dim); display: block; margin-top: 5px; }
.fg-elk-acc-sub b { color: #475569; font-weight: 700; }

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

/* Yatay kaydırmalı ürün şeridi */
.fg-elk-carousel { position: relative; }
.fg-elk-carr {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 38px; height: 38px; border-radius: 50%;
  background: #fff; border: 1px solid var(--ins-line); color: #334155;
  cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px;
  box-shadow: 0 4px 12px rgba(11,30,58,.12); transition: all .15s ease;
}
.fg-elk-carr:hover { border-color: var(--ins-blue); color: var(--ins-blue); }
.fg-elk-carr.is-disabled { opacity: 0; pointer-events: none; }
.fg-elk-carr.prev { left: -17px; }
.fg-elk-carr.next { right: -17px; }
.fg-home .fg-elk-ptrack {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 16px) / 5);
  gap: 16px; overflow-x: auto; scroll-behavior: smooth;
  scrollbar-width: none; padding: 2px;
}
.fg-home .fg-elk-ptrack::-webkit-scrollbar { display: none; }
.fg-home .fg-prod-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }

.fg-home .fg-pcard {
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  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: #b9cef6; box-shadow: var(--ins-sh-lg); transform: translateY(-3px); }
.fg-home .fg-pcard-img { position: relative; aspect-ratio: 1 / 1; background: #fff; padding: 12px; display: block; overflow: hidden; }
.fg-home .fg-pcard-img a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.fg-home .fg-pcard-img img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; transition: transform .35s ease; }
.fg-home .fg-pcard:hover .fg-pcard-img img { transform: scale(1.05); }
.fg-home .fg-pcard-dbadge { position: absolute; top: 10px; left: 10px; background: #d02c46; color: #fff; border-radius: 4px; padding: 3px 8px; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.fg-home .fg-pcard-wish {
  position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; border-radius: 50%;
  background: rgba(255,255,255,.94); border: 1px solid var(--ins-line); color: #475569; 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: #d02c46; }
.fg-home .fg-pcard-quick, .fg-home .fg-pcard-stars-sm { display: none !important; }

.fg-home .fg-pcard-body { padding: 13px 14px 14px; display: flex; flex-direction: column; flex: 1 1 auto; border-top: 1px solid #f1f5f9; }
/* marka + ürün kodu satırı */
.fg-home .fg-pcard-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.fg-home .fg-pcard-brand { font-size: 11px; font-weight: 800; letter-spacing: .04em; color: var(--ins-blue); text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fg-home .fg-pcard-code { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 10px; font-weight: 600; color: var(--ins-dim); white-space: nowrap; }
.fg-home .fg-pcard-namelink { display: block; text-decoration: none; color: inherit; }
.fg-home .fg-pcard-name {
  font-size: 13.5px; font-weight: 700; line-height: 1.4; color: var(--ins-txt); margin: 0 0 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 38px;
}
.fg-home .fg-pcard-comp { display: block; font-size: 11.5px; line-height: 1.45; color: var(--ins-mut); margin-bottom: 10px; min-height: 17px; }
.fg-home .fg-pcard-prices { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin-bottom: 11px; }
.fg-home .fg-pcard-p { font-size: 18px; font-weight: 800; color: var(--ins-blue); letter-spacing: -.025em; }
.fg-home .fg-pcard-unit { font-size: 11.5px; font-weight: 600; color: var(--ins-mut); }
.fg-home .fg-pcard-op { font-size: 12px; color: var(--ins-dim); 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(--ins-ok-bg); color: var(--ins-ok); border-radius: 4px; padding: 4px 8px; font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.fg-home .fg-pcard-stock.is-low { background: #fff4e2; color: #b45309; }
.fg-home .fg-pcard-stock.is-out { background: #f1f5f9; color: var(--ins-mut); }
.fg-home .fg-pcard-add {
  width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 0; border-radius: 8px;
  background: var(--ins-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(--ins-blue-d); }
.fg-home .fg-pcard-add span { display: none; }

/* ═══════════════  10. NEDEN OFİSİMO? (güven şeridi)  ═══════════════ */
.fg-home .fg-trust-strip { padding: 30px 0; background: #fff !important; }
.fg-home .fg-trust-strip .fg-sec-head { display: flex; }
.fg-home .fg-trust-row {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px;
  background: var(--ins-bg); border: 1px solid var(--ins-line); border-radius: var(--ins-r-lg);
  padding: 30px 22px; border-top: 1px solid var(--ins-line); border-bottom: 1px solid var(--ins-line);
}
.fg-home .fg-trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }
.fg-home .fg-trust-item i {
  width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px;
  background: #fff; border: 1px solid var(--ins-line); color: var(--ins-blue); font-size: 17px;
  display: flex; align-items: center; justify-content: center;
}
.fg-home .fg-trust-item > div { display: flex; flex-direction: column; min-width: 0; align-items: center; }
.fg-home .fg-trust-t { font-size: 13px; font-weight: 700; color: var(--ins-txt); line-height: 1.35; }
.fg-home .fg-trust-d { font-size: 11.5px; color: var(--ins-mut); line-height: 1.55; margin-top: 5px; }

/* ═══════════════  11. MARKALAR  ═══════════════ */
.fg-home .fg-brands { padding-top: 8px; }
.fg-home .fg-brands .fg-sec-link { display: none; }
.fg-home .fg-brands-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }
.fg-home .fg-brands-card {
  display: flex; align-items: center; justify-content: center;
  padding: 24px 10px; min-height: 86px; text-decoration: none;
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.fg-home .fg-brands-card:hover { border-color: #b9cef6; box-shadow: var(--ins-sh); }
.fg-home .fg-brands-card img { max-width: 100%; max-height: 44px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: all .15s ease; }
.fg-home .fg-brands-card:hover img { filter: none; opacity: 1; }
.fg-home .fg-brands-name { font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; color: #475569; white-space: nowrap; text-align: center; transition: color .15s ease; }
.fg-home .fg-brands-card:hover .fg-brands-name { color: var(--ins-blue); }

/* ═══════════════  12. PROMO KARTLARI  ═══════════════ */
.fg-elk-promos { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 16px; }
.fg-elk-promo { position: relative; overflow: hidden; border-radius: var(--ins-r); border: 1px solid var(--ins-line); min-height: 176px; display: flex; align-items: center; text-decoration: none; transition: box-shadow .15s ease, transform .15s ease; }
.fg-elk-promo:hover { box-shadow: var(--ins-sh-lg); transform: translateY(-2px); }
.fg-elk-promo-txt { position: relative; z-index: 2; padding: 24px; max-width: 64%; }
.fg-elk-promo-t { display: block; font-size: 17.5px; font-weight: 800; line-height: 1.3; letter-spacing: -.02em; 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: 10px 16px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.fg-elk-promo-img { position: absolute; top: 0; right: 0; bottom: 0; width: 52%; background-size: cover; background-position: center; -webkit-mask-image: linear-gradient(to right, transparent, #000 34%); mask-image: linear-gradient(to right, transparent, #000 34%); }
.fg-elk-promo--dark { background: var(--ins-ink); border-color: var(--ins-ink); }
.fg-elk-promo--dark .fg-elk-promo-t { color: #fff; }
.fg-elk-promo--dark .fg-elk-promo-d { color: #8ea2bd; }
.fg-elk-promo--dark .fg-elk-promo-btn { background: var(--ins-blue); border: 0; color: #fff; }
.fg-elk-promo--gray { background: #f1f5f9; }
.fg-elk-promo--gray .fg-elk-promo-t { color: var(--ins-txt); }
.fg-elk-promo--gray .fg-elk-promo-d { color: var(--ins-mut); }
.fg-elk-promo--gray .fg-elk-promo-btn { background: #fff; border: 1px solid var(--ins-line); color: var(--ins-txt); }
.fg-elk-promo--green { background: #e9f6ee; border-color: #d3ecdd; }
.fg-elk-promo--green .fg-elk-promo-t { color: #0c3b26; }
.fg-elk-promo--green .fg-elk-promo-d { color: #3d6b54; }
.fg-elk-promo--green .fg-elk-promo-btn { background: #fff; border: 1px solid #c9e6d6; color: #0c3b26; }

/* ═══════════════  13. SEKTÖR ÇÖZÜM KARTLARI (promo_split)  ═══════════════ */
.fg-home .fg-psplit-wrap { padding: 30px 0; }
.fg-home .fg-psplit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.fg-home .fg-psplit-card {
  position: static; display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  text-decoration: none; min-height: 0; padding: 0;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fg-home .fg-psplit-card:hover { border-color: #b9cef6; box-shadow: var(--ins-sh-lg); transform: translateY(-3px); }
.fg-home .fg-psplit-bg {
  position: static; width: 100%; height: 152px; object-fit: cover; display: block;
  border-radius: 0; transform: none; opacity: 1;
}
.fg-home .fg-psplit-veil { display: none; }
.fg-home .fg-psplit-copy { position: static; padding: 17px 17px 18px; display: flex; flex-direction: column; flex: 1 1 auto; text-align: left; max-width: none; }
.fg-home .fg-psplit-kicker { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ins-blue); margin-bottom: 7px; display: block; }
.fg-home .fg-psplit-title { font-size: 15px; font-weight: 800; color: var(--ins-txt); margin: 0 0 8px; line-height: 1.35; letter-spacing: -.015em; }
.fg-home .fg-psplit-text { font-size: 12.5px; line-height: 1.65; color: var(--ins-mut); margin: 0 0 14px; }
.fg-home .fg-psplit-btn {
  margin-top: auto; align-self: flex-start; background: none; border: 0; padding: 0;
  font-size: 12.5px; font-weight: 700; color: var(--ins-blue);
  display: inline-flex; align-items: center; gap: 8px;
}
.fg-home .fg-psplit-card:hover .fg-psplit-btn { color: var(--ins-blue-d); }

/* ═══════════════  14. DUYURULAR & HABERLER  ═══════════════ */
.fg-home .fg-elk-board { display: block; }
.fg-home .fg-elk-ann { display: none; }
.fg-home .fg-elk-news { width: 100%; }
.fg-home .fg-elk-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.fg-home .fg-elk-news-head h3 { font-size: 22px; font-weight: 800; color: var(--ins-txt); margin: 0; letter-spacing: -.025em; }
.fg-home .fg-elk-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.fg-home .fg-elk-ncard {
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border: 1px solid var(--ins-line); border-radius: var(--ins-r);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fg-home .fg-elk-ncard:hover { border-color: #b9cef6; box-shadow: var(--ins-sh-lg); transform: translateY(-3px); }
.fg-home .fg-elk-ncard-img { display: block; }
.fg-home .fg-elk-ncard-img img { width: 100%; height: 168px; object-fit: cover; display: block; }
.fg-home .fg-elk-ncard-date { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 600; color: var(--ins-mut); padding: 16px 18px 0; }
.fg-home .fg-elk-ncard-date i { color: var(--ins-blue); font-size: 12px; }
.fg-home .fg-elk-ncard-cat { display: none; }
.fg-home .fg-elk-ncard-t { font-size: 15.5px; font-weight: 800; line-height: 1.4; letter-spacing: -.015em; margin: 9px 0 0; padding: 0 18px; }
.fg-home .fg-elk-ncard-t a { color: var(--ins-txt); text-decoration: none; }
.fg-home .fg-elk-ncard-t a:hover { color: var(--ins-blue); }
.fg-home .fg-elk-ncard-x { font-size: 12.5px; line-height: 1.65; color: var(--ins-mut); margin: 9px 0 0; padding: 0 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fg-home .fg-elk-ncard-l { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--ins-blue); text-decoration: none; margin: 14px 0 18px; padding: 0 18px; }
.fg-home .fg-elk-ncard-l:hover { color: var(--ins-blue-d); }

/* ═══════════════  15. FOOTER  ═══════════════ */
.fg-b2b-foot { background: var(--ins-ink); color: #8ea2bd; margin-top: 34px; }
.fg-b2b-foot-main { padding: 48px 0 40px; }
.fg-b2b-foot-grid { display: grid; grid-template-columns: 1.6fr 1fr 1.15fr 1fr 1.2fr; gap: 32px; }
.fg-b2b-foot-logo { display: inline-flex; margin-bottom: 16px; text-decoration: none !important; }
.fg-b2b-foot-logo img { max-height: 42px; width: auto; filter: brightness(0) invert(1); }
.fg-b2b-logo-txt--foot { color: #fff; }
.fg-b2b-logo-txt--foot em { color: var(--ins-blue-l); }
.fg-b2b-logo-sub--foot { color: #64748b; }
.fg-b2b-foot-desc { font-size: 12.5px; line-height: 1.8; color: #7f8fa6; margin: 0 0 18px; max-width: 305px; }
.fg-b2b-foot h5 { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; 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: 12.5px; color: #8ea2bd; 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: 12.5px; line-height: 1.6; }
.fg-b2b-foot-contact i { color: var(--ins-blue-l); font-size: 13px; margin-top: 3px; }
.fg-b2b-foot-contact a, .fg-b2b-foot-contact span { color: #8ea2bd; text-decoration: none; }
.fg-b2b-foot-contact a:hover { color: #fff; }
.fg-b2b-news-form { display: flex; margin-bottom: 18px; max-width: 305px; }
.fg-b2b-news-form input { flex: 1 1 auto; min-width: 0; height: 44px; 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: #64748b; }
.fg-b2b-news-form button { width: 48px; height: 44px; border: 0; border-radius: 0 8px 8px 0; background: var(--ins-blue); color: #fff; cursor: pointer; }
.fg-b2b-news-form button:hover { background: var(--ins-blue-d); }
.fg-b2b-soc { display: flex; gap: 9px; }
.fg-b2b-soc a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.07); color: #b0bdd0; 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(--ins-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: #64748b; }
.fg-b2b-foot-legal { display: flex; gap: 22px; flex-wrap: wrap; }
.fg-b2b-foot-legal a { font-size: 12.5px; color: #64748b; text-decoration: none; }
.fg-b2b-foot-legal a:hover { color: #fff; }

/* ═══════════════  16. GİRİŞ / KAYIT / ŞİFRE SAYFALARI  ═══════════════ */
body.fg-mc.fg-auth { background: #eef1f6; color: var(--ins-txt); }
.fg-auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 30px 20px; background: none !important; flex-direction: row; }
.fg-auth-wrap > .container { max-width: 1290px; width: 100%; }
.fg-elk-auth-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(11,30,58,.16); }
.fg-elk-auth-grid { display: grid; grid-template-columns: 1.02fr 1fr; }

/* Sol panel: şantiye fotoğrafı + koyu perde */
.fg-tex-auth-l {
  position: relative; display: flex; flex-direction: column;
  background-color: var(--ins-ink); background-size: cover; background-position: center;
  padding: 0; overflow: hidden; min-height: 640px;
}
.fg-tex-auth-veil {
  position: absolute; inset: 0;
  background: linear-gradient(160deg, rgba(9,24,46,.96) 0%, rgba(9,24,46,.88) 42%, rgba(9,24,46,.55) 100%);
}
.fg-tex-auth-inner { position: relative; z-index: 2; padding: 48px 48px 42px; display: flex; flex-direction: column; height: 100%; }
.fg-tex-auth-brand { display: inline-flex; flex-direction: column; margin-bottom: 36px; text-decoration: none !important; }
.fg-tex-auth-brand img { max-height: 46px; width: auto; filter: brightness(0) invert(1); }
.fg-tex-auth-brand-txt { font-size: 34px; font-weight: 800; color: #fff; letter-spacing: -.04em; line-height: 1; }
.fg-tex-auth-brand-txt em { font-style: normal; color: var(--ins-blue-l); }
.fg-tex-auth-brand-sub { font-size: 8.5px; font-weight: 800; letter-spacing: .21em; color: #8ea2bd; margin-top: 7px; }
.fg-tex-auth-h1 { font-size: 35px; line-height: 1.2; font-weight: 800; letter-spacing: -.035em; color: #fff; margin: 0 0 16px; }
.fg-tex-auth-h1 em { font-style: normal; display: block; color: var(--ins-blue-l); }
.fg-tex-auth-lead { font-size: 14px; line-height: 1.75; color: #9fb2c9; margin: 0 0 30px; max-width: 400px; }
.fg-tex-auth-lead strong { color: #fff; font-weight: 600; }
/* 4'lü yatay özellik şeridi (referans düzeni) */
.fg-tex-auth-feats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 12px; margin-bottom: 28px; }
.fg-tex-auth-feat { display: flex; align-items: center; gap: 10px; }
.fg-tex-auth-feat i {
  width: 36px; height: 36px; flex: 0 0 36px; border-radius: 9px;
  background: rgba(21,84,209,.26); border: 1px solid rgba(77,139,255,.3);
  color: #a8c5ff; font-size: 15px; display: flex; align-items: center; justify-content: center;
}
.fg-tex-auth-feat > span { display: flex; flex-direction: column; min-width: 0; }
.fg-tex-auth-feat-t { font-size: 12.5px; font-weight: 700; color: #fff; line-height: 1.3; }
.fg-tex-auth-feat-s { font-size: 11px; color: #8ea2bd; margin-top: 2px; line-height: 1.35; }
.fg-tex-auth-support {
  margin-top: auto; display: flex; align-items: center; gap: 14px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px; padding: 15px 17px;
}
.fg-tex-auth-support i { color: var(--ins-blue-l); font-size: 20px; flex: 0 0 auto; }
.fg-tex-auth-support > span { display: flex; flex-direction: column; min-width: 0; }
.fg-tex-auth-support-t { font-size: 13.5px; font-weight: 700; color: #fff; }
.fg-tex-auth-support-s { font-size: 12px; color: #8ea2bd; margin-top: 2px; line-height: 1.5; }

/* Sağ panel: form */
.fg-elk-auth-r { padding: 46px 56px 48px; display: flex; flex-direction: column; }
.fg-elk-auth-top { display: flex; justify-content: flex-end; margin-bottom: 24px; min-height: 30px; }
.fg-elk-auth-top .btn, .fg-elk-auth-top button { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--ins-mut) !important; font-size: 13px !important; padding: 4px 6px !important; }
.fg-elk-auth-body { max-width: 470px; width: 100%; margin: auto 0; }
.fg-elk-auth-body--reg { max-width: 630px; }
.fg-elk-auth-h2 { font-size: 30px; font-weight: 800; letter-spacing: -.035em; color: var(--ins-txt); margin: 0 0 10px; }
.fg-elk-auth-sub { font-size: 14px; line-height: 1.65; color: var(--ins-mut); margin: 0 0 28px; }

.fg-elk-fg { margin-bottom: 17px; }
.fg-elk-lbl { display: block; font-size: 13px; font-weight: 700; color: #334155; margin-bottom: 7px; }
.fg-elk-lbl .fg-elk-req { color: #d02c46; }
.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: 52px; border: 1.5px solid var(--ins-line); border-radius: 10px;
  background: #fcfdfe; padding: 0 46px 0 44px; font-size: 14px; color: var(--ins-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(--ins-blue); background: #fff; box-shadow: 0 0 0 3px rgba(21,84,209,.1); }
.fg-elk-ip input::placeholder, .fg-elk-ip textarea::placeholder { color: var(--ins-dim); }
.fg-elk-ic { position: absolute; left: 16px; color: var(--ins-dim); font-size: 14px; pointer-events: none; }
.fg-elk-eye { position: absolute; right: 10px; width: 32px; height: 32px; background: transparent; border: 0; color: var(--ins-dim); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.fg-elk-eye:hover { color: var(--ins-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: #475569; cursor: pointer; margin: 0; }
.fg-elk-chk input { width: 17px; height: 17px; accent-color: var(--ins-blue); cursor: pointer; }
.fg-elk-link { font-size: 13px; font-weight: 700; color: var(--ins-blue); text-decoration: none; }
.fg-elk-link:hover { color: var(--ins-blue-d); text-decoration: underline; }
.fg-elk-btn {
  width: 100%; height: 54px; border: 0; border-radius: 10px; background: var(--ins-blue); color: #fff;
  font-size: 14.5px; font-weight: 700; 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(--ins-blue-d); transform: translateY(-1px); }
.fg-elk-btn2 {
  width: 100%; height: 54px; border: 1.5px solid var(--ins-line); border-radius: 10px;
  background: #fff; color: var(--ins-txt); font-size: 14px; font-weight: 600;
  text-decoration: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  transition: border-color .15s ease, background .15s ease;
}
.fg-elk-btn2 strong { color: var(--ins-blue); font-weight: 700; }
.fg-elk-btn2:hover { border-color: var(--ins-blue); background: #fbfcff; }
.fg-elk-or { position: relative; text-align: center; margin: 20px 0; font-size: 12.5px; color: var(--ins-dim); }
.fg-elk-or::before, .fg-elk-or::after { content: ""; position: absolute; top: 50%; width: calc(50% - 28px); height: 1px; background: var(--ins-line); }
.fg-elk-or::before { left: 0; } .fg-elk-or::after { right: 0; }
.fg-tex-ssl { text-align: center; font-size: 13px; color: var(--ins-mut); margin: 22px 0 0; display: flex; align-items: center; justify-content: center; gap: 8px; }
.fg-tex-ssl i { color: var(--ins-blue); font-size: 15px; }
.fg-tex-ssl strong { color: var(--ins-blue); font-weight: 700; }
.fg-elk-terms { font-size: 12px; line-height: 1.7; color: var(--ins-dim); text-align: center; margin: 14px 0 0; }
.fg-elk-terms a { color: var(--ins-mut); text-decoration: underline; }
.fg-elk-terms a:hover { color: var(--ins-blue); }
.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: #e6f5ee; color: #0b6242; }
.fg-elk-err { display: block; font-size: 12px; color: #d02c46; margin-top: 6px; }
.fg-elk-ip.has-err input, .fg-elk-ip.has-err select, .fg-elk-ip.has-err textarea { border-color: #f0a3ae; }
.fg-elk-block { margin-bottom: 26px; }
.fg-elk-block-h { display: flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 800; color: var(--ins-txt); letter-spacing: .04em; text-transform: uppercase; margin-bottom: 16px; padding-bottom: 11px; border-bottom: 1px solid var(--ins-line); }
.fg-elk-block-h i { color: var(--ins-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; }
.fg-elk-auth-trust { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ins-line); background: #fafbfd; }
.fg-elk-auth-trust-i { display: flex; align-items: center; gap: 14px; padding: 22px 26px; border-right: 1px solid var(--ins-line); }
.fg-elk-auth-trust-i:last-child { border-right: 0; }
.fg-elk-auth-trust-i i { color: #475569; font-size: 19px; flex: 0 0 auto; }
.fg-elk-auth-trust-i > span { display: flex; flex-direction: column; min-width: 0; }
.fg-elk-auth-trust-t { font-size: 12.5px; font-weight: 700; color: var(--ins-txt); line-height: 1.35; }
.fg-elk-auth-trust-s { font-size: 11.5px; color: var(--ins-mut); margin-top: 3px; line-height: 1.45; }
.fg-elk-auth-copy { text-align: center; font-size: 12px; color: var(--ins-dim); margin: 18px 0 0; }

/* ═══════════════  17. ÜRÜN DETAY — B2B  ═══════════════ */
.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(--ins-bg); border: 1px solid var(--ins-line); border-radius: 8px; padding: 6px 11px; }
.fg-elk-pd-id-k { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ins-mut); }
.fg-elk-pd-id-v { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-weight: 600; color: var(--ins-txt); }
.fg-elk-price .fg-price-top { margin-bottom: 2px; }
.fg-elk-price .fg-price-old { font-size: 15px; color: var(--ins-dim); 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: -.035em; color: var(--ins-txt); line-height: 1.15; }
.fg-elk-price-tag { background: var(--ins-soft); color: var(--ins-blue); border-radius: 5px; padding: 3px 8px; font-size: 11px; font-weight: 800; }
.fg-elk-price-incl { font-size: 13px; color: var(--ins-mut); margin-top: 5px; }
.fg-elk-price-incl strong { color: #334155; font-weight: 700; }
.fg-elk-tiers { margin: 18px 0 4px; border: 1px solid var(--ins-line); border-radius: var(--ins-r); overflow: hidden; background: #fff; }
.fg-elk-tiers-h { display: flex; align-items: center; gap: 9px; background: var(--ins-bg); border-bottom: 1px solid var(--ins-line); padding: 11px 14px; font-size: 12.5px; font-weight: 800; color: var(--ins-txt); }
.fg-elk-tiers-h i { color: var(--ins-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: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ins-mut); padding: 9px 14px; border-bottom: 1px solid var(--ins-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 #f1f5f9; 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: 700; color: #334155; }
.fg-elk-tier-tbl b { font-size: 14px; color: var(--ins-txt); }
.fg-elk-tier-incl { color: var(--ins-mut); }
.fg-elk-tier-save { background: var(--ins-ok-bg); color: var(--ins-ok); border-radius: 5px; padding: 3px 8px; font-size: 11px; font-weight: 800; }
.fg-elk-tier-dash { color: #cbd5e1; }
.fg-elk-tier-tbl tr.fg-elk-tier-active td { background: var(--ins-soft); }
.fg-elk-tier-tbl tr.fg-elk-tier-active .fg-elk-tier-lbl { color: var(--ins-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(--ins-blue); }
.fg-elk-tier-tbl tr.fg-elk-tier-active b { color: var(--ins-blue); }
.fg-elk-tiers-note { margin: 0; padding: 10px 14px; border-top: 1px solid var(--ins-line); background: #fbfcfe; font-size: 11.5px; line-height: 1.55; color: var(--ins-mut); }
.fg-elk-tiers-note i { color: var(--ins-blue); margin-right: 5px; }
.fg-elk-linetotal { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-left: auto; padding: 8px 14px; background: var(--ins-bg); border: 1px solid var(--ins-line); border-radius: 8px; }
.fg-elk-linetotal-k { font-size: 11.5px; font-weight: 700; color: var(--ins-mut); }
.fg-elk-linetotal-v { font-size: 19px; font-weight: 800; color: var(--ins-txt); letter-spacing: -.025em; }
.fg-elk-linetotal-s { font-size: 11px; color: var(--ins-dim); width: 100%; }
.fg-elk-linetotal-s b { color: #475569; font-weight: 700; }

/* ═══════════════  18. ALT SAYFA / GENEL UYUM  ═══════════════ */
.fg-b2bl-cart, .fg-cart-checkout, .btn-primary, .fg-catq button, .fg-srch-btn {
  background: var(--ins-blue) !important; border-color: var(--ins-blue) !important;
}
.fg-b2bl-cart:hover, .fg-cart-checkout:hover, .btn-primary:hover { background: var(--ins-blue-d) !important; border-color: var(--ins-blue-d) !important; }
a { color: var(--ins-blue); }
.fg-cart-drawer .fg-cart-checkout { border-radius: 8px; }
.fg-cart-drawer .fg-cart-title i { color: var(--ins-blue); }
.fg-botnav-item i { color: var(--ins-mut); }
.fg-botnav-item:hover i, .fg-botnav-item:hover span { color: var(--ins-blue); }
.fg-promo-banner { background: var(--ins-blue); }
.fg-promo-btn { background: rgba(255,255,255,.16); border-radius: 7px; }

/* ═══════════════  19. RESPONSIVE  ═══════════════ */
@media (max-width: 1399px) {
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1199px) {
  .fg-home .fg-elk-ptrack { grid-auto-columns: calc((100% - 3 * 16px) / 4); }
  .fg-home .fg-prod-grid { grid-template-columns: repeat(4, 1fr); }
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(4, 1fr); }
  .fg-elk-acc-row { grid-template-columns: repeat(3, 1fr); }
  .fg-home .fg-brands-row { grid-template-columns: repeat(4, 1fr); }
  .fg-home .fg-trust-row { grid-template-columns: repeat(3, 1fr); row-gap: 26px; }
  .fg-home .fg-psplit { grid-template-columns: repeat(2, 1fr); }
  .fg-elk-carr.prev { left: -8px; } .fg-elk-carr.next { right: -8px; }
  .fg-tex-auth-inner { padding: 38px 34px; }
  .fg-tex-auth-h1 { font-size: 30px; }
  .fg-tex-auth-feats { grid-template-columns: repeat(2, 1fr); }
  .fg-elk-auth-r { padding: 36px 34px 40px; }
  .fg-home .fg-pt-htitle { font-size: 37px; }
}

@media (max-width: 991px) {
  .fg-b2b-head-row { grid-template-columns: auto 1fr; gap: 16px; min-height: 68px; }
  .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 { padding-top: 16px; }
  .fg-home .fg-pt-hero-slides { height: 400px; width: calc(100% - 24px); border-radius: 12px; }
  .fg-home .fg-pt-htitle { font-size: 30px; }
  .fg-home .fg-pt-hslide-bg { inset: 0 0 0 38%; }
  .fg-home .fg-elk-ptrack { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
  .fg-home .fg-prod-grid { grid-template-columns: repeat(3, 1fr); }
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(3, 1fr); }
  .fg-elk-promos { grid-template-columns: 1fr; }
  .fg-home .fg-elk-news-grid { grid-template-columns: 1fr; }
  .fg-b2b-foot-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .fg-elk-auth-grid { grid-template-columns: 1fr; }
  .fg-elk-auth-r { order: 1; }
  .fg-tex-auth-l { order: 2; min-height: 0; }
  .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(--ins-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: 22px 0; }
  .fg-home .fg-pt-hero-slides { height: 440px; }
  .fg-home .fg-pt-hslide { align-items: flex-start; padding-top: 34px; }
  .fg-home .fg-pt-hslide-bg { left: 0; -webkit-clip-path: none; clip-path: none; }
  .fg-home .fg-pt-hslide-veil { background: linear-gradient(180deg, rgba(9,24,46,.97) 0%, rgba(9,24,46,.9) 52%, rgba(9,24,46,.62) 100%); }
  .fg-home .fg-pt-hslide-inner { padding: 0 18px; }
  .fg-home .fg-pt-htitle { font-size: 25px; }
  .fg-home .fg-pt-hslide-inner .fg-hero-stats-row { gap: 10px 16px; margin-bottom: 20px; }
  .fg-home .fg-hero-stat { flex: 0 0 calc(50% - 8px); }
  .fg-home .fg-catnav-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .fg-elk-acc-row { grid-template-columns: 1fr; }
  .fg-home .fg-elk-ptrack { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  .fg-home .fg-prod-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .fg-elk-carr { display: none; }
  .fg-home .fg-brands-row { grid-template-columns: repeat(2, 1fr); }
  .fg-home .fg-trust-row { grid-template-columns: repeat(2, 1fr); padding: 24px 14px; }
  .fg-home .fg-psplit { grid-template-columns: 1fr; }
  .fg-elk-promo-txt { max-width: 70%; padding: 18px; }
  .fg-b2b-foot-grid { grid-template-columns: 1fr; gap: 24px; }
  .fg-b2b-foot-main { padding: 32px 0 26px; }
  .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-tex-auth-inner { padding: 30px 20px; }
  .fg-tex-auth-h1 { font-size: 24px; }
  .fg-tex-auth-feats { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .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(--ins-line); }
  .fg-elk-auth-trust-i:last-child { border-bottom: 0; }
  .fg-elk-two { grid-template-columns: 1fr; }
  .fg-elk-price .fg-price-now { font-size: 26px; }
  .fg-elk-linetotal { margin-left: 0; width: 100%; }
}

@media (max-width: 480px) {
  .fg-home .fg-sec-title, .fg-home .fg-elk-news-head h3 { font-size: 19px; }
  .fg-home .fg-pt-hero-slides { height: 460px; }
}

/* ══════════════════════════════════════════════════════════════════════
   20. fg-b2b.css EZMELERİ
   fg-b2b.css'te eski (koyu zeminli) tema için yazılmış birkaç kural
   bu temanın açık zeminine uymuyor; burada geri alınır.
   ══════════════════════════════════════════════════════════════════════ */

/* Güven şeridi artık AÇIK zeminde — başlık beyaz kalmasın */
.fg-home .fg-trust-strip .fg-sec-head { display: flex; margin-bottom: 26px; }
.fg-home .fg-trust-strip .fg-sec-title { color: var(--ins-txt); }
/* İkon rozeti fg-b2b.css'te sıfırlanıyordu — geri getir */
.fg-home .fg-trust-strip .fg-trust-item > i {
  width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px; padding: 0;
  background: #fff; border: 1px solid var(--ins-line); color: var(--ins-blue); font-size: 17px;
  display: flex; align-items: center; justify-content: center;
}
.fg-home .fg-trust-strip .fg-trust-row {
  background: var(--ins-bg); border: 1px solid var(--ins-line); border-radius: var(--ins-r-lg); padding: 30px 22px;
}

/* Kategori kutusu ikonu — fg-b2b.css rengi/boyutu eziyordu */
.fg-home .fg-catnav-card .fg-catnav-ic {
  background: var(--ins-soft); border: 0; border-radius: 11px;
  width: 44px; height: 44px;
}
.fg-home .fg-catnav-card .fg-catnav-ic i { color: var(--ins-blue); font-size: 18px; }
.fg-home .fg-catnav-card:hover .fg-catnav-ic { background: var(--ins-blue); }
.fg-home .fg-catnav-card:hover .fg-catnav-ic i { color: #fff; }
.fg-home .fg-catnav-card:last-child .fg-catnav-ic { background: #fff; border: 1px solid var(--ins-line); }
.fg-home .fg-catnav-card:last-child:hover .fg-catnav-ic { background: var(--ins-blue); border-color: var(--ins-blue); }

/* Markalar tek sırada (8 üretici) */
.fg-home .fg-brands-row { grid-template-columns: repeat(8, 1fr); }
@media (max-width: 1199px) { .fg-home .fg-brands-row { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 767px)  { .fg-home .fg-brands-row { grid-template-columns: repeat(2, 1fr); } }

/* Hero — fg-b2b.css'in tam kaplayan fotoğraf/perde kuralını kesin olarak ez */
.fg-home .fg-pt-hslide-bg { inset: 0 0 0 44%; }
.fg-home .fg-pt-hslide-veil {
  background: linear-gradient(97deg, rgba(11,30,58,.99) 0%, rgba(11,30,58,.97) 40%, rgba(11,30,58,.6) 52%, rgba(11,30,58,.1) 62%, transparent 72%);
}
@media (max-width: 991px) {
  .fg-home .fg-pt-hslide-bg { left: 38%; }
  .fg-home .fg-pt-hslide-veil {
    background: linear-gradient(97deg, rgba(11,30,58,.99) 0%, rgba(11,30,58,.97) 40%, rgba(11,30,58,.62) 54%, rgba(11,30,58,.12) 66%, transparent 76%);
  }
}
@media (max-width: 767px) {
  .fg-home .fg-pt-hslide-bg { inset: 0; }
  .fg-home .fg-pt-hslide-veil {
    background: linear-gradient(180deg, rgba(9,24,46,.97) 0%, rgba(9,24,46,.9) 52%, rgba(9,24,46,.62) 100%);
  }
}

/* fg-style.css başlık altına 44x3 çizgi koyuyordu — bu tasarımda yok */
.fg-home .fg-sec-title::after,
.fg-home .fg-elk-news-head h3::after { content: none; display: none; }

/* Hero başlığı iki satırda kalsın */
.fg-home .fg-pt-hslide-inner { max-width: 630px; }
.fg-home .fg-pt-htitle { font-size: 40px; }
.fg-home .fg-pt-hsub { max-width: 490px; }
@media (max-width: 1199px) { .fg-home .fg-pt-htitle { font-size: 35px; } }
@media (max-width: 991px)  { .fg-home .fg-pt-htitle { font-size: 29px; } }
@media (max-width: 767px)  { .fg-home .fg-pt-htitle { font-size: 25px; } }

/* Sepet rozeti — fg-b2b.css'teki `right:-10px` benim `left`imle çakışıp
   rozeti bir çubuğa dönüştürüyordu. */
.fg-b2b-acts .fg-b2b-cart .fg-badge {
  top: 0; left: 26px; right: auto;
  min-width: 19px; width: auto; height: 19px; padding: 0 5px;
  font-size: 10px; line-height: 1;
  background: var(--ins-blue); border: 2px solid #fff;
}

/* Hero diyagonali: fotoğraf ÜSTTE daha geniş, koyu panel ALTTA daha geniş */
.fg-home .fg-pt-hslide-bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
@media (max-width: 767px) {
  .fg-home .fg-pt-hslide-bg { -webkit-clip-path: none; clip-path: none; }
}

/* Giriş panelindeki 4'lü özellik satırı — dört sütun tek satırda dursun */
.fg-tex-auth-feats { gap: 16px 8px; }
.fg-tex-auth-feat { align-items: flex-start; }
.fg-tex-auth-feat i { margin-top: 1px; }
.fg-tex-auth-feat-t { font-size: 12px; }
.fg-tex-auth-feat-s { font-size: 10.5px; }