:root {
    --theme-primary: #1d7f4e;
    --theme-hover: #176b46;
    --theme-deep: #0e3b27;
    --theme-soft: #e8f5ee;
    --theme-pale: #f5faf7;
    --theme-contrast: #fff;
    --theme-line: #c7e2d1;
    --surface: #fff;
    --surface-soft: #f3f5f1;
    --text: #101310;
    --text-muted: #566056;
    --border: #dfe4dd;
    --display-font: "Arial Black", "Helvetica Neue", Arial, sans-serif;
}

body { color: #101310; background: #fff; font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
body::before { display: none; }
h1, h2, h3 { color: #101310; }
.hero h1, .page-hero h1, .section-heading h2, .insight-grid h2 { font-family: var(--display-font); font-weight: 900; letter-spacing: -.055em; }

.utility-bar { color: #344034; background: #fff; border-bottom: 1px solid #e5e8e3; }
.utility-bar a:hover { color: var(--theme-deep); }
.language-switcher summary { color: #101310; }
.language-flag { width: 22px; height: 22px; display: inline-block; flex: 0 0 22px; overflow: hidden; object-fit: cover; border: 1px solid rgba(15,25,14,.12); border-radius: 50%; box-shadow: 0 1px 2px rgba(15,25,14,.08); }
.language-switcher__menu a { display: flex; align-items: center; gap: 9px; }
.site-header { background: rgba(255,255,255,.96); }
.site-header__main { min-height: 82px; }
.brand__mark { background: var(--theme-primary); color: var(--theme-contrast); box-shadow: none; }
.brand__text > span { color: var(--theme-primary); }
.site-nav-wrap { border-color: #e5e8e3; }
.site-nav a { color: #182018; font-weight: 760; }
.site-nav a:hover, .site-nav a.is-active { color: var(--theme-deep); }
.site-nav a::after { background: var(--theme-primary); }
.header-search input { background: #f0f2ef; border-radius: 999px; }
.ticker { color: #101310; background: var(--theme-soft); border: 0; }
.ticker__label { color: var(--theme-deep); border-color: color-mix(in srgb, var(--theme-deep) 18%, transparent); }
.ticker__label span { background: var(--theme-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--theme-primary) 16%, transparent); }
.ticker__item { border-color: color-mix(in srgb, var(--theme-deep) 12%, transparent); }
.ticker__item strong, .ticker__item span { color: #101310; }
.ticker__item:hover { background: rgba(255,255,255,.42); }

.market-marquee { min-height: 40px; position: relative; z-index: 500; display: flex; overflow: hidden; color: #f4fff8; background: var(--theme-deep); border-bottom: 1px solid rgba(255,255,255,.12); direction: ltr; }
.market-marquee__label { min-width: 172px; position: relative; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 0 20px; color: #fff; background: var(--theme-deep); border-right: 1px solid rgba(255,255,255,.14); font-size: 11px; font-weight: 850; letter-spacing: .04em; white-space: nowrap; }
.market-marquee__label:hover { color: #7ed6a4; }
.market-marquee__label i { width: 7px; height: 7px; display: block; background: #6bcf91; border-radius: 50%; box-shadow: 0 0 0 4px rgba(107,207,145,.16); }
.market-marquee__viewport { min-width: 0; flex: 1; overflow: hidden; }
.market-marquee__track { width: max-content; display: flex; animation: market-marquee-scroll 34s linear infinite; will-change: transform; }
.market-marquee__group { display: flex; flex: 0 0 auto; }
.market-marquee__item { min-height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 22px; color: #fff; border-right: 1px solid rgba(255,255,255,.1); font-size: 12px; white-space: nowrap; }
.market-marquee__item:hover { color: #fff; background: rgba(255,255,255,.07); }
.market-marquee__item > span { color: #b9c9b5; font-size: 10px; font-weight: 900; letter-spacing: .06em; }
.market-marquee__item strong { min-width: 68px; color: #fff; font-size: 12px; font-variant-numeric: tabular-nums; }
.market-marquee__item em { min-width: 74px; font-size: 11px; font-style: normal; font-weight: 850; font-variant-numeric: tabular-nums; }
.market-marquee .is-positive { color: #6ee7a7 !important; }
.market-marquee .is-negative { color: #ff8d84 !important; }
.market-marquee .is-neutral { color: #c1ccc0 !important; }
.market-marquee:hover .market-marquee__track, .market-marquee:focus-within .market-marquee__track { animation-play-state: paused; }
@keyframes market-marquee-scroll { to { transform: translate3d(-50%, 0, 0); } }

.button { border-radius: 999px; }
.button--primary, .button--red { color: var(--theme-contrast); background: var(--theme-primary); box-shadow: none; }
.button--primary:hover, .button--red:hover { background: var(--theme-hover); transform: translateY(-1px); }
.button--ghost { color: #101310; border-color: #757b75; }
.text-link { color: var(--theme-deep); text-decoration-color: var(--theme-primary); }

.hero { min-height: 720px; position: relative; overflow: hidden; color: #101310; background: #fff; }
.hero::before { content: ""; width: 460px; height: 460px; position: absolute; right: -155px; top: -150px; border: 70px solid var(--theme-soft); border-radius: 50%; opacity: .86; }
.hero::after { display: none; }
.hero__grid { min-height: 720px; grid-template-columns: minmax(0, 1.06fr) minmax(420px, .82fr); gap: 88px; position: relative; z-index: 1; }
.hero__content { max-width: 720px; }
.hero__content .eyebrow { color: var(--theme-deep); }
.hero__content .eyebrow > span { background: var(--theme-primary); }
.hero__content h1 { color: #0b0d0b; font-size: clamp(54px, 6vw, 86px); line-height: .94; }
.hero__content h1 em { color: var(--theme-deep); font-style: normal; }
.hero__content > p { max-width: 650px; color: #3d443d; font-size: 19px; line-height: 1.5; }
.hero__actions { margin-top: 32px; }
.trust-row { color: #293229; }
.trust-row b { color: var(--theme-deep); }

.converter-card { padding: 34px; color: #101310; background: #fff; border: 1px solid #e5e7e3; border-radius: 32px; box-shadow: 0 28px 70px rgba(30,35,29,.13); }
.converter-card::before { display: none; }
.converter-card h2 { font-family: var(--display-font); font-size: 28px; letter-spacing: -.04em; }
.converter-field label { color: #181c18; font-size: 12px; font-weight: 800; }
.converter-input-row { min-height: 82px; overflow: visible; color: #101310; background: #f1f3f0; border: 1.5px solid #979c96; border-radius: 18px; }
.converter-input-row:focus-within { border-color: var(--theme-deep); box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary) 17%, transparent); }
.converter-input-row input, .converter-input-row output { padding-left: 22px; color: #0a0c0a; font-size: 28px; font-weight: 850; }
.converter-currency-select { width: 170px; flex: 0 0 170px; position: relative; gap: 10px; padding: 0 18px; background: transparent; border: 0; }
.converter-currency-select > img { display: none; }
.converter-currency-select select { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.currency-picker__trigger { width: 100%; min-height: 64px; display: grid; grid-template-columns: 32px 1fr 14px; gap: 10px; align-items: center; padding: 0; color: #0a0c0a; background: transparent; border: 0; text-align: left; }
.currency-picker__trigger img, .currency-picker__option img { width: 32px; height: 32px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.currency-picker__trigger strong { font-size: 20px; }
.currency-picker__chevron { width: 9px; height: 9px; border-right: 1.5px solid #586058; border-bottom: 1.5px solid #586058; transform: rotate(45deg) translateY(-3px); }
.currency-picker__menu { width: min(330px, calc(100vw - 36px)); max-height: 350px; position: absolute; z-index: 250; top: calc(100% + 13px); right: 0; overflow: hidden; padding: 10px; background: #fff; border: 1px solid #d8ddd7; border-radius: 18px; box-shadow: 0 26px 60px rgba(20,28,19,.2); }
.currency-picker__search-wrap { position: relative; margin-bottom: 8px; }
.currency-picker__search-wrap::before { content: ""; width: 15px; height: 15px; position: absolute; left: 15px; top: 15px; border: 2px solid var(--theme-deep); border-radius: 50%; }
.currency-picker__search-wrap::after { content: ""; width: 8px; position: absolute; left: 28px; top: 30px; border-top: 2px solid var(--theme-deep); transform: rotate(45deg); }
.currency-picker__search { width: 100%; height: 48px; padding: 0 14px 0 44px; color: #101310; background: #fff; border: 2px solid var(--theme-deep); border-radius: 12px; outline: none; }
.currency-picker__options { max-height: 270px; overflow-y: auto; padding: 3px; scrollbar-width: thin; }
.currency-picker__option { width: 100%; display: grid; grid-template-columns: 32px 54px 1fr; gap: 10px; align-items: center; padding: 10px; color: #101310; background: #fff; border: 0; border-radius: 10px; text-align: left; }
.currency-picker__option:hover, .currency-picker__option[aria-selected="true"] { background: var(--theme-soft); }
.currency-picker__option strong { font-size: 15px; }
.currency-picker__option span { min-width: 0; overflow: hidden; color: #5d655d; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.currency-picker__empty { padding: 18px; color: #667066; font-size: 13px; text-align: center; }
.converter-swap { width: 52px; height: 52px; color: #fff; background: var(--theme-primary); border: 0; box-shadow: 0 0 0 7px var(--theme-soft); font-size: 24px; }
.converter-swap:hover { color: #fff; background: var(--theme-hover); }
.converter-rate { color: var(--theme-deep); font-weight: 800; }

.quick-stats { background: var(--theme-soft); }
.quick-stats__grid { border-color: color-mix(in srgb, var(--theme-deep) 18%, transparent); }
.quick-stat { border-color: color-mix(in srgb, var(--theme-deep) 15%, transparent); }
.quick-stat:hover { background: rgba(255,255,255,.45); }
.quick-stat__icon { background: #fff; }

.section { position: relative; }
.section--soft { background: #f1f3ef; }
.section-heading h2 { font-size: clamp(34px, 4vw, 56px); }
.section-heading .eyebrow { color: var(--theme-deep); }
section#wechselkurse { overflow: hidden; color: var(--theme-contrast); background: var(--theme-primary); }
section#wechselkurse::after { display: none; }
section#wechselkurse .container { position: relative; z-index: 1; }
section#wechselkurse .section-heading h2, section#wechselkurse .section-heading p, section#wechselkurse .section-heading .eyebrow, section#wechselkurse .text-link { color: var(--theme-contrast); }
section#wechselkurse .text-link { text-decoration-color: currentColor; }
section#wechselkurse .panel-footnote { color: #4e5a4e; background: #fff; }
.panel, .content-card, .sidebar-card, .news-card, .featured-story { border-radius: 26px; box-shadow: none; }
.panel--table { overflow: hidden; border: 1px solid #dfe4dd; }
.panel-toolbar { background: #f3f5f2; }
.market-status i { background: var(--theme-primary); box-shadow: 0 0 0 5px color-mix(in srgb, var(--theme-primary) 15%, transparent); }
.market-table thead { background: var(--theme-deep); }
.market-table tbody tr:hover { background: var(--theme-pale); }
.row-link { color: var(--theme-deep); background: var(--theme-soft); }
.row-link:hover { color: #fff; background: var(--theme-hover); }
.currency-world { background: #eef1ed; }
.currency-world__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px 36px; margin-top: 44px; }
.currency-world__grid a { min-height: 116px; display: grid; grid-template-columns: 54px 1fr; gap: 15px; align-items: center; position: relative; padding: 20px 4px; border-bottom: 1.5px solid var(--theme-deep); }
.currency-world__grid a:hover { color: var(--theme-deep); }
.currency-world__grid img { width: 54px; height: 54px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.currency-world__grid strong, .currency-world__grid small { display: block; }
.currency-world__grid strong { font-size: 14px; }
.currency-world__grid small { margin-top: 3px; color: #566056; font-size: 11px; }
.currency-world__grid a > b { position: absolute; right: 5px; bottom: 18px; color: var(--theme-deep); opacity: 0; transform: translateX(-7px); transition: .18s ease; }
.currency-world__grid a:hover > b { opacity: 1; transform: translateX(0); }

/* CHF ile seçilen para birimi arasında otomatik banknot dönüşümü */
.banknote-transform { overflow: hidden; background: #eef1ed; }
.banknote-transform__heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 54px; align-items: end; margin-bottom: 48px; }
.banknote-transform__heading h2 { max-width: 830px; margin: 12px 0 0; font-family: var(--display-font); font-size: clamp(44px, 5.4vw, 76px); font-weight: 950; line-height: .94; letter-spacing: -.055em; text-wrap: balance; }
.banknote-transform__heading > p { max-width: 480px; margin: 0 0 7px auto; color: #526052; font-size: 16px; line-height: 1.65; }
.banknote-compare { --compare-position: 50%; height: clamp(400px, 43vw, 570px); position: relative; overflow: hidden; color: #fff; background: #143f53; border: 1px solid rgba(13, 59, 39, .15); border-radius: 38px; box-shadow: 0 25px 60px rgba(16, 55, 37,.13); cursor: default; touch-action: pan-y; user-select: none; }
.banknote-compare__scene { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 18% 22%, rgba(255,255,255,.18), transparent 28%), linear-gradient(135deg, #436f8d 0%, #263e69 55%, #152945 100%); }
.banknote-compare__scene::before,
.banknote-compare__scene::after { content: ""; position: absolute; pointer-events: none; border-radius: 50%; }
.banknote-compare__scene::before { width: 360px; height: 360px; left: -130px; bottom: -220px; border: 1px solid rgba(255,255,255,.17); box-shadow: 0 0 0 46px rgba(255,255,255,.025), 0 0 0 92px rgba(255,255,255,.025); }
.banknote-compare__scene::after { width: 6px; height: 6px; top: 20%; right: 16%; background: rgba(255,255,255,.62); box-shadow: -190px 110px 0 rgba(255,255,255,.25), 90px 160px 0 rgba(255,255,255,.31), -420px -35px 0 rgba(255,255,255,.22); animation: banknote-sparkle 3.6s ease-in-out infinite; }
.banknote-compare__scene--after { --scene-a: #1c714a; --scene-b: #2e8a52; --scene-c: #0e4d34; z-index: 2; clip-path: inset(0 0 0 var(--compare-position)); background: radial-gradient(circle at 82% 21%, rgba(255,255,255,.18), transparent 27%), linear-gradient(135deg, var(--scene-a) 0%, var(--scene-b) 48%, var(--scene-c) 100%); }
.banknote-compare__scene--after::before { right: -130px; left: auto; }
.banknote-compare__scene--eur { --scene-a: #1c714a; --scene-b: #2e8a52; --scene-c: #0e4d34; }
.banknote-compare__scene--usd { --scene-a: #526641; --scene-b: #314d39; --scene-c: #183526; }
.banknote-compare__scene--gbp { --scene-a: #8a3857; --scene-b: #612744; --scene-c: #3a1933; }
.banknote-compare__scene--jpy { --scene-a: #69619b; --scene-b: #494273; --scene-c: #29284e; }
.banknote-compare__scene--try { --scene-a: #803f72; --scene-b: #5e305f; --scene-c: #351b43; }
.banknote-compare__scene--cad { --scene-a: #9a543e; --scene-b: #713827; --scene-c: #402217; }
.banknote-compare__scene--aud { --scene-a: #24747a; --scene-b: #1f5968; --scene-c: #143744; }
.banknote-compare__label { position: absolute; z-index: 5; top: 28px; left: 30px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; color: #12291c; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.72); border-radius: 999px; box-shadow: 0 8px 24px rgba(1,25,14,.12); backdrop-filter: blur(10px); font-size: 13px; font-weight: 900; white-space: nowrap; }
.banknote-compare__scene--after .banknote-compare__label { right: 30px; left: auto; }
.banknote-compare__label img { width: 30px; height: 22px; object-fit: cover; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.07); }
.banknote-art { width: min(760px, 76%); aspect-ratio: 2.13 / 1; position: relative; z-index: 2; overflow: hidden; padding: 34px 38px; color: #202743; background: repeating-linear-gradient(118deg, rgba(255,255,255,.13) 0 2px, transparent 2px 9px), radial-gradient(circle at 75% 42%, rgba(255,255,255,.5), transparent 25%), linear-gradient(135deg, #b8c6ec, #8fa4df 46%, #d4c7e7); border: 2px solid rgba(255,255,255,.72); border-radius: 23px; box-shadow: 0 35px 55px rgba(4,24,19,.32), inset 0 0 0 6px rgba(255,255,255,.18); animation: banknote-hover 5s ease-in-out infinite; }
.banknote-art::before { content: ""; width: 38%; aspect-ratio: 1; position: absolute; top: 50%; right: 7%; transform: translateY(-50%); background: repeating-radial-gradient(circle at 50% 50%, rgba(38,48,96,.32) 0 2px, transparent 3px 8px); border: 1px solid rgba(46,57,107,.28); border-radius: 50%; }
.banknote-art::after { content: ""; position: absolute; inset: 17px; border: 1px solid rgba(39,48,89,.22); border-radius: 14px; }
.banknote-art__issuer,
.banknote-art__serial,
.banknote-art__micro { position: absolute; z-index: 2; letter-spacing: .11em; }
.banknote-art__issuer { max-width: 62%; top: 31px; left: 38px; overflow: hidden; font-size: 11px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.banknote-art__serial { right: 34px; bottom: 29px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; }
.banknote-art__micro { right: 38px; bottom: 50px; font-size: 7px; font-weight: 800; }
.banknote-art strong { position: absolute; z-index: 2; left: 36px; bottom: 25px; font-family: var(--display-font); font-size: clamp(72px, 9vw, 126px); line-height: .72; letter-spacing: -.07em; }
.banknote-art b { position: absolute; z-index: 2; top: 55px; left: 39px; font-size: clamp(22px, 3vw, 40px); letter-spacing: -.04em; }
.banknote-art i { width: 92px; height: 92px; position: absolute; z-index: 2; top: 50%; right: 17%; display: grid; place-items: center; transform: translateY(-50%) rotate(-6deg); color: #fff; background: #df1f35; border-radius: 50%; box-shadow: 0 12px 28px rgba(73,16,32,.2); font-size: 56px; font-style: normal; font-weight: 950; }
.banknote-art em { position: absolute; z-index: 2; right: 9%; bottom: 24%; opacity: .33; transform: rotate(-90deg); font-size: 12px; font-style: normal; font-weight: 950; letter-spacing: .18em; }
.banknote-art--after { --note-a: #adddba; --note-b: #78bb96; --note-c: #d1dec2; --note-ink: #173a2d; --seal: #155eb6; --seal-ink: #ffe75b; color: var(--note-ink); background: repeating-linear-gradient(62deg, rgba(255,255,255,.13) 0 2px, transparent 2px 10px), radial-gradient(circle at 73% 45%, rgba(255,255,255,.46), transparent 26%), linear-gradient(135deg, var(--note-a), var(--note-b) 47%, var(--note-c)); }
.banknote-art--after::before { background: repeating-radial-gradient(circle at 50% 50%, rgba(25,65,50,.3) 0 2px, transparent 3px 8px); border-color: rgba(17,72,49,.28); }
.banknote-art--after i { color: var(--seal-ink); background: var(--seal); font-size: 47px; }
.banknote-art--eur { --note-a: #adddba; --note-b: #78bb96; --note-c: #d1dec2; --note-ink: #173a2d; --seal: #155eb6; --seal-ink: #ffe75b; }
.banknote-art--usd { --note-a: #d7dec0; --note-b: #9eae7c; --note-c: #c9d1b4; --note-ink: #29391f; --seal: #477245; --seal-ink: #e7efcf; }
.banknote-art--gbp { --note-a: #efbcc7; --note-b: #d8819e; --note-c: #d7b9d0; --note-ink: #56233e; --seal: #8f2851; --seal-ink: #ffe7ed; }
.banknote-art--jpy { --note-a: #d4c8e8; --note-b: #aaa0cf; --note-c: #d9d1e6; --note-ink: #3d3768; --seal: #5e4a9c; --seal-ink: #f6f1ff; }
.banknote-art--try { --note-a: #d9b4d3; --note-b: #ad72a7; --note-c: #e0c2d6; --note-ink: #52234e; --seal: #8c326d; --seal-ink: #fff0f8; }
.banknote-art--cad { --note-a: #e8c5ae; --note-b: #c78f70; --note-c: #e5d0bb; --note-ink: #5d3125; --seal: #b14435; --seal-ink: #fff0e8; }
.banknote-art--aud { --note-a: #b2ddd3; --note-b: #72b7b4; --note-c: #c6ddd5; --note-ink: #174c50; --seal: #19788b; --seal-ink: #edffff; }
.banknote-art--jpy strong { font-size: clamp(56px, 7vw, 96px); }
.banknote-art--cad i,
.banknote-art--aud i { font-size: 34px; }
.banknote-compare__divider { width: 3px; position: absolute; z-index: 7; top: 0; bottom: 0; left: var(--compare-position); transform: translateX(-50%); background: rgba(255,255,255,.95); box-shadow: 0 0 25px rgba(2,34,18,.38); pointer-events: none; }
.banknote-compare__divider span { width: 58px; height: 58px; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; transform: translate(-50%, -50%); color: #0d452b; background: #fff; border: 7px solid rgba(255,255,255,.28); border-radius: 50%; box-shadow: 0 12px 30px rgba(1,34,18,.28); background-clip: padding-box; font-size: 24px; font-weight: 950; }
.banknote-compare__hint { position: absolute; z-index: 8; bottom: 23px; left: 50%; transform: translateX(-50%); padding: 9px 14px; color: #173a28; background: rgba(255,255,255,.9); border-radius: 999px; box-shadow: 0 8px 22px rgba(1,25,14,.13); font-size: 11px; font-weight: 850; white-space: nowrap; pointer-events: none; }
@keyframes banknote-hover { 0%, 100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(-10px) rotate(1.2deg); } }
@keyframes banknote-sparkle { 50% { opacity: .35; transform: scale(1.8); } }

@media (max-width: 780px) {
    .banknote-transform__heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 30px; }
    .banknote-transform__heading h2 { font-size: clamp(38px, 12vw, 56px); }
    .banknote-transform__heading > p { margin: 0; font-size: 14px; }
    .banknote-compare { height: 390px; border-radius: 26px; }
    .banknote-compare__label { top: 18px; left: 17px; max-width: calc(50% - 28px); padding: 7px 9px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
    .banknote-compare__scene--after .banknote-compare__label { right: 17px; left: auto; }
    .banknote-compare__label img { width: 24px; height: 18px; }
    .banknote-art { width: 86%; padding: 22px; border-radius: 16px; }
    .banknote-art__issuer { top: 20px; left: 22px; font-size: 7px; }
    .banknote-art__serial { right: 20px; bottom: 18px; font-size: 7px; }
    .banknote-art__micro { display: none; }
    .banknote-art strong { left: 21px; bottom: 18px; font-size: clamp(50px, 18vw, 82px); }
    .banknote-art b { top: 35px; left: 22px; font-size: clamp(17px, 6vw, 27px); }
    .banknote-art i { width: 57px; height: 57px; right: 14%; font-size: 36px; }
    .banknote-art--after i { font-size: 30px; }
    .banknote-art--jpy strong { font-size: clamp(36px, 13vw, 58px); }
    .banknote-art--cad i,
    .banknote-art--aud i { font-size: 22px; }
    .banknote-art em { display: none; }
    .banknote-compare__divider span { width: 48px; height: 48px; border-width: 6px; font-size: 20px; }
    .banknote-compare__hint { bottom: 17px; max-width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; }
}

@media (prefers-reduced-motion: reduce) {
    .banknote-art,
    .banknote-compare__scene::after { animation: none !important; }
}
.feature-routes { background: #fff; }
.feature-routes__list { display: grid; gap: 96px; margin-top: 50px; }
.feature-route { display: grid; grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr); gap: clamp(48px, 9vw, 140px); align-items: center; }
.feature-route:nth-child(even) { grid-template-columns: minmax(360px, .75fr) minmax(0, .95fr); }
.feature-route:nth-child(even) .feature-route__media { order: -1; }
.feature-route__copy { max-width: 610px; }
.feature-route__copy h3 { margin: 16px 0 18px; font-family: var(--display-font); font-size: clamp(34px, 4vw, 56px); line-height: .98; letter-spacing: -.05em; }
.feature-route__copy p { color: #4d564d; font-size: 16px; line-height: 1.65; }
.feature-route__media { min-height: 460px; position: relative; overflow: hidden; border-radius: 32px; background: var(--theme-soft); }
.feature-route__media::after { content: "→"; width: 54px; height: 54px; display: grid; place-items: center; position: absolute; right: 18px; bottom: 18px; color: var(--theme-contrast); background: var(--theme-primary); border-radius: 50%; font-size: 26px; }
.feature-route__media img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .35s ease; }
.feature-route__media:hover img { transform: scale(1.025); }
.feature-route__media:hover::after { background: var(--theme-hover); }
.featured-story, .story-row, .news-card { border-color: #dfe4dd; }
.featured-story__image img, .news-card__image img { border-radius: 26px 26px 0 0; }
.story-row img { border-radius: 18px; }
.quote-list { border-top-color: var(--theme-deep); }
.quote-list a:hover { background: var(--theme-pale); }
.risk-note { border-color: var(--theme-line); background: var(--theme-soft); }

.section--dark { color: var(--theme-contrast); background: var(--theme-primary); }
.section--dark::after { display: none; }
.section--dark .container { position: relative; z-index: 1; }
.section--dark h2, .section--dark p { color: var(--theme-contrast); }
.insight-cards a { color: #101310; background: #fff; border: 0; border-radius: 24px; }
.insight-cards a:hover { background: var(--theme-soft); }
.accordion details { border-color: #cfd5ce; }
.accordion details[open] summary { color: var(--theme-deep); }

.page-hero { color: #101310; background: var(--theme-soft); }
.page-hero::after { display: none; }
.page-hero h1, .page-hero p, .page-hero .breadcrumbs { color: #101310; }
.page-hero__grid { position: relative; z-index: 1; }
.eyebrow--light { color: var(--theme-deep); }

.newsletter { color: var(--theme-contrast); background: var(--theme-deep); }
.newsletter h2, .newsletter p, .newsletter .eyebrow { color: var(--theme-contrast); }
.newsletter__form { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.28); border-radius: 999px; }
.newsletter__form input { color: #fff; }
.newsletter__form input::placeholder { color: rgba(255,255,255,.68); }
.newsletter .button { color: var(--theme-contrast); background: var(--theme-primary); }

/* E-bülten yerine Währung'a özgü hareketli küresel para vitrini */
.global-money { position: relative; z-index: 2; padding: 122px 0 108px; overflow: visible; background: #fff; }
.global-money__card {
    min-height: 510px;
    position: relative;
    z-index: 1;
    isolation: isolate;
    padding: 152px 48px 78px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 17%, rgba(143, 238, 101, .13) 0 2px, transparent 3px),
        radial-gradient(circle at 87% 25%, rgba(143, 238, 101, .1) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 78%, rgba(255, 255, 255, .08) 0 1px, transparent 2px),
        linear-gradient(145deg, #092f1a 0%, #0c3b20 46%, #082814 100%);
    background-size: 92px 92px, 128px 128px, 74px 74px, auto;
    border: 1px solid rgba(113, 219, 84, .22);
    border-radius: 36px;
    box-shadow: 0 28px 70px rgba(9, 49, 26, .16);
}
.global-money__card::before,
.global-money__card::after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; }
.global-money__card::before { display: none; }
.global-money__card::after { width: 230px; height: 230px; top: 80px; left: -130px; border: 1px solid rgba(151, 239, 116, .15); }
.global-money__scene { width: 360px; height: 250px; position: absolute; z-index: 8; top: -84px; left: 50%; transform: translateX(-50%); pointer-events: none; }
.global-money__globe {
    width: 142px;
    height: 142px;
    position: absolute;
    z-index: 8;
    top: 53px;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    background: radial-gradient(circle at 31% 24%, #89edff 0 5%, #29a9d0 36%, #07628c 72%, #043d64 100%);
    border: 1px solid rgba(202, 250, 255, .72);
    border-radius: 50%;
    box-shadow: inset -21px -14px 30px rgba(2, 39, 69, .5), 0 16px 32px rgba(0, 22, 13, .38), 0 0 0 10px rgba(100, 225, 255, .06);
    animation: global-money-globe-float 5s ease-in-out infinite;
}
.global-money__globe::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: radial-gradient(circle at 30% 22%, rgba(255,255,255,.24), transparent 23%), linear-gradient(115deg, transparent 47%, rgba(1,39,64,.13) 73%, rgba(1,28,50,.3));
    border-radius: 50%;
}
.global-money__globe::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    opacity: .3;
    background: repeating-linear-gradient(0deg, transparent 0 21px, rgba(255,255,255,.4) 22px, transparent 23px), repeating-linear-gradient(90deg, transparent 0 27px, rgba(255,255,255,.2) 28px, transparent 29px);
    border-radius: 50%;
    animation: global-money-grid-slide 12s linear infinite;
}
.global-money__continents { position: absolute; z-index: 2; inset: 7px; filter: drop-shadow(0 2px 1px rgba(1, 58, 44, .28)); animation: global-money-land-drift 13s ease-in-out infinite alternate; }
.global-money__continent { position: absolute; display: block; background: linear-gradient(145deg, #8bdd72 0%, #57b85e 57%, #35954f 100%); }
.global-money__continent--north-america { width: 46%; height: 29%; top: 21%; left: 8%; clip-path: polygon(5% 20%, 20% 2%, 42% 8%, 54% 22%, 72% 17%, 94% 36%, 82% 55%, 65% 57%, 58% 82%, 40% 97%, 28% 77%, 13% 70%, 0 48%); }
.global-money__continent--south-america { width: 21%; height: 43%; top: 48%; left: 36%; clip-path: polygon(4% 4%, 44% 0, 84% 14%, 100% 34%, 75% 54%, 63% 73%, 42% 100%, 25% 78%, 19% 56%, 0 32%); }
.global-money__continent--eurasia { width: 45%; height: 31%; top: 20%; left: 51%; clip-path: polygon(0 31%, 14% 7%, 30% 15%, 42% 0, 56% 16%, 72% 9%, 100% 29%, 91% 48%, 75% 53%, 68% 77%, 48% 69%, 38% 92%, 21% 76%, 8% 57%); }
.global-money__continent--africa { width: 25%; height: 37%; top: 43%; left: 57%; clip-path: polygon(14% 0, 67% 2%, 100% 23%, 79% 50%, 63% 78%, 42% 100%, 28% 71%, 8% 53%, 0 25%); }
.global-money__continent--australia { width: 19%; height: 14%; top: 72%; left: 77%; clip-path: polygon(8% 22%, 31% 0, 55% 13%, 87% 7%, 100% 43%, 80% 91%, 48% 100%, 20% 73%, 0 51%); }
.global-money__continent--greenland { width: 12%; height: 13%; top: 12%; left: 42%; clip-path: polygon(22% 0, 78% 12%, 100% 50%, 69% 100%, 18% 81%, 0 34%); background: #91dd7b; }
.global-money__globe span { width: 25px; height: 9px; position: absolute; z-index: 4; top: 22px; left: 29px; background: rgba(255,255,255,.34); border-radius: 50%; transform: rotate(-25deg); }
.global-money__orbit {
    width: 326px;
    height: 210px;
    position: absolute;
    z-index: 9;
    top: 16px;
    left: 17px;
    border: 1px solid rgba(161, 242, 122, .32);
    border-radius: 50%;
    transform: rotate(-8deg);
    animation: global-money-orbit 18s linear infinite;
}
.global-money__orbit i { width: 48px; height: 48px; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(var(--coin-angle)) translateX(163px) rotate(var(--coin-counter-angle)); font-style: normal; }
.global-money__orbit b {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #5b3a00;
    background: radial-gradient(circle at 34% 28%, #fff4a6 0 7%, #ffd653 26%, #e7a715 66%, #a66e00 100%);
    border: 2px solid #ffe27b;
    border-radius: 50%;
    box-shadow: inset -6px -6px 10px rgba(120, 69, 0, .2), 0 7px 15px rgba(1, 24, 12, .35);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: -.02em;
    animation: global-money-coin-counter 18s linear infinite reverse, global-money-coin-pulse 3.4s ease-in-out infinite;
}
.global-money__content { max-width: 820px; position: relative; z-index: 4; margin: 0 auto; text-align: center; }
.global-money__eyebrow { display: inline-flex; margin-bottom: 16px; color: #b7ff8a; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.global-money__content h2 { max-width: 800px; margin: 0 auto; color: #9af06c; font-family: var(--display-font); font-size: clamp(52px, 7vw, 84px); font-weight: 950; line-height: .9; letter-spacing: -.06em; text-wrap: balance; }
.global-money__content p { max-width: 660px; margin: 25px auto 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.65; text-wrap: balance; }
.global-money__button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-top: 27px; padding: 12px 22px; color: #0b341c; background: #9af06c; border-radius: 999px; font-size: 13px; font-weight: 900; transition: transform .18s ease, background-color .18s ease; }
.global-money__button span { font-size: 18px; line-height: 1; transition: transform .18s ease; }
.global-money__button:hover { color: #082814; background: #b8ff91; transform: translateY(-2px); }
.global-money__button:hover span { transform: translateX(3px); }
.global-money__ticker { position: absolute; right: 28px; bottom: 22px; left: 28px; overflow: hidden; opacity: .5; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.global-money__ticker-track { width: max-content; display: flex; align-items: center; gap: 18px; color: #c9f8b0; font-size: 10px; font-weight: 850; letter-spacing: .12em; animation: global-money-ticker 24s linear infinite; }
.global-money__ticker-track i { color: #75cf54; font-style: normal; }

@keyframes global-money-globe-float { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(-2deg); } 50% { transform: translateX(-50%) translateY(-7px) rotate(2deg); } }
@keyframes global-money-land-drift { to { transform: translateX(8px) rotate(4deg); } }
@keyframes global-money-grid-slide { to { background-position: 0 23px, 29px 0; } }
@keyframes global-money-orbit { to { transform: rotate(352deg); } }
@keyframes global-money-coin-counter { to { transform: rotate(-360deg); } }
@keyframes global-money-coin-pulse { 50% { filter: brightness(1.12); } }
@keyframes global-money-ticker { to { transform: translateX(-50%); } }

@media (max-width: 700px) {
    .global-money { padding: 104px 0 76px; }
    .global-money__card { min-height: 500px; padding: 139px 20px 72px; border-radius: 27px; }
    .global-money__scene { width: 280px; height: 210px; top: -70px; }
    .global-money__globe { width: 116px; height: 116px; top: 49px; }
    .global-money__orbit { width: 260px; height: 172px; top: 19px; left: 10px; }
    .global-money__orbit i { width: 42px; height: 42px; transform: translate(-50%, -50%) rotate(var(--coin-angle)) translateX(130px) rotate(var(--coin-counter-angle)); }
    .global-money__orbit b { width: 42px; height: 42px; font-size: 8px; }
    .global-money__content h2 { font-size: clamp(40px, 13vw, 59px); line-height: .92; }
    .global-money__content p { margin-top: 20px; font-size: 13px; line-height: 1.58; }
    .global-money__button { margin-top: 23px; }
    .global-money__ticker { right: 16px; bottom: 18px; left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .global-money__globe,
    .global-money__continents,
    .global-money__globe::after,
    .global-money__orbit,
    .global-money__orbit b,
    .global-money__ticker-track { animation: none !important; }
}

.site-footer { display: flex; flex-direction: column; padding: 74px 0 28px; color: #172816; background: #eef1ed; border-top: 0; }
.site-footer a { color: #172816; }
.site-footer a:hover { color: var(--theme-deep); }
.site-footer__grid { order: 1; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 34px 58px; padding-top: 0; padding-bottom: 62px; border: 0; }
.site-footer__grid h3 { margin: 0 0 22px; color: #101810; font-size: 14px; font-weight: 900; }
.site-footer__grid h3 span { color: var(--theme-primary); }
.site-footer__grid a { margin: 0 0 13px; color: #314231; font-size: 13px; line-height: 1.45; }
.site-footer__top { order: 2; min-height: 108px; display: flex; justify-content: space-between; align-items: center; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #cdd4cc; border-bottom: 0; }
.site-footer .brand__text { color: #172816; }
.site-footer .brand__text small { color: #5a685a; }
.site-footer__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 22px; }
.footer-socials { display: flex; align-items: center; gap: 8px; }
.footer-socials a { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #c8d0c7; border-radius: 50%; transition: .18s ease; }
.footer-socials a:hover { background: var(--theme-soft); border-color: var(--theme-primary); transform: translateY(-2px); }
.footer-socials img { width: 19px; height: 19px; filter: none; opacity: .88; }
.language-switcher--footer summary { min-height: 44px; padding: 9px 17px; color: #172816; background: transparent; border: 1px solid #c8d0c7; border-radius: 999px; transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
.language-switcher--footer summary:hover, .language-switcher--footer[open] summary { color: var(--home-deep); background: var(--home-mint); border-color: #9dbda9; }
.language-switcher--footer .language-switcher__menu { bottom: calc(100% + 8px); top: auto; }
.site-footer__bottom { order: 3; display: block; padding-top: 26px; color: #556355; border-top: 0; }
.site-footer__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.site-footer__legal a, .site-footer__legal span { color: #425142; font-size: 12px; }
.site-footer__bottom > p { max-width: 900px; margin: 22px 0 0; color: #667366; font-size: 11px; line-height: 1.65; }

html[dir="rtl"] .hero__content, html[dir="rtl"] .section-heading, html[dir="rtl"] .site-footer { text-align: right; }
html[dir="rtl"] .site-footer__actions { justify-content: flex-start; }
html[dir="rtl"] .currency-picker__menu { right: auto; left: 0; }

@media (max-width: 1020px) {
    .hero__grid { grid-template-columns: minmax(0, 1fr) 410px; gap: 38px; }
    .hero__content h1 { font-size: 58px; }
    .currency-world__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .site-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .hero { min-height: auto; }
    .hero__grid { min-height: 0; grid-template-columns: 1fr; gap: 48px; padding: 64px 0; }
    .hero__content { max-width: 680px; text-align: left; }
    .hero__content > p { margin-inline: 0; }
    .hero__actions, .trust-row { justify-content: flex-start; }
    .converter-card { max-width: 680px; margin: 0; }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .feature-routes__list { gap: 58px; }
    .feature-route, .feature-route:nth-child(even) { grid-template-columns: 1fr; gap: 28px; }
    .feature-route:nth-child(even) .feature-route__media { order: 0; }
    .feature-route__media { min-height: 360px; }
}

@media (max-width: 600px) {
    .hero__grid { padding: 46px 0; }
    .hero__content h1 { font-size: clamp(42px, 13vw, 58px); }
    .hero__content > p { font-size: 16px; }
    .converter-card { padding: 24px 18px; border-radius: 24px; }
    .converter-input-row { min-height: 74px; }
    .converter-input-row input, .converter-input-row output { min-width: 0; padding-left: 15px; font-size: 22px; }
    .converter-currency-select { width: 138px; flex-basis: 138px; padding: 0 12px; }
    .currency-picker__trigger { grid-template-columns: 29px 1fr 12px; gap: 7px; }
    .currency-picker__trigger img, .currency-picker__option img { width: 29px; height: 29px; }
    .currency-picker__trigger strong { font-size: 17px; }
    .currency-picker__menu { position: fixed; left: 18px; right: 18px; top: 50%; width: auto; transform: translateY(-50%); }
    .currency-world__grid { grid-template-columns: 1fr 1fr; gap: 16px 20px; }
    .currency-world__grid a { min-height: 100px; grid-template-columns: 42px 1fr; gap: 10px; }
    .currency-world__grid img { width: 42px; height: 42px; }
    .site-footer { padding-top: 52px; }
    .site-footer__grid { gap: 28px 24px; padding-bottom: 42px; }
    .site-footer__top {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "footer-brand footer-language"
            "footer-socials footer-socials";
        align-items: center;
        gap: 18px 12px;
        padding-top: 22px;
        padding-bottom: 26px;
    }
    .site-footer__top > div:first-child { min-width: 0; grid-area: footer-brand; }
    .site-footer__actions { display: contents; }
    .language-switcher--footer { grid-area: footer-language; justify-self: end; }
    .language-switcher--footer summary { min-height: 40px; padding: 7px 12px; white-space: nowrap; }
    .footer-socials {
        width: 100%;
        grid-area: footer-socials;
        justify-self: start;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 8px;
    }
    .footer-socials a { width: 38px; height: 38px; flex: 0 0 38px; }
    html[dir="rtl"] .language-switcher--footer { justify-self: start; }
    html[dir="rtl"] .footer-socials { justify-self: end; justify-content: flex-end; }
    .site-footer__legal { align-items: flex-start; flex-direction: column; gap: 11px; }
}

@media (max-width: 430px) {
    .site-footer__grid { grid-template-columns: 1fr; }
    .site-footer .minimal-brand--footer { font-size: 17px; }
    .site-footer .minimal-brand--footer .minimal-brand__symbol { width: 28px; height: 28px; }
    .language-switcher--footer summary { padding-inline: 10px; font-size: 13px; }
    .footer-socials { gap: 7px; }
}

/* Ana sayfa ilk ekranı ve ortak sade tasarım temeli */
.home-minimal { --home-green: #1d7f4e; --home-green-hover: #176b46; --home-deep: #0e3b27; --home-mint: #e8f5ee; --home-blue: #edf8f2; color: #101310; background: #fff; }
.home-minimal::before { display: none; }
.minimal-header { position: relative; z-index: 300; background: #fff; }
.minimal-header__inner { min-height: 82px; display: flex; align-items: center; gap: 34px; }
.minimal-brand { display: inline-flex; align-items: center; gap: 7px; color: var(--home-deep); font-size: 19px; font-weight: 950; letter-spacing: -.05em; }
.minimal-brand__symbol { width: 27px; height: 24px; display: grid; place-items: center; color: #fff; background: var(--home-deep); border-radius: 7px 2px 7px 2px; font-size: 15px; font-style: italic; transform: skew(-8deg); }
.minimal-nav { display: flex; align-items: center; gap: 30px; }
.minimal-nav a, .minimal-header__actions > a { color: #162014; font-size: 13px; font-weight: 780; }
.minimal-nav a:hover, .minimal-header__actions > a:hover { color: var(--home-deep); }
.minimal-nav__mobile { display: none; }
.minimal-header__actions { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.minimal-header__cta { padding: 10px 17px; background: var(--home-green); border-radius: 999px; }
.language-switcher--minimal summary { min-height: 38px; gap: 7px; padding: 6px 10px; color: #162014; background: transparent; border: 0; border-radius: 999px; transition: color .18s ease, background-color .18s ease; }
.language-switcher--minimal summary:hover, .language-switcher--minimal[open] summary { color: var(--home-deep); background: var(--home-mint); }
.language-switcher--minimal summary .language-flag { width: 22px; height: 22px; }
.language-switcher--minimal .language-switcher__menu { right: 0; top: calc(100% + 7px); }
.minimal-nav-toggle { display: none; }

.home-opening { min-height: 720px; position: relative; overflow: hidden; padding: 20px 0 0; background: #fff; }
.home-opening__main { min-height: 560px; position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: clamp(58px, 9vw, 126px); align-items: center; }
.home-opening__copy { max-width: 680px; padding: 70px 0 40px; }
.home-opening__badges { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 23px; color: #334031; font-size: 12px; font-weight: 700; }
.home-opening__badges span { display: inline-flex; align-items: center; gap: 8px; }
.home-opening__badges i { width: 22px; height: 22px; display: grid; place-items: center; color: var(--home-deep); background: var(--home-mint); border-radius: 50%; font-size: 10px; font-style: normal; font-weight: 900; }
.home-opening__copy h1 { max-width: 670px; margin: 0; color: #0b0d0b; font-family: var(--display-font); font-size: clamp(54px, 5.6vw, 78px); line-height: .96; letter-spacing: -.07em; text-transform: uppercase; }
.typing-headline__line { min-height: .96em; display: block; }
.typing-headline__line:last-child { color: var(--home-deep); }
.typing-headline.is-typing .typing-headline__line.is-active::after { content: ""; width: .075em; height: .78em; display: inline-block; margin-inline-start: .09em; background: var(--home-deep); border-radius: 2px; vertical-align: -.03em; animation: typing-caret-blink .72s steps(1, end) infinite; }
@keyframes typing-caret-blink { 50% { opacity: 0; } }
.home-opening__copy > p { max-width: 630px; margin: 25px 0 28px; color: #3f483d; font-size: 17px; font-weight: 620; line-height: 1.5; }
.home-opening__cta { min-width: 166px; min-height: 48px; display: inline-grid; place-items: center; padding: 0 26px; color: #fff; background: var(--home-green); border-radius: 999px; font-size: 14px; font-weight: 850; }
.home-opening__cta:hover { color: #fff; background: var(--home-green-hover); }

.opening-converter { width: 100%; min-height: 390px; position: relative; padding: 24px 25px 26px; color: #111611; background: #fff; border: 1px solid #edf0ec; border-radius: 28px; box-shadow: 0 28px 55px rgba(23,31,22,.15); }
.opening-converter__rate { width: max-content; max-width: 100%; min-height: 36px; display: flex; align-items: center; margin: 0 0 0 auto; padding: 0 15px; color: #2d352c; background: #f0f2ef; border-radius: 999px; font-size: 12px; font-weight: 800; }
.opening-money { margin-top: 20px; padding-bottom: 16px; border-bottom: 1px solid #e5e8e3; }
.opening-money > label { display: block; margin-bottom: 2px; color: #252b24; font-size: 12px; }
.opening-money__row { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 14px; direction: ltr; }
.opening-money__row input, .opening-money__row output { width: 0; min-width: 0; flex: 1 1 0; margin: 0; padding: 0; overflow: hidden; color: #143b06; background: transparent; border: 0; outline: 0; font-family: var(--display-font); font-size: var(--money-font-size, 45px); font-weight: 900; line-height: 1; letter-spacing: -.05em; text-align: left; white-space: nowrap; }
.opening-money__row input { appearance: textfield; }
.opening-money__row input::-webkit-inner-spin-button { appearance: none; }
.opening-currency-select { width: auto; flex: 0 0 auto; padding: 0; background: #f0f2ef; border: 0; border-radius: 999px; }
.opening-currency-select .currency-picker__trigger { width: auto; min-width: 93px; min-height: 42px; grid-template-columns: 27px auto 12px; padding: 0 10px; }
.opening-currency-select .currency-picker__trigger img { width: 27px; height: 27px; }
.opening-currency-select .currency-picker__trigger strong { font-size: 15px; }
.opening-currency-select .currency-picker__menu { right: 0; left: auto; }
.opening-converter__swap { width: 46px; height: 46px; display: grid; place-items: center; margin: -23px auto -23px; position: relative; z-index: 5; color: var(--home-deep); background: #fff; border: 1px solid #cfd8cd; border-radius: 50%; box-shadow: 0 7px 18px rgba(14,59,39,.13); cursor: pointer; }
.opening-converter__swap span { font-size: 24px; font-weight: 900; line-height: 1; transition: transform .2s ease; }
.opening-converter__swap:hover, .opening-converter__swap:focus-visible { color: #fff; background: var(--home-green-hover); border-color: var(--home-green-hover); outline: 0; }
.opening-converter__swap:hover span { transform: rotate(180deg); }
.opening-money--result { margin-top: 0; padding-top: 40px; }
.opening-converter__button { min-height: 44px; display: grid; place-items: center; margin-top: 24px; color: #fff; background: var(--home-green); border-radius: 999px; font-size: 13px; font-weight: 850; }
.opening-converter__button:hover { color: #fff; background: var(--home-green-hover); }

.weather-strip-shell { position: relative; z-index: 1; padding-top: 20px; padding-bottom: 34px; }
.live-weather { width: 100%; height: 200px; position: relative; isolation: isolate; overflow: hidden; color: #0e3b27; background: linear-gradient(118deg, #9ddaff 0%, #c9edff 47%, #effbff 100%); border: 1px solid rgba(255,255,255,.78); border-radius: 28px; box-shadow: 0 18px 42px rgba(18,52,48,.15); transition: color .5s ease, background .7s ease; }
.live-weather::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .3; background: linear-gradient(90deg, transparent 0 49.8%, rgba(255,255,255,.55) 50%, transparent 50.2%), linear-gradient(0deg, transparent 0 49.6%, rgba(255,255,255,.35) 50%, transparent 50.4%); background-size: 92px 92px; mask-image: linear-gradient(90deg, #000, transparent 66%); }
.live-weather[data-period="night"] { color: #f7fbff; background: linear-gradient(118deg, #071c30 0%, #12354d 55%, #1b4a60 100%); }
.live-weather[data-weather="rain"], .live-weather[data-weather="drizzle"] { color: #f7fbff; background: linear-gradient(118deg, #5f7380 0%, #82949e 48%, #afbbc0 100%); }
.live-weather[data-weather="thunder"] { color: #fff; background: linear-gradient(118deg, #101824 0%, #263545 52%, #425466 100%); }
.live-weather[data-weather="snow"] { background: linear-gradient(118deg, #c4e0eb 0%, #e0f1f6 52%, #f7fbfc 100%); }
.live-weather[data-weather="fog"] { background: linear-gradient(118deg, #9fb6bb 0%, #c9d8d8 48%, #eef2ef 100%); }
.live-weather[data-weather="cloudy"] { background: linear-gradient(118deg, #91b0bd 0%, #b9cdd4 48%, #e7f0f2 100%); }
.live-weather[data-period="night"][data-weather="cloudy"] { color: #f7fbff; background: linear-gradient(118deg, #142a38 0%, #294653 52%, #41616c 100%); }
.live-weather[data-period="night"][data-weather="fog"] { color: #f7fbff; background: linear-gradient(118deg, #182c32 0%, #304a50 52%, #4d676c 100%); }
.live-weather[data-period="night"][data-weather="snow"] { color: #f7fbff; background: linear-gradient(118deg, #253c4c 0%, #426274 52%, #668493 100%); }
.live-weather__scene { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.weather-orb, .weather-moon { width: 88px; height: 88px; position: absolute; top: 30px; left: 61%; opacity: 0; border-radius: 50%; transition: opacity .5s ease, transform .6s ease; }
.weather-orb { background: #ffdb26; box-shadow: 0 0 0 12px rgba(255,219,38,.18), 0 0 18px rgba(255,208,64,.46); animation: weather-orb-pulse 4s ease-in-out infinite; }
.weather-orb::before, .weather-orb::after { content: ""; position: absolute; inset: -28px; border: 4px dotted rgba(255,216,72,.72); border-radius: 50%; animation: weather-orb-spin 18s linear infinite; }
.weather-orb::after { inset: -18px; border-width: 2px; animation-direction: reverse; animation-duration: 12s; }
.weather-moon { background: #f7f2d2; box-shadow: -16px 10px 0 0 #cfd8cb inset, 0 0 12px rgba(244,241,210,.3); }
.live-weather[data-period="day"][data-weather="clear"] .weather-orb,
.live-weather[data-period="day"][data-weather="partly"] .weather-orb,
.live-weather[data-period="day"][data-weather="windy"] .weather-orb,
.live-weather[data-weather="loading"] .weather-orb { opacity: 1; transform: scale(1); }
.live-weather[data-period="day"][data-weather="clear"] .weather-orb,
.live-weather[data-period="day"][data-weather="partly"] .weather-orb,
.live-weather[data-period="day"][data-weather="windy"] .weather-orb { width: 72px; height: 72px; top: 38px; background: radial-gradient(circle at 34% 30%, #fff6bc 0 8%, #ffdf5f 32%, #ffc83d 72%, #f6b72d 100%); box-shadow: 0 0 0 1px rgba(255,255,255,.66), 0 12px 26px rgba(135,105,18,.16); animation: weather-sun-float 5.5s ease-in-out infinite; }
.live-weather[data-period="day"][data-weather="clear"] .weather-orb::before,
.live-weather[data-period="day"][data-weather="partly"] .weather-orb::before,
.live-weather[data-period="day"][data-weather="windy"] .weather-orb::before { inset: -10px; border: 1px solid rgba(255,229,112,.48); background: rgba(255,231,126,.13); animation: none; }
.live-weather[data-period="day"][data-weather="clear"] .weather-orb::after,
.live-weather[data-period="day"][data-weather="partly"] .weather-orb::after,
.live-weather[data-period="day"][data-weather="windy"] .weather-orb::after { display: none; }
.live-weather[data-period="day"][data-weather="clear"] .weather-orb > span,
.live-weather[data-period="day"][data-weather="partly"] .weather-orb > span,
.live-weather[data-period="day"][data-weather="windy"] .weather-orb > span { position: absolute; inset: 9px; border-top: 1px solid rgba(255,255,255,.72); border-radius: 50%; }
.live-weather[data-period="night"] .weather-moon { opacity: 1; transform: scale(1); }
.weather-stars { position: absolute; inset: 0; opacity: 0; transition: opacity .5s ease; }
.weather-stars i { width: 3px; height: 3px; position: absolute; left: var(--x); top: var(--y); background: #fff; border-radius: 50%; box-shadow: 0 0 3px rgba(255,255,255,.72); animation: weather-star 2.1s ease-in-out var(--delay) infinite; }
.live-weather[data-period="night"] .weather-stars { opacity: .9; }
.weather-cloud { width: 190px; height: 42px; position: absolute; left: -230px; opacity: 0; background: #fff; border-radius: 60px; filter: none; transition: opacity .45s ease; animation: weather-cloud-drift 18s linear infinite; }
.weather-cloud::before, .weather-cloud::after { content: ""; position: absolute; bottom: 6px; background: inherit; border-radius: 50%; }
.weather-cloud::before { width: 74px; height: 74px; left: 34px; }
.weather-cloud::after { width: 96px; height: 96px; right: 24px; }
.weather-cloud--one { top: 74px; animation-duration: 19s; }
.weather-cloud--two { top: 28px; transform: scale(.68); animation-delay: -11s; animation-duration: 24s; }
.weather-cloud--three { top: 108px; transform: scale(.48); animation-delay: -5s; animation-duration: 29s; }
.live-weather[data-weather="partly"] .weather-cloud--one,
.live-weather[data-weather="windy"] .weather-cloud--one,
.live-weather[data-weather="cloudy"] .weather-cloud,
.live-weather[data-weather="rain"] .weather-cloud,
.live-weather[data-weather="drizzle"] .weather-cloud,
.live-weather[data-weather="snow"] .weather-cloud,
.live-weather[data-weather="thunder"] .weather-cloud,
.live-weather[data-weather="fog"] .weather-cloud--two,
.live-weather[data-weather="loading"] .weather-cloud--one { opacity: 1; }
.live-weather[data-weather="fog"] .weather-cloud--two { opacity: 0; }
.live-weather[data-weather="cloudy"] .weather-cloud,
.live-weather[data-weather="rain"] .weather-cloud,
.live-weather[data-weather="thunder"] .weather-cloud { background: #e6edef; }
.live-weather[data-period="night"] .weather-cloud { background: #dbe6e9; }
.live-weather[data-weather="thunder"] .weather-orb,
.live-weather[data-weather="thunder"] .weather-moon { opacity: 0; }
.live-weather[data-weather="thunder"] .weather-cloud { background: #65737e; box-shadow: inset 0 -9px 0 rgba(20,31,43,.2), 0 8px 0 rgba(11,20,30,.08); }
.live-weather[data-weather="thunder"] .weather-cloud--one { top: 48px; transform: scale(1.12); animation-duration: 15s; }
.live-weather[data-weather="thunder"] .weather-cloud--two { top: 24px; transform: scale(.78); animation-duration: 20s; }
.live-weather[data-weather="thunder"] .weather-cloud--three { top: 104px; transform: scale(.58); animation-duration: 23s; }
.live-weather[data-weather="thunder"]::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: #dff5ff; opacity: 0; animation: weather-storm-sky-flash 5.2s steps(1, end) infinite; }
.weather-rain, .weather-snow, .weather-wind, .weather-fog { position: absolute; inset: 0; display: none; overflow: hidden; }
.weather-rain i { width: 2px; height: 19px; position: absolute; left: var(--x); top: -24px; opacity: .75; background: #c5eeff; border-radius: 2px; transform: rotate(9deg); animation: weather-rain-fall var(--speed) linear var(--delay) infinite; }
.weather-snow i { width: 7px; height: 7px; position: absolute; left: var(--x); top: -12px; opacity: 1; background: #fff; border-radius: 50%; box-shadow: 0 0 2px rgba(255,255,255,.65); animation: weather-snow-fall var(--speed) ease-in var(--delay) infinite; }
.weather-wind i { width: 88px; height: 2px; position: absolute; left: -110px; top: var(--y); opacity: .55; background: linear-gradient(90deg, transparent, rgba(255,255,255,.92)); border-radius: 999px; animation: weather-wind-pass 1.8s ease-in var(--delay) infinite; }
.weather-fog { inset: 0; }
.weather-fog::before { content: ""; position: absolute; right: -4%; bottom: -26px; left: -4%; height: 82px; opacity: .32; background: linear-gradient(180deg, transparent, rgba(255,255,255,.72)); border-radius: 50% 50% 0 0; }
.weather-fog::after { content: ""; position: absolute; top: 49%; right: 8%; width: 54%; height: 1px; background: rgba(255,255,255,.72); box-shadow: 0 29px 0 rgba(255,255,255,.4); }
.weather-fog i { height: 5px; position: absolute; left: -18%; opacity: .66; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.9) 18%, rgba(255,255,255,.9) 82%, transparent 100%); border-radius: 999px; animation: weather-fog-flow 8s ease-in-out infinite alternate; }
.weather-fog i:nth-child(1) { top: 27%; width: 72%; animation-duration: 8s; }
.weather-fog i:nth-child(2) { top: 43%; width: 92%; left: 22%; opacity: .48; animation-duration: 11s; animation-direction: alternate-reverse; }
.weather-fog i:nth-child(3) { top: 61%; width: 64%; left: -8%; opacity: .56; animation-duration: 9.5s; }
.weather-fog i:nth-child(4) { top: 76%; width: 82%; left: 34%; opacity: .4; animation-duration: 12s; animation-direction: alternate-reverse; }
.live-weather[data-weather="rain"] .weather-rain,
.live-weather[data-weather="drizzle"] .weather-rain,
.live-weather[data-weather="thunder"] .weather-rain,
.live-weather[data-weather="snow"] .weather-snow,
.live-weather[data-weather="windy"] .weather-wind,
.live-weather[data-weather="fog"] .weather-fog { display: block; }
.weather-lightning { width: 108px; height: 82px; display: none; position: absolute; top: 69px; left: 62%; opacity: 0; animation: weather-lightning-flash 5.2s steps(1, end) infinite; }
.weather-lightning::before, .weather-lightning::after { content: ""; width: 22px; height: 72px; position: absolute; background: #ffe85a; clip-path: polygon(48% 0, 100% 0, 65% 39%, 94% 39%, 17% 100%, 36% 54%, 7% 54%); filter: drop-shadow(0 0 5px rgba(255,232,90,.75)); }
.weather-lightning::before { top: 0; left: 5px; transform: rotate(5deg); }
.weather-lightning::after { top: 12px; left: 60px; transform: scale(.72) rotate(-8deg); }
.live-weather[data-weather="thunder"] .weather-lightning { display: block; }
.live-weather[data-weather="thunder"] .weather-rain i { height: 24px; opacity: .92; background: #d6f2ff; }
.live-weather__content { height: 100%; position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .72fr); align-items: center; gap: 30px; padding: 21px 32px 31px; }
.live-weather__primary, .live-weather__details { min-width: 0; }
.live-weather__location { display: block; position: relative; top: -9px; margin-bottom: 3px; font-size: 14px; font-weight: 900; letter-spacing: .015em; }
.live-weather__primary strong { display: flex; align-items: flex-start; font-family: var(--display-font); font-size: clamp(54px, 6vw, 82px); font-weight: 900; line-height: .92; letter-spacing: -.065em; }
.live-weather__primary sup { margin: 7px 0 0 5px; font-size: 18px; letter-spacing: 0; }
.live-weather__details { justify-self: end; text-align: right; text-shadow: none; }
.live-weather__details time { display: block; position: relative; top: -9px; font-size: 13px; font-weight: 750; }
.live-weather__details p { margin: 7px 0 9px; font-family: var(--display-font); font-size: clamp(22px, 2.7vw, 36px); font-weight: 900; line-height: 1; letter-spacing: -.04em; }
.live-weather__details > span { font-size: 12px; font-weight: 720; }
.live-weather__details em { font-style: normal; font-weight: 850; }
.live-weather__meta { min-height: 25px; position: absolute; z-index: 3; right: 18px; bottom: 7px; left: 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: currentColor; font-size: 9px; font-weight: 700; opacity: .9; }
.live-weather__meta > span:last-child { display: flex; gap: 13px; }
.live-weather__meta a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
html[dir="rtl"] .live-weather__details { justify-self: start; text-align: left; }

@keyframes weather-orb-spin { to { transform: rotate(360deg); } }
@keyframes weather-orb-pulse { 50% { box-shadow: 0 0 0 15px rgba(255,219,38,.13), 0 0 24px rgba(255,208,64,.52); } }
@keyframes weather-sun-float { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.015); } }
@keyframes weather-star { 50% { opacity: .28; transform: scale(.65); } }
@keyframes weather-cloud-drift { from { left: -230px; } to { left: calc(100% + 230px); } }
@keyframes weather-rain-fall { to { transform: translate3d(-12px, 245px, 0) rotate(9deg); } }
@keyframes weather-snow-fall { to { transform: translate3d(28px, 230px, 0) rotate(240deg); } }
@keyframes weather-wind-pass { to { transform: translateX(calc(100vw + 220px)); } }
@keyframes weather-fog-flow { to { transform: translateX(24%); opacity: .82; } }
@keyframes weather-lightning-flash { 0%, 84%, 87%, 90%, 100% { opacity: 0; } 85%, 88% { opacity: 1; } }
@keyframes weather-storm-sky-flash { 0%, 84%, 87%, 90%, 100% { opacity: 0; } 85% { opacity: .18; } 88% { opacity: .1; } }

.weather-demo-page { min-height: 70vh; padding: 72px 0 110px; background: #f4f7f4; }
.weather-demo__back { display: inline-flex; margin-bottom: 42px; color: var(--home-green); font-size: 13px; font-weight: 850; }
.weather-demo__back:hover { color: var(--home-green-hover); }
.weather-demo__heading { max-width: 760px; margin-bottom: 52px; }
.weather-demo__heading h1 { margin: 14px 0 16px; font-family: var(--display-font); font-size: clamp(46px, 6vw, 78px); font-weight: 900; line-height: .96; letter-spacing: -.055em; }
.weather-demo__heading p { max-width: 680px; margin: 0; color: #526057; font-size: 17px; line-height: 1.65; }
.weather-demo__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 26px; }
.weather-demo__card { min-width: 0; }
.weather-demo__card-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.weather-demo__card-heading h2 { margin: 0; font-family: var(--display-font); font-size: 22px; font-weight: 900; letter-spacing: -.025em; }
.weather-demo__card-heading span { flex: none; padding: 7px 12px; color: #25412f; background: #e2eee5; border-radius: 999px; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.weather-demo__card .live-weather { border-radius: 22px; }
.weather-demo__card .live-weather__content { grid-template-columns: minmax(0, .75fr) minmax(235px, 1fr); gap: 18px; padding-inline: 24px; }
.weather-demo__card .live-weather__primary strong { font-size: clamp(50px, 5vw, 68px); }
.weather-demo__card .live-weather__details p { font-size: clamp(20px, 2vw, 27px); }

@media (max-width: 1180px) {
    .weather-demo__grid { grid-template-columns: 1fr; }
}

html[dir="rtl"] .minimal-header__actions { margin-right: auto; margin-left: 0; }

@media (max-width: 980px) {
    .minimal-header__actions > a:not(.minimal-header__cta) { display: none; }
    .home-opening__main { grid-template-columns: minmax(0, 1fr) 390px; gap: 42px; }
    .home-opening__copy h1 { font-size: 54px; }
}

@media (max-width: 820px) {
    .market-marquee__label { min-width: 44px; width: 44px; padding: 0 18px; }
    .market-marquee__label span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .market-marquee__item { padding-inline: 17px; }
    .minimal-header__inner { min-height: 70px; }
    .minimal-nav { display: none; position: absolute; left: 18px; right: 18px; top: 70px; padding: 10px 18px 18px; background: #fff; border: 1px solid #e4e8e2; border-radius: 16px; box-shadow: 0 18px 35px rgba(18,27,17,.12); flex-direction: column; align-items: stretch; gap: 0; }
    .minimal-nav.is-open { display: flex; }
    .minimal-nav a { min-height: 45px; display: flex; align-items: center; border-bottom: 1px solid #edf0ec; }
    .minimal-nav__mobile { display: flex; }
    .minimal-header__actions > a { display: none; }
    .minimal-nav-toggle { display: inline-flex; margin-left: 0; }
    .home-opening { min-height: 0; padding-top: 20px; }
    .home-opening__main { min-height: 0; grid-template-columns: 1fr; gap: 34px; }
    .home-opening__copy { max-width: 650px; padding: 42px 0 0; }
    .home-opening__copy h1 { font-size: clamp(44px, 12vw, 62px); }
    .opening-converter { max-width: 560px; justify-self: center; }
    .weather-strip-shell { padding-top: 34px; }
}

@media (max-width: 820px) {
    #site-header { position: sticky; z-index: 800; top: 5px; transform: translate3d(0, 0, 0); transition: transform .2s ease, box-shadow .2s ease; will-change: transform; }
    #site-header.is-scroll-hidden { transform: translate3d(0, calc(-100% - 8px), 0); }
    #site-header.is-scroll-visible { transform: translate3d(0, 0, 0); box-shadow: 0 12px 28px rgba(16,25,15,.1); }
    .nav-toggle { display: inline-grid; place-items: center; padding: 8px; }
    .nav-toggle svg { width: 24px; height: 24px; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
}

@media (prefers-reduced-motion: reduce) {
    .market-marquee__viewport { overflow-x: auto; scrollbar-width: none; }
    .market-marquee__track { animation: none; }
    .market-marquee__group[aria-hidden="true"] { display: none; }
    .typing-headline.is-typing .typing-headline__line.is-active::after { display: none; animation: none; }
    .live-weather *, .live-weather *::before, .live-weather *::after { animation: none !important; }
    #site-header { transition: none; }
}

/* Mobil hava durumu: hareketli sahnenin üzerinde okunaklı, dengeli bilgi düzeni */
@media (max-width: 600px) {
    .weather-strip-shell { padding-top: 24px; padding-bottom: 28px; }
    .live-weather { height: 200px; border-radius: 22px; }
    .live-weather__content {
        grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
        align-items: start;
        gap: 9px;
        padding: 16px 15px 38px;
    }
    .live-weather__primary,
    .live-weather__details { width: 100%; }
    .live-weather__location,
    .live-weather__details time,
    .live-weather__details p,
    .live-weather__details > span {
        width: fit-content;
        max-width: 100%;
        padding: 4px 7px;
        color: #fff;
        background: rgba(4, 28, 42, .58);
        border-radius: 8px;
        box-shadow: 0 1px 0 rgba(255,255,255,.12);
        text-shadow: 0 1px 3px rgba(0, 10, 18, .9);
    }
    .live-weather__location {
        top: 0;
        margin-bottom: 8px;
        font-size: 11px;
        line-height: 1.25;
    }
    .live-weather__primary strong {
        font-size: clamp(48px, 16vw, 62px);
        text-shadow: 0 2px 4px rgba(0, 10, 18, .72);
    }
    .live-weather[data-period="day"] .live-weather__primary strong {
        text-shadow: 0 1px 2px rgba(255,255,255,.95), 0 0 13px rgba(255,255,255,.76);
    }
    .live-weather__primary sup { margin-top: 5px; font-size: 15px; }
    .live-weather__details { justify-self: stretch; text-align: right; }
    .live-weather__details time {
        top: 0;
        margin-inline-start: auto;
        font-size: 9px;
        font-weight: 800;
        line-height: 1.25;
        white-space: normal;
    }
    .live-weather__details p {
        margin: 7px 0 6px auto;
        font-size: clamp(16px, 5vw, 19px);
        line-height: 1.05;
    }
    .live-weather__details > span {
        display: inline-flex;
        justify-content: flex-end;
        margin-inline-start: auto;
        font-size: 9px;
        line-height: 1.2;
    }
    .live-weather__meta {
        right: 12px;
        bottom: 7px;
        left: 12px;
        gap: 8px;
        font-size: 8px;
        text-shadow: 0 1px 2px rgba(0, 10, 18, .7);
    }
    .live-weather__meta > span:first-child {
        max-width: 48%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .live-weather__meta > span:last-child { gap: 8px; }
    .live-weather__meta > span:last-child a:last-child { display: none; }
    .weather-orb,
    .weather-moon { top: 48px; left: 50%; transform: scale(.82); }
    .live-weather[data-period="night"] .weather-moon { transform: scale(.82); }
    html[dir="rtl"] .live-weather__details { text-align: left; }
    html[dir="rtl"] .live-weather__details time,
    html[dir="rtl"] .live-weather__details p,
    html[dir="rtl"] .live-weather__details > span { margin-right: auto; margin-left: 0; }
}

@media (max-width: 480px) {
    .minimal-header__inner { gap: 15px; }
    .minimal-brand { font-size: 16px; }
    .minimal-header__actions { gap: 8px; }
    .language-switcher--minimal summary { padding-inline: 6px; }
    .home-opening__copy { padding-top: 28px; }
    .home-opening__badges { gap: 9px; }
    .home-opening__copy > p { font-size: 15px; }
    .opening-converter { min-height: 0; padding: 19px 16px 20px; border-radius: 23px; }
    .opening-money__row input, .opening-money__row output { width: 0; font-size: min(32px, var(--money-font-size, 32px)); }
    .live-weather__content { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); padding-inline: 13px; }
    .live-weather__location { font-size: 10px; }
    .live-weather__details p { font-size: clamp(15px, 5vw, 18px); }
    .weather-orb, .weather-moon { left: 48%; }
    .weather-demo-page { padding: 44px 0 76px; }
    .weather-demo__back { margin-bottom: 30px; }
    .weather-demo__heading { margin-bottom: 38px; }
    .weather-demo__heading h1 { font-size: clamp(40px, 13vw, 58px); }
    .weather-demo__heading p { font-size: 15px; }
    .weather-demo__grid { gap: 28px; }
    .weather-demo__card .live-weather__content { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); padding-inline: 13px; }
}

[data-converter-amount], [data-converter-result] { min-width: 0; max-width: 100%; overflow: hidden; font-size: var(--money-font-size, 25px); white-space: nowrap; }

/* Tüm sayfalar için sade ve ortak görsel sistem */
.site-simple {
    --home-green: #1d7f4e;
    --home-green-hover: #176b46;
    --home-deep: #0e3b27;
    --home-mint: #e8f5ee;
    --home-blue: #edf8f2;
    --navy-950: #0a2b1c;
    --navy-900: #0e3b27;
    --navy-800: #155d3a;
    --blue-700: #176b46;
    --blue-600: #1d7f4e;
    --blue-100: #e8f5ee;
    --green-700: #16845d;
    --green-100: #e5f7ef;
    --ink: #101310;
    --muted: #596359;
    --line: #dfe4dd;
    --soft: #f3f5f1;
    --shadow: none;
    color: var(--text);
    background: #fff;
}

.site-simple main { background: #fff; }
.site-simple h1, .site-simple h2, .site-simple h3 { color: #101310; }
.site-simple ::selection { color: #0e3b27; background: #bfe5cf; }

.minimal-header { border-bottom: 1px solid #e4e8e2; }
.minimal-brand { white-space: nowrap; }
.minimal-nav a { min-height: 42px; position: relative; display: inline-flex; align-items: center; }
.minimal-nav a::after { content: ""; height: 2px; position: absolute; right: 0; bottom: 0; left: 0; background: var(--home-deep); transform: scaleX(0); transition: transform .18s ease; }
.minimal-nav a:hover::after, .minimal-nav a.is-active::after { transform: scaleX(1); }
.minimal-nav a.is-active { color: var(--home-deep); }
.minimal-header__cta { color: #fff !important; transition: color .18s ease, background .18s ease; }
.minimal-header__cta:hover { color: #fff !important; background: var(--home-green-hover); }
.language-switcher__menu { border-color: #dfe4dd; border-radius: 16px; box-shadow: 0 20px 45px rgba(17,31,14,.12); }
.language-switcher__menu a:hover, .language-switcher__menu a[aria-current="page"] { color: var(--home-deep); background: var(--home-mint); }

.page-hero { position: relative; overflow: hidden; padding: 28px 0 32px; color: #101310; background: #fff; border-bottom: 1px solid #e2e7e0; }
.page-hero::before { content: ""; width: 190px; height: 190px; position: absolute; right: -72px; bottom: -112px; background: #eff8ea; border-radius: 50%; pointer-events: none; }
.page-hero::after { display: none; }
.page-hero .container, .page-hero__grid { position: relative; z-index: 1; }
.page-hero__grid { grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; }
.page-hero .breadcrumbs { margin-bottom: 10px; }
.page-hero .eyebrow { margin-bottom: 7px; font-size: 10px; }
.page-hero h1 { max-width: 760px; margin: 5px 0 9px; color: #0b0d0b; font-family: var(--display-font); font-size: clamp(30px, 4vw, 48px); line-height: 1; letter-spacing: -.05em; }
.page-hero p { max-width: 690px; color: #4d574c; font-size: 15px; line-height: 1.5; }
.page-hero + .page-content { padding-top: 36px; }
.help-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.help-link-card { min-height: 170px; display: flex; flex-direction: column; align-items: flex-start; padding: 26px; color: #142417; background: #f3f6f1; border: 1px solid #dbe4d8; border-radius: 20px; transition: transform .18s ease, border-color .18s ease, background-color .18s ease; }
.help-link-card:hover { transform: translateY(-2px); color: var(--home-deep); background: var(--home-mint); border-color: #bcd5b3; }
.help-link-card h2 { margin: 0 0 9px; font-size: clamp(21px, 2.3vw, 28px); line-height: 1.05; }
.help-link-card p { margin: 0; color: #566056; font-size: 14px; line-height: 1.55; }
.help-link-card span { margin-top: auto; padding-top: 22px; color: var(--home-deep); font-size: 21px; }
.page-hero--detail { padding: 28px 0 32px; }
.page-hero--detail::before { width: 190px; height: 190px; right: -72px; bottom: -112px; }
.page-hero--detail .page-hero__grid { grid-template-columns: minmax(0, 1fr) auto; gap: 28px; }
.page-hero--detail .breadcrumbs { margin-bottom: 10px; }
.page-hero--detail .eyebrow { margin-bottom: 7px; font-size: 10px; }
.page-hero--detail h1 { max-width: 760px; margin: 5px 0 9px; font-size: clamp(30px, 4vw, 48px); line-height: 1; letter-spacing: -.05em; }
.page-hero--detail p { max-width: 690px; font-size: 15px; line-height: 1.5; }
.page-hero--detail .crypto-identity { width: 72px; height: 72px; }
.page-hero--detail .crypto-identity span { font-size: 25px; }
.page-hero--detail + .page-content { padding-top: 36px; }
.page-hero .crypto-identity { color: var(--home-deep); background: var(--home-mint); border-color: #cfe4c6; }
.page-hero .crypto-identity small { color: #4f6846; }
.breadcrumbs { color: #6a7469 !important; }
.breadcrumbs a:hover { color: var(--home-deep); }
.eyebrow, .eyebrow--light { color: var(--home-deep); }
.live-status { color: var(--home-deep); background: var(--home-mint); }

.page-content { padding: clamp(52px, 7vw, 88px) 0 clamp(78px, 9vw, 118px); background: #fff; }
.content-grid, .currency-detail-grid { gap: clamp(28px, 4vw, 52px); }
.sidebar { gap: 18px; }
.panel, .content-card, .sidebar-card, .rate-hero-card, .news-card, .featured-story, .story-row { background: #fff; border: 1px solid var(--border); border-radius: 22px; box-shadow: none; }
.panel--table { border-radius: 24px; }
.panel-toolbar { padding: 18px 22px; background: #fff; border-color: var(--border); }
.table-search { background: #fff; border-color: #cfd6cc; border-radius: 999px; }
.table-search input { background: transparent; box-shadow: none; -webkit-appearance: none; appearance: none; }
.market-table th { color: #566056; background: #f4f6f2; border-color: var(--border); }
.market-table td { border-color: #edf0eb; }
.market-table tbody tr:hover { background: var(--theme-pale); }
.currency-flag { background: #f1f4ef; border-color: #e2e7df; }
.row-link { color: var(--home-deep); background: var(--home-mint); }
.panel-footnote { color: #596359; background: #f7f8f6; border-color: var(--border); }

.content-card { padding: clamp(25px, 4vw, 42px); }
.content-card h2 { font-family: var(--display-font); font-size: clamp(25px, 3vw, 36px); line-height: 1.05; letter-spacing: -.045em; }
.content-card p, .sidebar-card p { color: var(--text-muted); line-height: 1.72; }
.sidebar-card { padding: 24px; }
.sidebar-card h2, .sidebar-card h3 { color: #111611; }
.detail-opening-converter { min-height: 0; padding: 22px 20px 23px; border-color: var(--border); border-radius: 22px; box-shadow: 0 16px 38px rgba(23,31,22,.1); }
.detail-opening-converter .opening-money__row input, .detail-opening-converter .opening-money__row output { font-size: var(--money-font-size, 38px); }
.quick-opening-converter { overflow: visible; }
.quick-opening-converter__heading { margin-bottom: 14px; }
.quick-opening-converter__heading .eyebrow { display: block; margin-bottom: 7px; }
.quick-opening-converter__heading h3 { margin: 0; font-family: var(--display-font); font-size: 27px; line-height: 1.05; letter-spacing: -.035em; }
.quick-opening-converter .opening-converter__rate { margin-top: 0; }
.quick-opening-converter .opening-money { margin-top: 16px; }
.quick-opening-converter .opening-money--result { margin-top: 0; }
.quick-opening-converter .opening-converter__button { margin-top: 20px; }
.sidebar-links a { border-color: #e6eae4; }
.sidebar-links a:hover { color: var(--home-deep); background: var(--theme-pale); }
.mini-ad { color: #879086; background: #fafbf9; border-color: #d7ddd4; border-radius: 20px; }

.rate-hero-card { padding: clamp(24px, 4vw, 40px); }
.rate-big { border-color: var(--border); }
.rate-big strong { color: var(--home-deep); font-family: var(--display-font); letter-spacing: -.04em; }
.rate-pair__flags span { background: #f2f5f0; border-color: #fff; }
.chart-period-tabs { padding: 4px; background: #f1f4ef; border-color: #dce2d9; border-radius: 999px; }
.chart-period-tabs button { border-radius: 999px; }
.chart-period-tabs button.is-active,
.chart-period-tabs button[aria-pressed="true"],
.chart-period-tabs button.is-active:hover,
.chart-period-tabs button[aria-pressed="true"]:hover,
.chart-period-tabs button.is-active:focus-visible,
.chart-period-tabs button[aria-pressed="true"]:focus-visible { color: #fff; background: var(--home-deep); box-shadow: none; }
.chart-period-tabs button:not(.is-active):not([aria-pressed="true"]):hover { color: var(--home-deep); }
.chart-period-tabs button:focus-visible { outline: 2px solid var(--home-green); outline-offset: 2px; }
.chart-summary, .period-performance, .facts-grid { background: var(--border); border-color: var(--border); border-radius: 16px; }
.chart-summary > div, .period-performance > div, .fact { background: #fff; }
.chart-stage { background: #fbfcfa; border-color: #e2e7df; border-radius: 18px; }
.chart-loading { background: #fbfcfa; }
.chart-tooltip { background: #0e3b27; border-radius: 10px; box-shadow: 0 12px 28px rgba(14,59,39,.2); }
.chart-provider a, .data-attribution a { color: var(--home-deep); }
.crypto-token-badge { color: var(--home-deep); background: var(--home-mint); }
.crypto-market-list, .quote-list { border-top-color: var(--home-deep); }
.crypto-market-row:hover, .quote-list a:hover { background: var(--theme-pale); }
.risk-note { color: #5c4a17; background: #fff9e9; border: 1px solid #eadcae; border-radius: 14px; }

/* Ana sayfa piyasa özeti: iki kolon aynı hizada ve taşmasız */
.market-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 4vw, 58px); align-items: start; }
.market-columns > div { min-width: 0; }
.market-columns .section-heading--compact { min-width: 0; min-height: 170px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-content: end; align-items: end; }
.market-columns .section-heading--compact > div { min-width: 0; }
.market-columns .section-heading--compact h2 { max-width: 100%; margin: 0; font-size: clamp(34px, 3.2vw, 50px); line-height: 1; overflow-wrap: anywhere; }
.market-columns .section-heading--compact .text-link { align-self: end; white-space: nowrap; }
.market-columns .quote-list { width: 100%; min-width: 0; }
.market-columns .quote-list a { min-width: 0; grid-template-columns: minmax(0, 1fr) max-content minmax(62px, max-content); }
.market-columns .quote-list a > span { min-width: 0; }
.market-columns .quote-list span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-columns .quote-list strong,
.market-columns .quote-list em { white-space: nowrap; }

@media (max-width: 1020px) {
    .market-columns .section-heading--compact { min-height: 150px; }
    .market-columns .section-heading--compact h2 { font-size: clamp(31px, 4.2vw, 42px); }
    .market-columns .quote-list a { gap: 10px; padding-inline: 9px; }
}

@media (max-width: 820px) {
    .market-columns { grid-template-columns: minmax(0, 1fr); gap: 58px; }
    .market-columns .section-heading--compact { min-height: 0; margin-bottom: 18px; }
    .market-columns .section-heading--compact h2 { font-size: clamp(32px, 7vw, 44px); }
}

@media (max-width: 600px) {
    .market-columns { gap: 48px; }
    .market-columns .section-heading--compact { grid-template-columns: minmax(0, 1fr); gap: 11px; align-items: start; }
    .market-columns .section-heading--compact h2 { font-size: clamp(30px, 10vw, 39px); }
    .market-columns .section-heading--compact .text-link { justify-self: start; }
    .market-columns .quote-list a { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label value" "label change"; gap: 5px 12px; padding: 11px 8px; }
    .market-columns .quote-list a > span { grid-area: label; align-self: center; }
    .market-columns .quote-list strong { grid-area: value; text-align: end; }
    .market-columns .quote-list em { grid-area: change; text-align: end; }
}

.news-card, .featured-story, .story-row { overflow: hidden; border-radius: 22px; }
.news-card__image > span, .featured-story__image > span { color: #fff; background: var(--home-green); border-radius: 999px; }
.news-card__body { padding: 24px; }
.news-card h3 a:hover, .featured-story h3 a:hover, .story-row h3 a:hover { color: var(--home-deep); }
.article-image img { border-radius: 24px; }
.article-body p { color: #3e473d; }
.article-disclaimer { color: #5c4a17; background: #fff9e9; border-left-color: #d6b84f; border-radius: 0 14px 14px 0; }
.article-share a { background: #f1f4ef; border-radius: 999px; }

.section--soft, .quick-stats, .currency-world { background: #f3f5f1; }
.section--dark, section#wechselkurse { color: #fff; background: var(--home-green); }
.section--dark h2, .section--dark p, section#wechselkurse .section-heading h2, section#wechselkurse .section-heading p, section#wechselkurse .section-heading .eyebrow, section#wechselkurse .text-link { color: #fff; }
.section--dark::after, section#wechselkurse::after { display: none; }
.insight-cards a { border: 1px solid #dce2d9; border-radius: 22px; }
.insight-cards a:hover { background: var(--theme-pale); }
.accordion details { background: #fff; border-color: #dce2d9; border-radius: 16px; }

.button--primary, .button--red { color: #fff; background: var(--home-green); }
.button--primary:hover, .button--red:hover { color: #fff; background: var(--home-green-hover); }
.button--ghost { color: var(--home-deep); background: transparent; border-color: #879285; }
.text-link { color: var(--home-deep); text-decoration-color: var(--home-green); }

.newsletter { color: #fff; background: var(--home-deep); }
.newsletter h2, .newsletter p, .newsletter .eyebrow { color: #fff; }
.newsletter__form { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.24); }
.newsletter__form input { color: #fff; }
.newsletter .button { color: #fff; background: var(--home-green); }
.newsletter .button:hover { color: #fff; background: var(--home-green-hover); }

.site-footer { color: #172816; background: #f0f3ee; }
.site-footer__grid, .site-footer__top { border-color: #d4dad1; }
.site-footer .minimal-brand { color: var(--home-deep); }
.site-footer__grid h3 span { color: var(--home-deep); }
.footer-socials a:hover { background: var(--home-mint); border-color: var(--home-deep); }

@media (min-width: 1021px) {
    .sidebar { position: sticky; top: 112px; }
}

@media (max-width: 820px) {
    #site-header { top: 0; }
    .minimal-nav a::after { display: none; }
    .minimal-nav a.is-active { padding-inline: 10px; background: var(--home-mint); border-radius: 10px; }
    .page-hero { padding: 26px 0 30px; }
    .page-hero::before { opacity: .65; }
    .page-hero__grid { grid-template-columns: 1fr; gap: 15px; }
    .page-hero h1 { font-size: clamp(30px, 8.5vw, 42px); }
    .page-hero + .page-content { padding-top: 32px; }
    .content-grid, .currency-detail-grid { gap: 28px; }
    .sidebar { position: static; }
}

@media (max-width: 600px) {
    .help-link-grid { grid-template-columns: 1fr; }
    .help-link-card { min-height: 145px; padding: 22px; }
    .page-hero { padding: 23px 0 27px; }
    .page-hero h1 { font-size: clamp(29px, 8.5vw, 38px); letter-spacing: -.04em; }
    .page-hero p { font-size: 14px; }
    .page-hero + .page-content { padding-top: 28px; }
    .page-content { padding: 38px 0 70px; }
    .panel, .content-card, .sidebar-card, .rate-hero-card, .news-card, .featured-story, .story-row { border-radius: 18px; }
    .content-card, .rate-hero-card { padding: 22px 18px; }
    .sidebar-card { padding: 20px 18px; }
    .chart-heading { align-items: flex-start; flex-direction: column; }
    .chart-period-tabs { width: 100%; }
    .chart-period-tabs button { min-width: 0; flex: 1; }
}

/* Geniş masaüstü mega menü ve mobil akordeon navigasyon */
html { scrollbar-gutter: stable; }
.minimal-header__inner { position: relative; }
.minimal-nav { gap: 8px; }
.minimal-nav__home { padding-inline: 12px; }
.mega-nav-item { min-height: 82px; display: flex; align-items: center; position: static; }
.mega-nav__trigger {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 13px;
    color: #162014;
    background: transparent;
    border: 0;
    border-radius: 999px;
    font: inherit;
    font-size: 13px;
    font-weight: 780;
    cursor: pointer;
    transition: color .18s ease, background .18s ease;
}
.mega-nav__trigger svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.mega-nav__trigger:hover,
.mega-nav__trigger:focus-visible,
.mega-nav__trigger.is-active,
.mega-nav-item.is-open > .mega-nav__trigger { color: var(--home-deep); background: var(--home-mint); }
.mega-nav-item.is-open > .mega-nav__trigger svg { transform: rotate(180deg); }

.mega-menu {
    width: 100vw;
    height: 500px;
    max-height: calc(100vh - 126px);
    position: absolute;
    z-index: 320;
    top: 100%;
    left: 50%;
    overflow-y: auto;
    color: #101310;
    background: #fff;
    border-top: 1px solid #e4e8e2;
    border-bottom: 1px solid #dce2d9;
    box-shadow: 0 30px 55px rgba(16, 26, 14, .16);
    transform: translateX(-50%);
}
@media (min-width: 821px) {
    .minimal-header__inner { position: static; }
    .mega-menu {
        width: 100%;
        height: min(500px, calc(100vh - 122px));
        min-height: min(390px, calc(100vh - 122px));
        max-height: none;
        right: 0;
        left: 0;
        overflow-y: hidden;
        scrollbar-gutter: auto;
        transform: none;
    }
}
.mega-menu[hidden], .mega-menu-backdrop[hidden] { display: none !important; }
.mega-menu__surface { min-height: 100%; display: grid; grid-template-columns: minmax(280px, 365px) minmax(0, 1fr); gap: clamp(34px, 4vw, 66px); padding-top: 36px; padding-bottom: 42px; }
.mega-menu__feature {
    min-height: 0;
    height: 100%;
    display: flex !important;
    overflow: hidden;
    flex-direction: column;
    color: #101310 !important;
    background: #fff;
    border: 1px solid #dce2d9;
    border-radius: 17px;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.mega-menu__feature:hover { border-color: #b9c7b3; box-shadow: 0 16px 34px rgba(17, 31, 14, .1); transform: translateY(-2px); }
.mega-menu__feature::after, .mega-menu__links a::after { display: none !important; }
.mega-menu__feature > img { width: 100%; height: 200px; display: block; object-fit: cover; filter: saturate(.78) contrast(.97); }
.mega-menu__feature-body { min-height: 188px; display: flex; flex: 1; flex-direction: column; padding: 22px 23px 20px; }
.mega-menu__feature-body > strong { display: block; color: #0b0d0b; font-family: var(--display-font); font-size: clamp(25px, 2vw, 34px); line-height: 1; letter-spacing: -.045em; }
.mega-menu__feature-body > span { display: block; margin-top: 13px; color: #4b5549; font-size: 14px; font-weight: 540; line-height: 1.48; }
.mega-menu__feature-body > em { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 18px; color: var(--home-deep); font-size: 14px; font-style: normal; font-weight: 850; }
.mega-menu__feature-body > em b { font-size: 20px; font-weight: 500; transition: transform .18s ease; }
.mega-menu__feature:hover em b { transform: translateX(4px); }

.mega-menu__columns { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3.2vw, 54px); }
.mega-menu__column { min-width: 0; }
.mega-menu__column h2 { margin: 1px 0 19px; padding-bottom: 16px; color: #5a6458; border-bottom: 1px solid #dfe4dd; font-size: 14px; font-weight: 620; letter-spacing: -.01em; }
.mega-menu__links { display: grid; gap: 5px; }
.mega-menu__links a {
    min-height: 45px;
    display: grid !important;
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 6px 4px;
    color: #17310d !important;
    border-radius: 11px;
    font-size: 14px !important;
    font-weight: 760 !important;
    line-height: 1.28;
    transition: background .16s ease, transform .16s ease;
}
.mega-menu__links a:hover, .mega-menu__links a:focus-visible { background: var(--home-mint); transform: translateX(3px); }
.mega-menu__links a:hover .mega-menu__link-icon, .mega-menu__links a:focus-visible .mega-menu__link-icon { color: #fff; background: var(--home-green-hover); }
.mega-menu__link-icon { width: 29px; height: 29px; display: grid; place-items: center; color: var(--home-deep); background: var(--home-mint); border-radius: 50%; font-size: 13px; }
.mega-menu-backdrop { position: fixed; z-index: 250; inset: 0; padding: 0; background: rgba(9, 15, 8, .48); border: 0; cursor: default; }
body.has-mega-menu { overflow: visible; }

html[dir="rtl"] .mega-menu__links a:hover,
html[dir="rtl"] .mega-menu__links a:focus-visible { transform: translateX(-3px); }
html[dir="rtl"] .mega-menu__feature:hover em b { transform: translateX(-4px); }

@media (min-width: 821px) and (max-height: 760px) {
    .mega-menu__surface { padding-top: 20px; padding-bottom: 22px; }
    .mega-menu__feature > img { height: 150px; }
    .mega-menu__feature-body { min-height: 0; padding: 17px 20px 16px; }
    .mega-menu__feature-body > strong { font-size: clamp(23px, 1.8vw, 28px); }
    .mega-menu__feature-body > span { margin-top: 8px; font-size: 13px; line-height: 1.38; }
    .mega-menu__feature-body > em { padding-top: 10px; font-size: 13px; }
    .mega-menu__column h2 { margin-bottom: 10px; padding-bottom: 10px; }
    .mega-menu__links { gap: 3px; }
    .mega-menu__links a { min-height: 40px; padding-top: 4px; padding-bottom: 4px; }
}

@media (max-width: 1120px) and (min-width: 821px) {
    .minimal-header__inner { gap: 15px; }
    .minimal-header__actions { gap: 12px; }
    .minimal-header__actions > a:not(.minimal-header__cta) { display: none; }
    .mega-nav__trigger { padding-inline: 9px; }
    .mega-menu__surface { grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); gap: 32px; }
    .mega-menu__columns { gap: 24px; }
}

@media (max-width: 820px) {
    .mega-menu-backdrop { display: none !important; }
    .minimal-nav { max-height: calc(100vh - 92px); overflow-y: auto; overscroll-behavior: contain; }
    .minimal-nav__home { min-height: 47px !important; padding-inline: 10px; }
    .mega-nav-item { min-height: 0; display: block; border-bottom: 1px solid #edf0ec; }
    .mega-nav__trigger { width: 100%; min-height: 48px; justify-content: space-between; padding: 0 10px; border-radius: 10px; font-size: 14px; text-align: start; }
    .mega-nav__trigger.is-active { color: var(--home-deep); background: var(--home-mint); }
    .mega-menu { width: auto; height: auto; max-height: none; position: static; overflow: visible; background: transparent; border: 0; box-shadow: none; transform: none; }
    .mega-menu__surface { display: block; padding: 2px 8px 14px; }
    .mega-menu__feature { display: none !important; }
    .mega-menu__columns { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .mega-menu__column { padding-top: 5px; }
    .mega-menu__column h2 { margin: 0 0 4px; padding: 10px 7px 7px; color: #70796f; border: 0; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .mega-menu__links { gap: 2px; }
    .mega-menu__links a { min-height: 40px; grid-template-columns: 25px minmax(0, 1fr); gap: 7px; padding: 4px 7px; border: 0; font-size: 13px !important; }
    .mega-menu__link-icon { width: 25px; height: 25px; font-size: 11px; }
}

@media (max-width: 480px) {
    .minimal-nav { right: 10px; left: 10px; padding-inline: 12px; }
    .minimal-brand__symbol { width: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .mega-nav__trigger svg,
    .mega-menu__feature,
    .mega-menu__feature-body > em b,
    .mega-menu__links a { transition: none; }
}

/* Ana sayfa kur tablosu: tüm kurlar ve panel içinde iki yönlü kaydırma */
.panel--rates-scroll .market-table-wrap {
    max-height: 590px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: var(--home-green) #edf3ef;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.panel--rates-scroll .market-table-wrap:focus-visible { outline: 3px solid rgba(29, 127, 78, .24); outline-offset: -3px; }
.panel--rates-scroll .market-table thead th { position: sticky; z-index: 5; top: 0; box-shadow: 0 1px 0 var(--border); }
.panel--rates-scroll .market-table-wrap::-webkit-scrollbar { width: 9px; height: 9px; }
.panel--rates-scroll .market-table-wrap::-webkit-scrollbar-track { background: #edf3ef; }
.panel--rates-scroll .market-table-wrap::-webkit-scrollbar-thumb { background: var(--home-green); border: 2px solid #edf3ef; border-radius: 999px; }
.panel--rates-scroll .market-table-wrap::-webkit-scrollbar-thumb:hover { background: var(--home-green-hover); }

@media (max-width: 820px) {
    .panel--rates-scroll .market-table-wrap { max-height: min(62vh, 540px); }
    .panel--rates-scroll .market-table { min-width: 760px; }
    .panel--rates-scroll .market-table th:nth-child(3),
    .panel--rates-scroll .market-table td:nth-child(3),
    .panel--rates-scroll .market-table th:nth-child(4),
    .panel--rates-scroll .market-table td:nth-child(4) { display: table-cell; }
    .panel--rates-scroll .market-table th:first-child,
    .panel--rates-scroll .market-table td:first-child { position: sticky; left: 0; }
    .panel--rates-scroll .market-table th:first-child { z-index: 7; background: #f4f6f2; box-shadow: 1px 0 0 var(--border); }
    .panel--rates-scroll .market-table td:first-child { z-index: 2; background: #fff; box-shadow: 1px 0 0 #edf0eb; }
    .panel--rates-scroll .market-table tbody tr:hover td:first-child { background: var(--theme-pale); }
    html[dir="rtl"] .panel--rates-scroll .market-table th:first-child,
    html[dir="rtl"] .panel--rates-scroll .market-table td:first-child { right: 0; left: auto; }
}

/* Kur detay sayfaları: mobilde taşmasız tek sütun ve ölçeklenen grafik */
@media (max-width: 820px) {
    .page-hero--detail .breadcrumbs { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; white-space: nowrap; scrollbar-width: none; }
    .page-hero--detail .breadcrumbs::-webkit-scrollbar { display: none; }
    .page-hero--detail h1, .page-hero--detail p { overflow-wrap: anywhere; }
    .currency-detail-grid { width: 100%; grid-template-columns: minmax(0, 1fr); }
    .currency-detail-grid > *, .currency-detail-grid > div, .currency-detail-grid .sidebar, .rate-hero-card, .market-chart-card { min-width: 0; max-width: 100%; }
    .rate-big strong { max-width: 100%; font-size: clamp(29px, 7.6vw, 38px); line-height: 1.15; overflow-wrap: anywhere; }
    .rate-source { overflow-wrap: anywhere; }
    .chart-heading > div:first-child { min-width: 0; }
    .chart-period-tabs { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .chart-period-tabs button { width: 100%; min-width: 0; padding-inline: 6px; }
    .chart-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .chart-summary > div { min-width: 0; }
    .chart-summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .chart-stage { width: 100%; height: clamp(235px, 54vw, 300px); }
    .chart-stage canvas { width: 100%; max-width: 100%; display: block; }
    .chart-tooltip { min-width: 0; max-width: calc(100% - 16px); }
    .period-performance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .period-performance > div, .facts-grid > div { min-width: 0; }
    .period-performance strong, .fact strong { overflow-wrap: anywhere; }
    .currency-detail-grid .sidebar-card, .currency-detail-grid .risk-note { width: 100%; }
}

@media (max-width: 600px) {
    .page-hero--detail { padding: 23px 0 27px; }
    .page-hero--detail .page-hero__grid { gap: 12px; }
    .page-hero--detail h1 { font-size: clamp(29px, 8.5vw, 38px); letter-spacing: -.04em; }
    .page-hero--detail p { font-size: 14px; }
    .page-hero--detail + .page-content { padding-top: 28px; }
    .currency-detail-grid { gap: 22px; }
    .rate-hero-card { padding: 20px 14px; }
    .rate-pair { align-items: flex-start; gap: 12px; }
    .rate-pair__flags span { width: 42px; height: 42px; }
    .rate-pair__flags img { width: 28px; height: 20px; }
    .rate-pair h2 { font-size: 23px; }
    .rate-big { margin: 21px 0; padding: 18px 0; }
    .rate-big strong { font-size: clamp(27px, 8.5vw, 34px); letter-spacing: -.035em; }
    .chart-heading { gap: 13px; margin-bottom: 14px; }
    .chart-heading h2 { font-size: 20px; overflow-wrap: anywhere; }
    .chart-summary > div { display: block !important; padding: 10px 8px; }
    .chart-summary small { font-size: 8px; letter-spacing: .02em; }
    .chart-summary strong { font-size: 11px; }
    .chart-stage { height: clamp(230px, 68vw, 275px); border-radius: 14px; }
    .chart-axis { gap: 12px; }
    .chart-axis span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .chart-provider { text-align: start; }
    .period-performance > div { padding: 12px 10px; }
    .content-card h2, .sidebar-card h2, .sidebar-card h3 { overflow-wrap: anywhere; }
    .currency-detail-grid .converter-input-row { width: 100%; min-width: 0; min-height: 70px; }
    .currency-detail-grid .converter-input-row input,
    .currency-detail-grid .converter-input-row output { min-width: 0; padding-inline: 12px 6px; font-size: clamp(19px, 6vw, 24px); overflow: hidden; }
    .currency-detail-grid .converter-currency-select { width: 118px; flex: 0 0 118px; padding-inline: 8px; }
    .currency-detail-grid .currency-picker__trigger { grid-template-columns: 27px minmax(0, 1fr) 10px; gap: 6px; }
    .currency-detail-grid .currency-picker__trigger img { width: 27px; height: 27px; }
    .currency-detail-grid .currency-picker__trigger strong { min-width: 0; overflow: hidden; font-size: 15px; text-overflow: ellipsis; }
    .facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fact { padding: 13px 11px; }
}

@media (max-width: 360px) {
    .rate-hero-card { padding-inline: 12px; }
    .chart-summary { grid-template-columns: 1fr; }
    .chart-summary > div { min-height: 52px; }
    .currency-detail-grid .converter-currency-select { width: 108px; flex-basis: 108px; }
    .currency-detail-grid .converter-input-row input,
    .currency-detail-grid .converter-input-row output { padding-left: 9px; font-size: 18px; }
}

/* Döviz liste ve kur çifti sayfaları: küçük ekranlarda işlem öncelikli akış */
@media (max-width: 820px) {
    .currencies-page,
    .currencies-page .content-grid,
    .currencies-page .content-grid > *,
    .currencies-page .panel,
    .currencies-page .sidebar,
    .currencies-page .sidebar > * { min-width: 0; max-width: 100%; }
    .currencies-page .content-grid { width: 100%; grid-template-columns: minmax(0, 1fr); }
    .currencies-page .quick-opening-converter { width: 100%; justify-self: stretch; }

    .currency-pair-layout { grid-template-columns: minmax(0, 1fr); }
    .currency-pair-layout > div { order: 0; }
    .currency-pair-layout > .sidebar { display: contents; }
    .currency-pair-layout > .sidebar > .detail-opening-converter { width: 100%; order: -1; }
    .currency-pair-layout > .sidebar > .sidebar-card,
    .currency-pair-layout > .sidebar > .risk-note { width: 100%; order: 1; }
}

@media (max-width: 600px) {
    .currencies-page .panel--table { overflow: hidden; border-radius: 18px; }
    .currencies-page .panel-toolbar { margin: 0; padding: 16px 14px; }
    .currencies-page .market-status { min-width: 0; }
    .currencies-page .market-status span,
    .currencies-page .market-status small { min-width: 0; overflow-wrap: anywhere; }
    .currencies-page .market-table-wrap { overflow: visible; }
    .currencies-page .market-table,
    .currencies-page .market-table tbody { width: 100%; display: block; }
    .currencies-page .market-table thead { width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
    .currencies-page .market-table tbody { display: grid; gap: 12px; padding: 12px; background: #f6f8f5; }
    .currencies-page .market-table tr { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px; background: #fff; border: 1px solid #e1e6df; border-radius: 16px; }
    .currencies-page .market-table td { min-width: 0; height: auto; display: grid; align-content: center; gap: 5px; padding: 10px; background: #f6f8f5; border: 0; border-radius: 11px; font-size: 12px; text-align: start; }
    .currencies-page .market-table td::before { content: attr(data-label); color: #687267; font-size: 9px; font-weight: 800; letter-spacing: .04em; line-height: 1.2; text-transform: uppercase; }
    .currencies-page .market-table td:first-child { grid-column: 1 / -1; display: block; padding: 0 0 13px; background: transparent; border-bottom: 1px solid #e8ece6; border-radius: 0; }
    .currencies-page .market-table td:first-child::before,
    .currencies-page .market-table td:last-child::before { display: none; }
    .currencies-page .market-table td:nth-child(3),
    .currencies-page .market-table td:nth-child(4) { display: grid; }
    .currencies-page .market-table td:last-child { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding: 2px 0 0; background: transparent; }
    .currencies-page .currency-name { min-width: 0; }
    .currencies-page .currency-name span:last-child { min-width: 0; }
    .currencies-page .currency-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .currencies-page .change-pill { width: max-content; max-width: 100%; }
    .currencies-page .panel-footnote { padding: 14px; }
    .currencies-page .content-card { padding: 22px 17px; }
    .currencies-page .sidebar { gap: 16px; }
    .currencies-page .quick-opening-converter,
    .currency-pair-layout .detail-opening-converter { padding: 19px 14px 20px; border-radius: 19px; }
    .currencies-page .quick-opening-converter__heading h3 { font-size: 24px; }
    .currencies-page .opening-money__row,
    .currency-pair-layout .opening-money__row { gap: 8px; }
    .currencies-page .opening-currency-select .currency-picker__trigger,
    .currency-pair-layout .opening-currency-select .currency-picker__trigger { min-width: 88px; padding-inline: 8px; }
}

/* Ana sayfa kur tablosu: mobilde /doviz ile aynı, yatay taşmasız kart görünümü */
@media (max-width: 600px) {
    .panel--rates-scroll { overflow: hidden; border-radius: 18px; }
    .panel--rates-scroll .panel-toolbar { margin: 0; padding: 16px 14px; }
    .panel--rates-scroll .market-status { min-width: 0; }
    .panel--rates-scroll .market-status span,
    .panel--rates-scroll .market-status small { min-width: 0; overflow-wrap: anywhere; }
    .panel--rates-scroll .table-search,
    .panel--rates-scroll .table-search input { background: #fff; }
    .panel--rates-scroll .market-table-wrap {
        max-height: min(68vh, 620px);
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-gutter: auto;
    }
    .panel--rates-scroll .market-table,
    .panel--rates-scroll .market-table tbody {
        width: 100%;
        min-width: 0;
        display: block;
    }
    .panel--rates-scroll .market-table thead {
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .panel--rates-scroll .market-table tbody {
        display: grid;
        gap: 11px;
        padding: 11px;
        background: #f6f8f5;
    }
    .panel--rates-scroll .market-table tr {
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 13px;
        background: #fff;
        border: 1px solid #e1e6df;
        border-radius: 16px;
    }
    .panel--rates-scroll .market-table td,
    .panel--rates-scroll .market-table td:nth-child(3),
    .panel--rates-scroll .market-table td:nth-child(4) {
        min-width: 0;
        height: auto;
        position: static;
        display: grid;
        align-content: center;
        gap: 5px;
        padding: 9px;
        background: #f6f8f5;
        border: 0;
        border-radius: 11px;
        box-shadow: none;
        font-size: 11px;
        text-align: start;
    }
    .panel--rates-scroll .market-table td::before {
        content: attr(data-label);
        color: #687267;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .04em;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .panel--rates-scroll .market-table td:first-child {
        grid-column: 1 / -1;
        position: static;
        display: block;
        padding: 0 0 12px;
        background: transparent;
        border-bottom: 1px solid #e8ece6;
        border-radius: 0;
        box-shadow: none;
    }
    .panel--rates-scroll .market-table td:first-child::before,
    .panel--rates-scroll .market-table td:last-child::before { display: none; }
    .panel--rates-scroll .market-table td:last-child {
        grid-column: 1 / -1;
        display: flex;
        justify-content: flex-end;
        padding: 2px 0 0;
        background: transparent;
    }
    .panel--rates-scroll .currency-name { min-width: 0; }
    .panel--rates-scroll .currency-name span:last-child { min-width: 0; }
    .panel--rates-scroll .currency-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .panel--rates-scroll .change-pill { width: max-content; min-width: 0; max-width: 100%; }
    .panel--rates-scroll .panel-footnote { padding: 14px; }
}