/* =====================================================================
   KBS Mobile Normalization
   Amac: mobilde tum bolumlerde TEK TIP yan bosluk (14px), tek tip kart
   ic boslugu, kompakt bento ve yatay kaydirmali Service Areas seridi.
   Geri almak icin: bu dosyanin enqueue'sunu kaldirmak yeterli.
   ===================================================================== */

@media (max-width: 767px) {

	/* --- 1) Ust seviye bolumler: tek tip yan bosluk --- */
	.elementor > .e-con {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	/* Istisna: Service Areas bolumu kenardan kenara kalsin (harita) */
	.elementor-element-cf000001 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* --- 1b) Bolum ici sarmalayici container'lardaki Elementor
	        varsayilan 10px yan padding'i sifirla (24px'e karsi 14px
	        tutarsizliginin kaynagi) --- */
	.elementor-element-c5000002,
	.elementor-element-c6000002,
	.elementor-element-c7000002,
	.elementor-element-c8000002,
	.elementor-element-c9000002,
	.elementor-element-ca000002,
	.elementor-element-cb000002,
	.elementor-element-cc000002,
	.elementor-element-cf000002,
	.elementor-element-d1000002,
	.elementor-element-c8000007,
	.elementor-element-d2000002 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* --- 2) Buyuk kartlarin ic yan bosluklari tek tip 16px --- */
	.elementor-element-c2000002,   /* who we are krem kart   */
	.elementor-element-c4000002,   /* showroom beyaz kart    */
	.elementor-element-cd000002,   /* karsilastirma karti    */
	.elementor-element-d3000002 {  /* final CTA karti        */
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.elementor-element-ce000002 {  /* financing kirmizi kart */
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	/* --- 3) Bento (Why Alexandria): kompakt --- */
	.elementor-element-cb000009 {
		gap: 14px !important;
	}

	.elementor-element-cb100001 {
		padding: 12px 12px 22px !important;
	}

	.elementor-element-cb200002,
	.elementor-element-cb200006,
	.elementor-element-cb300002 {
		padding: 20px 16px !important;
		min-height: 0 !important;
	}

	.elementor-element-cb200001,
	.elementor-element-cb300001 {
		gap: 14px !important;
	}

	/* --- 4) Ekip / servis kart kolonlari arasi bosluk --- */
	.elementor-element-c8000007 {
		gap: 14px !important;
	}

	/* --- 5) Service Areas: harita + pin + chip seridi --- */
	.elementor-element-cf000006 {
		min-height: 460px !important;
		gap: 16px !important;
		padding: 20px 0 16px !important;
	}

	.kbs-pin-callout {
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
	}

	.kbs-pin-callout .kbs-cap {
		white-space: nowrap;
		font-size: clamp(12px, 3.9vw, 15px);
		gap: 8px;
		padding: 8px 16px 8px 8px;
		max-width: 100%;
	}

	.kbs-pin-callout .kbs-cap .kbs-dot {
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
	}

	/* chip'ler: alt alta yigin yerine tek satir yatay kaydirma */
	.kbs-areas {
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		overflow-x: auto;
		gap: 10px !important;
		padding: 6px 14px 12px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.kbs-areas::-webkit-scrollbar {
		display: none;
	}

	.kbs-areas a {
		flex: 0 0 auto;
		scroll-snap-align: start;
		font-size: 14px !important;
	}

	/* --- 6) Hero ic bosluk dengesi --- */
	.elementor-element-c1000007 {
		margin-top: 28px !important;
	}

	/* --- 7) Footer template: kok 14px, icerideki tum sarmalayicilarin
	        varsayilan 10px yan padding'i sifir → her sey ayni hizada --- */
	.elementor-location-footer > .e-con {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.elementor-location-footer .e-con .e-con {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* --- Mobil/tablet nav dropdown: header pill'i ile birebir ayni hiza ---
     Not: position:fixed, transform'lu en yakin ataya (#menukey pill'ine)
     gore konumlanir; left/right:0 = pill kenarlari, top:100% = pill alti. */
@media (max-width: 1024px) {
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
		top: calc(100% + 5px) !important;
		margin-top: 0 !important;
		max-height: calc(100vh - 160px);
		overflow-y: auto !important;
		/* kapanis animasyonunda scrollbar flasini engelle */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}
}