/* =========================================================================
   Erbil Branda — Child theme tasarim token'lari + yapisal CSS
   ERBIL-010 | 2026-08-12

   NOT: --color-* / --font-* / --text-* / --radius-* token'lari sitede
   HICBIR YERDE tanimli degildi (Code Snippets #15 yalnizca --eb-* tanimliyor).
   Urun kartlari, kategori kartlari ve kategoriler sayfasi bu token'lari
   kullandigi icin arka plan / kose yaricapi / font boyutlari uygulanmiyordu.
   Bu dosya o eksik katmani, mevcut --eb-* paletiyle birebir uyumlu sekilde
   tanimlar. Gorsel kimlik degismez.
   ========================================================================= */:root{
	/* Renk */
	--color-primary: #1E3A6E;
	--color-primary-hover: #16305C;
	--color-primary-soft: rgba(30, 58, 110, .08);
	--color-secondary: #1c1b19;
	--color-surface: #ffffff;
	--color-bg: #faf8f5;
	--color-border: #e4dfd6;
	--color-text: #1c1b19;
	--color-text-muted: #655d51;
	--color-text-inverse: #ffffff;
	--color-text-inverse-muted: rgba(255, 255, 255, .55);
	--color-accent: #b8862e;
	--color-success: #3f7a4e;
	--charcoal-800: #332e27;
	--stone-50: #f7f5f1;
	--stone-100: #f0ede8;
	--stone-200: #e4dfd6;

	/* Tipografi */
	--font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
	--font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
	--text-label: 12px;
	--text-body-sm: 14px;
	--text-body-md: 16px;
	--text-heading-sm: 17px;
	--text-heading-md: 20px;
	--text-heading-lg: clamp(1.375rem, 2.6vw, 1.75rem);
	--text-display-md: clamp(1.75rem, 5vw, 2.75rem);
	--tracking-wide: .06em;
	--leading-relaxed: 1.7;

	/* Form */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow-sm: 0 1px 3px rgba(28, 27, 25, .06);
	--shadow-md: 0 4px 16px rgba(28, 27, 25, .08);
	--shadow-lg: 0 12px 40px rgba(28, 27, 25, .12);
	--eb-maxw: 1280px;

	/* ---------------------------------------------------------------
	   ERBIL-110 | 2026-08-22 — DESIGN-SYSTEM.md ile hizalama.
	   Asagidaki token'lar tasarim sisteminde tanimliydi ama sitede
	   karsiligi yoktu. Mevcut hicbir deger DEGISTIRILMEDI; yalnizca
	   eksik basamaklar eklendi. Gorsel kimlik degismez.
	   --------------------------------------------------------------- */

	/* Renk — eksik basamaklar */
	--color-primary-active: #122C52;
	--color-bg-alt: #f7f5f1;
	--color-surface-dark: #1c1b19;
	--color-border-strong: #c2bdb2;
	--color-warning: #c48a2a;
	--color-danger: #b23a2e;

	/* Tipografi — eksik basamaklar */
	--text-display-xl: clamp(2.25rem, 6vw, 4rem);
	--text-body-lg: 18px;
	--leading-tight: 1.1;
	--leading-snug: 1.3;
	--leading-normal: 1.5;
	--tracking-tight: -.02em;

	/* Kose yaricapi — eksik basamaklar */
	--radius-xs: 4px;
	--radius-xl: 24px;

	/* Bosluk olcegi — sayfada FIILEN kullanilan degerleri kapsar (4/8px tabanli).
	   Yeni bir bosluk gerektiginde bu basamaklardan biri secilir, ara deger uydurulmaz. */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--space-9: 48px;
	--space-10: 56px;
	--space-11: 64px;
	--space-12: 72px;
	--space-13: 80px;
	--space-14: 96px;
	--space-15: 128px;

	/* Anlamsal bosluklar — sayfa ritmi tek kaynaktan yonetilir.
	   Elementor bolum degerleri de bu basamaklara esitlendi (bolum 72 / mobil 48 / yan 20). */
	--eb-section-y: var(--space-12);
	--eb-section-y-sm: var(--space-9);
	--eb-hero-y: var(--space-13);
	--eb-hero-y-sm: var(--space-10);
	--eb-gutter: var(--space-5);
	--eb-gutter-sm: var(--space-4);
	--eb-block-gap: var(--space-6);

	/* Konteyner */
	--eb-maxw-wide: 1440px;
	--eb-maxw-text: 720px;
	--container-pad: clamp(16px, 4vw, 32px);

	/* Hareket */
	--duration-fast: 150ms;
	--duration-normal: 240ms;
	--duration-slow: 400ms;
	--ease-standard: cubic-bezier(.4, 0, .2, 1);

	/* Z-index katmanlari — sabit ogelerin cakismasini onlemek icin
	   TEK olcek. Yeni bir sabit oge eklerken buradan deger secilir,
	   rastgele sayi yazilmaz. (SITE-AUDIT.md 3.5: cerez banneri ile
	   mobil alt navigasyon birbirine biniyor.) */
	--z-bottom-nav: 900;
	--z-fab: 950;
	--z-header: 1000;
	--z-drawer: 1100;
	--z-cookie: 1200;
	--z-modal: 1300;
}.eb-icon{ flex-shrink: 0; }/* ============================ HERO SLIDER ============================ */.eb-hero-slider{
	position: relative;
	height: min(720px, 85vh);
	min-height: 520px;
	overflow: hidden;
	margin: 0;
}.eb-slide{
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .6s ease;
}.eb-slide-bg{
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}.eb-hero-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	backdrop-filter: blur(6px);
	color: #fff;
	font-family: var(--font-body);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .12em;
	padding: 7px 14px;
	border-radius: var(--radius-pill);
}.eb-hero-title{
	font-family: var(--font-display) !important;
	font-weight: 800;
	font-size: clamp(2rem, 4.6vw, 3.4rem);
	line-height: 1.08 !important;
	letter-spacing: -.025em;
	color: #fff !important;
	margin: 0;
	max-width: 17ch;
}.eb-hero-desc strong{ color: #fff; font-weight: 700; }.eb-btn-primary,.eb-btn-outline,.eb-btn-ghost,.eb-btn-wa,.eb-btn-inverse{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	padding: 15px 28px;
	border-radius: var(--radius-md);
	text-decoration: none;
	cursor: pointer;
	transition: background .2s, color .2s, border-color .2s, transform .2s;
}.eb-btn-primary{ background: var(--color-primary); color: #fff; border: 1px solid var(--color-primary); }.eb-btn-primary:hover{ background: var(--color-primary-hover); border-color: var(--color-primary-hover); color: #fff; }.eb-btn-outline:hover{ background: rgba(255, 255, 255, .16); color: #fff; }.eb-btn-ghost{ background: transparent; color: var(--color-primary); border: 1.5px solid var(--color-primary); }.eb-btn-ghost:hover{ background: var(--color-primary); color: #fff; }.eb-btn-wa:hover{ background: #1ea952; border-color: #1ea952; color: #fff; }.eb-btn-inverse:hover{ background: rgba(255, 255, 255, .14); color: #fff; }.eb-dot{
	width: 32px; height: 4px;
	border: none; padding: 0;
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, .35);
	cursor: pointer;
	transition: width .25s, background .25s;
}/* ============================ TRUST BAR ============================ */.eb-trust-bar-row{
	background: var(--color-surface);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0;
}.eb-trust-item:last-child{ border-right: none; }.eb-trust-t{ font-family: var(--font-body); font-weight: 700; font-size: var(--text-body-sm); color: var(--color-secondary); }.eb-trust-s{ font-family: var(--font-body); font-size: 12.5px; color: var(--color-text-muted); }/* ============================ BOLUM BASLIGI ============================ */.eb-row{ display: flex; flex-direction: column; gap: 32px; }.eb-sec-head{ text-align: center; }.eb-kicker{
	display: inline-block;
	color: var(--color-primary);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: var(--text-label);
	letter-spacing: .1em;
	text-transform: uppercase;
	background: var(--color-primary-soft);
	padding: 6px 16px;
	border-radius: var(--radius-pill);
	margin-bottom: 12px;
}.eb-sec-title{
	font-family: var(--font-display) !important;
	font-weight: 800;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	color: var(--color-secondary) !important;
	margin: 0;
	letter-spacing: -.02em;
}.eb-sec-desc{
	color: var(--color-text-muted);
	font-size: 15px;
	margin: 10px auto 0;
	max-width: 52ch;
	line-height: 1.6;
}.eb-row-more{ text-align: center; margin-top: 32px; }/* ============================ URUN KARTI ============================ */.eb-product-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}.eb-card{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow .24s, transform .24s, border-color .24s;
}.eb-card:hover{
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
	border-color: var(--color-primary);
}.eb-card-media{ display: block; overflow: hidden; }.eb-card-img{
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}.eb-card:hover .eb-card-img{ transform: scale(1.04); }.eb-card-img--empty{ background: var(--stone-200); }.eb-card-body{
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}.eb-card-kicker{
	font-family: var(--font-body);
	font-size: var(--text-label);
	color: var(--color-primary);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--tracking-wide);
}.eb-card-title{
	font-family: var(--font-display);
	font-weight: 700;
	font-size: var(--text-heading-sm);
	line-height: 1.35;
	color: var(--color-secondary);
	text-decoration: none;
}.eb-card-title:hover{ color: var(--color-primary); }.eb-card-price{
	margin-top: auto;
	padding-top: 6px;
	font-family: var(--font-body);
	font-size: var(--text-body-md);
	font-weight: 700;
	color: var(--color-secondary);
}.eb-card-price .woocommerce-Price-amount{ font-weight: 700; }.eb-card-foot{ padding: 0 18px 18px; }.eb-card-cta{
	width: 100%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--color-primary) !important;
	color: #fff !important;
	border: none;
	cursor: pointer;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: var(--text-body-sm);
	padding: 11px 16px !important;
	border-radius: var(--radius-pill) !important;
	text-decoration: none;
	transition: background .2s;
}.eb-card-cta:hover{ background: var(--color-primary-hover) !important; color: #fff !important; }/* ============================ KATEGORI KARTI ============================ */.eb-cat-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }.eb-cat-media{ display: block; overflow: hidden; }.eb-cat-img{
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}.eb-cat-card:hover .eb-cat-img{ transform: scale(1.05); }.eb-cat-img--empty{ background: var(--stone-200); }.eb-cat-body{ display: block; padding: 20px; text-align: center; }.eb-cat-name{
	display: block;
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 18px;
	color: var(--color-secondary);
	margin-bottom: 4px;
}.eb-cat-count{ display: block; color: var(--color-text-muted); font-size: 13px; }/* ============================ NEDEN BIZ ============================ */.eb-why-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }.eb-why-item .eb-icon{ margin: 0 auto 14px; display: block; }.eb-why-item p{ color: var(--color-text-muted); font-size: var(--text-body-sm); line-height: 1.65; margin: 0; }/* ============================ YORUMLAR ============================ */.eb-testi-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }.eb-testi{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: 28px;
	box-shadow: var(--shadow-sm);
	margin: 0;
}.eb-testi-stars{ color: var(--color-accent); font-size: 16px; margin-bottom: 14px; }.eb-testi blockquote{
	color: var(--charcoal-800);
	font-size: 15px;
	line-height: var(--leading-relaxed);
	margin: 0 0 20px;
	font-style: italic;
	border: none;
	padding: 0;
}.eb-testi-name{ display: block; font-weight: 700; font-size: var(--text-body-sm); color: var(--color-secondary); }.eb-testi-city{ display: block; font-size: 13px; color: var(--color-text-muted); }/* ============================ CTA BANDI ============================ */.eb-cta-band{ text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }.eb-cta-band p{ color: var(--color-text-inverse-muted); font-size: var(--text-body-md); line-height: 1.65; margin: 0; max-width: 52ch; }.eb-cta-actions{ display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }/* ============================ SURECLER ============================ */.eb-steps{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}.eb-step{ margin: 0; }.eb-step-n{
	width: 44px; height: 44px;
	border-radius: 50%;
	background: var(--color-primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 12px;
}.eb-step h3{
	font-family: var(--font-display) !important;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-secondary) !important;
	margin: 0 0 10px;
}.eb-step p{ color: var(--color-text-muted); font-size: var(--text-body-sm); line-height: 1.6; margin: 0; }/* ============================ SSS ============================ */.eb-faq-item{
	background: var(--stone-50);
	border-radius: var(--radius-md);
	padding: 20px 24px;
	margin-bottom: 12px;
	cursor: pointer;
}.eb-faq-item summary::-webkit-details-marker{ display: none; }.eb-faq-item[open] summary::after{ content: "\2212"; }/* ============================ BLOG KARTLARI ============================ */.eb-blog-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }.eb-blog-card{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: 28px;
	text-decoration: none;
	color: inherit;
	box-shadow: var(--shadow-sm);
	display: block;
	transition: box-shadow .24s, transform .24s;
}.eb-blog-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }.eb-blog-card h3{
	font-family: var(--font-display) !important;
	font-size: 20px;
	font-weight: 700;
	color: var(--color-secondary) !important;
	margin: 10px 0 12px;
	line-height: 1.4 !important;
}.eb-blog-card p{ color: var(--color-text-muted); font-size: var(--text-body-sm); line-height: 1.6; margin: 0; }/* ============================ ILETISIM BANDI ============================ */.eb-contact-band{ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }.eb-contact-band h2{
	font-family: var(--font-display) !important;
	font-size: var(--text-display-md);
	font-weight: 800;
	color: var(--color-secondary) !important;
	margin: 0 0 20px;
	letter-spacing: -.02em;
}.eb-contact-lead{ color: var(--color-text-muted); font-size: var(--text-body-md); line-height: var(--leading-relaxed); margin: 0 0 28px; }.eb-contact-list li{ display: flex; gap: 12px; align-items: flex-start; margin: 0; }.eb-contact-list span{ color: var(--color-text-muted); font-size: var(--text-body-sm); }.eb-contact-map{ border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border); aspect-ratio: 4 / 3; }/* ============================ HEADER PARCALARI ============================ */.eb-topbar-right{
	display: flex;
	gap: 20px;
	align-items: center;
	font-family: var(--font-body);
	font-size: 13px;
}.eb-topbar-right a:hover{ color: var(--color-primary); }.eb-search{
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-pill);
	padding: 10px 18px;
	background: var(--color-bg);
}.eb-search input[type="search"]{
	border: none;
	background: transparent;
	outline: none;
	width: 100%;
	font-size: 14px;
	font-family: var(--font-body);
	padding: 0;
	box-shadow: none;
}.eb-search button{
	background: none;
	border: none;
	color: var(--color-primary);
	font-weight: 700;
	cursor: pointer;
	font-family: var(--font-body);
	padding: 0;
	white-space: nowrap;
}/* ============================ KATEGORILER SAYFASI ============================ */.eb-page{ font-family: var(--font-body); }.eb-page-head h1{
	font-family: var(--font-display) !important;
	font-weight: 800;
	font-size: var(--text-display-md);
	color: var(--color-secondary) !important;
	margin: 0;
}.eb-page-body{ max-width: var(--eb-maxw); margin: 0 auto; padding: 32px 48px 72px; }.eb-page-cta h2{
	font-family: var(--font-display) !important;
	font-weight: 700;
	font-size: var(--text-heading-lg);
	color: #fff !important;
	margin: 0;
}

/* ============================ DUYARLI ============================ */

@media (max-width: 1024px) {.eb-product-grid{ grid-template-columns: repeat(3, 1fr); }.eb-cat-grid{ grid-template-columns: repeat(2, 1fr); }.eb-steps{ grid-template-columns: repeat(2, 1fr); }.eb-blog-grid{ grid-template-columns: repeat(2, 1fr); }.eb-testi-grid{ grid-template-columns: repeat(2, 1fr); }.eb-page-head,.eb-page-body{ padding-left: 32px; padding-right: 32px; }}

@media (max-width: 768px) {.eb-hero-slider{ height: auto; min-height: 0; }.eb-slide{ position: absolute; }.eb-slide-content{ padding: 96px 20px 108px; gap: 14px; }.eb-hero-desc{ font-size: 14px; }.eb-hero-actions a{ flex: 1 1 100%; }.eb-dot{ width: 24px; height: 3px; }.eb-product-grid{ grid-template-columns: repeat(2, 1fr); gap: 14px; }.eb-card-body{ padding: 12px 14px; }.eb-card-title{ font-size: 15px; }.eb-card-foot{ padding: 0 14px 14px; }.eb-cat-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; }.eb-why-grid,.eb-testi-grid,.eb-blog-grid{ grid-template-columns: 1fr; gap: 16px; }.eb-steps{ grid-template-columns: 1fr; gap: 20px; }.eb-contact-band{ grid-template-columns: 1fr; gap: 28px; }.eb-trust-item{ flex: 1 1 50%; border-right: none; border-bottom: 1px solid var(--stone-100); padding: 16px 14px; }.eb-page-head,.eb-page-body{ padding-left: 20px; padding-right: 20px; }.eb-page-cta{ padding: 36px 20px; }.eb-blog-card{ padding: 20px; }.eb-blog-card h3{ font-size: 17px; }}

@media (max-width: 400px) {.eb-product-grid{ gap: 10px; }.eb-card-title{ font-size: 14px; }.eb-trust-item{ flex: 1 1 100%; }}

@media (prefers-reduced-motion: reduce) {.eb-slide{ transition: none; }.eb-card,.eb-cat-card,.eb-blog-card,.eb-card-img,.eb-cat-img{ transition: none !important; }.eb-card:hover,.eb-cat-card:hover,.eb-blog-card:hover{ transform: none !important; }}/* ============================ FAZ4: ANA SAYFA KATEGORI KARTLARI (madde: kart govdesi/golge yoktu, resim %30 genislikte kaliyordu) ============================ */.elementor-82 .elementor-element-bbf72ca .elementor-column{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: box-shadow .24s, transform .24s, border-color .24s;
}.elementor-82 .elementor-element-bbf72ca .elementor-image-box-img{
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}.elementor-82 .elementor-element-bbf72ca .elementor-column:hover .elementor-image-box-img img{
	transform: scale(1.05);
}.elementor-82 .elementor-element-bbf72ca .elementor-image-box-title{
	font-family: var(--font-display) !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	color: var(--color-secondary) !important;
	margin-bottom: 4px !important;
	line-height: 1.3 !important;
}.elementor-82 .elementor-element-bbf72ca .elementor-image-box-description{
	color: var(--color-text-muted) !important;
	font-size: 13px !important;
	margin: 0 !important;
}/* ============================ FAZ4: ANA SAYFA 4 ADIM SURECI - MARKA RENGI (madde: adim numara rozeti varsayilan mavi #6EC1E4 kaliyordu, marka rengi degildi) ============================ */