/* ============================================================
   Sektörel Firmalar Rehber v2 — ek stil dosyası
   Mevcut general.css'e dokunulmadı, bu dosya functions.php
   içinde ayrıca enqueue edilir (sf_v2_enqueue_styles) ve
   üzerine yazar. Renkler: rehber-redesign.html mockup referans.
   ============================================================ */

:root{
	--sfv2-navy:#1f3542;
	--sfv2-navy2:#132029;
	--sfv2-menu-bg:#f4d549;
	--sfv2-menu-ink:#2a2408;
	--sfv2-gold:#c99a1d;
	--sfv2-gold-soft:#f7ecc9;
	--sfv2-gold-ink:#4a3a05;
	--sfv2-line:#e2ddce;
	--sfv2-radius:14px;
	--sfv2-radius-sm:9px;
}

/* -------- a) header / menü sarısı --------
   SF V2 — bu satır düzeni SADECE 481px ve üstünde uygulanır; temanın
   kendi mobil hamburger davranışı (.menu{display:none}, "data-open"
   ile JS toggle, bkz. header.php .header-mobile) 480px ve altında
   dokunulmadan çalışmaya devam eder. Önceki !important'lı flex kuralı
   medya sorgusuz olduğu için mobilde menüyü hep zorla görünür kılıp
   hamburger menüsünü işlevsiz bırakıyordu — bu yüzden 481px+ ile
   sınırlandırıldı. */
@media(min-width:481px){
.header-menu{ background: var(--sfv2-menu-bg) !important; height:48.25px !important; }
/* -- tema .menu{display:table} + li{display:table-cell} genişliği eşit dağıtıp
   geniş ekranda butonları aşırı yayıyor, dar ekranda üst üste sıkıştırıyordu.
   Sabit/doğal genişlikli flex satırına çevrildi: butonlar sadece kendi
   içeriği kadar yer kaplar, sola hizalı durur. -- */
.menu{ display:flex !important; width:auto !important; flex-wrap:wrap; }
.menu > li{
	display:flex !important; height:48.25px !important; width:auto !important;
	border-left:none !important; border-right:none !important;
}
.header-menu .menu > li > a{
	height:48.25px !important; padding:0 18px !important;
	display:flex !important; align-items:center; justify-content:center;
	color:#2a2408 !important; opacity:.75; font-size:13.5px !important; font-weight:700 !important;
	background:transparent !important; border-bottom:2px solid transparent; box-sizing:border-box;
	transition: opacity .15s, border-color .15s; overflow:visible !important;
}
.header-menu .menu > li > a:hover{
	opacity:1; border-bottom-color:#2a2408 !important; background:transparent !important; color:#2a2408 !important;
}
.header-menu .menu > li.current-menu-item > a{
	opacity:1; border-bottom-color:#2a2408 !important; color:#2a2408 !important;
}
.header-menu .menu > li > a::before{ display:none !important; }
.header-menu .menu li a .mn{
	height:48.25px !important; line-height:48.25px !important; padding:0 !important; float:none; font-size:13px !important;
	display:flex; align-items:center; justify-content:center;
}
.header-menu .menu li a .mn span{ display:none !important; }
.header-menu .menu li a .mn strong{
	font-size:13.5px !important; font-weight:700 !important; letter-spacing:0; color:inherit; line-height:normal;
}
.header-menu .menu li a .fa{ display:none !important; }
}

/* -------- a2) 480px ve altı: temanın orijinal hamburger/açılır menü
   davranışına dönüş — dikey liste, tam genişlik, dokunma dostu satırlar -------- */
@media(max-width:480px){
	.header-menu{ background: var(--sfv2-menu-bg) !important; }
	.menu li a{ color:#2a2408 !important; }
	.menu li a .fa{ display:inline-block !important; color:#2a2408 !important; }
	.menu li a .mn strong{ font-size:14px !important; font-weight:700 !important; }
}

/* -------- b) öne çıkan haberler slider (.sf-newsslider) -------- */
.sf-newsslider{
	position:relative;border-radius:var(--sfv2-radius);overflow:hidden;
	box-shadow:0 8px 24px -12px rgba(20,32,40,.25);margin:20px 0 10px;background:var(--sfv2-navy2);
}
.sf-newsslider .sf-slide{ display:none; }
.sf-newsslider .sf-slide.active{ display:block; }
.sf-newsslider .sf-slide-img{
	height:300px;background-size:cover;background-position:center;
	position:relative;display:flex;align-items:flex-end;
	background-color:var(--sfv2-navy);
}
.sf-newsslider .sf-dots{position:absolute;top:16px;left:18px;display:flex;gap:8px;z-index:2;}
.sf-newsslider .sf-dots span{
	width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);
	display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.sf-newsslider .sf-dots span::after{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);}
.sf-newsslider .sf-dots span.active{border-color:var(--sfv2-gold);}
.sf-newsslider .sf-dots span.active::after{background:var(--sfv2-gold);}
.sf-newsslider .sf-caption{
	background:var(--sfv2-menu-bg);width:100%;display:flex;align-items:center;gap:14px;
	padding:12px 18px;color:var(--sfv2-menu-ink);
}
.sf-newsslider .sf-caption .sf-play{
	width:28px;height:28px;border-radius:50%;background:var(--sfv2-navy);color:var(--sfv2-gold);
	display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;
}
.sf-newsslider .sf-caption h4{font-size:14px;color:var(--sfv2-menu-ink);flex:1;min-width:0;margin:0;font-weight:700;}
.sf-newsslider .sf-caption .sf-when{
	display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sfv2-menu-ink);opacity:.75;white-space:nowrap;
}
.sf-newsslider .sf-caption a{
	background:var(--sfv2-navy2);color:#fff;font-size:11.5px;font-weight:700;padding:8px 13px;
	border-radius:8px;text-decoration:none;white-space:nowrap;
}

/* -------- c) özet istatistik şeridi (.sf-quickstats) — ekran görüntüsüyle
   birebir: emoji ikon kutusu, büyük kalın rakam, altın noktalı çizgi -------- */
.sf-quickstats{
	display:grid;grid-template-columns:repeat(5,1fr);
	background:#fff;border:1px solid var(--sfv2-line);border-radius:var(--sfv2-radius);
	margin:22px 0 26px;overflow:hidden;
}
.sf-qstat{ padding:30px 14px 26px;text-align:center;border-right:1px solid var(--sfv2-line);text-decoration:none;display:block; }
.sf-qstat:last-child{ border-right:0; }
.sf-qstat .sf-ic{
	width:47px;height:47px;border-radius:13px;background:#eef0ec;
	display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:21.5px;
	line-height:1;
}
.sf-qstat b{
	display:block;font-family:"Public Sans", sans-serif;font-size:27px;font-weight:400;
	color: var(--sfv2-navy2); line-height:1.1; margin-bottom:8px;
}
.sf-qstat span{
	font-family:"Public Sans", sans-serif; font-size:11.5px;color:#8a8f83;
	text-transform:uppercase;letter-spacing:.05em; font-weight:400;
}
.sf-qstat .sf-track{
	height:2px;background:var(--sfv2-line);border-radius:3px;margin:16px auto 0;max-width:56px;position:relative;
}
.sf-qstat .sf-track i{
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:9px;height:9px;border-radius:50%;background: var(--sfv2-gold);
}
@media(max-width:768px){
	.sf-quickstats{ grid-template-columns:repeat(2,1fr); }
	.sf-qstat{ border-bottom:1px solid var(--sfv2-line); }
}

/* -------- d) anasayfa akış sütunları (.sf-feedcols) -------- */
.sf-feedcols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 26px;}
@media(max-width:900px){ .sf-feedcols{ grid-template-columns:1fr; } }
.sf-feedcol .sf-fc-head{
	background:var(--sfv2-navy2);color:#fff;display:flex;align-items:center;gap:8px;
	padding:11px 14px;border-radius:10px 10px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.02em;
}
.sf-feedcol .sf-fc-head .sf-ic{ color:var(--sfv2-gold); }
.sf-feedcol .sf-fc-body{ border:1px solid var(--sfv2-line);border-top:0;border-radius:0 0 10px 10px;background:#fff; }
.sf-feeditem{ padding:11px 14px;border-bottom:1px solid var(--sfv2-line);font-size:12.5px; display:block;text-decoration:none; }
.sf-feeditem:last-child{ border-bottom:0; }
.sf-feeditem .sf-t{ font-weight:600;margin-bottom:3px;color:#182a33; }
.sf-feeditem .sf-m{ font-size:11px;color:#8a8f83;display:flex;gap:8px; }
.sf-feedcol .sf-empty{ padding:14px;font-size:12px;color:#8a8f83; }

/* -------- h) banner alanı (.sf-bannerslot) -------- */
.sf-bannerslot{
	border-radius:var(--sfv2-radius-sm);overflow:hidden;border:1px solid var(--sfv2-line);margin-bottom:20px;
	position:relative;padding:6px;background:#fbfaf5;
}
.sf-bannerslot .sf-tagbanner{
	position:absolute;top:8px;right:12px;font-size:9.5px;color:#8a8f83;letter-spacing:.06em;
	text-transform:uppercase;z-index:2;
}

/* -------- e) adres + harita kartı (.mapcard-head) -------- */
.mapcard-head{
	background:var(--sfv2-navy);color:#fff;padding:11px 16px;display:flex;align-items:center;gap:9px;
	font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	border-radius:var(--sfv2-radius-sm) var(--sfv2-radius-sm) 0 0;margin:0;
}
.mapcard-head i{ color: var(--sfv2-gold); }

/* -------- f) gold / standart upsell kutusu (.sf-upsell) -------- */
.sf-upsell{
	margin:16px 0;background:var(--sfv2-gold-soft);color:var(--sfv2-gold-ink);font-size:13px;
	padding:14px 18px;border-radius:10px;border:1px solid #ecd98e;
}

/* -------- g) ziyaretçi sayacı rozeti (.sf-visitorcounter) -------- */
.sf-visitorcounter{
	display:inline-flex;align-items:center;gap:6px;background:#e8edf0;color:var(--sfv2-navy);
	border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;
}
.title-views .sf-visitorcounter{ padding:7px 14px;font-size:12.5px; }

/* -------- g) firma kartlarında ziyaretçi rozeti için konumlama -------- */
.gold-firmalar li{ position:relative; }


/* -------- sfv2-visitor-badge-fix: rozet konumlandırma + buton tekleştirme -------- */
.vitrin li, .gold-firmalar li, .normal-firmalar li{ position:relative; }
.btn.btn-default, .btn.btn-primary, .buttons .btn{
	background: var(--sfv2-menu-bg) !important;
	border-color: var(--sfv2-menu-bg) !important;
	color: var(--sfv2-menu-ink) !important;
}
.btn.btn-default:hover, .btn.btn-primary:hover, .buttons .btn:hover{
	background: var(--sfv2-navy2) !important;
	border-color: var(--sfv2-navy2) !important;
	color: #fff !important;
}


/* ============================================================
   GENEL MODERNİZASYON KATMANI (2026-08-20)
   Amaç: mockup'taki tipografi + yuvarlak köşe + yumuşak gölge
   dilini, mevcut sabit-piksel/float layout'u BOZMADAN (sadece
   köşe/gölge/renk/tipografi — genişlik/yükseklik/float yok)
   tüm siteye yaymak.
   ============================================================ */

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

/* -------- tipografi -------- */
body, p, div, button, input, textarea{
	font-family:"Public Sans", Roboto, sans-serif !important;
}
h1, h2, h3,
.block-title > h4,
.block-content h1,
.firma-isim,
.gold-isim span,
.populer-firmalar h4,
.footer-menu li.footer-menu-title,
.main-search h3{
	font-family:"Sora", Roboto, sans-serif !important;
	font-weight:700 !important;
	letter-spacing:-0.01em;
}

/* -------- yuvarlak köşe + yumuşak gölge (boyutlara dokunmadan) -------- */
.block-content,
.categories,
.locations,
.populer-firmalar,
.gold-firmalar li,
.box-listing li,
.firma-ekle-btn,
.main-ad,
.son-haberler,
.etkinlikler,
.tfad,
.discover-card,
.sf-quickstats,
.sf-newsslider,
.sf-feedcol .sf-fc-body,
.sf-bannerslot{
	border-radius: 0 0 var(--sfv2-radius) var(--sfv2-radius) !important;
	box-shadow: 0 1px 2px rgba(20,32,40,.04), 0 8px 24px -12px rgba(20,32,40,.16) !important;
}
.block-title.rounded,
.block-title{
	border-radius: var(--sfv2-radius) var(--sfv2-radius) 0 0 !important;
}
/* eski "sekme oku" (block-title altındaki üçgen) kaldırıldı — modern düz kart görünümü */
.block-title::after,
.block-title.title-primary::after{
	display:none !important;
}

.btn{ border-radius: var(--sfv2-radius-sm) !important; }
.btn-sm{ border-radius: 6px !important; }
.gold-firmalar li, .box-listing li{ border-radius: var(--sfv2-radius-sm) !important; overflow:hidden; }
.gold-firmalar li .gold-isim, .box-listing li .gold-isim{ border-radius: 0 !important; }
.populer-firmalar .firma-resim{ border-radius: var(--sfv2-radius-sm) var(--sfv2-radius-sm) 0 0 !important; }
.categories li a:hover,
.locations li a:hover{ border-radius: 6px; }

/* -------- header üst şerit ve menü: eski sert görünüm yumuşatıldı -------- */
.header-top{ background: var(--sfv2-navy2) !important; color:#cfdbe0 !important; }
.header-top a, .header-top .fa{ color:#cfdbe0 !important; }
.header-menu{ border-bottom: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
/* -- "Nasıl Yardımcı Olabiliriz" koyu kutu + büyük arama kaldırıldı;
   geriye sadece kategori kısayolları kaldı, beyaz zeminde -- */
.main-search{ background:#fff !important; padding:6px 0 26px; }
.sf-main-search-lite .container{ padding-top:0; }

/* -- anasayfa: hero metni solda, kategori kutuları sağda 3x2 ızgara -- */
.sf-hero-row{ display:flex; align-items:flex-start; gap:48px; margin:26px 0 30px; }
.sf-hero-row .sf-hero{ flex:0 0 auto; width:38%; margin:0; }
.sf-hero-row .sf-cat-grid-wrap{ flex:1 1 auto; min-width:0; }
.sf-cat-grid{
	display:grid !important; grid-template-columns:repeat(3, 1fr); gap:14px;
	width:100% !important;
}
.sf-cat-grid li{ display:block !important; width:auto !important; height:auto !important; }
.sf-cat-grid li a{
	height:100% !important; width:100% !important; box-sizing:border-box;
	display:flex !important; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; padding:20px 10px; gap:6px;
}
.sf-cat-grid li a .fa{ margin:0 !important; }
.sf-cat-grid li a .mn{ padding:0 !important; }
@media(max-width:900px){
	.sf-hero-row{ flex-direction:column; gap:24px; }
	.sf-hero-row .sf-hero{ width:100%; }
	.sf-cat-grid{ grid-template-columns:repeat(2, 1fr); }
}

/* -------- footer: koyu, sade -------- */
.footer{ background: #f8f6ef !important; }
.bottom{ background: var(--sfv2-navy2) !important; }
.bottom .footer-logo{ border-color: rgba(255,255,255,.15) !important; }
.bottom .copyright{ border-color: rgba(255,255,255,.15) !important; }

/* -------- ana kategori kutuları (main-categories) — koyu lacivert yerine
   yumuşak/fresh kart görünümü -------- */
.main-categories li a{
	border-radius: 10px; margin: 0 2px;
	background: #fff !important;
	border: 1px solid var(--sfv2-line);
	color: var(--sfv2-navy2) !important;
	box-shadow: none !important;
}
.main-categories li:nth-child(2n+2) a{ background: #fbf9f2 !important; }
.main-categories li a .fa{ color: var(--sfv2-gold); }
.main-categories li a:hover{ border-color: var(--sfv2-gold); box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; }
.main-categories li a strong{ font-weight: 600; }


/* ============================================================
   HEADER İNCE AYAR (2026-08-20, kullanıcı geri bildirimi sonrası)
   1) Ana menüyü masaüstünde de tek satır/ikonsuz yap (tema zaten
      dar ekranda bunu yapıyor — o davranışı genişlettik).
   2) Header'daki "ÜYE OL" / "GİRİŞ" ve nav'daki "ÜCRETSİZ FİRMA
      EKLE"/"REKLAM" butonlarına iki tonlu hiyerarşi geri kazandırıldı
      (önceki genel .btn override'ı hepsini sarıya çevirmişti).
   ============================================================ */

/* -- nav tek satır/ikonsuz/alt-çizgili kuralları artık genişlikten bağımsız
   olarak yukarıda "a) header / menü sarısı" bölümünde tanımlı; burada tekrar yok. -- */

/* -- header üst-orta buton hiyerarşisi: birincil sarı, ikincil lacivert-outline -- */
.header-middle .buttons .btn.btn-default,
.header-middle .buttons .btn.btn-secondary{
	background:#fff !important; color: var(--sfv2-navy) !important;
	border:1px solid var(--sfv2-navy) !important; box-sizing:border-box;
}
.header-middle .buttons .btn.btn-default:hover{ background: var(--sfv2-navy) !important; color:#fff !important; }
.header-middle .buttons .btn.btn-primary{
	background: var(--sfv2-menu-bg) !important; color: var(--sfv2-gold-ink) !important; border:none !important;
}
.header-middle .buttons .btn.btn-primary:hover{ background: var(--sfv2-gold) !important; color:#fff !important; }

/* -- header-top sağdaki menü (Ücretsiz Firma Ekle / Reklam Ver) —
   40px'lik şeridin içine tam oturan küçük pill, canlı sarı (menü rengiyle aynı) -- */
.header-top{ overflow:visible; }
.header-top .top-menu{ line-height:40px; margin:0; }
.header-top .top-menu li{ display:inline-block; vertical-align:middle; padding:0 4px !important; }
.header-top .top-menu li a{
	display:inline-block; vertical-align:middle; line-height:1;
	background: var(--sfv2-menu-bg) !important; color: var(--sfv2-menu-ink) !important;
	padding:6px 14px; border-radius:6px; font-size:12px !important; font-weight:700 !important;
}
.header-top .top-menu li a:hover{ background:#fff !important; color: var(--sfv2-navy2) !important; }

/* -- sosyal ikonlar: header-top'ta sola hizalı -- */
.sf-social-inline{ float:left; margin:0; padding:0; list-style:none; line-height:40px; }
.sf-social-inline li{ display:inline-block; vertical-align:middle; }
.sf-social-inline li a{
	display:inline-flex; align-items:center; justify-content:center;
	width:22px; height:22px; border-radius:50%; margin-right:6px; vertical-align:middle;
	background: rgba(255,255,255,.12); color:#cfdbe0 !important; font-size:11px;
}
.sf-social-inline li a:hover{ background: var(--sfv2-menu-bg) !important; color: var(--sfv2-menu-ink) !important; }

/* -- arama çubuğunu tek gruplanmış pill haline getir (SADECE masaüstünde;
   mobilde tema zaten .search-area'yı dikey/tam-genişlik dizmiş, width:360px
   sabiti orada taşmaya sebep oluyordu) -- */
@media(min-width:801px){
.search-area .input-col{
	background:#fff; border-radius: var(--sfv2-radius-sm) 0 0 var(--sfv2-radius-sm);
	padding-right:0 !important;
}
.search-area .input-col:last-of-type{ border-radius:0; border-left:1px solid #eee; }
.search-area .input-col input{ border-radius:0 !important; width:360px; }
.search-area .btn{ border-radius:0 var(--sfv2-radius-sm) var(--sfv2-radius-sm) 0 !important; }
.search-area{ display:inline-flex; border-radius:var(--sfv2-radius-sm); overflow:hidden; box-shadow:0 8px 24px -12px rgba(0,0,0,.35); }
}


/* ============================================================
   ARKA PLAN TEMİZLİĞİ (2026-08-20)
   Eski temanın dağınık/desenli body arka planı (images/bg.jpg)
   mockup'taki sade krem zeminle değiştirildi.
   ============================================================ */
body{ background: #f6f4ee !important; }


/* ============================================================
   ANASAYFA HERO BAŞLIĞI + HEADER'DA KOMPAKT ARAMA (2026-08-20)
   ============================================================ */
.sf-hero{ margin:22px 0 18px; }
.sf-hero-eyebrow{
	font-family:"IBM Plex Mono", "Public Sans", monospace, sans-serif;
	font-size:12px; letter-spacing:.12em; text-transform:uppercase;
	color: var(--sfv2-navy); display:flex; align-items:center; gap:8px; margin-bottom:8px;
}
.sf-hero-eyebrow::before{ content:""; width:18px; height:2px; background: var(--sfv2-menu-bg); display:inline-block; }
h1.anasayfa-baslik{
	font-size:34px !important; line-height:1.22 !important; margin:0 !important;
	color: var(--sfv2-navy2); max-width:15ch; font-weight:800 !important;
}
.sf-hero-sub{
	font-family:"Public Sans", sans-serif; font-size:15px; line-height:1.55;
	color:#6b6a60; max-width:52ch; margin:14px 0 0;
}
@media(max-width:768px){
	h1.anasayfa-baslik{ font-size:24px !important; max-width:none; }
	.sf-hero-sub{ font-size:13.5px; }
}

/* -- header-middle: tek satır kompakt düzen (logo + arama + üye butonları) --
   Kendi wrapper'ımız (.sf-header-row) sayesinde eski float/ad-slot elemanlarıyla
   çakışma yok; ad-slot (reklam_goster ana_logo) bu satırda gizlendi. */
.header-middle{ height:auto !important; padding:14px 0; }
.sf-header-row{
	display:flex; align-items:center; gap:20px; width:100%;
}
.sf-header-ad-hidden{ display:none !important; }
.header-middle .logo{ width:auto !important; max-width:260px; flex:0 0 auto; height:auto !important; line-height:normal !important; overflow:visible !important; }
.header-middle .logo img{ display:block; max-width:100%; height:auto; }

.sf-header-search{
	display:flex; align-items:center; gap:0; flex:1 1 auto; min-width:0; max-width:640px;
	background:#f2f0e8; border:1px solid var(--sfv2-line); border-radius:10px; overflow:hidden;
	height:46px;
}
.sf-header-search input{
	border:0; background:transparent; padding:0 14px; font-size:13.5px; height:46px; flex:1; min-width:0;
	font-family:"Public Sans", sans-serif;
}
.sf-header-search .sf-hs-divider{ width:1px; align-self:stretch; background:var(--sfv2-line); margin:9px 0; }
.sf-header-search input.sf-hs-bolge{ max-width:160px; }
.sf-header-search button{
	border:0; background: var(--sfv2-navy); color:#fff; font-weight:600; font-size:13px;
	padding:0 22px; height:46px; cursor:pointer; white-space:nowrap;
}
@media(max-width:1170px){ .sf-header-search{ display:none; } }

/* -- sağdaki üye butonları: küçük, tek satıra sığan Üye Girişi (outline) /
   Ücretsiz Kaydol (dolu lacivert) çifti -- */
.sf-auth-buttons{
	flex:0 0 auto; display:flex; align-items:center; gap:10px;
	position:static !important; float:none !important; width:auto !important; height:auto !important;
	line-height:normal !important; text-align:left !important;
}
.sf-auth-buttons .btn{
	display:inline-flex !important; align-items:center; justify-content:center;
	height:42px !important; line-height:1 !important; padding:0 20px !important;
	border-radius:8px !important; font-size:13px !important; font-weight:600 !important;
	white-space:nowrap; margin:0 !important; float:none !important;
}
.sf-auth-buttons .sf-btn-outline{
	background:#fff !important; color: var(--sfv2-navy) !important; border:1px solid #c7c9cc !important;
}
.sf-auth-buttons .sf-btn-outline:hover{ background: var(--sfv2-navy) !important; color:#fff !important; border-color: var(--sfv2-navy) !important; }
.sf-auth-buttons .sf-btn-filled{
	background: var(--sfv2-navy) !important; color:#fff !important; border:none !important;
}
.sf-auth-buttons .sf-btn-filled:hover{ background: var(--sfv2-navy2) !important; }
.sf-auth-buttons .fa{ display:none; }
@media(max-width:1170px){
	.header-middle{ padding:10px 0; }
	.sf-header-row{ flex-wrap:wrap; gap:12px; }
}


/* ============================================================
   TİPOGRAFİ + BUTON BOYUTLANDIRMA İNCE AYARI (2026-08-20)
   ============================================================ */

/* -- taban tipografi: biraz daha büyük/okunur gövde metni -- */
body{ font-size:14px; line-height:1.55; }

/* -- başlık hiyerarşisi: tutarlı Sora ölçeği -- */
.block-title > h4{ font-size:14.5px !important; letter-spacing:.01em; }
.firma-isim{ font-size:16px !important; }
.gold-isim span{ font-size:12px !important; font-weight:700 !important; }
.footer-menu li.footer-menu-title{ font-size:17px !important; }
.populer-firmalar h4{ font-size:15px !important; }
.sf-fc-head{ font-size:12.5px; letter-spacing:.03em; }

/* -- rakamlar: tabular/mono hizası (sayı sütunları titremesin) --
   .sf-qstat b hariç — o ekran görüntüsündeki gibi kalın Sora ile kalıyor. */
.sf-visitorcounter, .title-views span, .mono{
	font-variant-numeric: tabular-nums;
	font-family:"IBM Plex Mono", "Public Sans", monospace, sans-serif !important;
}
.sf-qstat b{ font-variant-numeric: tabular-nums; }

/* -- buton boyutlandırma: dengeli dolgu + tutarlı ağırlık -- */
.btn{
	font-family:"Public Sans", sans-serif !important;
	font-weight:700 !important;
	letter-spacing:.01em;
	font-size:13px !important;
}
.btn-lg{ font-size:13.5px !important; padding:0 22px !important; }
.btn-sm{ font-size:11.5px !important; padding:0 14px !important; font-weight:700 !important; }
.btn-md{ font-size:12.5px !important; }
/* ikon-only kare butonlar (ör. gold carousel ok butonları) orantılı kalsın */
.btn-icon:not(.btn-sm):not(.btn-lg){ font-size:13px !important; }

/* -- kategori / lokasyon listeleri: biraz daha ferah satır aralığı hissi -- */
.categories li a, .locations li a{ font-size:13.5px !important; font-weight:600 !important; }


/* -- firma detay sayfası bilgi satırları -- */
.firma-detay .firma-info li{ font-size:13.5px !important; }
.firma-detay .firma-info li strong{ font-size:11px !important; text-transform:uppercase; letter-spacing:.04em; color:var(--sfv2-navy); opacity:.7; }

/* ============================================================
   SOL MENÜ "KATEGORİLER" KARTI — mockup ile birebir (2026-08-20)
   ============================================================ */
/* Kaynak: rehber-redesign mockup .side-card / .catlist — token karşılıkları:
   --paper-2:#fff  --line:var(--sfv2-line)  --radius:14px  --paper-3:#efece2
   --muted-2:#8a8f83  --ink:var(--sfv2-navy2)  --navy:var(--sfv2-navy) */
.sf-catcard{
	background:#fff !important; border:1px solid var(--sfv2-line); border-radius:14px !important;
	padding:16px !important; overflow:hidden; box-shadow:none !important;
}
.sf-catcard .block-title{
	background:transparent !important; height:auto !important; line-height:normal !important;
	padding:0 0 12px !important; margin:0 !important;
}
.sf-catcard .block-title::after{ display:none !important; }
.sf-catcard .block-title > i{ display:none !important; }
.sf-catcard .block-title > h4{
	float:none !important; max-width:none !important; display:block;
	font-family:"IBM Plex Mono", "Public Sans", monospace, sans-serif !important;
	font-size:12px !important; letter-spacing:.08em; text-transform:uppercase;
	color:#8a8f83 !important; font-weight:500 !important; line-height:normal !important;
}
.sf-catcard .categories,
.sf-catcard .sektorler,
.sf-catcard .locations ul{
	background:transparent !important; box-shadow:none !important; display:flex; flex-direction:column; gap:4px;
}
.sf-catcard .categories li a,
.sf-catcard .sektorler li a,
.sf-catcard .locations li a{
	display:flex !important; align-items:center; justify-content:space-between;
	height:auto !important; line-height:normal !important; padding:14px 10px !important;
	border-bottom:none !important; background:transparent !important; box-shadow:none !important; border-radius:7px;
	font-family:"Public Sans", sans-serif !important; font-size:13.5px !important; font-weight:400 !important;
	color: var(--sfv2-navy2) !important; transition: background .12s;
}
.sf-catcard .categories li:first-child a,
.sf-catcard .sektorler li:first-child a{ color: var(--sfv2-navy) !important; font-weight:700 !important; }
.sf-catcard .categories li a i,
.sf-catcard .sektorler li a i,
.sf-catcard .locations li a i{ display:none !important; }
.sf-catcard .categories li a span,
.sf-catcard .sektorler li a span{
	font-family:"IBM Plex Mono", monospace !important; font-weight:500 !important;
	background:#efece2 !important; color:#8a8f83 !important;
	border-radius:999px; padding:1px 7px; font-size:11.5px !important; line-height:normal;
	flex-shrink:0; margin-left:12px;
}
.sf-catcard .categories li a:hover,
.sf-catcard .sektorler li a:hover,
.sf-catcard .locations li a:hover{ background:#efece2 !important; color: var(--sfv2-navy2) !important; }
.sf-catcard .categories li a:hover span,
.sf-catcard .sektorler li a:hover span{ background:#fff !important; color:#8a8f83 !important; }
.sf-catcard .locations li.full a{ color: var(--sfv2-navy) !important; font-weight:600 !important; font-size:12.5px !important; }

/* ============================================================
   GOLD ÜYELER — sarı şerit kaldırıldı, mockup ile birebir kart
   ============================================================ */
.sf-goldsection{ margin:26px 0; }
.sf-goldhead{
	display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;
}
.sf-goldhead h2{
	display:flex; align-items:center; gap:9px; margin:0;
	font-family:"Sora", Roboto, sans-serif; font-size:19px; font-weight:700; color: var(--sfv2-navy2);
}
.sf-goldhead h2 .fa{ color: var(--sfv2-gold); font-size:16px; }
.sf-goldhead a{
	font-family:"Public Sans", sans-serif; font-size:13px; font-weight:600;
	color: var(--sfv2-navy); text-decoration:none;
}
.sf-goldhead a:hover{ color: var(--sfv2-gold); }

.sf-goldgrid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
@media(max-width:900px){ .sf-goldgrid{ grid-template-columns:repeat(2, 1fr); } }
@media(max-width:520px){ .sf-goldgrid{ grid-template-columns:1fr; } }

.sf-goldcard{
	display:block; background:#fff; border:1px solid var(--sfv2-line); border-radius:var(--sfv2-radius);
	padding:18px; text-decoration:none; transition: box-shadow .15s, border-color .15s;
}
.sf-goldcard:hover{ box-shadow:0 8px 24px -14px rgba(20,32,40,.18); border-color:#d8d2bf; }

.sf-goldcard-top{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }
.sf-goldcard-avatar{
	width:52px; height:52px; border-radius:12px; background:#e9ebe6; color: var(--sfv2-navy2);
	display:flex; align-items:center; justify-content:center;
	font-family:"Sora", Roboto, sans-serif; font-weight:700; font-size:16px; letter-spacing:.02em;
	overflow:hidden;
}
.sf-goldcard-avatar-img{ background:#fff; border:1px solid var(--sfv2-line); }
.sf-goldcard-avatar-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.sf-goldbadge{
	background: var(--sfv2-gold-soft); color: var(--sfv2-gold-ink); font-family:"Public Sans", sans-serif;
	font-size:11px; font-weight:700; padding:4px 12px; border-radius:999px; letter-spacing:.02em;
}
.sf-goldcard-name{
	font-family:"Sora", Roboto, sans-serif; font-size:15.5px; font-weight:700; color: var(--sfv2-navy2);
	margin-bottom:6px; background:transparent !important;
}
.sf-goldcard-meta{
	font-family:"Public Sans", sans-serif; font-size:12.5px; color:#8a8f83;
}

/* ============================================================
   "Şehir ve sektöre göre firma arayın" keşif kutusu — mockup
   .discover-card / .selectlike / .btn-gold ile birebir
   ============================================================ */
.sf-disc-card{
	background:#fff; border:1px solid var(--sfv2-line); border-radius:var(--sfv2-radius);
	padding:22px; margin:20px 0; box-shadow:0 1px 2px rgba(20,32,40,.04), 0 8px 24px -12px rgba(20,32,40,.18);
}
.sf-disc-card h3{
	font-family:"Sora", Roboto, sans-serif; font-size:16px; font-weight:700;
	color: var(--sfv2-navy2); margin:0 0 14px;
}
.sf-disc-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.sf-disc-selectwrap{ position:relative; display:inline-block; }
.sf-disc-selectwrap::after{
	content:"⌄"; position:absolute; right:14px; top:50%; transform:translateY(-50%);
	color:#8a8f83; pointer-events:none; font-size:13px;
}
.sf-disc-selectwrap select{
	appearance:none; -webkit-appearance:none; -moz-appearance:none;
	border:1px solid #cfc9b6; border-radius:9px; padding:11px 34px 11px 14px; font-size:13.5px;
	background:#efece2; color: var(--sfv2-navy2); min-width:190px;
	font-family:"Public Sans", sans-serif; cursor:pointer;
}
.sf-disc-selectwrap select:disabled{ color:#8a8f83; cursor:not-allowed; }
.sf-disc-btn{
	background: var(--sfv2-menu-bg); color: var(--sfv2-menu-ink); font-family:"Public Sans", sans-serif;
	font-weight:700; font-size:13.5px; border-radius:9px; padding:11px 22px; text-decoration:none;
	display:inline-flex; align-items:center; white-space:nowrap;
}
.sf-disc-btn:hover{ background: var(--sfv2-gold); }

/* ============================================================
   SOL MENÜ GOLD PROMO KARTI — eski banner görseli yerine, mockup
   .promo-card ile birebir
   ============================================================ */
.sf-promocard{
	border-radius: var(--sfv2-radius); overflow:hidden; position:relative;
	background: linear-gradient(160deg, var(--sfv2-navy), var(--sfv2-navy2));
	color:#fff; padding:20px;
}
.sf-promo-tag{
	display:inline-flex; align-items:center; gap:6px; background: var(--sfv2-menu-bg); color: var(--sfv2-menu-ink);
	font-family:"Public Sans", sans-serif; font-size:11px; font-weight:700; padding:5px 12px; border-radius:999px;
	text-transform:uppercase; letter-spacing:.03em; margin-bottom:14px;
}
.sf-promocard h4{
	color:#fff; font-family:"Sora", Roboto, sans-serif; font-size:19px; font-weight:700;
	line-height:1.25; margin:0 0 8px;
}
.sf-promocard p{
	color:#c3d3da; font-family:"Public Sans", sans-serif; font-size:13px; line-height:1.5; margin:0 0 16px;
}
.sf-promo-btn{
	display:inline-block; background: var(--sfv2-menu-bg); color: var(--sfv2-menu-ink);
	font-family:"Public Sans", sans-serif; font-weight:700; font-size:13.5px;
	padding:10px 20px; border-radius:9px; text-decoration:none;
}
.sf-promo-btn:hover{ background: var(--sfv2-gold); color:#fff; }

/* ============================================================
   SOL MENÜ "FİRMANI EKLE" KARTI — mockup ile birebir
   ============================================================ */
.sf-addcard{
	background:#fff; border:1px solid var(--sfv2-line); border-radius:var(--sfv2-radius);
	padding:26px 22px; text-align:center;
}
.sf-addcard h4{
	font-family:"IBM Plex Mono", "Public Sans", monospace, sans-serif; font-size:12px;
	letter-spacing:.1em; text-transform:uppercase; color:#8a8f83; font-weight:500; margin:0 0 14px;
}
.sf-addcard p{
	font-family:"Public Sans", sans-serif; font-size:14px; color:#5c665f; line-height:1.5; margin:0 0 18px;
}
.sf-addcard-btn{
	display:block; background: var(--sfv2-navy2); color:#fff; text-decoration:none;
	font-family:"Public Sans", sans-serif; font-weight:600; font-size:14px;
	padding:13px 20px; border-radius:11px;
}
.sf-addcard-btn:hover{ background: var(--sfv2-navy); }
/* ============================================================
   KATEGORİ SAYFASI FİRMA KARTLARI — mockup ile birebir (.firmgrid/.firmcard)
   ============================================================ */
ul.sf-firmgrid,
ul.box-listing.sf-firmgrid{
	display:grid !important; grid-template-columns:repeat(2,1fr); gap:14px !important;
	list-style:none; margin:0 !important; padding:0 !important;
}
/* .box-listing li{width:180px;height:235px;float:left;...} (style.css) tasarim
   sartlarindan daha yuksek ozgullukte oldugundan asagidaki secicilerle eziliyor. */
ul.sf-firmgrid li.sf-firmcard,
.box-listing li.sf-firmcard{
	width:auto !important; height:auto !important; float:none !important;
	margin:0 !important; box-sizing:border-box !important;
	background:#fff; border:1px solid var(--sfv2-line); border-radius:var(--sfv2-radius);
	box-shadow:none; overflow:hidden; padding:0;
}
.sf-firmcard-inner{
	display:flex; gap:14px; padding:16px; text-decoration:none; color:inherit;
	height:100%; width:100%; box-sizing:border-box;
}
.sf-firmcard-thumb{
	width:64px; height:64px; min-width:64px; border-radius:11px; flex-shrink:0;
	background:#e8edf0; color:var(--sfv2-navy);
	display:flex; align-items:center; justify-content:center;
	font-family:"Sora", Roboto, sans-serif; font-weight:700; font-size:20px;
	line-height:normal !important;
}
.sf-firmcard-thumb-img{ background:#fff; border:1px solid var(--sfv2-line); }
.sf-firmcard-thumb-img img{
	width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important;
	object-fit:cover; border-radius:10px; vertical-align:top !important;
}
.sf-firmcard-body{ min-width:0; flex:1; }
.sf-firmcard-body h5{
	font-family:"Sora", Roboto, sans-serif; font-size:14.5px; font-weight:700;
	color:var(--sfv2-navy2); margin:0 0 4px; line-height:1.3;
	display:block !important; height:auto !important; overflow:visible !important;
	white-space:normal !important;
}
.sf-firmcard-cat{ font-family:"Public Sans", sans-serif; font-size:11.5px; color:#8a8f83; margin-bottom:7px; }
.sf-firmcard-desc{
	font-family:"Public Sans", sans-serif; font-size:12.5px; color:#66727a; line-height:1.5; margin:0 0 10px;
	display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important;
	height:auto !important; border-bottom:0 !important;
}
.sf-firmcard-meta{ display:flex !important; gap:12px; font-family:"Public Sans", sans-serif; font-size:11.5px; color:#8a8f83; }
.sf-firmcard-meta span{ display:flex !important; align-items:center; gap:4px; float:none !important; width:auto !important; height:auto !important; border-bottom:0 !important; padding:0 !important; line-height:normal !important; }
.sf-firmcard-meta i{ font-size:11px; width:auto !important; height:auto !important; float:none !important; line-height:normal !important; }
.sf-firmcard-views{
	background:#e8edf0; color:var(--sfv2-navy); border-radius:999px; padding:3px 9px; font-weight:700;
}
.sf-firmcard-gold{ border-color: var(--sfv2-gold-soft); }
.sf-firmcard-gold .sf-firmcard-thumb{ background:var(--sfv2-gold-soft); color:var(--sfv2-gold-ink); }

@media (max-width:860px){
	/* grid yerine düz blok akışı — grid-track boyutlandırmasının belirsiz
	   kalabildiği (bazı mobil tarayıcılarda kart daralıp yanında boşluk
	   bırakabiliyordu) durumlar için daha güvenilir/garantili tek sütun. */
	ul.sf-firmgrid, ul.box-listing.sf-firmgrid{
		display:block !important;
	}
	ul.sf-firmgrid li.sf-firmcard, .box-listing li.sf-firmcard{
		display:block !important; width:100% !important; margin-bottom:14px !important;
	}
	ul.sf-firmgrid li.sf-firmcard:last-child, .box-listing li.sf-firmcard:last-child{ margin-bottom:0 !important; }
}

/* SF V2 — firma kartlari kendi border/arkaplanini tasidigi icin, onlari saran
   eski .block-content kutusunun beyaz arkaplan + box-shadow'unu kaldiriyoruz
   ("kutu icinde kutu" gorunumunu onlemek icin). */
.sf-firmgrid-wrap{
	background:transparent !important;
	padding:0 !important;
	box-shadow:none !important;
}

/* ============================================================
   MOBİL UYUMLULUK GENEL DÜZELTMELERİ (2026-08-20)
   Sitedeki tüm yeni SF V2 bileşenlerinin dar ekranda taşma/sıkışma
   yapmadan doğru görünmesi için. Ana nav'ın 481px altında temanın
   kendi hamburger menü davranışına dönmesi yukarıda ayrıca çözüldü.
   ============================================================ */

/* -- header-middle: logo + auth butonları dar ekranda alt alta/sarmali -- */
@media(max-width:1170px){
	.sf-header-row{ flex-wrap:wrap; row-gap:10px; }
}
@media(max-width:600px){
	.header-middle .logo{ max-width:170px; }
	.header-middle .logo img{ max-width:100%; height:auto; }
	.sf-auth-buttons{
		width:100% !important; flex-wrap:wrap !important; gap:8px !important;
		margin-top:2px;
	}
	.sf-auth-buttons .btn{
		flex:1 1 auto !important; min-width:0 !important;
		padding:0 12px !important; font-size:12px !important; height:38px !important;
	}
}
@media(max-width:360px){
	.sf-auth-buttons{ flex-direction:column !important; }
	.sf-auth-buttons .btn{ width:100% !important; }
}

/* -- header-top: sosyal ikonlar 480px altında ortalanır (tema .header-top
   .container{text-align:center} ile uyumlu) -- */
@media(max-width:480px){
	.sf-social-inline{ float:none !important; display:inline-flex; justify-content:center; }
}

/* -- hero + kategori kutuları: çok dar ekranda tek sütun, daha az dolgu -- */
@media(max-width:520px){
	.sf-cat-grid{ grid-template-columns:1fr !important; }
	.sf-cat-grid li a{ padding:14px 12px; flex-direction:row !important; justify-content:flex-start !important; text-align:left !important; }
}

/* -- özet istatistik şeridi: çok dar ekranda 2 sütun yeterince sıkışık
   kalıyor, kenar boşluklarını daralt -- */
@media(max-width:420px){
	.sf-qstat{ padding:18px 8px 16px; }
	.sf-qstat b{ font-size:21px; }
}

/* -- firma / gold kart gridleri: tek sütunda kenar boşluğu ve thumb boyutu
   biraz küçültülüyor, taşma engelleniyor -- */
@media(max-width:480px){
	.sf-firmcard-inner{ padding:12px; gap:10px; }
	.sf-firmcard-thumb{ width:52px; height:52px; min-width:52px; font-size:16px; }
	.sf-goldcard{ padding:14px; }
}

/* -- keşif kutusu (Şehir ve sektöre göre firma arayın): select'ler tam
   genişlik alsın, buton da tam genişlik olsun -- */
@media(max-width:600px){
	.sf-disc-row{ flex-direction:column; align-items:stretch; }
	.sf-disc-selectwrap{ display:block; }
	.sf-disc-selectwrap select{ width:100%; min-width:0; }
	.sf-disc-btn{ justify-content:center; width:100%; }
}

/* -- sol menü kartları (kategoriler/promo/firmanı ekle): tema .main-left'i
   1170px altında zaten gizliyor (FİLTRELE butonuyla açılıyor); açıldığında
   taşma olmasın diye tam genişlik + kenar boşluğu -- */
@media(max-width:1170px){
	.archive-left .sf-catcard,
	.archive-left .sf-promocard,
	.archive-left .sf-addcard{ margin-left:0; margin-right:0; }
}

/* -- genel konteyner taşma güvenliği: yeni bileşenlerden hiçbiri yatay
   scrollbar'a sebep olmasın -- */
@media(max-width:480px){
	.sf-header-search{ display:none; }
	.container{ padding-left:12px !important; padding-right:12px !important; }
}

/* ============================================================
   MOBİL ANASAYFA — KULLANICI GERİ BİLDİRİMİ (2026-08-20 v2)
   1) Logo büyük, sarı şeritte; sağında hamburger (sadece "menü"
      ikonu — arama/üye ikonları mobilde header'da zaten var,
      tekrar olmasın diye gizlendi).
   2) "Ücretsiz Firma Ekle" (üst şerit) + "Üye Girişi" (sf-auth-
      buttons) logonun hemen altında yan yana; "Reklam Ver" ve
      "Ücretsiz Kaydol" mobilde kalabalık yapmasın diye gizlendi.
   3) 6'lı kategori kutu ızgarası mobilde tamamen gizli; hero
      metninin hemen ardından slider geliyor.
   ============================================================ */
@media(max-width:480px){
	/* -- üst şerit (sosyal ikonlar + Ücretsiz Firma Ekle / Reklam Ver)
	   mobilde TAMAMEN GİZLİ — kullanıcının çizdiği taslakta bu satır yok;
	   "Firma Ekle" ihtiyacı aşağıdaki iki-buton satırına taşındı
	   (header.php'de eklenen .sf-mobile-cta linki). -- */
	.header-top{ display:none !important; }

	/* -- ÖNEMLİ: .sf-auth-buttons, .sf-header-row'un İÇİNDE (ayrı satır
	   değil, aynı flex kapsayıcının bir çocuğu — header.php'de </div> hiç
	   kapatılmadan araya giriyor). Bu yüzden "logo satırı" ve "buton satırı"
	   TEK bir flex-wrap:wrap satırı olarak kurulup, auth-buttons'a
	   flex-basis:100% verilerek ikinci satıra SARDIRILIYOR. -- */
	.header-middle{ padding:14px 0 !important; }
	.sf-header-row{
		display:flex !important; flex-wrap:wrap !important; align-items:center;
	}
	.header-middle .logo{ flex:1 1 auto; max-width:none !important; min-width:0; }
	.header-middle .logo img{ max-width:100% !important; width:auto; height:auto; display:block; }

	.header-mobile{ display:block !important; flex:0 0 auto; margin-left:14px; order:1; }
	.header-mobile ul{ display:flex !important; gap:6px; }
	.header-mobile li{ display:block !important; width:auto !important; }
	/* sadece hamburger ("menü") ikonu görünsün, arama/üye ikonları alttaki
	   iki-buton satırında ve kendi yerinde zaten var */
	.header-mobile li span[data-open=".buttons, .userpanel"],
	.header-mobile li span[data-open=".main-search"]{ display:none !important; }
	.header-mobile li span[data-open=".menu"]{
		width:46px !important; height:46px !important; line-height:46px !important;
		border-radius:10px !important; background: var(--sfv2-navy2) !important; color:#fff !important;
		border:0 !important; font-size:18px !important;
	}

	/* -- logo satırının hemen altında iki buton, yan yana: Firma Ekle + Üye Girişi
	   flex-basis:100% ile satırı otomatik olarak alt satıra sardırıyor -- */
	.sf-auth-buttons{
		display:flex !important; flex:1 1 100% !important; width:100% !important;
		gap:8px !important; margin:12px 0 0 !important; flex-wrap:nowrap !important; order:2;
	}
	.sf-auth-buttons .btn{
		flex:1 1 0 !important; min-width:0 !important; height:46px !important;
		font-size:13px !important; padding:0 10px !important;
	}
	.sf-auth-buttons .sf-btn-filled:not(.sf-mobile-cta){ display:none !important; } /* "Ücretsiz Kaydol" gizli */

	/* -- 6'lı kategori kutu ızgarası mobilde gizli; hero metninden sonra
	   direkt slider geliyor -- */
	.sf-cat-grid-wrap{ display:none !important; }
	.sf-hero-row{ margin-bottom:6px; }
}

/* -- "Firma Ekle" mobil CTA'sı sadece 480px altında görünsün, masaüstünde
   header-top'taki orijinal link zaten var, tekrar olmasın -- */
.sf-mobile-cta{ display:none; }
@media(max-width:480px){ .sf-mobile-cta{ display:flex !important; } }