/* Inspire Sektör – Hizmet Kartları (Çözüm ve Hizmetler)
   Tasarım ölçüleri Lunacy "Sektör-Bankacılık" node'undan birebir. */

.ish-grid {
	--ish-cols: 3;
	--ish-card-bg: #FAFAFA;
	--ish-card-border: #D0D0D0;
	--ish-card-radius: 12px;
	--ish-icon-bg: #FFFFFF;
	--ish-icon-border: #FFF2F2;
	--ish-icon-size: 64px;

	/* Gerçek grid: kolon sayısı kart sayısına göre PHP'den gelir (--ish-cols, max 4).
	   Kartlar 1fr ile eşit genişlikte container'ı doldurur (Lunacy: 4 kart → 1200/285). */
	display: grid;
	grid-template-columns: repeat(var(--ish-cols, 3), minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	max-width: var(--ish-maxw, 1200px);
	margin-inline: auto;
	font-family: "Poppins", sans-serif;
}

.ish-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: var(--ish-card-bg);
	border: 1px solid var(--ish-card-border);
	border-radius: var(--ish-card-radius);
	padding: 22px 20px 22px 32px;
	box-sizing: border-box;
}

/* Responsive grid kırılımları — kolon sayısı PHP --ish-cols'tan bağımsız azalır. */
@media (max-width: 1024px) {
	.ish-grid {
		/* 4 kolon → 2x2; 3 kolona kadar olanlar 2 kolona iner */
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 800px;
	}
}

@media (max-width: 600px) {
	.ish-grid {
		grid-template-columns: 1fr;
		max-width: 420px;
	}
}

.ish-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--ish-icon-size);
	height: var(--ish-icon-size);
	/* padding: 16px;
	background: var(--ish-icon-bg);
	border: 1px solid var(--ish-icon-border); */
	border-radius: 100px;
	box-sizing: border-box;
	flex: 0 0 auto;
}

.ish-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.ish-content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

.ish-text {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ish-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: #232323;
}

.ish-desc,
.ish-desc p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: #2C2C2C;
}

.ish-desc p + p {
	margin-top: 8px;
}

.ish-link {
	font-size: 14px;
	font-weight: 700;
	color: #E33279;
	text-decoration: none;
	align-self: flex-start;
}

.ish-link:hover {
	text-decoration: underline;
}

/* Referans logoları — Lunacy: statik ortalı satır, logo 50px yükseklik */
.isr-logos {
	--isr-logo-h: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 64px;
	width: 100%;
}

.isr-logo {
	display: inline-flex;
	align-items: center;
}

.isr-logos img {
	height: var(--isr-logo-h);
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

.elementor-3496 .elementor-element.elementor-element-8460e98 {
	--width: min(1200px, calc(100% - 40px));
	width: min(1200px, calc(100% - 40px)) !important;
	max-width: 1200px !important;
	align-self: center !important;
	margin-inline: auto !important;
}

.elementor-3496 .elementor-element.elementor-element-8460e98 > .elementor-element {
	width: 100%;
}

.elementor-3496 .elementor-element.elementor-element-38d3097,
.elementor-3496 .elementor-element.elementor-element-38d3097 .elementor-heading-title,
.elementor-3496 .elementor-element.elementor-element-c38b5e1,
.elementor-3496 .elementor-element.elementor-element-c38b5e1 .elementor-heading-title {
	text-align: center !important;
}

.elementor-3496 .elementor-element.elementor-element-38d3097 .elementor-heading-title,
.elementor-3496 .elementor-element.elementor-element-c38b5e1 .elementor-heading-title {
	margin-inline: auto;
}

/* Sektor single template referans carousel'i Lunacy'deki statik logo satırı gibi davranır. */
.elementor-3496 .elementor-element.elementor-element-79904e1 .elementor-image-carousel-wrapper,
.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper {
	overflow: visible !important;
}

.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 32px 64px !important;
	width: 100% !important;
	height: auto !important;
	transform: none !important;
	transition: none !important;
}

.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-slide {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	margin-right: 0 !important;
	overflow: visible !important;
}

.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-slide.swiper-slide-duplicate {
	display: none !important;
}

.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-slide-image {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: min(280px, 100%) !important;
	max-height: 50px !important;
	object-fit: contain !important;
	overflow: visible !important;
}

@media (max-width: 767px) {
	.elementor-3496 .elementor-element.elementor-element-79904e1 .isr-logos {
		--isr-logo-h: 40px !important;
		gap: 20px 28px !important;
	}

	.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-wrapper {
		gap: 20px 28px !important;
	}

	.elementor-3496 .elementor-element.elementor-element-79904e1 .swiper-slide-image {
		height: auto !important;
		max-width: 150px !important;
		max-height: 40px !important;
	}
}

/* Sektör formu — Lunacy: beyaz inputlar r8 border #D5D7DA, label 14px #414651,
   buton brand blue r8. (Elementor element-id CSS'ini geçmek için !important) */
.elementor-widget-form .elementor-field-group > .elementor-field-label {
	color: #414651 !important;
	font-family: "Poppins", sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin-bottom: 6px;
}
.elementor-widget-form .elementor-field-group .elementor-field-textual {
	background-color: #FFFFFF !important;
	border: 1px solid #D5D7DA !important;
	border-radius: 8px !important;
	padding: 14px 12px !important;
	min-height: 54px;
	color: #232323 !important;
	font-family: "Poppins", sans-serif;
	font-size: 16px !important;
}
.elementor-widget-form .elementor-field-group textarea.elementor-field-textual {
	min-height: 101px;
}
.elementor-widget-form .elementor-field-group .elementor-field-textual::placeholder {
	color: #717680 !important;
	opacity: 1;
}
.elementor-widget-form .elementor-button {
	background-color: #558CCA !important;
	color: #FFFFFF !important;
	border-radius: 8px !important;
	font-family: "Poppins", sans-serif;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}
.elementor-widget-form .elementor-button:hover {
	background-color: #2a4b9b !important;
}

@media (min-width: 1025px) {
	/* Sektor single template 3496: match Lunacy desktop grid geometry. */
	.elementor-3496 .elementor-element.elementor-element-10e25ac {
		--content-width: 1200px;
		--container-max-width: 1200px;
		--padding-top: 0px;
		--padding-right: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
	}

	.elementor-3496 .elementor-element.elementor-element-10e25ac > .e-con-inner {
		grid-template-columns: 550px 530px !important;
		column-gap: 120px !important;
		max-width: 1200px !important;
		padding: 0 !important;
	}

	.elementor-3496 .elementor-element.elementor-element-fc73b46,
	.elementor-3496 .elementor-element.elementor-element-a23c00a {
		--padding-top: 0px;
		--padding-right: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
		padding: 0 !important;
	}

	.elementor-3496 .elementor-element.elementor-element-1877119,
	.elementor-3496 .elementor-element.elementor-element-1877119 img {
		width: 530px !important;
	}

	.elementor-3496 .elementor-element.elementor-element-684487c {
		display: none !important;
	}
}

/* Tablet/mobil: hero intro (metin + görsel) yan yana 2 kolon yerine alt alta stack.
   1025+ desktop grid (550/530) yukarıda; burası ≤1024 için. */
@media (max-width: 1024px) {
	.elementor-3496 .elementor-element.elementor-element-10e25ac > .e-con-inner {
		grid-template-columns: minmax(0, 1fr) !important;
		column-gap: 0 !important;
		row-gap: 40px !important;
	}

	.elementor-3496 .elementor-element.elementor-element-a23c00a img,
	.elementor-3496 .elementor-element.elementor-element-1877119 img {
		width: 100% !important;
		max-width: 480px !important;
		height: auto !important;
		margin-inline: auto !important;
	}

	/* İletişim bölümü: metin + form yan yana yerine alt alta stack. */
	.elementor-3496 .elementor-element.elementor-element-a93eac6 {
		flex-direction: column !important;
		flex-wrap: wrap !important;
	}

	.elementor-3496 .elementor-element.elementor-element-96d7621,
	.elementor-3496 .elementor-element.elementor-element-09ac7f9 {
		width: 100% !important;
	}
}

/* İletişim formu kolonu (09ac7f9) Lunacy'de 517px ve iç boşluksuz —
   kart tam 517px olsun diye kolon padding'i sıfırlanır. */
.elementor-3496 .elementor-element.elementor-element-09ac7f9 {
	padding: 0 !important;
}

/* İletişim başlığı (06622c2): Lunacy iki ağırlık — taban Light(300),
   <b>Birlikte Değerlendirelim</b> Bold(700). Tema <b>'yi 400'e eziyordu. */
.elementor-3496 .elementor-element.elementor-element-06622c2 .elementor-heading-title {
	font-weight: 300 !important;
}
.elementor-3496 .elementor-element.elementor-element-06622c2 .elementor-heading-title b,
.elementor-3496 .elementor-element.elementor-element-06622c2 .elementor-heading-title strong {
	font-weight: 700 !important;
}