/* =====================================================================
   RESPONSIVE  —  Premium Black & White Theme
   ===================================================================== */

/* large desktop tightening */
@media (max-width: 1199px){
	#header .usttel{ display:none; }
	#header .menu .link-item{ padding:0 12px; font-size:14px; }
	#header .alan .logo img{ height:62px; }
}

/* tablet / mobile : switch to drawer nav */
@media (max-width: 991px){
	html,body{ max-width:100%; overflow-x:hidden; }
	main{ width:100%; max-width:100%; overflow-x:hidden; }
	body{ padding-top:68px; }

	/* sektör grid: 4 -> 3 sütun (taşmayı önle) */
	#sektorler .sektor-grid{ grid-template-columns:repeat(3,1fr); gap:14px; }
	.sektorkart{ padding:28px 22px; min-height:190px; }

	#header{ display:none!important; }
	#mobilheader{ display:flex; }
	#mobilmenu{ display:flex; }

	#slider{ height:auto; min-height:0; }
	#slider h1{ font-size:clamp(34px,8vw,56px); }

	#rakamlar{ padding:48px 0; }
	#rakamlar .col-md-3:not(:last-child) .rakam::after{ display:none; }
	#rakamlar .rakam{ padding:18px 8px; }

	#sektorler,#hizmetler,#nedenbiz,#surec,#referanslar,#yorumlar,#blog,#anasayfasss{ padding:64px 0; }
	#cta{ padding:60px 0; }

	.bolumbas{ margin-bottom:36px; }
	.altbaslik{ font-size:26px; }

	#nedenbiz .nb-grid{ grid-template-columns:repeat(2,1fr); }
	#surec .surec-grid{ grid-template-columns:repeat(2,1fr); }
	.stepcard::after{ display:none; }

	#cta .ctabtn{ justify-content:flex-start; margin-top:10px; }

	.pagehero{ padding:108px 0 48px; }

	#kurumsal{ padding:54px 0; }
	#blogdetay{ padding:48px 0; }
	#blogdetay .resim{ margin-bottom:18px; }

	#sss .sag{ position:static; margin-top:24px; }
	#medya .sag{ grid-template-columns:1fr; }

	#footer .ust{ padding:42px 0 28px; }
	#footer .logo img{ height:64px; }
	#footer .menubas{ margin-bottom:14px; }

	.blogitem.buyuk{ min-height:280px; }
}

/* phones */
@media (max-width: 575px){
	#slider{ height:auto; min-height:0; text-align:left; }
	#slider h1{ font-size:38px; }
	#slider p{ font-size:16px; }
	#slider .hero-cta{ flex-direction:column; align-items:stretch; }
	#slider .hero-cta .btn{ width:100%; }

	#rakamlar .rakam .sayi{ font-size:38px; }

	#nedenbiz .nb-grid{ grid-template-columns:1fr; }
	#surec .surec-grid{ grid-template-columns:1fr; }

	/* sektör grid: telefonlarda 2 sütun */
	#sektorler .sektor-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
	.sektorkart{ padding:22px 16px; min-height:160px; gap:16px; }
	.sektorkart h3{ font-size:16px; }
	.sektorkart .ikon{ width:56px; height:56px; font-size:26px; }
	.sektorkart .nb{ top:16px; right:16px; }

	.bolumbas h2,
	#cta h2{ font-size:26px; }

	.pagehero{ padding:96px 0 40px; }
	.pagehero h1{ font-size:30px; }

	.btn{ height:52px; padding:0 24px; }

	#blogdetay .katman1{ flex-direction:column; align-items:flex-start; gap:12px; }
	#blogdetay .katman1 .sosyal small{ display:none; }

	.hesapmenu{ flex-direction:row; flex-wrap:wrap; }
	.hesapmenu a{ width:calc(50% - 5px); font-size:13px; padding:12px 14px; }

	#whatsapp{ right:16px; bottom:16px; }
	#whatsapp .buton{ width:54px; height:54px; font-size:28px; }
}