/* ==========================================================================
   InternetBroker – FULL CSS (with two-layer header)
   ========================================================================== */

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

/* ---------- BASE ---------- */
*{box-sizing:border-box}
html,body{
  padding:0;margin:0;
  background:#0b0f14;color:#e7eef7;
  font-family:'Lato',system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif
}
a{color:#39a0ff;text-decoration:none}

/* ---------- Utilities ---------- */
.ib-container{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center}
.flex{display:flex;gap:12px;align-items:center}
.between{justify-content:space-between}
.logo img{display:block}
.pill{background:#39a0ff;color:#00142a;padding:8px 12px;border-radius:10px;font-weight:600;display:inline-block}
.ib-card{background:#121821;padding:16px;border:1px solid #1f2732;border-radius:14px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:800px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}
.input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #263142;background:#0e131a;color:#e7eef7}
label{display:block;margin:10px 0 6px;color:#9bb0c6;font-size:.95rem}
.form-actions{margin-top:12px}
.ib-table{width:100%;border-collapse:collapse}
.ib-table th,.ib-table td{padding:10px;border-bottom:1px solid #1f2732;text-align:left}
.footer{border-top:1px solid #1f2732;margin-top:40px}
.hero{padding:28px 18px;background:linear-gradient(180deg,rgba(57,160,255,.12),transparent);border-radius:16px;border:1px solid #1f2732}
.ib-badge{display:inline-block;border:1px solid #2c3950;border-radius:999px;padding:4px 10px;font-size:.8rem;color:#9bb0c6}

/* ==========================================================================
   HEADER — TWO LAYERS
   L1: #101820 (70px)  | L2: #e7edf4 (60px, text #253e50)
   Left-aligned: Brand + Login/Sign Up (L1), Left-aligned menu items (L2)
   ========================================================================== */

/* ===== IBROKER HEADER (pixel-perfect, sticky, mobile offcanvas) ===== */
:root{
  --ib-top:#101820;
  --ib-subbg:#e7edf4;
  --ib-subfg:#253e50;
  --ib-white:#fff;
  --ib-ink:#0f1720;
  --ib-blue:#0d6efd;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}

/* container genişliği */
.container{ max-width:1280px; }

/* ===== TOP BAR  ===== */
.ib-topbar{
  background: var(--ib-top);
  color: var(--ib-white);
  height: 70px;
  position: sticky;
  top: 0;
  z-index: 1100;
  transition: box-shadow .2s ease;
}
.ib-topbar .container{ height: 70px; }
.ib-topbar--shadow{ box-shadow: 0 2px 10px rgba(0,0,0,.12); }

.ib-brand{
  color: var(--ib-white) !important;
  text-decoration: none;
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  letter-spacing: .2px;
}
.ib-brand:hover{ color:#f1f5f9; text-decoration:none }

.ib-toplink{
  color: rgba(255,255,255,.9);
  text-decoration:none;
  font-weight:600;
}
.ib-toplink:hover{ color:#fff; text-decoration:none }

/* ===== LOWER MENU — DESKTOP ===== */
.ib-subnav{
  background: var(--ib-subbg);
  color: var(--ib-subfg);
  height: 60px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.ib-subnav .container{ height: 60px; }
.ib-submenu{
  display:flex; align-items:center; gap:24px;
  list-style:none; padding:0; margin:0;
}
.ib-submenu a{
  display:inline-flex; align-items:center;
  height:60px; color:var(--ib-subfg);
  text-decoration:none; font-weight:600; line-height:1;
}
.ib-submenu a:hover{ text-decoration:none }

/* ===== BURGER (mobile) ===== */
.ib-menu-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border:1px solid rgba(255,255,255,.35);
  background: transparent; border-radius:8px; padding:0;
}
.ib-menu-btn:focus{ outline: none; }
.ib-burger,
.ib-burger::before,
.ib-burger::after{
  content:""; display:block; width:22px; height:2px; background:#fff; position:relative;
}
.ib-burger::before{ position:absolute; top:-6px; }
.ib-burger::after{ position:absolute; top:6px; }

/* ===== OFFCANVAS (mobile menu) ===== */
.offcanvas-ib{
  background: var(--ib-subbg);
  color: var(--ib-subfg);
  width: 100%;
}
.offcanvas-ib .offcanvas-header{ border-bottom:1px solid rgba(0,0,0,.06); }
.offcanvas-ib .offcanvas-title,
.offcanvas-ib h5{ color: var(--ib-subfg); }
.offcanvas-ib .ib-close{ filter: invert(15%) sepia(12%) saturate(900%) hue-rotate(170deg) brightness(90%); }

/* login kutusu */
.ib-loginbox .form-label{ color: var(--ib-subfg); font-weight:600; }
.ib-loginbox .form-control{ background:#fff; color:#000; border-color:#d9dee6; }
.ib-loginbtn{
  background: var(--ib-blue);
  color: #fff;
  font-weight: 700;
  border: 0;
}

/* mobil link list */
.ib-mobile-links{ padding-left:0; margin:0; list-style:none; }
.ib-mobile-links li + li{ margin-top: 10px; }
.ib-mobile-links a{
  display:block; padding:10px 2px; text-decoration:none;
  color: var(--ib-subfg); font-weight:600;
}
.ib-mobile-links a:hover{ text-decoration: none; }

/* ===== Utilities ===== */
main a{ color:var(--ib-blue); text-decoration:none }
main a:hover{ text-decoration:none }

/* === Auth buttons (canonical) === */
/* LOGIN — solid (bg #253e50), white text */
.btn.ib-loginbtn{
  background: var(--ib-subfg);        /* #253e50 */
  color: #fff;
  border: 1px solid var(--ib-subfg);
  font-weight: 700;
  border-radius: 10px;
  padding: .65rem 1rem;
}
.btn.ib-loginbtn:hover,
.btn.ib-loginbtn:focus{ filter:brightness(1.05); color:#fff; }
.btn.ib-loginbtn:focus-visible{ outline:2px solid rgba(37,62,80,.35); outline-offset:2px; }
.btn.ib-loginbtn:disabled{ opacity:.6; pointer-events:none }

/* REGISTER — outline (white bg), #253e50 text/border */
.btn.ib-registerbtn{
  background: #fff;
  color: var(--ib-subfg);             /* #253e50 */
  border: 1px solid var(--ib-subfg);
  font-weight: 700;
  border-radius: 10px;
  padding: .65rem 1rem;
}
.btn.ib-registerbtn:hover,
.btn.ib-registerbtn:focus{ background:rgba(37,62,80,.08); color:var(--ib-subfg); }
.btn.ib-registerbtn:focus-visible{ outline:2px solid rgba(37,62,80,.35); outline-offset:2px; }
.btn.ib-registerbtn:disabled{ opacity:.6; pointer-events:none }


.ib-mobile-links{ padding-left:0; margin:0; list-style:none; }
.ib-mobile-links li + li{ margin-top: 10px; }
.ib-mobile-links a{
  display:block; padding:10px 2px; text-decoration:none;
  color: #253e50; font-weight:600;
}
.ib-mobile-links a:hover{ text-decoration: none; }


/* Offcanvas view */
.offcanvas-ib{
  background: var(--ib-subbg);
  color: var(--ib-subfg);
  width: 100%;
  max-width: 100%;
}
.offcanvas-ib .offcanvas-header{ border-bottom:1px solid rgba(0,0,0,.06); }


/* card block*/
.ib-mobile-card{
  background:#fff; border:1px solid #dbe3ec; border-radius:10px; padding:14px 14px;
}

/* account line */
.ib-accountline{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.ib-hello{ color:#667a8a; font-weight:600; }
.ib-name{ color:#253e50; }

/* login/register buttons */
.ib-loginbtn{ background:#0d6efd; color:#fff; font-weight:700; border:0; }
.ib-registerbtn{
  background:transparent; border:1px solid #253e50; color:#253e50; font-weight:700;
}
.ib-registerbtn:hover{ background:rgba(37,62,80,.08); color:#253e50; }

/* dashboard / logout buttons */
.ib-dashbtn{
  background:#253e50; color:#fff; font-weight:700; border:1px solid #253e50;
}
.ib-dashbtn:hover{ filter:brightness(1.05); color:#fff; }
.ib-logoutbtn{
  background:#fff; color:#253e50; font-weight:700; border:1px solid #c7d3df;
}
.ib-logoutbtn:hover{ background:#f5f8fb; }

/* mobile link list */
.ib-mobile-nav li + li{ border-top:1px solid #edf2f7; }
.ib-mobile-nav a{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 8px; text-decoration:none; color:#253e50; font-weight:600;
}
.ib-mobile-nav a::after{
  content:"›"; font-weight:800; opacity:.4; margin-left:8px;
}
.ib-mobile-nav a:hover{ background:#f5f8fb; }



/* ==========================================================================
   HOMEPAGE / HERO / SEARCH — Aurora Drift
   ========================================================================== */

/* ---- Theme tokens ---- */
:root{
  --hero-blue:  #1f6dff;
  --hero-blue-2:#1258ea;
  --hero-ink:   #eaf2ff;

  /* Aurora controls */
  --aurora-strength: .38;     /* genel parlaklık (.25–.55 arası iyi) */
  --aurora-speed: 18s;        /* drift hızı */
  --aurora-blur: 12px;        /* yumuşatma */

  /* fallback glow colors (ALPHA’lı) */
  --glow-a: rgba(105,215,255,.70);
  --glow-b: rgba(122,252,216,.72);
}

/* Tarayıcı destekliyse hero tonlarından türetelim (değişkenlere yazılıyor) */
@supports (color: color-mix(in oklab, #000 0%, #fff 100%)) {
  :root{
    --glow-a: color-mix(in oklab, var(--hero-blue)   80%, white 20%);
    --glow-b: color-mix(in oklab, var(--hero-blue-2) 70%, #7afcd8 30%);
  }
}

/* ---- Aurora layer (background only) ---- */
.ib-hero::before{
  content:"";
  position:absolute; inset:-12% -12% -18% -12%;   /* geniş tut, kenar kesilmesin */
  z-index:0; pointer-events:none;
  mix-blend-mode:screen;
  opacity: var(--aurora-strength);
  filter: saturate(120%) blur(var(--aurora-blur));

  /* two wedges aurora */
  background-image:
    radial-gradient(60% 32% at 14% 86%, var(--glow-a) 0%, transparent 60%),
    radial-gradient(46% 26% at 28% 80%, var(--glow-b) 0%, transparent 65%),
    conic-gradient(from 200deg at 18% 88%, transparent 0 22deg, var(--glow-b) 26deg 33deg, transparent 36deg 1turn),
    conic-gradient(from 210deg at 26% 84%, transparent 0 18deg, var(--glow-a) 21deg 25deg, transparent 28deg 1turn);

  /* aurora starters */
  background-position:
    14% 86%,
    28% 80%,
    18% 88%,
    26% 84%;
  background-repeat: no-repeat;

  /* mask for upperside */
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 18%, #000 78%, transparent 100%);
          mask-image: linear-gradient(to top, transparent 0%, #000 18%, #000 78%, transparent 100%);

  animation: auroraDrift var(--aurora-speed) ease-in-out infinite alternate;
}

/*  noise/scanlines — back */
.ib-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(800px 240px at 60% 15%, rgba(255,255,255,.09), transparent 60%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 3px);
  mix-blend-mode:screen; opacity:.30;
}

.ib-hero .container{ position: relative; z-index: 1; text-align:center; }


/* ================= Animations / A11y ================= */
@keyframes auroraDrift{
  0%{
    background-position:
      14% 86%,
      28% 80%,
      18% 88%,
      26% 84%;
    transform: rotate(-3deg) scale(1.04);
  }
  100%{
    background-position:
      28% 78%,
      40% 76%,
      26% 82%,
      34% 79%;
    transform: rotate(2deg) scale(1.06);
  }
}
@media (prefers-reduced-motion: reduce){
  .ib-hero::before{ animation:none; opacity:.22; }
}

/* ================= Responsive ================= */
@media (max-width:576px){
  .ib-hero{
    padding:64px 0 48px;
    background:
      radial-gradient(1100px 520px at 75% -10%, rgba(48,106,255,.10), transparent 60%),
      linear-gradient(180deg, #0b2746 0%, #0a223b 60%, #081e31 100%);
  }
  .ib-hero-title{ font-size:clamp(24px, 6.2vw, 30px); line-height:1.22; margin-bottom:10px; }
  .ib-hero-sub{ font-size:14px; margin-bottom:16px; opacity:.95; }

  .ib-search{ max-width:100%; padding:6px; gap:8px; border-width:2px; box-shadow:0 14px 32px rgba(6,22,40,.32); }
  .ib-search-input{ height:50px; padding:0 14px; font-size:15px; }
  .ib-search-btn{ height:50px; padding:0 16px 0 12px; box-shadow:0 0 0 2px #fff inset, 0 8px 20px rgba(31,109,255,.30); }
  .ib-search-btn .ib-ico{ width:18px; height:18px; }

  .ib-trending{ justify-content:flex-start; gap:8px; padding:10px 2px 0; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .ib-trending::-webkit-scrollbar{ display:none; }
  .ib-chip{ font-size:.82rem; padding:6px 10px; white-space:nowrap; }
  .ib-register-cta{ text-align:center; }
}
@media (min-width:577px) and (max-width:991.98px){
  .ib-search{ max-width:820px; padding:8px; }
  .ib-search-input{ height:58px; }
  .ib-search-btn{ height:58px; padding:0 22px; }
}

/* ================= HERO ================= */
.ib-hero{
  position: relative;
  isolation: isolate;
  color: #fff;
  padding: 96px 0 88px;
  background: 
    radial-gradient(circle at 10% 90%, rgba(30, 41, 59, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 90% 10%, rgba(30, 41, 59, 0.15) 0%, transparent 50%),
    linear-gradient(135deg, #0f1720 0%, #1e293b 100%);
  overflow: hidden;
}

.ib-hero .container{ 
  position: relative; 
  z-index: 1; 
  text-align:center; 
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---- Headings ---- */
.ib-hero-title{
  margin:0 0 10px;
  font-family:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight:800; 
  letter-spacing:-.2px; 
  line-height:1.15;
  font-size:clamp(32px,4.8vw,50px);
  color: #f8fafc;
  text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.ib-hero-sub{
  margin:0 0 30px; 
  color: #cbd5e1; 
  font-weight:500;
  font-size:clamp(16px,2.4vw,20px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

/* ================= SEARCH ================= */
.ib-search{
  max-width:900px; 
  margin:0 auto 24px;
  display:flex; 
  align-items:center; 
  gap:6px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.ib-search:focus-within{
  border-color: rgba(139, 92, 246, 0.4);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.ib-search-input{
  flex:1 1 auto; 
  height:66px; 
  padding:0 22px; 
  font-size:16px;
  border:0; 
  outline:0; 
  background:transparent; 
  color:#1e293b; 
  min-width:0;
  font-weight: 500;
}
.ib-search-input::placeholder{ 
  color:#94a3b8; 
  font-weight: 400;
}
.ib-search-btn{
  height:66px; 
  padding:0 30px; 
  border:0; 
  border-radius: 14px;
  font-weight:700; 
  letter-spacing:.3px; 
  color:#fff; 
  white-space:nowrap;
  background:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  box-shadow: 0 10px 28px rgba(79, 70, 229, 0.4);
  display:inline-flex; 
  align-items:center; 
  gap:10px;
  transition: all 0.3s ease;
}
.ib-search-btn:hover{ 
  background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(79, 70, 229, 0.5);
}
.ib-search-btn .ib-ico{ 
  width:20px; 
  height:20px; 
  display:block; 
  color: white;
}

body.ib-search-page .ib-search{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding-top:72px;   /* istersen 48–72 arası oynayabilirsin */
  padding-bottom:96px;
}

body.ib-search-page .ib-search-shell{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* "0 results found" yazısını da görünür yapalım */
body.ib-search-page .ib-search-meta{
  color:#9ca3af;
}
body.ib-search-page .ib-search-meta span:first-child{
  color:#e5ecff;
}

/* ================= Trending chips ================= */
.ib-trending{
  margin-top:18px; 
  display:flex; 
  align-items:center; 
  justify-content:center;
  gap:10px; 
  flex-wrap:wrap; 
  color:#94a3b8; 
  font-weight:500;
  font-size: 15px;
}
.ib-chip{
  display:inline-block; 
  padding:7px 14px; 
  border-radius:999px;
  font-size:.9rem; 
  font-weight:600; 
  color:#e2e8f0;
  background:rgba(139, 92, 246, 0.12); 
  border:1px solid rgba(139, 92, 246, 0.2);
  text-decoration:none;
  transition: all 0.25s ease;
}
.ib-chip:hover{ 
  background:rgba(139, 92, 246, 0.2); 
  color:#fff;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(139, 92, 246, 0.15);
}

/* ================= Register text CTA ================= */
.ib-register-cta{ 
  margin-top:20px; 
  font-weight:600; 
  letter-spacing:.3px; 
  color:#cbd5e1; 
  font-size: 16px;
}
.ib-register-link{ 
  color:inherit; 
  text-decoration:none; 
  border-bottom:2px solid rgba(139, 92, 246, 0.5);
  padding-bottom:3px; 
  transition: all 0.3s ease;
}
.ib-register-link:hover{ 
  border-bottom-color: #8b5cf6;
  color: #e0e7ff;
  transform: translateY(-1px);
}
.ib-reg-arrow{ 
  margin-left:6px; 
  font-weight:800; 
  display: inline-block;
  transition: transform 0.3s ease;
}
.ib-register-link:hover .ib-reg-arrow {
  transform: translateX(4px);
}

/* ================= Responsive ================= */
@media (max-width:576px){
  .ib-hero{
    padding:72px 0 56px;
    background: linear-gradient(135deg, #0f1720 0%, #1e293b 100%);
  }
  .ib-hero-title{ 
    font-size:clamp(26px, 6.5vw, 34px); 
    line-height:1.25; 
    margin-bottom:10px; 
  }
  .ib-hero-sub{ 
    font-size:15px; 
    margin-bottom:20px; 
    max-width: 100%;
  }

  .ib-search{ 
    max-width:100%; 
    padding:8px; 
    gap:5px;
    box-shadow:0 14px 32px rgba(0,0,0,.15); 
  }
  .ib-search-input{ 
    height:52px; 
    padding:0 16px; 
    font-size:15px; 
  }
  .ib-search-btn{ 
    height:52px; 
    padding:0 20px; 
    box-shadow:0 10px 24px rgba(79,70,229,.35); 
  }
  .ib-search-btn .ib-ico{ 
    width:18px; 
    height:18px; 
  }

  .ib-trending{ 
    justify-content:flex-start; 
    gap:8px; 
    padding:12px 2px 0; 
    flex-wrap:nowrap; 
    overflow-x:auto; 
    -webkit-overflow-scrolling:touch; 
    scrollbar-width:none; 
  }
  .ib-trending::-webkit-scrollbar{ 
    display:none; 
  }
  .ib-chip{ 
    font-size:.85rem; 
    padding:6px 12px; 
    white-space:nowrap; 
  }
  .ib-register-cta{ 
    text-align:center; 
    margin-top: 16px;
  }
}
@media (min-width:577px) and (max-width:991.98px){
  .ib-search{ 
    max-width:800px; 
    padding:9px; 
    gap:6px;
  }
  .ib-search-input{ 
    height:58px; 
  }
  .ib-search-btn{ 
    height:58px; 
    padding:0 24px; 
  }
}


/* =========================================================
   POPULAR AFTER HERO
   ========================================================= */

:root{
  --ink-900:#0d1b2a;
  --ink-700:#1b2b42;
  --ink-600:#253e50;
  --ink-500:#334e68;
  --ink-400:#5b7488;

  --surface:#f6f9ff;
  --card:#ffffff;
  --stroke:#e6eef7;

  --accent-amber:#ffb02e;
  --accent-amber-2:#ff7a1a;

  --primary:#2b6fe8;

  --r:16px;
  --shadow-sm:0 4px 16px rgba(16,24,40,.08);
  --shadow-md:0 10px 30px rgba(16,24,40,.14);
  --focus:0 0 0 3px rgba(43,111,232,.35);
}

/* section back */
.ib-popular{
  background: radial-gradient(1400px 580px at 70% -20%, #e7edf4 0%, var(--surface) 55%, #e7edf4 100%);
  padding:40px 0 36px;
  font-family:'Inter','Outfit',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.ib-popular .container{ max-width:1600px; }

/* Head */
.ib-head{ display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.ib-title{ font-size:28px; font-weight:800; letter-spacing:.1px; color:#253e50; margin:0; }
.ib-sub{ margin:6px 0 0; color:var(--ink-400); font-weight:600; }

.ib-seeall{
  display:inline-flex; align-items:center; gap:10px;
  height:42px; padding:0 16px; border-radius:999px; text-decoration:none; font-weight:700;
  color:var(--ink-600); background:#fff; border:1px solid var(--stroke);
  box-shadow:var(--shadow-sm);
}
.ib-seeall:hover{ background:#f9fbff; }

/* Rail */
.ib-rail{ position:relative; overflow:hidden; }
.ib-track{ display:flex; gap:18px; will-change:transform; padding-top:10px; padding-bottom:5px; }

/* Nav arrows */
.ib-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px; border:1px solid var(--stroke);
  display:flex; align-items:center; justify-content:center; background:#fff;
  box-shadow:var(--shadow-sm); cursor:pointer; z-index:2;
}
.ib-nav[disabled]{ opacity:.4; pointer-events:none; }
.ib-nav--prev{ left: -4px; }
.ib-nav--next{ right:-4px; }
.ib-nav:hover{ filter:brightness(1.04); }

/* Cards */
.ib-card{
  --accent-h: 210;
  --accent-a: hsl(var(--accent-h) 85% 55%);
  --accent-b: hsl(calc(var(--accent-h) + 40) 85% 55%);

  flex:0 0 calc((100% - 5*18px)/6);
  background:var(--card); border:1px solid var(--stroke);
  border-radius:var(--r); box-shadow:var(--shadow-sm);
  padding:0; display:flex; flex-direction:column; justify-content:space-between;
  min-height:220px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position:relative; overflow:hidden;
}
.ib-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:#dce6f3; }

/* top accent line (domain name) */
.ib-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,var(--accent-a),var(--accent-b));
}

.ib-card__in{ padding:18px; display:flex; flex-direction:column; gap:10px; }

/* top line and tags */
.ib-top{
  display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:13px; letter-spacing:.3px; text-transform:uppercase;
  color:var(--ink-500);
}
.ib-card[data-kind="auction"] .ib-top{ color:var(--accent-amber-2); }
.ib-top i{ opacity:.9; }

/* name */
.ib-name{
  display:block; margin:6px 0 2px; font-weight:800; font-size:19px; color:var(--ink-900);
  text-decoration:none; word-break:break-all; letter-spacing:-.1px;
}
.ib-name:hover{ text-decoration:none; }

/* (timer/“Make an offer”) */
.ib-meta{ color:var(--ink-400); font-weight:700; font-size:14px; min-height:22px; }

/* Price + bids */
.ib-price{ font-weight:900; color:var(--ink-900); font-size:20px; letter-spacing:.2px; }
.ib-bids{ color:#8fa2b3; font-weight:700; font-size:12px; }

/* Auction progress bar */
.ib-progress{ height:6px; width:100%; background:#eef3fa; border-radius:999px; overflow:hidden; margin-top:6px; }
.ib-progress > .fill{
  width:0%; height:100%;
  background:linear-gradient(90deg, var(--accent-amber), var(--accent-amber-2));
  transition:width .4s ease;
}

/* Actions */
.ib-actions{ margin:12px 18px 18px; display:flex; gap:10px; }

/* CTA */
.ib-btn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:44px; border-radius:12px; text-decoration:none; font-weight:800; border:0;
  background:linear-gradient(180deg,#2c4d63 0%, #253e50 100%); color:#e7edf4;
  box-shadow: 0 12px 26px rgba(37,62,80,.30), 0 0 0 1px rgba(37,62,80,.35) inset;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease;
}
.ib-btn::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(130% 80% at 50% -20%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 60%);
  opacity:0; transition:opacity .18s ease;
}
.ib-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); box-shadow: 0 16px 32px rgba(37,62,80,.38), 0 0 0 1px rgba(37,62,80,.40) inset; }
.ib-btn:hover::before{ opacity:.55; }
.ib-btn:active{ transform:translateY(0); filter:brightness(.98); }
.ib-btn:focus-visible{ outline:2px solid rgba(37,62,80,.45); outline-offset:2px; }

/* Mobile “See all” */
.ib-seeall--mobile{ display:none; }

/* Responsive columns */
@media (max-width:1399.98px){ .ib-card{ flex-basis:calc((100% - 4*18px)/5); } }
@media (max-width:1199.98px){ .ib-card{ flex-basis:calc((100% - 3*18px)/4); } }
@media (max-width:991.98px){  .ib-card{ flex-basis:calc((100% - 2*18px)/3); } }
@media (max-width:767.98px){  .ib-card{ flex-basis:calc((100% - 1*18px)/2); } }
@media (max-width:575.98px){  .ib-card{ flex-basis:100%; }
  .ib-head .ib-seeall{ display:none; }
  .ib-seeall--mobile{ display:flex; width:100%; justify-content:center; margin-top:12px; }
}

/* reduce */
@media (prefers-reduced-motion: reduce){
  .ib-card, .ib-btn, .ib-track{ transition:none !important; }
}

/* =========================================================
   DUO CTAS AFTER Popular
   ========================================================= */
.ib-cta-duo{
  background: 
    radial-gradient(circle at 20% 80%, rgba(30, 41, 59, 0.03) 0%, transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(30, 41, 59, 0.03) 0%, transparent 25%),
    linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 72px 0 64px;
  position: relative;
  overflow: hidden;
}
.ib-cta-duo::before{
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  z-index: 0;
}
.ib-cta-duo .container{ 
  max-width:1200px; 
  margin:0 auto; 
  padding:0 16px; 
  position: relative;
  z-index: 1;
}

/* grid */
.ib-cta-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:40px;
  position: relative;
  z-index: 2;
}

/* card wrapper with glassmorphism effect */
.ib-cta-card{
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 22px;
  padding: 42px 36px;
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.06),
    inset 0 0 0 1px rgba(226, 232, 240, 0.6);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.7);
}
.ib-cta-card::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1e293b;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ib-cta-card:hover{
  transform: translateY(-10px) scale(1.015);
  box-shadow: 
    0 24px 48px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(226, 232, 240, 0.8);
}
.ib-cta-card:hover::before{
  opacity: 1;
}

/* per-card accents */
.ib-cta-card[data-kind="buy"] .ib-cta-icon{
  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  color: #0369a1;
}
.ib-cta-card[data-kind="buy"]:hover .ib-cta-icon{
  background: linear-gradient(135deg, #0369a1 0%, #02558b 100%);
  color: white;
}

.ib-cta-card[data-kind="sell"] .ib-cta-icon{
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #166534;
}
.ib-cta-card[data-kind="sell"]:hover .ib-cta-icon{
  background: linear-gradient(135deg, #166534 0%, #14532d 100%);
  color: white;
}

/* head */
.ib-cta-head{ position:relative; z-index:1; }
.ib-cta-icon{
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  width:72px; 
  height:72px; 
  border-radius:20px;
  font-size: 28px;
  margin-bottom:20px;
  box-shadow: 0 10px 25px rgba(30, 41, 59, 0.1);
  transition: all 0.3s ease;
}
.ib-cta-card:hover .ib-cta-icon{
  transform: scale(1.08);
}
.ib-cta-title{
  margin:6px 0 12px; 
  font-weight:700; 
  letter-spacing:-.1px;
  font-family:'Outfit', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:#253e50; 
  font-size:26px;
  line-height: 1.3;
}
.ib-cta-lead{ 
  margin:0; 
  color:#64748b; 
  font-weight:500; 
  font-size: 16px;
  line-height: 1.6;
}

/* list */
.ib-cta-list{
  margin:22px 0 28px; 
  padding:0; 
  list-style:none; 
  display:grid; 
  gap:12px;
  flex-grow: 1;
}
.ib-cta-list li{
  position:relative; 
  padding-left:30px; 
  color:#475569; 
  font-weight:500;
  line-height: 1.6;
  font-size: 15px;
  transition: color 0.2s ease;
}
.ib-cta-list li:hover{
  color: #1e293b;
}
.ib-cta-list li::before{
  content:"✓";
  color: #1e293b;
  position:absolute; 
  left:0; 
  top:2px;
  font-size: 16px;
  font-weight: bold;
  background: rgba(30, 41, 59, 0.1);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.3s ease;
}
.ib-cta-card:hover .ib-cta-list li::before{
  background: #1e293b;
  color: white;
}

/* actions */
.ib-cta-actions{ 
  display:flex; 
  gap:14px; 
  flex-wrap:wrap; 
}
.ib-cta-btn{
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  height:48px; 
  padding:0 24px; 
  border-radius:14px; 
  font-weight:600;
  letter-spacing:.3px; 
  text-decoration:none; 
  white-space:nowrap;
  transition: all 0.3s ease;
  font-size: 16px;
  border: 0;
}
.ib-cta-btn--primary{
  color:#fff; 
  background: #1e293b;
  box-shadow: 0 6px 16px rgba(30, 41, 59, 0.25);
}
.ib-cta-btn--primary:hover{ 
  background: #0f1720;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(30, 41, 59, 0.3);
}
.ib-cta-btn--ghost{
  color:#1e293b; 
  background:rgba(255, 255, 255, 0.8); 
  border:1px solid #cbd5e1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ib-cta-btn--ghost:hover{ 
  background: white;
  border-color: #94a3b8;
  transform: translateY(-1px);
}

/* A11y: gizli başlık */
.visually-hidden{
  position:absolute!important; 
  clip:rect(1px,1px,1px,1px); 
  clip-path:inset(50%);
  height:1px; 
  width:1px; 
  overflow:hidden; 
  white-space:nowrap; 
  border:0; 
  padding:0; 
  margin:-1px;
}

/* responsive */
@media (max-width: 991.98px){ 
  .ib-cta-duo{ 
    padding:56px 0 48px; 
  }
  .ib-cta-grid{ 
    gap:32px; 
  }
}
@media (max-width: 767.98px){
  .ib-cta-grid{ 
    grid-template-columns: 1fr; 
  }
  .ib-cta-card{ 
    padding:36px 28px; 
  }
  .ib-cta-title{ 
    font-size:24px; 
  }
  .ib-cta-actions{ 
    flex-direction: column;
    gap: 12px;
  }
  .ib-cta-btn{
    width: 100%;
    justify-content: center;
  }
}

/* ===== WHY INTERNET BROKER (premium glassmorphism) ===== */
.ib-why{
  background: 
    radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.1) 0%, transparent 25%),
    linear-gradient(135deg, #f0f4f8 0%, #e6ecf3 100%);
  padding: 80px 0 72px;
  position: relative;
  overflow: hidden;
}
.ib-why::before{
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  z-index: 0;
}
.ib-why .container{ 
  max-width:1320px; 
  margin:0 auto; 
  padding:0 16px; 
  position: relative;
  z-index: 1;
}

.ib-why-head{ 
  text-align:center; 
  margin-bottom:56px; 
  position: relative;
  z-index: 2;
}
.ib-why-head h2{
  margin:0 0 16px;
  font-family:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight:800; 
  letter-spacing:-.3px; 
  color:#0f1720;
  font-size:clamp(28px,4.2vw,42px); 
  line-height:1.15;
  background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ib-why-sub{ 
  margin:0; 
  color:#718096; 
  font-weight:400; 
  font-size:clamp(16px,1.8vw,19px);
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Grid */
.ib-why-grid{
  display:grid; 
  gap:40px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  position: relative;
  z-index: 2;
}

/* Card wrapper with glassmorphism effect */
.ib-why-card{
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 20px;
  padding: 36px;
  box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.4),
    inset 0 0 10px rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ib-why-card::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #8b5cf6, #ec4899, #f59e0b);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ib-why-card:hover{
  transform: translateY(-10px) scale(1.02);
  box-shadow: 
    0 20px 40px rgba(31, 38, 135, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6),
    inset 0 0 15px rgba(255, 255, 255, 0.3);
}
.ib-why-card:hover::before{
  opacity: 1;
}

/* Icon circle with gradient */
.ib-why-icon-wrap{
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  box-shadow: 0 8px 20px rgba(139, 92, 246, 0.15);
  transition: transform 0.3s ease;
}
.ib-why-card:hover .ib-why-icon-wrap{
  transform: scale(1.05);
}
.ib-why-fa{
  font-size: 28px;
  color: #6366f1;
  line-height: 1;
  text-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
}
.ib-why-title-sm{
  margin: 0 0 20px;
  color: #1a202c;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.2px;
  line-height: 1.3;
}

/* Text blocks */
.ib-why-lead{
  margin: 0 0 28px;
  color: #4a5568;
  line-height: 1.7;
  font-size: 16px;
  flex-grow: 1;
}
.ib-why-over{
  margin: 28px 0 18px 0;
  color: #6366f1;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .6px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(99, 102, 241, 0.2);
  padding-bottom: 8px;
}
.ib-why-list{
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.ib-why-list li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  color: #4a5568;
  line-height: 1.65;
  font-size: 15px;
  transition: color 0.2s ease;
}
.ib-why-list li:hover{
  color: #2d3748;
}
.ib-why-list li::before{
  content: "✓";
  color: #8b5cf6;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 16px;
  font-weight: bold;
  background: rgba(139, 92, 246, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.ib-why-text{
  margin: 0;
  color: #4a5568;
  line-height: 1.65;
}

/* Bottom note */
.ib-why-foot{
  margin-top: 64px;
  padding: 36px 40px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #2d3748;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
  position: relative;
  z-index: 2;
}
.ib-why-foot strong{ 
  color: #1a202c; 
  font-weight: 700; 
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Responsive */
@media (max-width: 991.98px){
  .ib-why{ padding: 64px 0 56px; }
  .ib-why-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ib-why-card{ padding: 30px; }
}
@media (max-width: 767.98px){
  .ib-why-grid{ grid-template-columns: 1fr; }
  .ib-why-card{
    padding: 28px;
  }
  .ib-why-title-sm{ font-size: 22px; }
  .ib-why-lead{ font-size: 15px; }
}

/* ==========================================================================
   SPLIT / WHITE LIST / CATEGORIES
   ========================================================================== */
.ib-split{
  background: 
    radial-gradient(circle at 20% 80%, rgba(37, 62, 80, 0.08) 0%, transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(37, 62, 80, 0.08) 0%, transparent 25%),
    linear-gradient(135deg, #253e50 0%, #1b2e42 100%);
  color:#fff;
  padding:96px 0;
  position: relative;
  overflow: hidden;
}
.ib-split::before{
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(231, 237, 244, 0.05) 0%, transparent 70%);
  z-index: 0;
}
.ib-split .container-fluid{
  position: relative;
  z-index: 1;
}

.ib-accent{
  color: #e7edf4;
  font-weight: 800;
  position: relative;
  display: inline-block;
  background: linear-gradient(135deg, #e7edf4 0%, #c2d1e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ib-split-left{
  text-align:right;
  padding:0 40px 0 0;
  position: relative;
  z-index: 1;
}
.ib-split-left-title{
  margin:0;
  font-weight:800;
  line-height:1.15;
  font-size:clamp(34px,5.5vw,72px);
  letter-spacing: -0.8px;
  text-shadow: 0 4px 16px rgba(0,0,0,0.3);
  max-width: 90%;
  margin-left: auto;
}
.ib-split-right{
  text-align:left;
  padding: 0 0 0 40px;
  position: relative;
  z-index: 1;
}
.ib-split-block{
  margin-bottom:36px;
  padding: 32px;
  background: rgba(231, 237, 244, 0.1);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 20px;
  border: 1px solid rgba(231, 237, 244, 0.15);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.ib-split-block:hover{
  background: rgba(231, 237, 244, 0.15);
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}
.ib-split-block h3{
  margin:0 0 12px;
  font-weight:700;
  font-size: 20px;
  color: #e7edf4;
}
.ib-split-block p{
  margin:0 0 16px;
  color:#cbd5e1;
  line-height: 1.6;
  font-size: 16px;
}
.ib-link{
  display: inline-flex;
  align-items:center;
  gap:8px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #253e50 0%, #1b2e42 100%);
  color:#e7edf4;
  font-weight:700;
  text-decoration:none;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(37, 62, 80, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(231, 237, 244, 0.2);
}
.ib-link:hover{
  background: linear-gradient(135deg, #1b2e42 0%, #0f1d2a 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(37, 62, 80, 0.4);
  border-color: rgba(231, 237, 244, 0.3);
  text-decoration: none;
}
.ib-link::after{
  content: "→";
  font-weight: 900;
  display: inline-block;
  transition: transform 0.3s ease;
}
.ib-link:hover::after{
  transform: translateX(4px);
}

@media (max-width:992px){
  .ib-split-right{
    text-align:left;
    margin-top:32px;
    padding: 0 20px;
  }
  .ib-split-left{
    text-align: center;
    padding: 0 20px;
  }
  .ib-split-left-title{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .ib-split-block{
    padding: 24px;
  }
}
@media (max-width:576px){
  .ib-split{
    padding: 64px 0;
  }
  .ib-split-block{
    margin-bottom: 28px;
  }
  .ib-link{
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* ==========================================================================
   STATS (gauge)
   ========================================================================== */
/* ========= Tokens & Base ========= */
:root{
  --accent: #60a5fa;            /* mavi aksan */
  --accent-2: #5eead4;          /* aqua aksan */
  --ink: #e7edf4;               /* stats yazı rengi */
}
[data-bs-theme="dark"] .text-secondary{ color:#cbd5e1 !important; }

/* ========= Cards ========= */
.card-neo{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border-radius: 18px;
}
.card-glass{
  border-radius: 22px;
  border: 1px solid rgba(231,237,244,.18);
  background: rgba(231,237,244,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.card-glass:hover{
  transform: translateY(-4px);
  background: rgba(231,237,244,.12);
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
}

/* ========= Domain list ========= */
.domain-item{
  padding: .85rem 1rem;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  border: 0 !important;
  border-bottom: 1px dashed rgba(0,0,0,.06) !important;
}
.domain-item:hover{
  background: rgba(96,165,250,.06);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(96,165,250,.12);
}
.domain-link{
  font-weight: 700;
  color: #0b1220;
}
.domain-link:hover{ color:#1e40af; }
.domain-link .dot{
  display:inline-block; width:.6rem; height:.6rem; border-radius:50%;
  margin-right:.5rem; background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 0 0 3px rgba(96,165,250,.15);
}

/* ========= Stats (BACKGROUND UNCHANGED) ========= */
.stats-section{
  background:
    radial-gradient(circle at 20% 80%, rgba(37, 62, 80, 0.08) 0%, transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(37, 62, 80, 0.08) 0%, transparent 25%),
    linear-gradient(135deg, #253e50 0%, #1b2e42 100%);
  color: var(--ink);
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.stats-section::before{
  content: ''; position:absolute; inset:-50%;
  background: radial-gradient(circle, rgba(231,237,244,.05) 0%, transparent 70%);
  z-index:0;
}
.stats-section .container{ position:relative; z-index:1; max-width: 1320px; }
.stats-title{
  text-align:center; font-size:40px; font-weight:800; margin-bottom:40px; color:var(--ink); font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

}

/* badges in dark */
.bg-accent-soft{ background: rgba(96,165,250,.16) !important; }
.text-accent{ color: var(--accent) !important; }

/* ========= Gauge (cleaner) ========= */
.gauge{ position:relative; width:110px; height:110px; flex:0 0 110px; }
.gauge-svg{ width:100%; height:100%; transform: rotate(-90deg); }
.gauge-track{ fill:none; stroke: rgba(231,237,244,.16); stroke-width:10; }
.gauge-progress{
  fill:none; stroke: var(--accent); stroke-width:10; stroke-linecap: round;
  stroke-dasharray: 326.726; stroke-dashoffset: 326.726; /* 2πr (r=52) */
  filter: drop-shadow(0 0 10px rgba(96,165,250,.45));
  transition: stroke-dashoffset 1.2s ease;
}
.gauge-value{
  position:absolute; inset:0; display:grid; place-items:center;
  font-weight:800; font-size:22px; color:var(--ink);
}

/* ========= Responsive tweaks ========= */
@media (max-width: 991.98px){
  .gauge{ width:96px; height:96px; }
  .stats-title{ font-size:34px; }
}
@media (max-width: 575.98px){
  .stats-section{ padding:70px 0; }
  .stats-title{ font-size:30px; }
}

/* ===== Countup + Meter ===== */
.meter{ width:100%; }
.meter-track{
  position:relative; height:10px; border-radius:999px;
  background: rgba(231,237,244,.18); overflow:hidden;
}
.meter-fill{
  position:absolute; inset:0; width:0%;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  border-radius:inherit; box-shadow: 0 6px 18px rgba(96,165,250,.35);
}
.meter-fill.is-animate{ transition: width 1.2s ease; }
.meter-fill::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,0), rgba(255,255,255,.15));
  background-size: 240px 100%; animation: meter-shimmer 2.8s linear infinite;
}
@keyframes meter-shimmer{ 0%{ transform: translateX(-240px);} 100%{ transform: translateX(240px);} }

/* ===== Pulse badge ===== */
.pulse-wrap{ position:relative; width:110px; height:110px; flex:0 0 110px; display:grid; place-items:center; }
.pulse-dot{
  position:relative; width:22px; height:22px; border-radius:50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 0 0 0 rgba(96,165,250,.6);
  animation: pulse 2.2s ease-out infinite;
}
.pulse-dot::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow: 0 0 0 6px rgba(96,165,250,.30), 0 0 0 14px rgba(96,165,250,.18);
  animation: ripple 2.2s linear infinite;
}
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(96,165,250,.6);} 100%{ box-shadow:0 0 0 36px rgba(96,165,250,0);} }
@keyframes ripple{ 0%{ transform:scale(.6); opacity:1;} 100%{ transform:scale(1.8); opacity:0;} }

/* CTA mesafesi */
.insights-cta .btn{ box-shadow: 0 10px 24px rgba(96,165,250,.25); }


/* ==========================================================================
   CATEGORIES
   ========================================================================== */
.ib-cats{background:#fff;color:#222;padding:60px 0}
.ib-cats-title{text-align:center;margin:0;font-weight:800;font-size:clamp(28px,4vw,44px)}
.ib-cats-underline{width:140px;height:2px;background:#e6e6e6;margin:12px auto 24px}
.ib-catlist{list-style:none;margin:0 0 8px;padding:0 10px}
.ib-cat{position:relative;padding:8px 0 8px 18px;line-height:1.25}
.ib-cat::before{content:"›";position:absolute;left:0;top:8px;color:#ff6a00;font-weight:700}
.ib-cat a{color:#6b7280;text-decoration:none}
.ib-cat a:hover{color:#ff6a00}
.ib-cat--hidden{display:none}
.ib-more-btn{background:#3b2167;color:#fff;border:0;border-radius:8px;padding:12px 22px;font-weight:800;letter-spacing:.3px;cursor:pointer}
.ib-more-btn:hover{filter:brightness(1.05)}

/* ==========================================================================
   FOOTER (Updated for Internet Broker)
   ========================================================================== */
.footer {
  background: #101820;
  color: rgba(255,255,255,.8);
  padding-top: 16px;
  padding-bottom: 24px;
  font-size: 15px;
}

/* === Links === */
.footer a {
  color: rgba(255,255,255,.9);
  text-decoration: none;
  transition: color .25s ease;
}
.footer a:hover {
  color: #fff;
}

/* === Nav === */
.footer-nav {
  text-align: center;
}
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 14px;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
.footer-nav a {
  font-weight: 600;
  letter-spacing: .2px;
}

/* === Separator === */
.footer-sep {
  border: 0;
  border-top: 1px solid rgba(255,255,255,.1);
  margin: 16px 0 18px;
}

/* === Bottom === */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
}
.footer-bottom p {
  margin: 0;
  line-height: 1.5;
}
.footer-bottom a {
  font-weight: 500;
}
.footer-bottom .powered {
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
}

/* === Mobile === */
@media (max-width: 768px) {
  .footer-nav ul {
    justify-content: center;
    gap: 14px;
  }

  /* Show only login/register OR dashboard */
  .footer-nav li {
    display: none;
  }
  .footer-nav li:last-child {
    display: inline-block; /* login/register */
  }
  .footer-nav li.dashboard-link {
    display: inline-block; /* if logged in */
  }

  .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    row-gap: 8px;
  }
}

/* ==========================================================================
   OFFERS TABLE (compact buttons)
   ========================================================================== */
.ib-offers td,.ib-offers th{vertical-align:middle;padding:.65rem .75rem}
.ib-offers .btn-offer,.ib-offers .btn-buynow{
  width:auto !important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  text-transform:uppercase;font-weight:700;font-size:.75rem;line-height:1;padding:.35rem .55rem;border-radius:.25rem;border:1px solid transparent;box-shadow:none
}
.ib-offers .btn-offer{background:#3b1f74;color:#fff !important;border-color:#3b1f74}
.ib-offers .btn-offer:hover{background:#331a62;border-color:#331a62;color:#fff !important}
.ib-offers .btn-buynow{background:#f57e00;color:#fff !important;border-color:#e57100}
.ib-offers .btn-buynow:hover{background:#e57100;border-color:#d76600;color:#fff !important}
.ib-offers .btn-buynow.disabled,.ib-offers .btn-buynow:disabled{opacity:.55;pointer-events:none}
.ib-offers th:nth-child(2),.ib-offers td:nth-child(2),
.ib-offers th:nth-child(4),.ib-offers td:nth-child(4){width:120px}
.ib-offers th:nth-child(3),.ib-offers td:nth-child(3),
.ib-offers th:nth-child(5),.ib-offers td:nth-child(5){width:130px}

/* ==========================================================================
   RESULTS CARD TABLE
   ========================================================================== */
.ib-results-card{border:1px solid rgba(0,0,0,.06);border-radius:.5rem;overflow:hidden;background:#fff}
.ib-results-card .table{margin-bottom:0;color:inherit}
.ib-results-card .table>:not(caption)>*>*{border-color:#e5e7eb}
.ib-results-card .table thead th{background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-weight:600}
.ib-results-card .table-striped tbody tr:nth-of-type(odd){background-color:#fafafa}
.ib-results-card .table tbody tr:hover{background-color:#f3f4f6}
.ib-results-card .table tbody tr:last-child td{border-bottom-width:0}

/* ==========================================================================
   INFO TEXT (left column helper)
   ========================================================================== */
.ib-page-light .ib-info{margin-top:1.25rem !important;padding-top:.75rem !important;border-top:1px solid #eceff3 !important;line-height:1.7 !important;font-size:.96rem !important}
.ib-page-light .ib-info h2{font-size:1.125rem !important;font-weight:700 !important;margin:0 0 .6rem 0 !important;color:#111 !important;letter-spacing:.2px}
.ib-page-light .ib-info p{margin:0 0 .8rem 0 !important;color:#3f4854 !important}
.ib-page-light .ib-info p:last-child{margin-bottom:0 !important}
.ib-page-light .ib-info a{color:#f57e00 !important;text-decoration:none !important;font-weight:600 !important}
.ib-page-light .ib-info a:hover{opacity:.9 !important;text-decoration:none !important}
@media (max-width:576px){.ib-page-light .ib-info{max-width:100% !important}}

/* ==========================================================================
   GLOBAL
   ========================================================================== */

/* ===== Buttons ===== */
.ib-pri{
  display: inline-flex;
  align-items:center;
  gap:8px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #253e50 0%, #1b2e42 100%);
  color:#e7edf4;
  font-weight:700;
  text-decoration:none;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(37, 62, 80, 0.3);
  transition: all 0.3s ease;
  border: 1px solid rgba(231, 237, 244, 0.2);
}
.ib-pri:hover{
  background: linear-gradient(135deg, #1b2e42 0%, #0f1d2a 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(37, 62, 80, 0.4);
  border-color: rgba(231, 237, 244, 0.3);
  text-decoration: none;
}

.ib-sec{
  display: inline-flex;
  align-items:center;
  gap:8px;
  padding: 14px 28px;
  background: #e7edf4;
  color:#253e50;
  font-weight:700;
  text-decoration:none;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(37, 62, 80, 0.1);
  transition: all 0.3s ease;
  border: 1px solid rgba(37, 62, 80, 0.3);
}
.ib-sec:hover{
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(37, 62, 80, 0.15);
  border-color: rgba(37, 62, 80, 0.5);
  text-decoration: none;
}

@media (max-width: 767.98px) {
    .ib-sec{
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .ib-pri{
        width: 100%;
        justify-content: center;
    }
}

.ib-pri,
.ib-sec{
  white-space: nowrap;
}


/* ===== Buy Domains — light wide market layout ===== */
body.ib-page-light{
  background:#f3f5fb;
  color:#253e50;
}

/* Shell */
.ib-market{
  padding:48px 0 72px;
}
.ib-market-shell{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 16px;
}

/* Head */
.ib-market-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:20px;
}
.ib-market-title{
  font-size:28px;
  font-weight:700;
  margin:0;
  color:#253e50;
}
.ib-market-meta{
  font-size:13px;
  color:#7c8ba5;
  margin-top:4px;
}
.ib-market-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

/* Filter button */
.ib-btn-filter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid #d3deee;
  font-size:13px;
  font-weight:600;
  background:#ffffff;
  color:#253e50;
  box-shadow:0 4px 12px rgba(18,33,56,0.08);
  cursor:pointer;
}
.ib-btn-filter i{
  font-size:12px;
}

/* Search */
.ib-market-search{
  position:relative;
  min-width:260px;
}
.ib-market-search input{
  width:100%;
  border-radius:999px;
  border:1px solid #d3deee;
  background:#ffffff;
  padding:8px 34px 8px 14px;
  font-size:14px;
}
.ib-market-search input:focus{
  outline:none;
  border-color:#253e50;
  box-shadow:0 0 0 2px rgba(37,62,80,0.18);
}
.ib-market-search i{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:13px;
  color:#7c8ba5;
}

/* Filters row */
.ib-market-filters{
  margin-bottom:18px;
  padding:10px 14px;
  border-radius:18px;
  background:#e7edf4;
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  align-items:center;
}
.ib-filter-group{
  display:flex;
  flex-direction:column;
  min-width:150px;
}
.ib-filter-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#7c8ba5;
  margin-bottom:3px;
}
.ib-market-filters .form-select{
  padding:6px 30px 6px 10px;
  font-size:13px;
  border-radius:999px;
  border:1px solid #c5d2e6;
  background:#ffffff;
}
.ib-market-filters .form-select:focus{
  outline:none;
  border-color:#253e50;
  box-shadow:0 0 0 2px rgba(37,62,80,0.15);
}

/* Results meta */
.ib-results-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#7c8ba5;
  margin-bottom:8px;
}

/* Table card */
.ib-market-table-wrap{
  margin-top:8px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 22px 50px rgba(13,30,53,0.12);
  overflow:hidden;
}
.ib-market-table{
  margin-bottom:0;
}
.ib-market-table thead th{
  background:#e7edf4;
  border-bottom:1px solid #d3deee;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#7c8ba5;
  padding:11px 16px;
  white-space:nowrap;
}
.ib-market-table tbody td{
  border-bottom:1px solid #edf1f7;
  font-size:14px;
  padding:11px 16px;
  vertical-align:middle;
}
.ib-market-table tbody tr:hover{
  background:#f8faff;
}

/* Domain cell */
.ib-domain-main{
  font-weight:600;
  font-size:15px;
}
.ib-domain-main a{
  color:#253e50;
  text-decoration:none;
}

.ib-domain-sub{
  margin-top:2px;
  font-size:12px;
  color:#7c8ba5;
}
.ib-pill{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:#e7edf4;
  color:#253e50;
}

/* Price + time */
.ib-price-main{
  font-weight:600;
  font-size:14px;
}
.ib-price-sub,
.ib-time-sub{
  font-size:12px;
  color:#7c8ba5;
}

/* Buttons */
.ib-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid #253e50;
  background:#253e50;
  color:#e7edf4;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:.2s ease;
}
.ib-btn-primary:hover{
  background:#182533;
  color:#ffffff;
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 8px 16px rgba(9,18,32,0.22);
}

/* Pagination */
.ib-market-pager nav{
  margin-top:14px;
}

/* Popular block */
.ib-popular-block{
  margin-top:32px;
}
.ib-popular-card{
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 18px 40px rgba(10,23,44,0.10);
}
.ib-popular-card .card-header{
  border-bottom:1px solid #edf1f7;
  background:#f7f9fd;
  font-weight:600;
}
.ib-popular-domain{
  font-size:14px;
  font-weight:500;
  color:#253e50;
}
.ib-popular-domain a{
  color:#253e50;
  text-decoration:none;
}
.ib-popular-domain a:hover{
  text-decoration:underline;
}
.ib-popular-meta{
  font-size:12px;
  color:#7c8ba5;
}

/* Small screen tweaks */
@media (max-width: 767.98px){
  .ib-market-shell{ padding:0 12px; }
  .ib-market-title{ font-size:22px; }
  .ib-market-filters{ padding:10px 10px; }
  .ib-market-table-wrap{ border-radius:14px; }
}

/* ===== ABOUT PAGE ===== */
body.ib-page-light{
  background:#f3f5fb;
  color:#253e50;
}

.ib-about{
  padding:48px 0 72px;
}
.ib-about-shell{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 16px;
}

/* Hero */
.ib-about-hero{
  background:linear-gradient(135deg,#e7edf4 0%,#f3f7ff 55%,#f3f5fb 100%);
  border-radius:24px;
  padding:26px 26px 24px;
  box-shadow:0 18px 40px rgba(16,29,56,0.18);
  margin-bottom:28px;
}
.ib-about-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 10px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#fff;
  color:#253e50;
  border:1px solid rgba(37,62,80,0.18);
  margin-bottom:8px;
}
.ib-about-title{
  font-size:30px;
  font-weight:700;
  margin-bottom:6px;
}
.ib-about-sub{
  font-size:14px;
  color:#5a6983;
  max-width:540px;
}
.ib-about-points{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  font-size:13px;
  color:#4f5b71;
}
.ib-about-points span::before{
  content:"• ";
  color:#253e50;
  font-weight:700;
}

/* Hero stats */
.ib-about-stats{
  border-radius:18px;
  background:#ffffff;
  padding:16px 18px;
  box-shadow:0 16px 32px rgba(9,20,38,0.20);
  font-size:13px;
}
.ib-about-stats-title{
  font-size:14px;
  font-weight:600;
  margin-bottom:10px;
}
.ib-about-stat-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}
.ib-about-stat-label{
  color:#7b869a;
}
.ib-about-stat-value{
  font-weight:600;
}
.ib-about-tagline{
  font-size:11px;
  color:#9aa7bd;
  margin-top:8px;
}

/* Section heads */
.ib-section-head{
  margin-bottom:14px;
}
.ib-section-title{
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}
.ib-section-sub{
  font-size:13px;
  color:#6c7890;
}

/* Story content */
.ib-about-card{
  background:#ffffff;
  border-radius:20px;
  padding:18px 20px 18px;
  box-shadow:0 16px 40px rgba(10,21,42,0.10);
  border:1px solid #dde5f3;
  font-size:14px;
  color:#4b5669;
}
.ib-about-card p{
  margin-bottom:10px;
}
.ib-about-card p:last-child{
  margin-bottom:0;
}

/* Side highlights under story */
.ib-about-highlights{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ib-about-highlight{
  background:#ffffff;
  border-radius:16px;
  padding:12px 13px;
  border:1px solid #dde5f3;
  box-shadow:0 12px 26px rgba(10,21,42,0.09);
}
.ib-about-highlight-title{
  font-size:13px;
  font-weight:700;
  margin-bottom:4px;
}
.ib-about-highlight-body{
  font-size:12px;
  color:#6c7890;
}

/* Popular card */
.ib-about-popular.card{
  border-radius:18px;
  box-shadow:0 18px 40px rgba(10,22,44,0.12);
  border:1px solid #dde5f3;
}
.ib-about-popular .card-header{
  font-weight:600;
  font-size:14px;
  background:#f4f7fd;
}
.ib-about-domain{
  font-size:14px;
  font-weight:500;
}
.ib-about-domain a{
  color:#253e50;
  text-decoration:none;
}
.ib-about-domain a:hover{
  text-decoration:underline;
}
.ib-about-meta{
  font-size:12px;
  color:#7b869a;
}
.ib-about-pill-small{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:2px 7px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:#e7edf4;
  color:#253e50;
}

/* Footer band */
.ib-about-footer{
  margin-top:32px;
  border-radius:22px;
  background:#253e50;
  color:#e7edf4;
  padding:16px 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
}
.ib-about-footer strong{
  font-size:15px;
}

/* Responsive */
@media (max-width: 991.98px){
  .ib-about-shell{ padding:0 12px; }
  .ib-about-hero{ padding:20px 18px; }
  .ib-about-title{ font-size:24px; }
  .ib-about-highlights{
    grid-template-columns:1fr;
  }
}

/* ===== SEARCH PAGE (search.php) ===== */
body.ib-search-page{
  /* Ana sayfaya yakın, koyu degrade arka plan */
  background:
    radial-gradient(circle at top left, #1d2a49 0, transparent 55%),
    radial-gradient(circle at bottom right, #151c33 0, transparent 55%),
    linear-gradient(180deg,#020617 0%, #020617 40%, #0b1120 100%);
  color:#e5ecff;
}

/* Ana container */
body.ib-search-page .ib-search{
  padding:72px 0 96px;
}
body.ib-search-page .ib-search-shell{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 16px;
}

/* ---------- HERO ---------- */
body.ib-search-page .ib-search-hero{
  position:relative;
  background:radial-gradient(circle at top left,#1f2937 0,#020617 55%);
  border-radius:26px;
  padding:26px 26px 24px;
  box-shadow:0 26px 60px rgba(15,23,42,0.65);
  margin-bottom:28px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,0.25);
}
body.ib-search-page .ib-search-hero::before{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:260px;
  height:260px;
  background:radial-gradient(circle,#6366f1 0,transparent 65%);
  opacity:.28;
  pointer-events:none;
}
body.ib-search-page .ib-search-pill{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:4px 11px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(15,23,42,0.9);
  color:#e5ecff;
  border:1px solid rgba(148,163,184,0.55);
  margin-bottom:10px;
}
body.ib-search-page .ib-search-pill::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,0.25);
}

body.ib-search-page .ib-search-title{
  position:relative;
  z-index:1;
  font-size:30px;
  font-weight:700;
  margin-bottom:6px;
  color:#f9fafb;
}
body.ib-search-page .ib-search-sub{
  position:relative;
  z-index:1;
  font-size:14px;
  color:#9ca3af;
  max-width:580px;
}

/* ---------- FİLTRE BAR ---------- */
body.ib-search-page .ib-search-filters{
  position:relative;
  z-index:1;
  margin-top:16px;
  border-radius:18px;
  background:rgba(15,23,42,0.96);
  padding:14px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  align-items:flex-end;
  box-shadow:0 18px 40px rgba(15,23,42,0.8);
  border:1px solid rgba(148,163,184,0.35);
  backdrop-filter:blur(16px);
}
body.ib-search-page .ib-filter-group{
  display:flex;
  flex-direction:column;
  min-width:160px;
  flex:1 1 160px;
}
body.ib-search-page .ib-filter-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#9ca3af;
  margin-bottom:4px;
}

/* Inputs */
body.ib-search-page .ib-search-filters input[type="text"],
body.ib-search-page .ib-search-filters input[type="number"]{
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.65);
  font-size:13px;
  padding:8px 14px;
  background-color:#020617;
  color:#e5ecff;
  box-shadow:inset 0 1px 0 rgba(148,163,184,0.35);
}
body.ib-search-page .ib-search-filters input::placeholder{
  color:#6b7280;
}

body.ib-search-page .ib-search-filters select{
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.65);
  font-size:13px;
  padding:8px 32px 8px 14px;
  background-color:#020617;
  color:#e5ecff;
  box-shadow:inset 0 1px 0 rgba(148,163,184,0.35);

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23e5ecff' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
}

body.ib-search-page .ib-search-filters input:focus,
body.ib-search-page .ib-search-filters select:focus{
  outline:none;
  border-color:#6366f1;
  box-shadow:0 0 0 1px #6366f1,0 0 0 6px rgba(99,102,241,0.35);
}

/* Search butonu */
body.ib-search-page .ib-search-submit{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
}
body.ib-search-page .ib-btn-main{
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-content:center;
  padding:9px 24px;
  border-radius:999px;
  border:none;
  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 40%,#ec4899 100%);
  color:#f9fafb;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 20px 40px rgba(129,140,248,0.55);
  transition:.18s ease-in-out;
  cursor:pointer;
}
body.ib-search-page .ib-btn-main:hover{
  transform:translateY(-1px) scale(1.01);
  box-shadow:0 26px 55px rgba(129,140,248,0.75);
  text-decoration:none;
}
body.ib-search-page .ib-btn-main:active{
  transform:translateY(0) scale(.99);
  box-shadow:0 14px 30px rgba(15,23,42,0.9);
}

/* ---------- RESULTS META & WRAPPER ---------- */
body.ib-search-page .ib-search-meta{
  margin-top:16px;
  font-size:13px;
  color:#9ca3af;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
body.ib-search-page .ib-search-meta span:first-child{
  font-weight:500;
  color:#e5ecff;
}

/* Table container */
body.ib-search-page .ib-search-table-wrap{
  margin-top:14px;
  border-radius:22px;
  background:rgba(15,23,42,0.96);
  box-shadow:0 26px 60px rgba(15,23,42,0.9);
  overflow:hidden;
  border:1px solid rgba(148,163,184,0.45);
}
body.ib-search-page .ib-search-table{
  margin-bottom:0;
}

/* Table header */
body.ib-search-page .ib-search-table thead th{
  background:rgba(15,23,42,0.98);
  border-bottom:1px solid rgba(148,163,184,0.55);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9ca3af;
  padding:11px 18px;
  white-space:nowrap;
}

/* Table body */
body.ib-search-page .ib-search-table tbody td{
  border-bottom:1px solid rgba(31,41,55,0.95);
  font-size:14px;
  padding:12px 18px;
  vertical-align:middle;
  color:#e5ecff;
}
body.ib-search-page .ib-search-table tbody tr{
  background:transparent;
  transition:background .18s ease, transform .12s ease;
}
body.ib-search-page .ib-search-table tbody tr:hover{
  background:radial-gradient(circle at left,#111827 0, #020617 70%);
  transform:translateY(-1px);
}

/* Domain cell */
body.ib-search-page .ib-search-domain-main{
  font-weight:600;
  font-size:15px;
}
body.ib-search-page .ib-search-domain-main a{
  color:#1f2937;
  text-decoration:none;
}
body.ib-search-page .ib-search-domain-main a:hover{
  text-decoration:underline;
}
body.ib-search-page .ib-search-domain-sub{
  font-size:12px;
  color:#9ca3af;
  margin-top:3px;
}

/* BIN / Offer badge */
body.ib-search-page .ib-pill-small{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:2px 8px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  background:rgba(37,99,235,0.14);
  color:#0f172a;
  border:1px solid rgba(129,140,248,0.7);
}

/* Fiyat sütunları */
body.ib-search-page td.text-end{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.ib-search-page td.text-end{
  color:#e5ecff;
}
body.ib-search-page td.text-end:nth-child(3){
  color:#a5b4fc;
}
body.ib-search-page td.text-end:nth-child(4){
  font-weight:600;
}

/* "No matching domains" satırı */
body.ib-search-page .ib-search-table tbody td.text-center{
  padding:24px 18px;
  color:#9ca3af;
}

/* ---------- PAGINATION ---------- */
body.ib-search-page .ib-search-pager nav{
  margin-top:18px;
}
body.ib-search-page .pagination{
  gap:4px;
}
body.ib-search-page .pagination .page-item .page-link{
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.5);
  background:rgba(15,23,42,0.9);
  color:#e5ecff;
  font-size:12px;
  padding:6px 11px;
  min-width:32px;
  text-align:center;
}
body.ib-search-page .pagination .page-item.active .page-link{
  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 40%,#ec4899 100%);
  border-color:transparent;
}
body.ib-search-page .pagination .page-item.disabled .page-link{
  opacity:.4;
  cursor:default;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991.98px){
  body.ib-search-page .ib-search-shell{ padding:0 12px; }
  body.ib-search-page .ib-search-hero{ padding:22px 18px 20px; }
  body.ib-search-page .ib-search-title{ font-size:26px; }
}
@media (max-width: 767.98px){
  body.ib-search-page .ib-search{
    padding-top:64px;
  }
  body.ib-search-page .ib-search-filters{
    padding:12px;
  }
  body.ib-search-page .ib-search-submit{
    justify-content:stretch;
  }
  body.ib-search-page .ib-btn-main{
    width:100%;
    justify-content:center;
  }
  body.ib-search-page .ib-search-table-wrap{
    margin-top:12px;
  }
}

/* ---------- Fixes ---------- */

/* === SEARCH: Category sütunu — ortalı + sabit genişlik chip === */

body.ib-search-page .ib-search-table tbody tr > td:nth-child(2){
  position: relative;                  /* abs center için */
  display: table-cell;
  vertical-align: middle;
  padding: 0;                          /* chip tam ortaya gelsin */
  background:#020617;
  border-bottom:1px solid rgba(31,41,55,0.95);
}

/* Kategori etiketi */
body.ib-search-page .ib-search-table tbody tr > td:nth-child(2) span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);    /* hem yatay hem dikey merkez */

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width: 140px;                        /* sabit genişlik (desktop) */
  padding:4px 12px;
  border-radius:999px;
  background:rgba(37,99,235,0.20);
  border:1px solid rgba(129,140,248,0.8);
  font-size:12px;
  font-weight:600;
  letter-spacing:.03em;
  color:#e5ecff;

  white-space:nowrap;                  /* 9–10 karakter ideal */
  overflow:hidden;
  text-overflow:ellipsis;              /* uzun isimlerde ... */
  margin:0;
}

/* Mobilde biraz daha dar chip */
@media (max-width:576px){
  body.ib-search-page .ib-search-table tbody tr > td:nth-child(2){
    padding:0;
  }

  body.ib-search-page .ib-search-table tbody tr > td:nth-child(2) span{
    width:110px;                       /* sabit, mobil */
    padding:3px 10px;
    font-size:11px;
  }
}





/* =========================================================
 * SELL DOMAINS LANDING (selldomains.php)
 * =======================================================*/

body.ib-sell-page {
  background:#f3f5fb;
  color:#253e50;
}

.ib-sell {
  padding:48px 0 72px;
}

.ib-sell-shell {
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 16px;
}

/* Hero */

.ib-sell-hero {
  background:linear-gradient(135deg,#e7edf4 0%,#f3f7ff 60%,#f3f5fb 100%);
  border-radius:24px;
  padding:28px 28px 26px;
  box-shadow:0 18px 40px rgba(17,30,60,0.16);
}

.ib-sell-hero-title {
  font-size:30px;
  font-weight:700;
  margin-bottom:6px;
}

.ib-sell-hero-sub {
  font-size:14px;
  color:#5d6a82;
  max-width:520px;
}

.ib-sell-hero-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

/* Primary / ghost buttons (shared with other pages if needed) */

.ib-btn-main {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  border:1px solid #253e50;
  background:#253e50;
  color:#e7edf4;
  box-shadow:0 10px 24px rgba(13,26,47,0.35);
  transition:.2s ease;
}

.ib-btn-main:hover {
  background:#151f2b;
  color:#ffffff;
  text-decoration:none;
  transform:translateY(-1px);
}

.ib-btn-ghost {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(37,62,80,0.26);
  background:rgba(255,255,255,0.7);
  color:#253e50;
  backdrop-filter:blur(4px);
  transition:.2s ease;
}

.ib-btn-ghost:hover {
  background:#ffffff;
  text-decoration:none;
}

/* Hero stats */

.ib-sell-stats {
  border-radius:18px;
  background:#ffffff;
  padding:16px 18px;
  box-shadow:0 16px 32px rgba(9,20,38,0.18);
  font-size:13px;
}

.ib-sell-stats-title {
  font-size:14px;
  font-weight:600;
  margin-bottom:10px;
}

.ib-sell-stat-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}

.ib-sell-stat-label {
  color:#7b869a;
}

.ib-sell-stat-value {
  font-weight:600;
}

.ib-sell-tagline {
  font-size:11px;
  color:#9aa7bd;
  margin-top:8px;
}

/* Section headings */

.ib-section-head {
  margin-top:36px;
  margin-bottom:16px;
}

.ib-section-title {
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}

.ib-section-sub {
  font-size:13px;
  color:#6b768b;
}

/* Steps grid */

.ib-sell-steps {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.ib-step-card {
  background:#ffffff;
  border-radius:18px;
  padding:16px 16px 14px;
  box-shadow:0 16px 40px rgba(10,22,44,0.10);
  border:1px solid #dde5f3;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.ib-step-icon {
  width:32px;
  height:32px;
  border-radius:999px;
  background:#fff5eb;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:4px;
}

.ib-step-icon i {
  font-size:16px;
  color:#f57e00;
}

.ib-step-eyebrow {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#f57e00;
}

.ib-step-title {
  font-size:15px;
  font-weight:700;
  margin:0;
}

.ib-step-body {
  font-size:13px;
  color:#6b768b;
}

/* Why-sell cards */

.ib-why-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.ib-why-card {
  background:#ffffff;
  border-radius:18px;
  padding:16px 16px 14px;
  border:1px solid #dde5f3;
  box-shadow:0 14px 32px rgba(11,22,40,0.08);
}

.ib-why-title {
  font-size:14px;
  font-weight:700;
  margin-bottom:6px;
}

.ib-why-body {
  font-size:13px;
  color:#6b768b;
}

/* Quote */

.ib-sell-quote {
  margin-top:24px;
  border-radius:20px;
  background:#253e50;
  color:#e7edf4;
  padding:18px 20px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-start;
}

.ib-sell-quote-mark {
  font-size:28px;
  line-height:1;
  opacity:.3;
}

.ib-sell-quote-text {
  font-size:13px;
}

.ib-sell-quote-meta {
  font-size:12px;
  color:#a9b5c7;
  margin-top:4px;
}

/* FAQ */

.ib-faq .accordion-item {
  border-radius:14px;
  overflow:hidden;
  border:1px solid #dde5f3;
  box-shadow:0 10px 26px rgba(10,22,44,0.10);
}

.ib-faq .accordion-item + .accordion-item {
  margin-top:10px;
}

.ib-faq .accordion-button {
  font-size:13px;
  font-weight:600;
  padding:10px 14px;
}

.ib-faq .accordion-body {
  font-size:13px;
  color:#6b768b;
}

/* Small pill (reused in popular sidebar) */

.ib-pill-small {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:2px 8px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  background:#e7edf4;
  color:#253e50;
}

/* Bottom CTA */

.ib-sell-cta {
  margin-top:32px;
  border-radius:24px;
  background:#253e50;
  color:#e7edf4;
  padding:18px 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ib-sell-cta-title {
  font-size:16px;
  font-weight:600;
}

.ib-sell-cta-sub {
  font-size:13px;
  color:#b2c0d2;
}

/* Responsive */

@media (max-width: 991.98px){
  .ib-sell-shell { padding:0 12px; }
  .ib-sell-hero { padding:20px 18px; }
  .ib-sell-hero-title { font-size:24px; }
  .ib-sell-steps { grid-template-columns:1fr; }
  .ib-why-grid { grid-template-columns:1fr; }
}

@media (max-width: 575.98px){
  .ib-sell-cta { align-items:flex-start; }
}

body.ib-page-light{
  background:#f3f5fb;
  color:#253e50;
}

.ib-domain{
  padding:48px 0 72px;
}
.ib-domain-shell{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 16px;
}

/* Hero */
.ib-domain-hero{
  background:#e7edf4;
  border-radius:24px;
  padding:24px 26px 20px;
  box-shadow:0 16px 32px rgba(12,28,58,0.18);
  margin-bottom:24px;
  border:1px solid #d4dfec;
}
.ib-domain-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 10px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#fff;
  color:#253e50;
  border:1px solid rgba(37,62,80,0.18);
  margin-bottom:8px;
}
.ib-domain-title{
  font-size:26px;
  font-weight:700;
  margin-bottom:2px;
}
.ib-domain-sub{
  font-size:13px;
  color:#5b6983;
}
.ib-domain-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.ib-tag-badge{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-radius:999px;
  padding:2px 9px;
  border:1px solid rgba(37,62,80,0.18);
  background:#ffffffaa;
  color:#253e50;
}
.ib-tag-status-active{
  background:#d9f7e5;
  border-color:#96d4ae;
  color:#215439;
}
.ib-tag-status-sold{
  background:#ffe4dd;
  border-color:#f1a78c;
  color:#7b341e;
}

.ib-domain-meta{
  text-align:right;
  font-size:13px;
}
.ib-domain-meta-main{
  font-size:20px;
  font-weight:700;
}
.ib-domain-meta-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#7c8ba5;
}

/* Action bars (offer / auction) */
.ib-domain-bar{
  border-radius:20px;
  padding:22px 22px 18px;
  background:#ffffff;
  border:1px solid #d4dfec;
  color:#253e50;
  box-shadow:0 18px 34px rgba(16,30,60,0.20);
  margin-bottom:18px;
}
.ib-domain-bar.auction{
  border-top:4px solid #253e50;
}
.ib-domain-bar.offer{
  border-top:4px solid #253e50;
}
.ib-domain-bar-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px 14px;
  align-items:center;
  margin-bottom:10px;
}
.ib-pill-white{
  background:#f5f7fb;
  color:#253e50;
  border-radius:999px;
  padding:7px 14px;
  font-size:13px;
  font-weight:600;
  border:1px solid #d0d9ea;
}
.ib-pill-white strong{
  font-weight:700;
}
.ib-action-input{
  flex:1 1 220px;
}
.ib-action-input input{
  border-radius:999px;
  border:1px solid #ccd5e5;
  padding:10px 16px;
  font-size:14px;
  height:52px;
  width:100%;
}
.ib-action-input input:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(37,62,80,0.18);
  border-color:#253e50;
}
.ib-btn-cta{
  border-radius:999px;
  border:2px solid #253e50;
  background:#253e50;
  color:#ffffff;
  font-size:13px;
  font-weight:700;
  padding:11px 24px;
}
.ib-btn-cta:hover{
  background:transparent;
  color:#253e50;
}
.ib-domain-bar-foot{
  font-size:11px;
  color:#7a869f;
}

/* Countdown */
.ib-countdown{
  display:inline-flex;
  gap:8px;
  font-size:13px;
  align-items:center;
}
.ib-count-unit{
  background:#ffffff;
  color:#253e50;
  padding:3px 8px;
  border-radius:999px;
  font-weight:600;
  font-size:12px;
}

/* Info cards */
.ib-card{
  background:#ffffff;
  border-radius:20px;
  border:1px solid #dde5f3;
  box-shadow:0 16px 34px rgba(10,21,42,0.14);
  padding:16px 18px;
  margin-bottom:16px;
}
.ib-card-title{
  font-size:14px;
  font-weight:700;
  margin-bottom:8px;
}
.ib-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  font-size:13px;
}
.ib-info-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#8a98af;
}
.ib-info-value{
  font-size:13px;
}
.ib-domain-description{
  font-size:14px;
  color:#4b5669;
}
.ib-domain-description :where(p, li){
  margin-bottom:8px;
}

/* Popular sidebar */
.ib-domain-popular.card{
  border-radius:18px;
  border:1px solid #dde5f3;
  box-shadow:0 16px 36px rgba(10,22,44,0.16);
}
.ib-domain-popular .card-header{
  background:#f4f7fd;
  font-weight:600;
  font-size:14px;
}

/* Quick login */
#quickLoginWrap .card{
  border-radius:16px;
}

/* Responsive */
@media (max-width: 991.98px){
  .ib-domain-shell{
    padding:0 12px;
  }
  .ib-domain-hero{
    padding:18px 16px;
  }
  .ib-domain-title{
    font-size:22px;
  }
  .ib-domain-meta{
    text-align:left;
    margin-top:10px;
  }
}

.ib-domain-title.ib-domain-action-title{
  padding-bottom:20px !important;
}

/* Status pills */
.ib-status-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:none;
  border:1px solid transparent;
  background:#f5f7fb;
  color:#253e50;
}

/* Leading (green tones) */
.ib-status-pill-leading{
  background:#d9f7e5;
  border-color:#96d4ae;
  color:#215439;
}

/* Outbid (orange tones) */
.ib-status-pill-outbid{
  background:#ffe4dd;
  border-color:#f1a78c;
  color:#7b341e;
}

/* Offers neutral pill */
.ib-status-pill-offer{
  background:#e7edf9;
  border-color:#c2cde8;
  color:#253e50;
}

/* sticky footer */
body.ib-page-light {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.ib-page-light > footer {
  margin-top: auto;
}

.ib-pill-featured {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.6rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: radial-gradient(circle at 30% 0,
              #ffb3c1 0,
              #ff4b5c 45%,
              #c91832 100%);
  color: #ffffff;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 0 8px rgba(255, 75, 92, 0.9);
  white-space: nowrap;
}

.ib-pill-featured::before {
  content: '★';
  font-size: 0.65rem;
  margin-right: 0.25rem;
}


/* =========================================
   MOBILE PERFORMANCE SAFE MODE
   ========================================= */
@media (max-width: 768px){

  /* Offcanvas: tam genişlik, hafif */
  .offcanvas-ib{
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
  }

  /* Sticky header'ı normale çek (repaint'i azaltır) */
  .ib-topbar{
    position: relative;
    box-shadow: none;
  }
  .ib-subnav{
    position: relative;
  }

  /* Hero’daki ağır aurora efektlerini kapat */
  .ib-hero::before,
  .ib-hero::after{
    display: none !important;
  }

  /* Cam efekti + ağır gölgeleri mobilde hafiflet */
  .card-glass,
  .ib-cta-card,
  .ib-why-card{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
  }

  /* Stats arka plan glow'unu azalt */
  .stats-section::before{
    display:none !important;
  }

  /* Sürekli animasyon yapan bileşenler */
  .meter-fill::after,
  .pulse-dot,
  .pulse-dot::after{
    animation: none !important;
  }
}