/* Usta — şablon ayrıntıları. Gövde sınıflarıyla çalışır; "standart" değerlerde hiçbir kural devreye girmez. */

/* ---------- Üst kısım ---------- */
.u-hdr-boyali .u-header { background: var(--u-hdr-bg); border-bottom-color: transparent; }
.u-hdr-boyali.u-sticky .u-header { backdrop-filter: none; -webkit-backdrop-filter: none; }
.u-hdr-boyali .u-header-in .u-logo, .u-hdr-boyali .u-header-in .u-menu > li > a, .u-hdr-boyali .u-header-in .u-sub-toggle, .u-hdr-boyali .u-head-tel,
.u-hdr-yazi .u-header-in .u-logo, .u-hdr-yazi .u-header-in .u-menu > li > a, .u-hdr-yazi .u-header-in .u-sub-toggle, .u-hdr-yazi .u-head-tel { color: var(--u-hdr-fg); }
.u-hdr-boyali .u-header-in .u-menu > li > a:hover, .u-hdr-boyali .u-header-in .u-menu > li.current-menu-item > a, .u-hdr-boyali .u-header-in .u-menu > li.current-menu-ancestor > a { background: color-mix(in srgb, var(--u-hdr-fg) 14%, transparent); }
.u-hdr-boyali .u-burger, .u-hdr-boyali .u-head-tel .u-icon { background: color-mix(in srgb, var(--u-hdr-fg) 14%, transparent); color: var(--u-hdr-fg); }
.u-hdr-boyali .u-head-tel small { color: color-mix(in srgb, var(--u-hdr-fg) 72%, transparent); }
.u-hdr-boyali .u-header .u-logo-mark { background: var(--u-vurgu); color: var(--u-vurgu-ink); }

.u-hdr-cizgi .u-header { background: var(--u-yuzey); border-bottom: 4px solid var(--u-ana); }

.u-hdr-yuzen .u-header { margin: 10px clamp(8px, 2vw, 28px) 0; border: 1px solid var(--u-cizgi); border-radius: calc(var(--u-r) * 1.2 + 4px); box-shadow: 0 16px 36px -24px rgba(0,0,0,.45); }
.u-hdr-yuzen.u-sticky .u-header { top: 10px; }
.u-hdr-yuzen.admin-bar.u-sticky .u-header { top: 42px; }
.u-hdr-yuzen .u-drawer { border-radius: 0 0 calc(var(--u-r) * 1.2 + 4px) calc(var(--u-r) * 1.2 + 4px); }
.u-hdr-yuzen.u-hdr-boyali .u-header { border-color: transparent; }

@media (min-width: 1081px) {
	.u-hdr-ortali .u-header-in { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: ". logo cta" "nav nav nav"; row-gap: 0; padding-top: 10px; }
	.u-hdr-ortali .u-logo { grid-area: logo; }
	.u-hdr-ortali .u-head-cta { grid-area: cta; justify-self: end; }
	.u-hdr-ortali .u-nav { grid-area: nav; border-top: 1px solid var(--u-cizgi); margin-top: 8px; padding-block: 4px; }
	.u-hdr-ortali.u-hdr-boyali .u-nav { border-top-color: color-mix(in srgb, var(--u-hdr-fg) 18%, transparent); }
}
@media (max-width: 1080px) {
	.u-hdr-ortali .u-header-in { position: relative; justify-content: flex-end; }
	.u-hdr-ortali .u-logo { position: absolute; left: 50%; transform: translateX(-50%); max-width: 58%; }
}

/* Menü yazısı: kalınlık ve büyük harf (üst sayfa / alt sayfa ayrı). */
.u-mw1 .u-header-in .u-menu > li > a, .u-mw1 .u-menu--drawer > li > a { font-weight: var(--u-mw1); }
.u-mw2 .u-menu .sub-menu a, .u-mw2 .u-menu--drawer .sub-menu a { font-weight: var(--u-mw2); }
.u-mh-buyuk .u-header-in .u-menu > li > a { text-transform: uppercase; letter-spacing: .07em; font-size: .86rem; }

/* ---------- Karşılama (ilk ekran) ---------- */
/* Kart: yazılar beyaz kutuda, görselin üstünde. */
.u-hl-kart .u-hero-text { background: var(--u-yuzey); color: var(--u-metin); padding: clamp(22px, 4vw, 44px); border-radius: calc(var(--u-r) * 1.4 + 4px); box-shadow: 0 34px 70px -34px rgba(0,0,0,.6);
	--s-h: var(--u-koyu); --s-fg: var(--u-metin); --s-muted: var(--u-metin-2); --s-acc: var(--u-ana); --s-acc-ink: var(--u-ana-ink); --s-card: var(--u-zemin); --s-line: var(--u-cizgi); }
.u-hl-kart .u-hero-text .u-open { color: var(--u-koyu); }
.u-hl-kart .u-hero--gorsel .u-hero-in { max-width: 720px; }
@media (max-width: 700px) { .u-hl-kart .u-hero .u-wrap { padding-inline: 12px; } .u-hl-kart .u-hero-text { padding: 22px 18px; } }

/* Bant: başlık renkli şeritlerde. */
.u-hl-bant .u-hero-title { display: inline; background: var(--u-vurgu); color: var(--u-vurgu-ink); padding: .02em .22em; line-height: 1.34; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.u-hl-bant .u-hero-title em { color: inherit; }
.u-hl-bant .u-hero-title + * { margin-top: 26px; }
.u-hl-bant .u-hero-eyebrow { margin-bottom: 22px; }

/* Ortalı */
.u-hl-ortali .u-hero .u-hero-in { grid-template-columns: minmax(0, 1fr); max-width: 900px; margin-inline: auto; text-align: center; justify-items: center; }
.u-hl-ortali .u-hero .u-btns, .u-hl-ortali .u-hero .u-badges { justify-content: center; }
.u-hl-ortali .u-hero-sub { margin-inline: auto; }
.u-hl-ortali .u-hero-media, .u-hl-ortali .u-hero-list { order: 2; width: 100%; max-width: 720px; text-align: left; }

/* Dev başlık */
.u-hl-buyuk .u-hero-title { font-size: clamp(2.8rem, 10.5vw, 6.6rem); line-height: .92; letter-spacing: -.045em; text-transform: uppercase; }
.u-hl-buyuk .u-hero-sub { font-size: clamp(1.05rem, 1.5vw, 1.25rem); }

/* Sade: görselsiz, büyük yazı, açık zemin. */
.u-hl-minimal .u-hero { --s-bg: var(--u-zemin); --s-fg: var(--u-metin); --s-h: var(--u-koyu); --s-muted: var(--u-metin-2); --s-card: var(--u-yuzey); --s-line: var(--u-cizgi); --s-acc: var(--u-ana); --s-acc-ink: var(--u-ana-ink); background: var(--s-bg); color: var(--s-fg); border-bottom: 1px solid var(--u-cizgi); min-height: 0; }
.u-hl-minimal .u-hero .u-sec-media, .u-hl-minimal .u-hero-media { display: none !important; }
.u-hl-minimal .u-hero .u-hero-in { grid-template-columns: minmax(0, 1fr); max-width: 1040px; }
.u-hl-minimal .u-hero-title { font-size: clamp(2.6rem, 8vw, 5.8rem); line-height: .98; letter-spacing: -.04em; }
.u-hl-minimal .u-hero .u-open { background: color-mix(in srgb, var(--u-ana) 10%, transparent); }

/* Tam ekran görsel, yazı altta. */
.u-hl-alt .u-hero { min-height: min(90vh, 820px); display: flex; align-items: flex-end; }
.u-hl-alt .u-hero > .u-wrap { width: 100%; }
.u-hl-alt .u-hero.u-has-media .u-sec-overlay { background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.35) 55%, rgba(0,0,0,.08)) !important; }
.u-hl-alt .u-hero .u-hero-in { grid-template-columns: minmax(0, 1fr); max-width: 900px; }
.u-hl-alt .u-hero:not(.u-has-media) { min-height: 0; }
@media (max-width: 700px) { .u-hl-alt .u-hero { min-height: 86svh; } }

/* ---------- Düğmeler ---------- */
.u-c-btn .u-btn--primary, .u-c-btn .u-btn--call { --b-bg: var(--u-btn-bg); --b-fg: var(--u-btn-fg); }
.u-c-btn .u-mbar-call { background: var(--u-btn-bg); color: var(--u-btn-fg); }

.u-bs-cerceve .u-btn--primary, .u-bs-cerceve .u-btn--call { background: transparent; color: var(--b-bg); border-color: var(--b-bg); }
.u-bs-cerceve .u-mode-koyu .u-btn--primary, .u-bs-cerceve .u-on-dark .u-btn--primary, .u-bs-cerceve .u-mode-koyu .u-btn--call, .u-bs-cerceve .u-on-dark .u-btn--call, .u-bs-cerceve .u-mode-marka .u-btn--call, .u-bs-cerceve .u-mode-marka .u-btn--primary { color: #fff; border-color: currentColor; }
.u-bs-cerceve .u-btn--primary:hover, .u-bs-cerceve .u-btn--call:hover { background: var(--b-bg); color: var(--b-fg); border-color: var(--b-bg); }
.u-bs-cerceve .u-mbar-call { background: var(--u-yuzey); color: var(--u-koyu); box-shadow: inset 0 0 0 2px var(--u-koyu); }

.u-bs-golge .u-btn { border-color: var(--u-koyu); box-shadow: 4px 4px 0 var(--u-koyu); }
.u-bs-golge .u-mode-koyu .u-btn, .u-bs-golge .u-on-dark .u-btn, .u-bs-golge .u-mode-marka .u-btn, .u-bs-golge .u-footer .u-btn { border-color: #fff; box-shadow: 4px 4px 0 rgba(255,255,255,.85); }
.u-bs-golge .u-btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--u-koyu); }
.u-bs-golge .u-mode-koyu .u-btn:hover, .u-bs-golge .u-on-dark .u-btn:hover { box-shadow: 6px 6px 0 #fff; }
.u-bs-golge .u-mbar-btn { border: 2px solid var(--u-koyu); box-shadow: 3px 3px 0 var(--u-koyu); }

.u-bs-yumusak .u-mode-otomatik .u-btn--primary, .u-bs-yumusak .u-mode-otomatik .u-btn--call, .u-bs-yumusak .u-mode-acik .u-btn--primary, .u-bs-yumusak .u-mode-acik .u-btn--call, .u-bs-yumusak .u-mode-yuzey .u-btn--primary, .u-bs-yumusak .u-mode-yuzey .u-btn--call,
.u-bs-yumusak.u-hl-kart .u-hero-text .u-btn--call, .u-bs-yumusak.u-hl-kart .u-hero-text .u-btn--primary { background: color-mix(in srgb, var(--u-ana) 14%, var(--u-yuzey)); color: var(--u-koyu); border-color: color-mix(in srgb, var(--u-ana) 30%, transparent); }
.u-bs-yumusak .u-btn { box-shadow: none; }
.u-bs-yumusak .u-btn--wa { background: color-mix(in srgb, #25D366 20%, var(--u-yuzey)); color: #0B5130; }
.u-bs-yumusak .u-mode-koyu .u-btn--wa, .u-bs-yumusak .u-on-dark .u-btn--wa, .u-bs-yumusak .u-mode-marka .u-btn--wa { background: #25D366; color: #06331A; }

.u-bs-harf .u-btn, .u-bs-harf .u-mbar-btn { text-transform: uppercase; letter-spacing: .09em; font-size: .9rem; }

/* Alt şerit, üst kısımla uyumlu: koyu / renkli üstte koyu şerit, yüzen üstte yüzen şerit. */
.u-hdr-boyali .u-mbar { background: var(--u-hdr-bg); }
.u-hdr-boyali:not(.u-c-btn) .u-mbar-call { background: var(--u-hdr-fg); color: var(--u-hdr-bg); }
@media (max-width: 900px) {
	.u-hdr-yuzen .u-mbar { left: 10px; right: 10px; bottom: 10px; border-radius: calc(var(--u-r) + 10px); box-shadow: 0 16px 40px -14px rgba(0,0,0,.45); }
}

/* ---------- Bölüm başlıkları ---------- */
.u-tb-cizgi .u-sec-title::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 14px; border-radius: 2px; background: var(--s-acc, var(--u-ana)); }
.u-tb-cizgi .u-al-orta .u-sec-title::after { margin-inline: auto; }
.u-tb-etiket .u-sec-head .u-eyebrow { display: inline-block; justify-self: start; padding: 7px 13px; border-radius: 999px; background: color-mix(in srgb, var(--s-acc, var(--u-ana)) 15%, transparent); letter-spacing: .08em; }
.u-tb-etiket .u-al-orta .u-sec-head .u-eyebrow { justify-self: center; }
.u-tb-numara .u-main { counter-reset: usec; }
.u-tb-numara .u-sec-head { counter-increment: usec; }
.u-tb-numara .u-sec-head::before { content: counter(usec, decimal-leading-zero) " —"; font: 800 .95rem/1 var(--u-font-h); letter-spacing: .08em; color: var(--s-acc, var(--u-ana)); }
.u-tb-numara .u-mode-otomatik .u-sec-head::before { color: var(--u-link); }
.u-tb-buyuk .u-sec-title { font-size: clamp(2.2rem, 6.2vw, 4.6rem); line-height: 1; letter-spacing: -.04em; }

/* Başlık rengi (açık bölümlerde). */
.u-c-h .u-mode-otomatik, .u-c-h .u-mode-acik, .u-c-h .u-mode-yuzey, .u-c-h .u-pagehero { --s-h: var(--u-baslik); }

/* ---------- Kartlar ---------- */
.u-ks-golge .u-card, .u-ks-golge .u-why-item, .u-ks-golge .u-review, .u-ks-golge .u-pk { border-color: transparent; box-shadow: 0 20px 44px -28px rgba(0,0,0,.45); }
.u-ks-cizgi .u-card, .u-ks-cizgi .u-why-item, .u-ks-cizgi .u-review, .u-ks-cizgi .u-pk { background: transparent; box-shadow: none; }
.u-ks-cizgi .u-card:hover { transform: none; box-shadow: none; border-color: var(--s-h); }
.u-ks-dolu .u-mode-otomatik .u-card, .u-ks-dolu .u-mode-otomatik .u-why-item, .u-ks-dolu .u-mode-otomatik .u-review, .u-ks-dolu .u-mode-otomatik .u-pk { background: color-mix(in srgb, var(--u-ana) 9%, var(--u-yuzey)); border-color: transparent; }
.u-ks-ust_renk .u-card, .u-ks-ust_renk .u-why-item, .u-ks-ust_renk .u-review, .u-ks-ust_renk .u-pk { border-top: 4px solid var(--s-acc, var(--u-ana)); }

/* ---------- Arka plan dokusu (açık bölümlerde) ---------- */
.u-dk-nokta .u-sec.u-mode-otomatik:not(.u-has-media):not(.u-has-bg) { background-image: radial-gradient(color-mix(in srgb, var(--u-koyu) 14%, transparent) 1.1px, transparent 1.7px); background-size: 18px 18px; }
.u-dk-izgara .u-sec.u-mode-otomatik:not(.u-has-media):not(.u-has-bg) { background-image: linear-gradient(color-mix(in srgb, var(--u-koyu) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--u-koyu) 7%, transparent) 1px, transparent 1px); background-size: 28px 28px; }
.u-dk-cizgi .u-sec.u-mode-otomatik:not(.u-has-media):not(.u-has-bg) { background-image: repeating-linear-gradient(0deg, color-mix(in srgb, var(--u-koyu) 6%, transparent) 0 1px, transparent 1px 22px); }

/* ---------- Boşluk ---------- */
.u-sp-sik .u-sec.u-pad-orta { --pad: clamp(36px, 5vw, 64px); }
.u-sp-ferah .u-sec.u-pad-orta { --pad: clamp(76px, 10vw, 136px); }
@media (max-width: 700px) {
	.u-sp-sik .u-sec.u-padm-orta { --pad: 36px; }
	.u-sp-ferah .u-sec.u-padm-orta { --pad: 76px; }
}

/* ---------- Alt kısım (footer) rengi ---------- */
.u-c-ftr .u-footer { background: var(--u-ftr-bg); color: var(--u-ftr-fg); --s-h: var(--u-ftr-fg); --s-fg: var(--u-ftr-fg); --s-muted: var(--u-ftr-mut); --u-cizgi: var(--u-ftr-line); }
.u-c-ftr .u-footer a:hover, .u-c-ftr .u-footer .u-logo, .u-c-ftr .u-footer-h { color: var(--u-ftr-fg); }

/* Boyalı üst kısımda menü düğmesi zeminle karışmasın. */
.u-hdr-boyali:not(.u-c-btn) .u-head-btn.u-btn--primary, .u-hdr-boyali:not(.u-c-btn) .u-head-btn.u-btn--call { --b-bg: var(--u-hdr-fg); --b-fg: var(--u-hdr-bg); }