/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{:root{--navy:#06243a;--blue:#0b3857;--red:#e32636;--ink:#182331;--muted:#718096;--line:#e6eaf0;--bg:#f4f6f8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.container{width:min(1240px,100% - 40px);margin:auto}.topline{background:var(--navy);color:#dce6ef;font-size:11px}.top-inner{justify-content:space-between;align-items:center;height:30px;display:flex}.top-links a:hover{color:#fff}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--red);color:#fff;letter-spacing:-2px;border-radius:5px;place-items:center;width:46px;height:40px;font-size:20px;font-weight:800;display:grid}.brand-name{letter-spacing:.4px;color:var(--navy);font-size:21px;font-weight:800}.brand-date{color:var(--muted);flex-shrink:0;font-size:12px}.header-search{background:#fff;border:1px solid #d7dde5;border-radius:4px;align-items:stretch;width:100%;max-width:420px;height:40px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.header-search:focus-within{border-color:var(--red);box-shadow:0 0 0 2px #e326361a}.header-search input{width:100%;min-width:0;color:var(--navy);font:inherit;background:0 0;border:0;outline:0;padding:0 13px;font-size:13px}.header-search input::placeholder{color:#8994a3}.header-search button{background:var(--red);color:#fff;cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s;display:flex}.header-search button:hover{background:#c91e2c}.nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.nav-inner{white-space:nowrap;align-items:center;gap:28px;min-height:43px;display:flex;overflow:auto}.nav a{text-transform:uppercase;color:#394657;font-size:12px;font-weight:700}.nav a.active,.nav a:hover{color:var(--red)}@media (max-width:800px){.container{width:min(100% - 28px,620px)}.brand-row{gap:16px}.header-search{max-width:300px}.nav-inner{gap:20px}}@media (max-width:600px){.brand-row{flex-wrap:wrap;gap:12px;min-height:0;padding-top:14px;padding-bottom:14px}.brand{order:1}.brand-date{order:2;margin-left:auto}.header-search{flex-basis:100%;order:3;max-width:none;height:40px}.header-search button{padding:0 16px}.brand-mark{width:40px;height:36px;font-size:18px}.brand-name{font-size:17px}.brand-date{font-size:10px}}@media (max-width:360px){.container{width:calc(100% - 24px)}.brand-row{column-gap:8px}.brand{gap:7px}.brand-name{font-size:15px}}.breaking-bar{border:1px solid var(--line);background:#fff;align-items:stretch;min-height:42px;margin:0 0 24px;display:flex;overflow:hidden}.breaking-label{background:var(--red);color:#fff;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:9px;padding:0 16px;font-size:11px;font-weight:800;display:flex}.breaking-items{white-space:nowrap;align-items:center;gap:12px;min-width:0;padding:0 15px;font-size:12px;font-weight:700;display:flex;overflow-x:auto}.breaking-items a:hover{color:var(--red)}.breaking-separator{color:#c4cbd4}.muted{color:var(--muted)}.home-lead{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;display:grid}.lead-main,.side-story{background:var(--navy);color:#fff;isolation:isolate;display:block;position:relative;overflow:hidden}.lead-main{height:440px}.lead-main>img,.side-story>img{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.lead-main:hover>img,.side-story:hover>img{transform:scale(1.035)}.lead-shade{background:linear-gradient(90deg,#0514230d 15%,#05142340 48%,#051423e6 100%),linear-gradient(#0000 45%,#051423b8);position:absolute;inset:0}.lead-copy{z-index:1;width:48%;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.category-kicker{color:var(--red);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.lead-copy .category-kicker,.side-copy .category-kicker{color:#ff7580}.lead-copy h1{letter-spacing:-.035em;margin:9px 0 10px;font-size:clamp(23px,2.4vw,34px);font-weight:800;line-height:1.2}.lead-copy p{color:#e2e8ef;margin:0;font-size:13px;line-height:1.65}.lead-date{color:#d0d9e2;margin-top:14px;font-size:11px;display:block}.lead-side{grid-template-rows:1fr 1fr;gap:14px;min-height:440px;display:grid}.side-story{min-height:0}.side-shade{background:linear-gradient(#05142300 25%,#051423f0);position:absolute;inset:0}.side-copy{z-index:1;padding:16px;position:absolute;bottom:0;left:0;right:0}.side-copy strong{margin-top:5px;font-size:16px;line-height:1.3;display:block}.side-copy small{color:#cbd5df;margin-top:8px;font-size:10px;display:block}.lead-empty{background:var(--navy);color:#fff;place-items:center;min-height:440px;display:grid}.home-section{margin-top:34px}.section-heading{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;padding-bottom:10px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:800}.section-heading>a{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.section-heading>a span{color:var(--red);margin-left:4px;font-size:16px}.section-heading>a:hover{color:var(--red)}.featured-card{border:1px solid var(--line);background:#fff;min-width:0;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0b223512}.featured-image{background:#e9edf2;height:155px;display:block;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.featured-card:hover .featured-image img{transform:scale(1.04)}.featured-body{padding:13px}.featured-body h3{margin:6px 0 14px;font-size:14px;font-weight:800;line-height:1.45}.featured-body h3 a:hover,.latest-copy h3 a:hover{color:var(--red)}.featured-body time,.latest-copy time{color:var(--muted);font-size:10px}.news-lower{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;display:grid}.latest-list{border:1px solid var(--line);background:#fff;padding:0 16px}.latest-item{border-bottom:1px solid var(--line);gap:15px;padding:15px 0;display:flex}.latest-item:last-child{border-bottom:0}.latest-thumb{background:#e9edf2;flex-shrink:0;width:132px;height:88px;overflow:hidden}.latest-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.latest-thumb:hover img{transform:scale(1.04)}.latest-copy{min-width:0}.latest-copy h3{margin:4px 0;font-size:14px;font-weight:800;line-height:1.4}.latest-copy p{-webkit-line-clamp:2;color:#657386;-webkit-box-orient:vertical;margin:4px 0 7px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.weather-placeholder{text-align:center;border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;align-self:start;align-items:center;min-height:190px;padding:25px;display:flex}.weather-icon{color:#e6a72e;font-size:32px}.weather-placeholder h3{margin:8px 0 4px;font-size:17px;font-weight:800}.weather-placeholder p{max-width:260px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:28px;font-size:13px}@media (max-width:900px){.home-lead{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.lead-main,.lead-side{height:380px;min-height:380px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-image{height:180px}.lead-copy{width:58%;right:4%}}@media (max-width:600px){.breaking-bar{margin-bottom:16px}.breaking-label{padding:0 11px;font-size:10px}.breaking-items{padding:0 10px;font-size:11px}.home-lead{grid-template-columns:1fr;gap:10px}.lead-main{height:340px}.lead-copy{width:auto;inset:auto 18px 20px;transform:none}.lead-copy h1{font-size:24px}.lead-copy p{font-size:12px}.lead-side{grid-template-rows:150px;grid-template-columns:1fr 1fr;gap:10px;height:auto;min-height:0}.side-copy{padding:10px}.side-copy strong{font-size:12px}.side-copy small{font-size:9px}.home-section{margin-top:27px}.section-heading h2{font-size:18px}.featured-grid{gap:10px}.featured-image{height:120px}.featured-body{padding:10px}.featured-body h3{margin-bottom:10px;font-size:12px}.news-lower{grid-template-columns:1fr;gap:18px}.latest-list{padding:0 10px}.latest-item{gap:10px;padding:12px 0}.latest-thumb{width:104px;height:76px}.latest-copy h3{font-size:12px}.latest-copy p{font-size:10px}}.main-content{padding-top:28px;padding-bottom:64px}.listing-page{min-height:48vh}.listing-page>div:first-child{border-bottom:1px solid var(--line);margin-bottom:24px;padding:0 0 16px;position:relative}.listing-page>div:first-child:after{content:"";background:var(--red);width:76px;height:3px;position:absolute;bottom:-1px;left:0}.listing-page h1{letter-spacing:-.04em;font-size:clamp(25px,3vw,34px);line-height:1.15}.listing-page form[role=search]{border:1px solid var(--line);background:#fff;max-width:760px;padding:12px;box-shadow:0 5px 20px #06243a0a}.listing-page form[role=search] input{border-radius:5px;min-height:44px}.listing-page form[role=search] button,.listing-page form[role=search] a{border-radius:5px}.listing-page .grid{gap:20px}.listing-card{border-radius:9px;box-shadow:0 3px 12px #06243a08;border:1px solid #e5e9ef!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.listing-card:hover{border-color:#d6dce5!important;box-shadow:0 12px 28px #06243a1a!important}.listing-card img{transition:transform .35s}.listing-card:hover img{transform:scale(1.035)}.listing-card>a:first-child{background:#e9edf2;display:block;overflow:hidden}.listing-card>a:first-child img,.listing-card>a:first-child>div{object-fit:cover;width:100%;height:210px}.listing-card>div:last-child{padding:17px}.listing-card h2{letter-spacing:-.015em;font-size:16px;line-height:1.4}.listing-card p{font-size:12px;line-height:1.65}.listing-page nav[aria-label=Sayfalar] a{text-align:center;border-radius:5px;min-width:38px}.article-page{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(1180px,100% - 40px);max-width:1180px;padding:clamp(18px,3vw,34px);box-shadow:0 8px 28px #06243a0a}.article-page>nav{color:#8792a1}.article-page header{margin-bottom:25px}.article-page header>span{letter-spacing:.07em;background:#fff0f1;border-radius:4px;align-items:center;padding:5px 9px;display:inline-flex}.article-page header h1{letter-spacing:-.045em;margin-top:13px;font-size:clamp(28px,4.3vw,46px);line-height:1.13}.article-page header>p{color:#596779;max-width:760px;font-size:17px;line-height:1.7}.article-page header>div{color:#778394;border-color:#e9edf2;gap:12px 20px}.article-page figure{background:transparent;border:0;border-radius:8px;margin-bottom:30px}.article-page figure img{object-fit:cover;width:100%;max-height:540px;display:block}.article-page .article-content{color:#293545;overflow-wrap:anywhere;font-size:17px;line-height:1.95}.article-page .article-content p{margin:0 0 1.25em}.article-page section{border-color:#e8edf2}.article-page #yorumlar h2{border-left-width:4px}.article-page #yorumlar form,.article-page #yorumlar>div.rounded-xl{border-radius:8px}.article-page input:not([type=hidden]),.article-page textarea{border-radius:5px}.article-page button,.article-page section a{transition:filter .2s,background-color .2s}.article-page button:hover,.article-page section a:hover{filter:brightness(.96)}@media (max-width:640px){.main-content{padding-top:18px;padding-bottom:42px}.listing-page .grid{gap:14px}.listing-card>a:first-child img,.listing-card>a:first-child>div{height:205px}.article-page{border-radius:7px;padding:16px}.article-page header h1{font-size:29px}.article-page header>p{font-size:15px}.article-page .article-content{font-size:16px;line-height:1.8}}.site-header{background:#fff;border-bottom:1px solid #e8edf3;box-shadow:0 5px 22px #0f23370e}.topline{color:#dbe7ef;background:#092b43;font-size:12px}.top-inner,.brand-row,.nav-inner,.main-content{width:min(1240px,100% - 40px);margin-inline:auto}.top-inner{justify-content:space-between;align-items:center;min-height:32px;display:flex}.top-links{gap:20px;display:flex}.top-links a{color:inherit;text-decoration:none}.brand-row{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:#092b43;letter-spacing:-.06em;align-items:center;gap:11px;font-size:25px;font-weight:900;text-decoration:none;display:flex}.brand-mark{color:#fff;letter-spacing:-.04em;background:#e32636;border-radius:12px;place-items:center;width:43px;height:43px;font-size:19px;display:grid}.brand-name span{color:#e32636}.header-search{width:min(390px,40%);display:flex}.header-search input{background:#f7f9fb;border:1px solid #e1e7ee;border-radius:9px 0 0 9px;outline:none;width:100%;min-width:0;padding:12px 14px}.header-search button{color:#fff;background:#e32636;border:0;border-radius:0 9px 9px 0;padding:0 17px;font-weight:700}.site-nav{background:#fff;border-top:1px solid #f0f2f5}.nav-inner{white-space:nowrap;align-items:center;gap:25px;min-height:47px;display:flex;overflow-x:auto}.nav-inner a{color:#243548;font-size:13px;font-weight:700;text-decoration:none}.nav-inner a:hover,.top-links a:hover{color:#e32636}.main-content{padding-block:26px 64px}.breaking-bar{background:#fff;border:1px solid #e9edf2;border-radius:10px;align-items:center;min-height:43px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0a233709}.breaking-label{color:#fff;letter-spacing:.06em;white-space:nowrap;background:#e32636;align-self:stretch;align-items:center;gap:8px;padding:0 17px;font-size:11px;font-weight:900;display:flex}.breaking-label i{background:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #fff3}.breaking-track{white-space:nowrap;gap:28px;padding:0 18px;display:flex;overflow:hidden}.breaking-track a{color:#26394b;font-size:12px;font-weight:700;text-decoration:none}.hero-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:14px;display:grid}.hero-main,.hero-tile{color:#fff;isolation:isolate;background:#17364d;border-radius:13px;text-decoration:none;display:block;position:relative;overflow:hidden}.hero-main{min-height:420px}.hero-side{grid-template-rows:1fr 1fr;gap:14px;min-height:420px;display:grid}.hero-tile{min-height:0}.hero-main img,.hero-tile img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.hero-main:hover img,.hero-tile:hover img{transform:scale(1.035)}.hero-shade{z-index:-1;background:linear-gradient(#0313200a 22%,#031320f0);position:absolute;inset:0}.hero-copy{position:absolute;bottom:28px;left:clamp(20px,3vw,38px);right:24px}.eyebrow{color:#e32636;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900;display:inline-block}.hero-copy .eyebrow,.hero-tile .eyebrow{color:#fff;background:#e32636;border-radius:4px;padding:5px 8px}.hero-copy h1{letter-spacing:-.04em;max-width:760px;margin:12px 0 8px;font-size:clamp(26px,3.2vw,43px);font-weight:900;line-height:1.12}.hero-copy p{color:#e3eaf0;max-width:700px;margin:0 0 10px;font-size:13px;line-height:1.5}.hero-copy small,.hero-tile small{color:#d2dbe3;font-size:10px}.hero-read{color:#fff;border:1px solid #ffffff73;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.hero-tile>div{position:absolute;bottom:17px;left:17px;right:15px}.hero-tile h2{margin:8px 0 6px;font-size:clamp(15px,1.5vw,20px);font-weight:850;line-height:1.25}.hero-empty{color:#fff;place-items:center;padding:25px;display:grid}.quick-services{background:#fff;border:1px solid #e7ebf0;border-radius:12px;grid-template-columns:1.3fr repeat(7,minmax(0,1fr));align-items:stretch;gap:8px;margin:20px 0 34px;padding:12px;display:grid;box-shadow:0 7px 25px #0f23370b}.service-heading,.service-link{color:#243548;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:9px 7px;text-decoration:none;display:flex}.service-heading{background:#f5f7fa}.service-heading-icon{color:#fff;background:#092b43;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.service-heading b,.service-heading small{display:block}.service-heading b{font-size:12px}.service-heading small{color:#84909e;margin-top:2px;font-size:10px}.service-link{text-align:center;flex-wrap:wrap;justify-content:center;font-size:11px;font-weight:750;position:relative}.service-link:hover{color:#d91f30;background:#fff2f3}.service-icon{color:#e32636;background:#f1f4f7;border-radius:9px;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.service-link>b{color:#9aa5b1;font-size:12px}.section-block{margin:0 0 34px}.section-title{border-bottom:1px solid #e3e8ee;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px;padding-bottom:12px;display:flex}.section-kicker{color:#e32636;letter-spacing:.13em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.section-title h2,.widget-title h2{color:#102c42;letter-spacing:-.04em;margin:0;font-size:23px;font-weight:900;line-height:1.15}.section-title>a{color:#526477;white-space:nowrap;font-size:11px;font-weight:800;text-decoration:none}.section-title>a:hover{color:#e32636}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.news-card,.widget-card,.service-detail-card{background:#fff;border:1px solid #e7ebf0;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px #0f233709}.news-card{transition:transform .2s,box-shadow .2s}.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0f233717}.news-image{aspect-ratio:16/10;background:#e9edf2;display:block;position:relative;overflow:hidden}.news-image img,.latest-thumb img{object-fit:cover;width:100%;height:100%;display:block}.news-image img{transition:transform .35s}.news-card:hover .news-image img{transform:scale(1.04)}.news-image>span{color:#fff;background:#e32636;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:850;position:absolute;bottom:10px;left:10px}.news-card-body{padding:13px 14px 14px}.news-card-body h3{margin:0 0 7px;font-size:14px;font-weight:850;line-height:1.35}.news-card-body h3 a,.latest-item h3 a{color:#1c2e40;text-decoration:none}.news-card-body h3 a:hover,.latest-item h3 a:hover{color:#e32636}.news-card-body p,.latest-item p{color:#788595;margin:0 0 10px;font-size:11px;line-height:1.55}.news-card-body time,.latest-item time{color:#98a2ae;font-size:10px}.content-columns{grid-template-columns:minmax(0,1.65fr) minmax(270px,.8fr);align-items:start;gap:25px;display:grid}.latest-list{display:grid}.latest-item{border-bottom:1px solid #e9edf2;grid-template-columns:150px minmax(0,1fr);gap:15px;padding:14px 0;display:grid}.latest-thumb{background:#edf0f4;border-radius:8px;height:96px;display:block;overflow:hidden}.latest-item h3{margin:5px 0 6px;font-size:15px;font-weight:850;line-height:1.35}.latest-item p{margin-bottom:7px}.market-column{gap:13px;display:grid}.widget-card{padding:17px}.widget-title{justify-content:space-between;align-items:center;display:flex}.widget-title h2{font-size:17px}.widget-symbol{color:#e32636;background:#fff0f1;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;font-weight:800;display:grid}.widget-location{color:#7d8997;margin:13px 0 0;font-size:11px}.weather-main{align-items:center;gap:15px;margin:5px 0 14px;display:flex}.weather-main>strong{letter-spacing:-.06em;color:#102c42;font-size:48px;line-height:1}.weather-main b,.weather-main small{display:block}.weather-main b{font-size:13px}.weather-main small{color:#84909e;margin-top:4px;font-size:10px}.weather-details{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;justify-content:space-between;gap:8px;padding:11px 0;display:flex}.weather-details span{color:#8793a0;font-size:9px}.weather-details b{color:#26394b;margin-top:4px;font-size:11px;display:block}.widget-foot{color:#9aa4af;margin-top:11px;font-size:9px;display:block}.rate-row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.rate-row>span{align-items:center;gap:9px;display:flex}.rate-row b,.rate-row small{display:block}.rate-row b{color:#27394a;font-size:11px}.rate-row small{color:#929daa;margin-top:2px;font-size:9px}.rate-row strong{color:#102c42;font-size:15px}.currency-dot{color:#20845a;background:#edf5f1;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.currency-dot.eur{color:#4969b7;background:#eef2fc}.prayer-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.prayer-grid span{text-align:center;color:#8793a0;background:#f6f8fa;border-radius:7px;padding:9px 5px;font-size:9px}.prayer-grid b{color:#1b3449;margin-top:4px;font-size:12px;display:block}.service-details{margin-top:32px}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.service-detail-card{align-items:flex-start;gap:13px;padding:17px;display:flex}.detail-icon{color:#e32636;background:#fff0f1;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.service-detail-card h3{color:#1a3044;margin:0 0 5px;font-size:14px;font-weight:850}.service-detail-card p{color:#7b8795;margin:0 0 9px;font-size:11px;line-height:1.5}.service-detail-card a{color:#e32636;font-size:11px;font-weight:800;text-decoration:none}.service-detail-card>small{color:#a0a9b4;white-space:nowrap;margin-left:auto;font-size:9px}.empty-state{color:#8a96a3;background:#fff;border:1px dashed #dce2e9;border-radius:9px;padding:22px}@media (max-width:900px){.quick-services{grid-template-columns:repeat(4,minmax(0,1fr))}.service-heading{grid-column:span 4}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-main,.hero-side{min-height:360px}.content-columns{grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:16px}}@media (max-width:640px){.top-inner,.brand-row,.nav-inner,.main-content{width:calc(100% - 28px)}.top-inner{min-height:29px}.top-links{gap:12px}.brand-row{flex-wrap:wrap;gap:10px;min-height:72px;padding:12px 0}.brand{font-size:21px}.brand-mark{width:36px;height:36px}.header-search{width:100%}.nav-inner{gap:19px;min-height:43px}.main-content{padding-top:16px}.breaking-bar{border-radius:7px}.breaking-label{padding:0 10px;font-size:9px}.breaking-track{gap:18px;padding:0 11px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:330px}.hero-side{grid-template-rows:145px;grid-template-columns:1fr 1fr;min-height:0}.hero-copy{bottom:20px;left:18px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:11px}.hero-read{display:none}.hero-tile h2{font-size:13px}.quick-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:14px 0 27px;padding:8px}.service-heading{grid-column:span 2}.service-link{text-align:left;flex-wrap:nowrap;justify-content:flex-start;font-size:10px}.service-link>b{margin-left:auto}.section-title h2{font-size:20px}.featured-grid{gap:10px}.news-card-body{padding:10px}.news-card-body h3{font-size:12px}.news-card-body p{display:none}.content-columns{grid-template-columns:1fr}.latest-item{grid-template-columns:112px minmax(0,1fr);gap:11px}.latest-thumb{height:82px}.latest-item h3{font-size:13px}.market-column,.service-detail-grid{grid-template-columns:1fr}.service-detail-card>small{display:none}}.listing-page,.category-page,.tag-page,.gallery-page,.contact-page,.columns-page,.authors-page,.service-page,.weather-page,.prayer-page{color:#172b3d}.listing-card,.column-card,.author-card,.gallery-card,.video-card,.service-panel,.weather-panel,.prayer-panel,.contact-form-card,.contact-info-card,.cinema-card{border-radius:1rem;transition:box-shadow .2s,transform .2s,border-color .2s;box-shadow:0 8px 28px #0f23370e}.listing-card:hover,.column-card:hover,.author-card:hover,.gallery-card:hover,.video-card:hover,.cinema-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0f23371c}.listing-card img,.column-card-image img,.gallery-card img{transition:transform .35s}.listing-card:hover img,.column-card:hover .column-card-image img,.gallery-card:hover img{transform:scale(1.025)}.article-content{max-width:75ch}.article-content p{margin:0 0 1.25em}.article-content h2,.article-content h3{color:#102c42;margin:1.7em 0 .65em;font-weight:850;line-height:1.3}.article-content blockquote{color:#475569;background:#f8fafc;border-left:4px solid #e32636;border-radius:0 .75rem .75rem 0;margin:1.5em 0;padding:1rem 1.25rem}.article-content ul,.article-content ol{margin:1em 0;padding-left:1.5rem}.article-content li{margin:.35em 0}.contact-fields input,.contact-fields textarea{min-height:46px}.contact-fields input:focus-visible,.contact-fields textarea:focus-visible,.contact-submit:focus-visible,.contact-info-row:focus-visible{outline-offset:2px;outline:3px solid #e3263640}.columns-page,.authors-page{max-width:1216px;margin-inline:auto}.column-card,.author-card,.column-card-image{overflow:hidden}.author-card{display:block}.service-page,.weather-page,.prayer-page{box-sizing:border-box;width:min(100% - 2rem,1216px);margin-inline:auto}.service-breadcrumb a,.column-breadcrumb a{transition:color .2s}.service-breadcrumb a:hover,.column-breadcrumb a:hover{color:#b91c1c}@media (max-width:640px){.article-page,.listing-page,.gallery-page{padding-top:1.25rem}.article-cover{border-radius:.85rem}.contact-page{padding-bottom:2.5rem}.service-page,.weather-page,.prayer-page{width:min(100% - 1.25rem,1216px)}}@media (prefers-reduced-motion:reduce){.listing-card,.column-card,.author-card,.gallery-card,.video-card,.cinema-card,.listing-card img,.column-card-image img,.gallery-card img{transition:none}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.col-4{grid-column:4}.col-8{grid-column:8}.col-12{grid-column:12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-48{height:calc(var(--spacing) * 48)}.h-100{height:calc(var(--spacing) * 100)}.h-\[54px\]{height:54px}.h-\[62px\]{height:62px}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-100{width:calc(var(--spacing) * 100)}.w-\[72px\]{width:72px}.w-\[82px\]{width:82px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-y{resize:vertical}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#06243a\]{border-color:#06243a}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-100{border-color:var(--color-red-100)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-900{border-color:var(--color-slate-900)}.bg-\[\#25d366\]{background-color:#25d366}.bg-\[\#1877f2\]{background-color:#1877f2}.bg-\[\#06243a\]{background-color:#06243a}.bg-\[\#e32636\]{background-color:#e32636}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/75{background-color:#020618bf}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/75{background-color:color-mix(in oklab, var(--color-slate-950) 75%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-end{text-align:end}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.4rem\]{--tw-leading:1.4rem;line-height:1.4rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.18em\],.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-pre-line{white-space:pre-line}.text-\[\#06243a\]{color:#06243a}.text-\[\#e32636\]{color:#e32636}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-\[\#e32636\]:is(:where(.group):hover *){color:#e32636}.group-hover\:text-red-600:is(:where(.group):hover *){color:var(--color-red-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#06243a\]:hover{border-color:#06243a}.hover\:border-red-200:hover{border-color:var(--color-red-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:bg-\[\#103b59\]:hover{background-color:#103b59}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:text-\[\#06243a\]:hover{color:#06243a}.hover\:text-\[\#e32636\]:hover{color:#e32636}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-red-400:focus{border-color:var(--color-red-400)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-red-50:focus{--tw-ring-color:var(--color-red-50)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-\[17px\]{font-size:17px}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-10{padding-block:calc(var(--spacing) * 10)}.lg\:pt-2{padding-top:calc(var(--spacing) * 2)}.lg\:text-\[2\.65rem\]{font-size:2.65rem}}}.quick-services-heading{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:0 2px 15px;display:flex}.quick-services-heading .service-heading-icon{border-radius:11px;width:38px;height:38px;font-size:18px}.quick-services-heading h2{color:#173047;margin:0;font-size:16px;font-weight:900;line-height:1.2}.quick-services-heading p{color:#8792a1;margin:4px 0 0;font-size:11px}.quick-services-kicker{color:#e32636;letter-spacing:.12em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.quick-services .service-link:hover{color:#d91f30;background:#fff8f8;border-color:#f2c5ca;transform:translateY(-2px)}.quick-services .service-icon{border-radius:9px;flex:0 0 34px;width:34px;height:34px;font-size:16px}.quick-services .service-link-copy small{color:#8a95a3;margin-top:4px;font-size:9px;font-weight:500;line-height:1.2;display:block}.quick-services .service-link>b{color:#9aa5b1;flex:none;margin-left:auto;font-size:13px}.quick-services .service-link:hover .service-link-copy strong,.quick-services .service-link:hover>b{color:#d91f30}.widget-card{padding-top:42px;position:relative}.widget-more{color:#7a8798;font-size:10px;font-weight:800;position:absolute;top:13px;right:15px}.widget-more:hover{color:#e32636}.service-detail-card{color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.service-detail-card:hover{border-color:#f0bfc5;transform:translateY(-2px);box-shadow:0 9px 24px #0f233714}.service-detail-action{color:#e32636;font-size:11px;font-weight:850;display:inline-block}@media (max-width:900px){.quick-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.quick-services{margin:14px 0 27px;padding:12px}.quick-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:11px}.quick-services .service-link{min-height:58px;padding:8px}.quick-services .service-link-copy strong{font-size:10px}.quick-services .service-icon{flex-basis:30px;width:30px;height:30px}.widget-card{padding-top:42px}}@media (max-width:360px){.quick-services-grid{grid-template-columns:1fr}}.listing-page{width:min(1180px,100% - 40px);max-width:none;margin-inline:auto;padding:26px 0 58px}.listing-page>nav{color:#8793a1;margin-bottom:18px;font-size:11px}.listing-page>header{border-bottom:1px solid #e4eaf0;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;padding-bottom:18px;display:flex}.listing-page>header>div{min-width:0}.listing-page>header>div>div{color:#e32636;letter-spacing:.16em;font-size:10px;font-weight:900}.listing-page>header h1{color:#102b41;letter-spacing:-.04em;margin:7px 0 5px;font-size:clamp(25px,3vw,33px);font-weight:900;line-height:1.15}.listing-page>header p{color:#7a8795;margin:0;font-size:12px}.listing-page form[role=search]{background:#fff;border:1px solid #e1e7ed;border-radius:9px;gap:7px;width:min(410px,44%);max-width:none;padding:4px;display:flex;box-shadow:0 3px 12px #06243a09}.listing-page form[role=search] input{background:0 0;border:0;border-radius:6px;outline:0;flex:1;min-width:0;min-height:38px;padding:0 10px;font-size:12px}.listing-page form[role=search] button{color:#fff;background:#e32636;border:0;border-radius:6px;flex:none;padding:0 15px;font-size:11px;font-weight:800}.listing-page form[role=search] a{border:1px solid #e3e8ed;border-radius:6px;align-items:center;padding:0 9px;font-size:11px;display:inline-flex}.listing-news-list{gap:10px;display:grid}.listing-card{border-radius:10px;align-items:stretch;min-height:124px;display:flex;box-shadow:0 2px 9px #06243a06;border:1px solid #e5eaf0!important;transition:border-color .2s,box-shadow .2s!important}.listing-card:hover{border-color:#d3dce5!important;transform:none!important;box-shadow:0 7px 20px #06243a12!important}.listing-card-image{background:#edf1f4;flex:0 0 180px;width:180px;min-height:124px;display:block;overflow:hidden;aspect-ratio:auto!important}.listing-card-image img{object-fit:cover;width:100%;height:100%;min-height:124px;transition:transform .35s;display:block}.listing-card:hover .listing-card-image img{transform:scale(1.035)}.listing-card-image>div{color:#94a0ad;justify-content:center;align-items:center;height:100%;min-height:124px;font-size:11px;display:flex}.listing-card-image>span{color:#fff;background:#e32636;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:850;position:absolute;bottom:9px;left:9px}.listing-card-body{min-width:0;padding:14px 17px!important}.listing-card h2{color:#172d41;margin:0 0 6px;font-size:15px;font-weight:850;line-height:1.4}.listing-card h2 a{color:inherit;text-decoration:none}.listing-card h2 a:hover{color:#e32636}.listing-card p{color:#778493;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 9px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.listing-card-body>div:last-child{border-color:#edf0f3;margin-top:auto;padding-top:8px;font-size:10px}.listing-page nav[aria-label=Sayfalar]{margin-top:22px}.listing-page nav[aria-label=Sayfalar] a{border-radius:6px;min-width:35px;height:35px}.article-page{width:min(1100px,100% - 40px);max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:auto;padding:24px 0 56px}.article-page>nav{margin-bottom:17px}.article-page>div.grid{grid-template-columns:minmax(0,760px) minmax(210px,270px);justify-content:center;gap:24px}.article-page>div.grid>div.min-w-0{background:#fff;border:1px solid #e5eaf0;border-radius:11px;min-width:0;padding:clamp(20px,3vw,32px);box-shadow:0 4px 18px #06243a09}.article-page header{margin-bottom:18px}.article-page header h1{color:#102b41;letter-spacing:-.04em;margin-top:10px;font-size:clamp(27px,3vw,39px);line-height:1.16}.article-page header>p{color:#667587;margin-top:11px;font-size:15px;line-height:1.65}.article-page header>div{margin-top:15px;padding:10px 0;font-size:10px}.article-page figure.article-cover{background:transparent;border:0;box-shadow:none;border-radius:8px;width:100%;max-width:680px;margin:0 auto 23px}.article-page .article-cover-image{object-fit:contain;width:100%;height:auto;max-height:330px;display:block}.article-page .article-content{color:#354558;max-width:680px;margin-inline:auto;font-size:15px;line-height:1.85}.article-page .article-content p{margin:0 0 1.15em}.article-page .article-content h2{color:#102b41;margin:1.6em 0 .6em;font-size:21px;font-weight:850;line-height:1.3}.article-page .article-content h3{color:#102b41;margin:1.4em 0 .55em;font-size:18px;font-weight:800}.article-page #yorumlar{scroll-margin-top:20px}.article-page #yorumlar h2{border-left:0}.article-page #yorumlar form,.article-page #yorumlar>div.rounded-xl{border-radius:9px}.article-page aside{align-self:start}.article-page aside>div{border-radius:10px;box-shadow:0 4px 18px #06243a09}.article-page section.mt-12{margin-top:30px;padding-top:23px}.article-page section.mt-12>div.grid{gap:10px}.article-page section.mt-12>div.grid>a{border-radius:9px;padding:9px}.article-page section.mt-12>div.grid>a>div:first-child{flex:0 0 92px;width:92px;height:68px}@media (max-width:760px){.listing-page,.article-page{width:calc(100% - 28px);padding-top:17px;padding-bottom:40px}.listing-page>header{display:block}.listing-page form[role=search]{width:100%;margin-top:14px}.listing-card{min-height:100px}.listing-card-image{flex-basis:118px;width:118px;min-height:100px}.listing-card-image img,.listing-card-image>div{min-height:100px}.listing-card-body{padding:10px 12px!important}.listing-card h2{font-size:12px;line-height:1.35}.listing-card p{-webkit-line-clamp:2;font-size:10px;line-height:1.4}.listing-card-body>div:last-child{padding-top:5px;font-size:9px}.article-page>div.grid{grid-template-columns:minmax(0,1fr);gap:15px}.article-page>div.grid>div.min-w-0{padding:18px 15px}.article-page header h1{font-size:27px}.article-page header>p{font-size:14px}.article-page .article-cover-image{max-height:250px}.article-page .article-content{font-size:14px;line-height:1.8}.article-page section.mt-12>div.grid{grid-template-columns:1fr}}@media (max-width:380px){.listing-card-image{flex-basis:98px;width:98px}.listing-card-body{padding:9px!important}}:root{--c1-page-bg:#f3f5f8;--c1-surface:#fff;--c1-border:#e4e9ef;--c1-shadow:0 8px 26px #1023360e;--c1-shadow-hover:0 14px 34px #1023361f;--c1-radius:12px}html{background:var(--c1-page-bg)}body{background:var(--c1-page-bg);color:#172b3d;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{transition:color .18s,background-color .18s}.navbar,.main-nav{background:#fff;box-shadow:0 1px #12273a12}.main-content{padding-top:26px;padding-bottom:72px}.breaking-bar{border:1px solid var(--c1-border);border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #10233609}.home-lead,.hero-grid{gap:16px}.lead-main,.side-story,.hero-main,.hero-tile{box-shadow:var(--c1-shadow);border-radius:13px}.lead-main,.hero-main{min-height:410px}.lead-main>img,.side-story>img,.hero-main img,.hero-tile img{filter:saturate(.94)}.lead-main:hover>img,.side-story:hover>img,.hero-main:hover img,.hero-tile:hover img{transform:scale(1.035)}.lead-copy h1,.hero-main h1{letter-spacing:-.035em;text-wrap:balance}.lead-copy p,.hero-main p{line-height:1.65}.home-section{margin-top:32px}.section-heading{border-bottom:1px solid #dce3eb;margin-bottom:17px;padding-bottom:11px;position:relative}.section-heading:after{content:"";background:#e32636;border-radius:3px;width:48px;height:3px;position:absolute;bottom:-1px;left:0}.section-heading h2{color:#102b42;letter-spacing:-.035em;font-size:21px}.featured-grid{gap:17px}.featured-card,.news-card,.widget-card,.service-detail-card,.latest-list{border:1px solid var(--c1-border);border-radius:var(--c1-radius);background:var(--c1-surface);box-shadow:var(--c1-shadow)}.featured-card,.news-card{transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.featured-card:hover,.news-card:hover{box-shadow:var(--c1-shadow-hover);border-color:#d6dee8;transform:translateY(-4px)}.featured-image,.news-image{background:#e8edf2}.featured-body,.news-card-body{padding:15px 16px 16px}.featured-body h3,.news-card-body h3{color:#162f45;letter-spacing:-.015em;text-wrap:pretty;line-height:1.45}.featured-body time,.news-card-body time,.latest-copy time{color:#8a97a5}.news-lower{gap:22px}.latest-list{padding:0 18px}.latest-item{gap:16px;padding:17px 0}.latest-thumb{background:#e8edf2;border-radius:8px}.latest-copy h3{color:#162f45;line-height:1.45}.latest-item:last-child{border-bottom:0}@media (min-width:1560px){.top-inner,.brand-row,.nav-inner,.main-content{width:min(1240px,100% - 48px);margin-inline:auto}body:before,body:after{content:none!important;display:none!important}}@media (min-width:801px) and (max-width:1559px){.top-inner,.brand-row,.nav-inner,.main-content{width:min(1240px,100% - 48px);margin-inline:auto}body:before,body:after{content:none}}@media (max-width:800px){.main-content{padding-top:19px;padding-bottom:48px}.home-section{margin-top:27px}.featured-grid{gap:12px}.featured-card,.news-card,.widget-card,.service-detail-card,.latest-list{border-radius:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topline{background:var(--navy,#06243a);color:#dce6ef}.top-inner{align-items:center;gap:16px;height:36px;min-height:36px;display:flex;overflow:hidden}.topline-label{color:#fff;letter-spacing:.07em;flex:none;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.topline-label i{background:#e32636;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e3263633}.topline-news{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.topline-track{will-change:transform;align-items:center;gap:0;width:max-content;animation:42s linear infinite topline-marquee;display:flex}.topline-group{flex:none;align-items:center;gap:34px;padding-right:34px;display:flex}.topline-track a{color:#dce6ef;font-size:12px;font-weight:500;text-decoration:none}.topline-track a:before{content:"•";color:#e32636;margin-right:10px}.topline-track a:hover{color:#fff}.topline-news:hover .topline-track{animation-play-state:paused}.topline-empty{color:#c5d1dc;font-size:11px}@keyframes topline-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-row{justify-content:initial}.header-search{margin-left:auto}.header-links{color:#5f6e7f;flex:none;align-items:center;gap:18px;font-size:12px;font-weight:600;display:flex}@media (max-width:640px){.top-inner{gap:10px;height:33px;min-height:33px}.topline-label{font-size:9.5px}.topline-group{gap:24px;padding-right:24px}.topline-track{animation-duration:34s}.topline-track a{font-size:10px}.brand-row{flex-wrap:wrap;justify-content:space-between}.header-search{order:3;width:100%;max-width:none;margin-left:0}.header-links{gap:12px;margin-left:auto;font-size:11px}}@media (prefers-reduced-motion:reduce){.topline-track{animation:none}}.brand-row{grid-template-columns:minmax(210px,1fr) minmax(320px,420px) minmax(280px,1fr);align-items:center;column-gap:24px;display:grid}.header-search{justify-self:center;width:100%;max-width:420px;margin:0 auto}.header-links{white-space:nowrap;color:#536477;justify-content:flex-end;align-items:center;gap:16px;min-width:0;font-size:12px;font-weight:600;display:flex}.header-links a{text-decoration:none}.header-links a:hover{color:var(--red,#e32636)}@media (max-width:900px){.brand-row{grid-template-columns:auto minmax(250px,1fr);row-gap:12px}.brand{grid-area:1/1}.header-links{grid-area:1/2;gap:12px;font-size:11px}.header-search{grid-area:2/1/auto/-1;max-width:520px}}@media (max-width:600px){.brand-row{grid-template-columns:minmax(0,1fr);row-gap:12px}.brand{grid-area:1/1}.header-links{flex-wrap:wrap;grid-area:2/1;justify-content:flex-start;gap:10px 16px;font-size:12px}.header-search{grid-area:3/1;max-width:none}}.market-widget{background:#fff;border:1px solid #e7ebf0;border-radius:14px;margin:0 0 34px;padding:17px 18px;box-shadow:0 7px 25px #0f23370b}.market-widget-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 13px;display:flex}.market-widget-heading h2{color:#173047;margin:2px 0 0;font-size:17px;font-weight:900;line-height:1.25}.market-widget-note{color:#8792a1;font-size:10px}.market-widget-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:13px;display:grid}.market-quote{background:#fbfcfd;border:1px solid #edf0f4;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.market-quote-symbol{color:#d91f30;background:#f1f5f9;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid}.market-quote-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.market-quote-copy small{color:#8792a1;font-size:10px}.market-quote-copy strong{color:#243548;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.market-quote-copy em{color:#8792a1;font-size:9px;font-style:normal}.market-disclaimer{color:#8a95a3;margin:10px 2px 0;font-size:10px;line-height:1.5}@media (max-width:640px){.market-widget{margin-bottom:27px;padding:12px}.market-widget-grid{grid-template-columns:1fr;gap:7px}.market-quote{padding:9px}.market-widget-heading h2{font-size:15px}}.top-inner{align-items:center;gap:18px;min-width:0;display:flex}.top-market{color:#dce6ef;white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;margin-right:-12px;font-size:10px;display:flex}.top-market-item{align-items:center;gap:5px;display:inline-flex}.top-market-item b{color:#fff;font-size:11px;font-weight:800}.top-market-gold b{color:#f4c95d}.top-market-divider{background:#dce6ef3d;width:1px;height:13px}@media (max-width:760px){.top-inner{gap:10px}.top-market{gap:7px;font-size:9px}.top-market-gold{display:none}}@media (max-width:520px){.top-market{display:none}.top-inner{gap:12px}}.brand-row{grid-template-columns:minmax(190px,1fr) minmax(300px,420px) minmax(340px,1fr);column-gap:28px;min-height:108px;padding-block:8px}.brand-image{border-radius:0;align-items:center;width:100%;min-width:0;max-width:200px;display:flex;overflow:hidden}.brand-image img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:86px;display:block}.header-search{background:#f5f7fa;border:1px solid #dce4ec;border-radius:12px;max-width:420px;height:48px;padding:3px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 2px 7px #0923370b}.header-search:focus-within{background:#fff;border-color:#e32636;box-shadow:0 0 0 4px #e3263617}.header-search input{color:#142d42;background:0 0;border:0;border-radius:9px 0 0 9px;height:100%;font-size:13px}.header-search input:focus{outline:0}.header-search button{background:#e32636;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:82px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.header-search button:hover{background:#c91e2e}.header-search button:active{transform:scale(.98)}.header-links{color:#18354d;justify-content:flex-end;gap:6px;font-size:13px;font-weight:700}.header-links a{color:#18354d;border:1px solid #0000;border-radius:9px;align-items:center;min-height:38px;padding:0 11px;text-decoration:none;transition:color .18s,background .18s,border-color .18s,transform .18s;display:inline-flex}.header-links a:hover,.header-links a:focus-visible{color:#c91e2e;background:#fff1f2;border-color:#f4c6cc;outline:0}.header-links a:active{transform:translateY(1px)}@media (max-width:1100px){.brand-row{grid-template-columns:minmax(170px,auto) minmax(260px,1fr);column-gap:20px}.brand-image{max-width:185px}.header-search{grid-area:1/2}.header-links{grid-area:2/1/auto/-1;justify-content:center;padding-bottom:8px}}@media (max-width:640px){.brand-row{grid-template-columns:minmax(0,1fr);row-gap:11px;min-height:0;padding-block:12px}.brand-image{grid-area:1/1;width:150px;max-width:150px}.brand-image img{max-height:66px}.header-links{flex-wrap:wrap;grid-area:2/1;justify-content:flex-start;gap:5px;padding:0;font-size:12px}.header-links a{background:#f4f6f9;border-color:#e8edf2;min-height:34px;padding-inline:10px}.header-search{grid-area:3/1;width:100%;max-width:none;height:44px}}.brand-image{max-width:180px}.brand-image img{max-height:76px}.header-links{gap:4px;font-size:15px}.header-links a{padding-inline:9px}@media (max-width:1100px){.brand-image{max-width:170px}.header-links{font-size:14px}}@media (max-width:640px){.brand-image{width:138px;max-width:138px}.brand-image img{max-height:60px}.header-links{gap:5px;font-size:13px}.header-links a{padding-inline:10px}}.brand-image{width:158px;max-width:158px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.brand-image img{width:100%;max-height:66px;box-shadow:none;object-fit:contain;object-position:left center;background:0 0;border:0;border-radius:0;display:block}@media (max-width:1100px){.brand-image{width:148px;max-width:148px}.brand-image img{max-height:60px}}@media (max-width:640px){.brand-image{width:122px;max-width:122px}.brand-image img{max-height:52px}}:root{--fs-kicker:11px;--fs-meta:12px;--fs-desc:13px;--fs-desc-lg:14px;--fs-card-title:16px;--fs-card-title-lg:17px;--lh-desc:1.7;--c-text:#1e293b;--c-text-soft:#475569;--c-text-meta:#5b6b7e;--c-accent-text:#c8102e;--c-on-dark:#f8fafc;--c-on-dark-meta:#e2e8f0}.section-kicker,.quick-services-kicker,.eyebrow{font-size:var(--fs-kicker);color:var(--c-accent-text)}.hero-copy .eyebrow,.hero-tile .eyebrow{font-size:var(--fs-kicker);color:#fff}.news-image>span,.listing-card-image>span{font-size:var(--fs-kicker)}.hero-copy p,.lead-copy p{color:var(--c-on-dark);font-size:15px;line-height:var(--lh-desc);text-shadow:0 1px 3px #000000b3;font-weight:500}.hero-copy small,.hero-tile small,.lead-date{color:var(--c-on-dark-meta);font-size:var(--fs-meta)}.hero-read{font-size:var(--fs-meta)}.news-card-body h3,.featured-body h3,.latest-copy h3{color:var(--c-text);font-size:var(--fs-card-title);line-height:1.4}.latest-item h3{font-size:var(--fs-card-title-lg);line-height:1.4}.listing-card h2{font-size:var(--fs-card-title)}.news-card-body p,.featured-body p,.service-detail-card p,.weather-placeholder p,.quick-services-heading p{color:var(--c-text-soft);font-size:var(--fs-desc);line-height:var(--lh-desc);font-weight:400}.latest-item p{color:var(--c-text-soft);font-size:var(--fs-desc-lg);line-height:var(--lh-desc);font-weight:400}.listing-card p{color:var(--c-text-soft);font-size:var(--fs-desc);line-height:1.65}.listing-page>header p{color:var(--c-text-meta);font-size:var(--fs-desc)}.news-card-body time,.latest-item time,.featured-body time,.latest-copy time{color:var(--c-text-meta);font-size:var(--fs-meta);font-weight:500}.quick-services .service-link-copy strong{font-size:13px}.quick-services .service-link-copy small,.service-heading small,.widget-location,.widget-foot,.rate-row small,.weather-main small,.market-widget-note,.market-disclaimer{color:var(--c-text-meta);font-size:var(--fs-meta);line-height:1.5}.weather-details span,.prayer-grid span{color:var(--c-text-meta);font-size:var(--fs-kicker);font-weight:600}.section-title>a,.section-heading>a{color:var(--c-text-soft);font-size:var(--fs-meta)}.section-title>a:hover,.section-heading>a:hover{color:var(--c-accent-text)}.listing-card-body>div:last-child,.topline-track a,.topline-empty{font-size:var(--fs-meta)}.top-market{font-size:var(--fs-kicker)}@media (max-width:760px){.listing-card h2{font-size:14px;line-height:1.35}.listing-card p{font-size:var(--fs-meta);line-height:1.5}.listing-card-body>div:last-child{font-size:var(--fs-kicker)}}@media (max-width:640px){.hero-copy p,.lead-copy p,.hero-tile h2,.news-card-body h3,.featured-body h3{font-size:14px}.latest-item h3,.latest-copy h3{font-size:15px}.news-card-body p,.featured-body p,.latest-item p,.quick-services-heading p,.service-detail-card p{font-size:var(--fs-desc)}.quick-services .service-link-copy strong{font-size:var(--fs-meta)}.topline-label,.topline-track a{font-size:var(--fs-kicker)}}.article-page aside img{border-radius:8px;object-fit:cover!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:54px!important;min-height:54px!important;max-height:54px!important;display:block!important}.article-page aside ol li a{align-items:flex-start;gap:10px;min-width:0;display:flex}.article-page aside ol li a>span{overflow-wrap:anywhere;flex:1;min-width:0}.article-page aside ol li a>span>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-row{background-color:#f1f3f5;background:#f1f3f5!important}.site-nav,.nav,.nav-inner,.site-header{background:#f1f3f5!important}.header-search{background:#fff!important}.topline{background:var(--navy,#06243a)!important}.site-header{background:#f1f3f5!important}.brand-row,.site-header .site-nav,.site-header .nav,.site-header .nav-inner{background:0 0!important}.site-header .topline{background:var(--navy,#06243a)!important}.quick-services{background:#fff;border:1px solid #e7ebf0;border-radius:14px;margin:20px 0 34px;padding:14px;display:block;box-shadow:0 7px 25px #0f23370b}.quick-services-heading{display:none!important}.quick-services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:0;display:grid}.quick-services .service-link{text-align:left;background:#fff;border:1px solid #edf0f4;border-radius:10px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px 12px;font-size:12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.quick-services .service-link-copy{flex:1;min-width:0;display:block}.quick-services .service-link-copy small{display:none!important}.quick-services .service-link-copy strong{color:#26394b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;line-height:1.25;display:block;overflow:hidden}@media (max-width:1100px){.quick-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.quick-services{margin:14px 0 27px;padding:12px}.quick-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quick-services .service-link{min-height:58px;padding:8px}.quick-services .service-link-copy strong{font-size:10px}.quick-services .service-icon{flex-basis:30px;width:30px;height:30px}}@media (max-width:360px){.quick-services-grid{grid-template-columns:1fr}}.featured-section{margin-bottom:40px}.featured-section-title{border-bottom:1px solid #dfe5eb;align-items:flex-end;margin-bottom:18px;padding-bottom:13px}.featured-title-copy{padding-left:14px;position:relative}.featured-title-copy:before{content:"";background:var(--red);border-radius:999px;width:3px;position:absolute;top:3px;bottom:2px;left:0}.featured-title-copy .section-kicker{color:var(--c-accent-text,#c8102e);margin-bottom:4px;font-size:11px}.featured-title-copy h2{color:#102c42;letter-spacing:-.045em;margin:0;font-size:clamp(26px,2.5vw,32px);font-weight:900;line-height:1.08}.featured-all-link{color:#263b4e;background:#fff;border:1px solid #e0e6ec;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:800;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;box-shadow:0 4px 15px #0f233709}.featured-all-link b{font-size:17px;line-height:1}.featured-all-link:hover{color:var(--red);background:#fff7f8;border-color:#f2c3c8;transform:translateY(-1px)}.featured-news-grid{grid-template-columns:minmax(0,1.95fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.featured-lead-card,.featured-compact-card{background:#fff;border:1px solid #e2e8ee;border-radius:15px;min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 9px 28px #0f23370e}.featured-lead-card:hover,.featured-compact-card:hover{border-color:#d4dde6;transform:translateY(-4px);box-shadow:0 16px 36px #0f23371c}.featured-lead-image{color:#fff;isolation:isolate;height:410px;display:block;position:relative;overflow:hidden}.featured-lead-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.featured-lead-card:hover .featured-lead-image img{transform:scale(1.035)}.featured-card-overlay{z-index:1;background:linear-gradient(#0614230a 20%,#06142326 44%,#061423f0 100%);position:absolute;inset:0}.featured-lead-copy{z-index:2;position:absolute;bottom:24px;left:26px;right:26px}.featured-lead-copy h3{color:#fff;letter-spacing:-.04em;max-width:92%;margin:10px 0;font-size:clamp(25px,2.55vw,36px);font-weight:900;line-height:1.12}.featured-lead-copy p{color:#e8edf3;max-width:90%;margin:0;font-size:14px;line-height:1.6}.featured-category-pill{z-index:3;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 5px 16px #e3263638}.featured-card-arrow{z-index:3;color:#18354d;background:#fffffff0;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s,background .2s,color .2s;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 8px 22px #00000014}.featured-card-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.featured-lead-card:hover .featured-card-arrow,.featured-compact-card:hover .featured-card-arrow{color:var(--red);background:#fff;transform:translate(2px,-2px)}.featured-lead-meta{justify-content:space-between;align-items:center;gap:14px;margin-top:17px;display:flex}.featured-lead-meta time{color:#e4ebf2;font-size:12px;font-weight:600}.featured-read-link{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}.featured-read-link b{font-size:18px;line-height:1}.featured-compact-card{flex-direction:column;display:flex}.featured-compact-image{aspect-ratio:16/10;background:#edf1f4;display:block;position:relative;overflow:hidden}.featured-compact-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.featured-compact-card:hover .featured-compact-image img{transform:scale(1.045)}.featured-compact-image .featured-category-pill{top:13px;left:13px}.featured-compact-image .featured-card-arrow{width:38px;height:38px;top:13px;right:13px}.featured-compact-image .featured-card-arrow svg{width:18px;height:18px}.featured-compact-body{flex-direction:column;flex:1;padding:17px 16px 15px;display:flex}.featured-compact-body h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:900;line-height:1.32}.featured-compact-body h3 a{color:#182f44;text-decoration:none}.featured-compact-body h3 a:hover{color:var(--red)}.featured-compact-body p{-webkit-line-clamp:4;color:#5b6b7e;-webkit-box-orient:vertical;margin:10px 0 0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.featured-compact-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:19px;display:flex}.featured-compact-footer time{color:#5b6b7e;font-size:12px;font-weight:500}.featured-mini-arrow{color:#18354d;background:#f2f5f8;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:17px;transition:background .2s,color .2s,transform .2s;display:grid}.featured-mini-arrow:hover{color:var(--red);background:#fff0f1;transform:translate(2px)}@media (max-width:1100px){.featured-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-lead-card{grid-column:1/-1}.featured-lead-image{height:460px}}@media (max-width:680px){.featured-section-title{align-items:flex-start;gap:13px}.featured-title-copy h2{font-size:25px}.featured-all-link{padding:9px 12px;font-size:11px}.featured-news-grid{grid-template-columns:1fr;gap:11px}.featured-lead-card{grid-column:auto}.featured-lead-image{height:360px}.featured-lead-copy{bottom:18px;left:18px;right:18px}.featured-lead-copy h3{max-width:100%;font-size:25px}.featured-lead-copy p{max-width:100%;font-size:13px}.featured-lead-meta{flex-direction:column;align-items:flex-start}.featured-read-link{width:max-content}.featured-compact-body h3{font-size:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
/* =========================================================
   ÖNE ÇIKAN HABERLER — 4'lü slider
   Her slide 4 haber gösterir.
   Toplam kayıt sayısı 4'ten az veya 12'den az olsa da
   mevcut kayıtlar kadar slide oluşturulur.
   ========================================================= */

.featured-slider-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.featured-slider-track {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    transition: transform .45s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.featured-slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.featured-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.featured-slider-controls {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px;
    border: 1px solid #e3e8ee;
    border-radius: 10px;
    background: #fff;
}

.featured-slider-button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #18354d;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.featured-slider-button:hover:not(:disabled) {
    border-color: #e32636;
    background: #fff0f1;
    color: #e32636;
    transform: translateY(-1px);
}

.featured-slider-button:disabled {
    opacity: .35;
    cursor: not-allowed;
}

.featured-slider-counter {
    min-width: 42px;
    color: #7b8795;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.featured-slider-counter strong {
    color: #18354d;
    font-size: 12px;
}

/* Slider içindeki 4'lü düzen masaüstünde korunur. */
.featured-slide .featured-news-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.95fr) repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

/* Son slide 4'ten az haber içeriyorsa grid bozulmasın. */
.featured-slide .featured-news-grid > * {
    min-width: 0;
}

/* 1100px altında mevcut responsive yapı devam eder. */
@media (max-width: 1100px) {
    .featured-slide .featured-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-slide .featured-lead-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .featured-header-actions {
        width: 100%;
        justify-content: space-between;
    }

    .featured-slider-controls {
        margin-left: auto;
    }

    .featured-slider-button {
        width: 31px;
        height: 31px;
    }

    .featured-slide .featured-news-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .featured-slide .featured-lead-card {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .featured-slider-track {
        transition: none;
    }
}













/* Cine1Haber: tek büyük hero slider override */
.hero-slider {
    position:relative;
    width:100%;
}

.hero-slider-viewport {
    width:100%;
    overflow:hidden;
    border-radius:13px;
}

.hero-slider-track {
    display:flex;
    width:100%;
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.hero-slide {
    position:relative;
    display:block;
    flex:0 0 100%;
    min-width:100%;
    min-height:440px;
    overflow:hidden;
    background:#17364d;
    color:white;
    text-decoration:none;
    isolation:isolate;
}

.hero-slide img {
    position:absolute;
    inset:0;
    z-index:-2;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s ease;
}

.hero-slide:hover img {
    transform:scale(1.025);
}

.hero-shade {
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(3,19,32,.12) 0%,rgba(3,19,32,.22) 42%,rgba(3,19,32,.78) 100%),
        linear-gradient(0deg,rgba(3,19,32,.94),rgba(3,19,32,.04) 72%);
}

.hero-copy {
    position:absolute;
    left:clamp(24px,5vw,64px);
    right:clamp(24px,7vw,90px);
    bottom:clamp(28px,5vw,52px);
    max-width:820px;
}

.eyebrow {
    display:inline-block;
    color:#fff;
    background:#e32636;
    padding:6px 9px;
    border-radius:4px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.hero-copy h1 {
    max-width:820px;
    margin:13px 0 9px;
    font-size:clamp(28px,4vw,50px);
    line-height:1.1;
    letter-spacing:-.04em;
    font-weight:900;
    text-wrap:balance;
}

.hero-copy p {
    max-width:760px;
    margin:0 0 11px;
    color:#e3eaf0;
    line-height:1.6;
    font-size:14px;
}

.hero-copy small {
    color:#d2dbe3;
    font-size:10px;
}

.hero-read {
    position:absolute;
    top:20px;
    right:20px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:7px;
    color:white;
    font-size:11px;
    font-weight:700;
    background:rgba(3,19,32,.12);
    backdrop-filter:blur(3px);
}

.hero-slider-button {
    position:absolute;
    top:50%;
    z-index:4;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-top:-21px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    background:rgba(3,19,32,.48);
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(5px);
    transition:background .2s,transform .2s;
}

.hero-slider-button:hover {
    background:rgba(3,19,32,.78);
    transform:scale(1.05);
}

.hero-slider-prev {
    left:18px;
}

.hero-slider-next {
    right:18px;
}

.hero-slider-status {
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:4;
    display:flex;
    align-items:center;
    gap:5px;
    min-width:58px;
    justify-content:center;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:7px;
    background:rgba(3,19,32,.5);
    color:#dce5ec;
    font-size:11px;
    backdrop-filter:blur(5px);
}

.hero-slider-status strong {
    color:#fff;
    font-weight:900;
}

.hero-empty {
    display:grid;
    place-items:center;
    min-height:440px;
    color:#fff;
    padding:25px;
    border-radius:13px;
    background:#17364d;
}


@media (max-width:640px){
    .hero-slide{min-height:330px}
    .hero-copy{left:18px;right:18px;bottom:20px}
    .hero-copy h1{font-size:27px}
    .hero-copy p{font-size:11px}
    .hero-read{display:none}
    .hero-slider-button{width:36px;height:36px;margin-top:-18px;font-size:17px}
    .hero-slider-prev{left:10px}
    .hero-slider-next{right:10px}
    .hero-slider-status{right:10px;bottom:10px}
}



/* Boyut ayarı: banner ve hızlı servisler biraz daha yüksek, yatay ölçü değişmedi. */
.hero-slide {
    min-height: 490px;
}

.hero-empty {
    min-height: 490px;
}

.quick-services .service-link {
    min-height: 76px;
}

.quick-services .service-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 18px;
}

@media (max-width: 900px) {
    .hero-slide {
        min-height: 420px;
    }
}

@media (max-width: 640px) {
    .hero-slide {
        min-height: 350px;
    }

    .hero-empty {
        min-height: 350px;
    }

    .quick-services .service-link {
        min-height: 66px;
    }

    .quick-services .service-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 16px;
    }
}

/* =========================================================
   PERFORMANCE — aşağıdaki ağır bölümleri viewport yaklaşınca çiz.
   Hero ve hızlı servisler ilk ekranda normal render edilir.
   ========================================================= */
.featured-section,
.column-authors-home,
.content-columns,
.home-category-showcase {
    content-visibility: auto;
}

.featured-section { contain-intrinsic-size: 0 520px; }
.column-authors-home { contain-intrinsic-size: 0 320px; }
.content-columns { contain-intrinsic-size: 0 900px; }
.home-category-showcase { contain-intrinsic-size: 0 700px; }

/* =========================================================
   FINAL MOBILE RESPONSIVE LAYER
   Masaüstü ölçülerine dokunmadan telefon ekranlarını düzenler.
   ========================================================= */

@media (max-width: 640px) {

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .container,
    .top-inner,
    .brand-row,
    .nav-inner,
    .main-content{
        width: calc(100% - 24px);
        max-width: none;
    }

    /* Üst bilgi */
    .topline {
        font-size: 10px;
    }

    .top-inner {
        min-height: 31px;
        gap: 8px;
    }

    .topline-label {
        flex: 0 0 auto;
        font-size: 10px;
    }

    .topline-news {
        min-width: 0;
        flex: 1;
    }

    .top-market {
        display: none;
    }

    /* Header: logo + arama + bağlantılar */
    .brand-row {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 10px 12px;
        padding-block: 11px !important;
    }

    .brand-row > .brand {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .brand-row > .brand-image {
        min-width: 0;
    }

    .brand-row > .brand img,
    .brand-row > .brand-image img {
        width: auto;
        max-width: 150px;
        height: auto;
        max-height: 52px;
        object-fit: contain;
    }

    .brand-row > .brand-date {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        margin-left: 0;
        font-size: 10px;
    }

    .brand-row > .header-search {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        max-width: none !important;
        height: 42px;
    }

    .header-search input {
        min-width: 0;
        padding: 0 11px;
        font-size: 13px;
    }

    .header-search button {
        flex: 0 0 auto;
        min-width: 52px;
        padding: 0 13px;
    }

    .header-search button span {
        font-size: 12px;
    }

    .brand-row > .header-links {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 16px;
        overflow-x: auto;
        padding: 2px 0 0;
        scrollbar-width: none;
    }

    .brand-row > .header-links::-webkit-scrollbar {
        display: none;
    }

    .brand-row > .header-links a {
        flex: 0 0 auto;
        font-size: 12px;
        white-space: nowrap;
    }

    /* Ana navigasyon */
    .site-nav,
    .nav {
        width: 100%;
    }

    .nav-inner {
        min-height: 42px;
        gap: 18px;
        overflow-x: auto;
        padding: 0 1px;
        scrollbar-width: none;
    }

    .nav-inner::-webkit-scrollbar {
        display: none;
    }

    .nav-inner a {
        flex: 0 0 auto;
        font-size: 11px;
    }

    /* Ana içerik boşlukları */
    .main-content {
        padding-top: 16px !important;
        padding-bottom: 38px !important;
    }

    /* Breaking / son dakika */
    .breaking-bar {
        min-height: 38px;
        margin-bottom: 14px;
        border-radius: 8px;
    }

    .breaking-label {
        padding: 0 10px;
        font-size: 9px;
    }

    .breaking-items,
    .breaking-track {
        min-width: 0;
        gap: 14px;
        padding-inline: 10px;
        font-size: 10px;
    }

    /* Ana hero */
    .hero-slider {
        width: 100%;
    }

    .hero-slider-viewport {
        border-radius: 10px;
    }

    .hero-slide,
    .hero-empty {
        min-height: 340px !important;
        height: 340px;
        border-radius: 10px;
    }

    .hero-slide img,
    .hero-main img,
    .hero-tile img {
        transform: none !important;
    }

    .hero-copy {
        left: 16px;
        right: 16px;
        bottom: 18px;
        max-width: none;
    }

    .hero-copy h1 {
        max-width: 100%;
        margin: 9px 0 7px;
        font-size: clamp(23px, 7vw, 29px);
        line-height: 1.12;
    }

    .hero-copy p {
        max-width: 100%;
        margin-bottom: 7px;
        font-size: 11px;
        line-height: 1.45;
    }

    .hero-copy small {
        font-size: 9px;
    }

    .hero-read {
        display: none;
    }

    .hero-slider-button {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        font-size: 16px;
        backdrop-filter: none;
    }

    .hero-slider-prev {
        left: 8px;
    }

    .hero-slider-next {
        right: 8px;
    }

    .hero-slider-status {
        right: 8px;
        bottom: 8px;
        min-width: 48px;
        padding: 5px 7px;
        font-size: 9px;
        backdrop-filter: none;
    }

    /* Hızlı servisler */
    .quick-services {
        display: block !important;
        margin: 14px 0 26px !important;
        padding: 11px !important;
        border-radius: 11px !important;
    }

    .quick-services-heading {
        gap: 9px;
        padding-bottom: 10px;
    }

    .quick-services-heading .service-heading-icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 16px;
    }

    .quick-services-heading h2 {
        font-size: 14px;
    }

    .quick-services-heading p {
        font-size: 10px;
    }

    .quick-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding-top: 10px;
    }

    .quick-services .service-link {
        min-height: 62px !important;
        gap: 8px;
        padding: 8px 9px;
        border-radius: 9px;
    }

    .quick-services .service-icon {
        width: 31px !important;
        height: 31px !important;
        flex-basis: 31px !important;
        font-size: 15px !important;
    }

    .quick-services .service-link-copy {
        min-width: 0;
    }

    .quick-services .service-link-copy strong {
        max-width: 100%;
        font-size: 11px !important;
        line-height: 1.2;
        white-space: normal;
        text-overflow: clip;
    }

    .quick-services .service-link-copy small {
        display: none;
    }

    .quick-services .service-link > b {
        flex: 0 0 auto;
        font-size: 11px;
    }

    /* Bölüm başlıkları */
    .section-block {
        margin-bottom: 25px;
    }

    .section-title,
    .featured-section-title {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 9px;
    }

    .section-title h2,
    .widget-title h2,
    .featured-title-copy h2 {
        font-size: 20px;
        line-height: 1.15;
    }

    .section-kicker,
    .featured-title-copy .section-kicker {
        font-size: 8px;
    }

    .section-title > a {
        font-size: 10px;
    }

    /* Öne çıkan haberler / slider */
    .featured-news-grid,
    .featured-slide .featured-news-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .featured-lead-card,
    .featured-slide .featured-lead-card {
        grid-column: auto !important;
    }

    .featured-lead-image {
        height: 320px !important;
    }

    .featured-lead-copy {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    .featured-lead-copy h3 {
        max-width: 100%;
        font-size: 23px;
        line-height: 1.15;
    }

    .featured-lead-copy p {
        max-width: 100%;
        font-size: 11px;
        line-height: 1.45;
    }

    .featured-lead-meta {
        gap: 7px;
        align-items: flex-start;
        flex-direction: column;
    }

    .featured-read-link {
        width: max-content;
    }

    .featured-compact-card,
    .featured-card,
    .news-card,
    .widget-card,
    .service-detail-card {
        width: 100%;
    }

    .featured-compact-image {
        height: 190px !important;
    }

    .featured-compact-body {
        padding: 11px !important;
    }

    .featured-compact-body h3,
    .featured-body h3,
    .news-card-body h3 {
        font-size: 13px !important;
        line-height: 1.35;
    }

    .featured-compact-body p,
    .featured-body p,
    .news-card-body p {
        font-size: 10px !important;
        line-height: 1.5;
    }

    .featured-slider-controls {
        margin-left: auto;
    }

    .featured-slider-button {
        width: 30px;
        height: 30px;
    }

    /* Son haberler + sağ kolon */
    .news-lower {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .latest-list {
        padding-inline: 10px;
    }

    .latest-item {
        gap: 10px;
        padding: 12px 0;
    }

    .latest-thumb {
        width: 96px;
        height: 68px;
    }

    .latest-copy h3 {
        margin: 2px 0 4px;
        font-size: 12px;
        line-height: 1.35;
    }

    .latest-copy p {
        font-size: 10px;
        line-height: 1.45;
    }

    .weather-placeholder {
        min-height: 160px;
        padding: 18px;
    }

    /* Servis detay sayfaları */
    .service-details {
        margin-top: 22px;
    }

    .service-detail-grid {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .service-detail-card {
        gap: 10px;
        padding: 13px;
    }

    /* Market / widget bölümleri */
    .market-widget-grid,
    .widget-grid {
        grid-template-columns: 1fr !important;
        gap: 8px;
    }

    .market-widget {
        padding: 11px;
    }

    /* Listeleme sayfaları */
    .listing-page {
        min-height: 0;
    }

    .listing-page > div:first-child {
        margin-bottom: 18px;
        padding-bottom: 12px;
    }

    .listing-page h1 {
        font-size: 26px;
    }

    .listing-page form[role="search"] {
        max-width: none;
        width: 100%;
        padding: 8px;
    }

    .listing-page .grid {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .listing-card > a:first-child img,
    .listing-card > a:first-child > div {
        height: 200px !important;
    }

    .listing-card > div:last-child {
        padding: 13px;
    }

    /* Haber detay */
    .article-page {
        width: 100% !important;
        max-width: none;
        padding: 14px !important;
        border-radius: 7px;
    }

    .article-page header {
        margin-bottom: 19px;
    }

    .article-page header h1 {
        margin-top: 10px;
        font-size: 27px !important;
        line-height: 1.15;
    }

    .article-page header > p {
        font-size: 14px !important;
        line-height: 1.6;
    }

    .article-page header > div {
        gap: 8px 12px;
    }

    .article-page figure {
        margin-bottom: 20px;
    }

    .article-page figure img {
        width: 100%;
        max-height: none;
        height: auto;
    }

    .article-page .article-content {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    /* Galeri */
    .gallery-page {
        width: 100%;
    }

    .gallery-page > header {
        margin-bottom: 20px;
        padding-bottom: 16px;
    }

    .gallery-page .gallery-count {
        max-width: 100%;
        margin-top: 12px;
    }

    
    

    

    

    

    

    

    

    

    

    

    

    /* Hover efektleri telefonda gereksiz */
    .hero-slide:hover img,
    .hero-main:hover img,
    .hero-tile:hover img,
    .news-card:hover,
    .featured-card:hover,
    .featured-lead-card:hover,
    .featured-compact-card:hover {
        transform: none !important;
    }
}

@media (max-width: 420px) {

    .container,
    .top-inner,
    .brand-row,
    .nav-inner,
    .main-content{
        width: calc(100% - 20px);
    }

    .brand-row > .brand img,
    .brand-row > .brand-image img {
        max-width: 135px;
        max-height: 46px;
    }

    .brand-row > .header-links {
        gap: 12px;
    }

    .brand-row > .header-links a {
        font-size: 11px;
    }

    .hero-slide,
    .hero-empty {
        min-height: 310px !important;
        height: 310px;
    }

    .hero-copy h1 {
        font-size: 22px;
    }

    .hero-copy p {
        font-size: 10px;
    }

    .quick-services-grid {
        grid-template-columns: 1fr !important;
    }

    .quick-services .service-link {
        min-height: 58px !important;
    }

    .featured-lead-image {
        height: 280px !important;
    }

    .featured-lead-copy h3 {
        font-size: 21px;
    }

    .latest-thumb {
        width: 88px;
        height: 62px;
    }
}

@media (max-width: 340px) {

    .brand-row > .brand img,
    .brand-row > .brand-image img {
        max-width: 120px;
    }

    .brand-row > .header-search {
        height: 40px;
    }

    .hero-slide,
    .hero-empty {
        min-height: 290px !important;
        height: 290px;
    }

    .hero-copy {
        left: 13px;
        right: 13px;
        bottom: 14px;
    }

    .hero-copy h1 {
        font-size: 20px;
    }

    .featured-lead-image {
        height: 250px !important;
    }
}

/* =========================================================
   ANA KATEGORİ MENÜSÜ — BANNER İLE AYNI GENİŞLİK
   Daha büyük okunabilir yazı + 10-11 kategoriye uygun yapı
   ========================================================= */

@media (min-width: 801px) {
    .nav-inner {
        width: min(1240px, calc(100% - 40px));
        margin-inline: auto;
        min-height: 54px;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
        overflow: hidden;
        white-space: nowrap;
    }

    .nav-inner a {
        position: relative;
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 9px;
        color: #182b3f;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: -.02em;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .nav-inner a + a {
        border-left: 1px solid #e1e6eb;
    }

    .nav-inner a:hover,
    .nav-inner a.active {
        color: #e32636;
    }
}

@media (min-width: 801px) and (max-width: 1250px) {
    .nav-inner {
        width: calc(100% - 32px);
    }

    .nav-inner a {
        padding-inline: 6px;
        font-size: 13px;
    }
}

/* Telefonlarda yatay kaydırma korunur; metinler rahat okunur. */
@media (max-width: 800px) {
    .nav-inner {
        width: calc(100% - 24px);
        min-height: 45px;
        margin-inline: auto;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .nav-inner::-webkit-scrollbar {
        display: none;
    }

    .nav-inner a {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 45px;
        padding: 0 14px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: -.01em;
        white-space: nowrap;
    }

    .nav-inner a + a {
        border-left: 1px solid #e1e6eb;
    }
}

@media (max-width: 380px) {
    .nav-inner {
        width: calc(100% - 20px);
    }

    .nav-inner a {
        padding-inline: 12px;
        font-size: 11px;
    }
}

/* =========================================================
   KATEGORİ MENÜSÜ — 10-11 KATEGORİ KAPASİTESİ
   Mevcut 8 kategori yayılmadan durur; 10-11 kategori
   eklendiğinde aynı satıra sığacak şekilde ayarlanmıştır.
   ========================================================= */

@media (min-width: 801px) {
    .nav-inner {
        width: min(1240px, calc(100% - 40px));
        margin-inline: auto;
        min-height: 54px;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        overflow: hidden;
        white-space: nowrap;
    }

    .nav-inner a {
        flex: 0 1 auto;
        min-width: 0;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        color: #182b3f;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: -.025em;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .nav-inner a + a {
        border-left: 1px solid #e1e6eb;
    }

    .nav-inner a:hover,
    .nav-inner a.active {
        color: #e32636;
    }
}

/* 10-11 kategori için daha sıkı masaüstü görünüm. */
@media (min-width: 1100px) and (max-width: 1350px) {
    .nav-inner {
        width: calc(100% - 32px);
    }

    .nav-inner a {
        padding-inline: 10px;
        font-size: 12.75px;
    }
}

/* Daha geniş ekranlarda yazı okunaklı kalsın. */
@media (min-width: 1351px) {
    .nav-inner a {
        padding-inline: 12px;
        font-size: 13px;
    }
}

/* Telefonlarda mevcut yatay kaydırma yapısı korunur. */
@media (max-width: 800px) {
    .nav-inner {
        width: calc(100% - 24px);
        min-height: 45px;
        margin-inline: auto;
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .nav-inner::-webkit-scrollbar {
        display: none;
    }

    .nav-inner a {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 45px;
        padding: 0 14px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: -.01em;
        white-space: nowrap;
    }

    .nav-inner a + a {
        border-left: 1px solid #e1e6eb;
    }
}

@media (max-width: 380px) {
    .nav-inner {
        width: calc(100% - 20px);
    }

    .nav-inner a {
        padding-inline: 12px;
        font-size: 11px;
    }
}

/* =========================================================
   HIZLI SERVİSLER — SON BOYUTLANDIRMA
   Dengeli ve okunaklı boyutlar
   ========================================================= */

.quick-services .service-link {
    min-height: 80px;
    padding: 14px 15px;
    gap: 12px;
}

.quick-services .service-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 20px;
}

.quick-services .service-link-copy strong {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.quick-services .service-link > b {
    font-size: 17px;
}

@media (max-width: 1100px) {
    .quick-services .service-link {
        min-height: 78px;
    }
}

@media (max-width: 640px) {
    .quick-services .service-link {
        min-height: 68px;
        padding: 10px 11px;
        gap: 9px;
    }

    .quick-services .service-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 17px;
    }

    .quick-services .service-link-copy strong {
        font-size: 13px;
    }

    .quick-services .service-link > b {
        font-size: 15px;
    }
}

























@media (min-width:761px){.article-page{width:min(1280px,calc(100% - 32px));max-width:1280px;margin-inline:auto}.article-page>div.grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.article-page>div.grid>div.min-w-0{padding:clamp(24px,3vw,34px)}.article-page figure.article-cover{max-width:860px}.article-page .article-content{max-width:860px}.article-page header>p{max-width:820px}}@media (min-width:801px){.nav-inner{width:min(1240px,calc(100% - 40px));margin-inline:auto;display:flex;align-items:stretch;justify-content:stretch;gap:0;overflow:hidden;white-space:nowrap}.nav-inner a{flex:1 1 0;min-width:0;width:auto;padding-inline:7px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap}.nav-inner a+a{border-left:1px solid #e1e6eb}}@media (min-width:1351px){.nav-inner a{font-size:12.5px;padding-inline:8px}}

/* =========================================================
   C1 HABER — TÜM HABERLER / SON LİSTELEME DÜZENİ
   Mevcut eski listing kurallarını bilinçli olarak geçersiz kılar.
   Başlık ortada, breadcrumb solda, arama sağda kalır.
   Çizgi haber listesinin hemen üstündedir.
   ========================================================= */

.main-content:has(.listing-page) {
    padding-top: 8px !important;
    padding-bottom: 58px;
}

.listing-page {
    width: min(1180px, calc(100% - 40px));
    max-width: none;
    margin-inline: auto;
    padding: 8px 0 58px !important;
}

/* Başlık alanı: ortada ve gereksiz boşluk yok */
.listing-page > header {
    display: block !important;
    width: 100%;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center;
}

.listing-page > header > div {
    width: 100%;
    min-width: 0;
    text-align: center !important;
}

.listing-page > header > div > div {
    justify-content: center;
}

.listing-page > header h1 {
    margin: 4px 0 3px !important;
    color: #102b41;
    font-size: clamp(27px, 3vw, 34px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.04em;
}

.listing-page > header p {
    margin: 0 !important;
    color: #5b6b7e;
    font-size: 13px;
    line-height: 1.45;
}

/* Breadcrumb solda + arama sağda aynı satırda */
.listing-page > div.grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin: 0 0 0 !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #dfe5eb !important;
}

.listing-page > div.grid > nav {
    margin: 0 !important;
    justify-self: start;
    align-self: center;
}

.listing-page > div.grid > form[role="search"] {
    justify-self: end;
    width: min(450px, 100%);
    max-width: none !important;
    margin: 0 !important;
    padding: 4px !important;
}

/* Haber listesi çizgiye yakın ama yapışık değil */
.listing-news-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

/* Kartlar yatay haber listesi olarak kalsın */
.listing-card {
    display: flex;
    align-items: stretch;
    min-height: 124px;
}

.listing-card-image {
    flex: 0 0 180px;
    width: 180px;
    min-height: 124px;
}

.listing-card-image img {
    width: 100%;
    height: 100%;
    min-height: 124px;
    object-fit: cover;
}

.listing-card-body {
    min-width: 0;
    flex: 1;
    padding: 14px 17px !important;
}

/* Mobil */
@media (max-width: 760px) {
    .main-content:has(.listing-page) {
        padding-top: 8px !important;
    }

    .listing-page {
        width: calc(100% - 28px);
        padding-top: 8px !important;
        padding-bottom: 40px !important;
    }

    .listing-page > header {
        margin-bottom: 12px !important;
    }

    .listing-page > header h1 {
        font-size: 26px;
    }

    .listing-page > header p {
        font-size: 12px;
    }

    .listing-page > div.grid {
        grid-template-columns: 1fr !important;
        gap: 10px;
        padding-bottom: 10px !important;
    }

    .listing-page > div.grid > nav {
        justify-self: start;
    }

    .listing-page > div.grid > form[role="search"] {
        justify-self: stretch;
        width: 100%;
    }

    .listing-news-list {
        margin-top: 12px;
        gap: 9px;
    }

    .listing-card {
        min-height: 100px;
    }

    .listing-card-image {
        flex-basis: 118px;
        width: 118px;
        min-height: 100px;
    }

    .listing-card-image img,
    .listing-card-image > div {
        min-height: 100px;
    }

    .listing-card-body {
        padding: 10px 12px !important;
    }

    .listing-card h2 {
        font-size: 13px;
        line-height: 1.35;
    }

    .listing-card p {
        font-size: 11px;
        line-height: 1.45;
    }
}

@media (max-width: 380px) {
    .listing-card-image {
        flex-basis: 98px;
        width: 98px;
    }

    .listing-card-body {
        padding: 9px !important;
    }
}

/* FINAL — Haberler arama alanı: dengeli genişlik */
.listing-page > div.grid > form[role="search"] {
    width: 450px !important;
    max-width: 450px !important;
}

@media (max-width: 900px) {
    .listing-page > div.grid > form[role="search"] {
        width: 420px !important;
        max-width: 420px !important;
    }
}

@media (max-width: 640px) {
    .listing-page > div.grid > form[role="search"] {
        width: 100% !important;
        max-width: none !important;
    }
}





/* Çok küçük ekranlarda yatay sıkışmayı önle. */
@layer components{

/* Footer */
.footer {
    width: 100%;
    margin-top: 48px;
    background: #071a2b;
    color: #d1dbe5;
    overflow: hidden;
}

.footer-main {
    width: calc(100% - 40px);
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(130px, 1fr));
    gap: 40px;
    padding: 44px 0 40px;
}

.footer-about {
    max-width: 340px;
    min-width: 0;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 14px;
}

.footer-logo img {
    display: block;
    width: 130px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.footer-about p {
    max-width: 330px;
    margin: 0;
    color: #aab9c8;
    font-size: 14px;
    line-height: 1.75;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

.footer-column h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.footer-column a {
    color: #aab9c8;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .2s ease;
}

.footer-column a:hover,
.footer-site-name:hover {
    color: #fff;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer-bottom-inner {
    width: calc(100% - 40px);
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 60px;
    padding: 14px 0;
    color: #91a3b5;
    font-size: 13px;
}

.footer-copyright {
    justify-self: start;
    min-width: 0;
    line-height: 1.5;
}

.footer-tech-brand {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-tech-brand img {
    display: block;
    width: 55px;
    height: 41px;
    object-fit: contain;
}

.footer-site-name {
    justify-self: end;
    color: #aab9c8;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
    }

    .footer-about {
        grid-column: 1 / -1;
        max-width: 100%;
    }

    .footer-about p {
        max-width: 480px;
    }
}

@media (max-width: 640px) {
    .footer-main,
    .footer-bottom-inner {
        width: calc(100% - 28px);
    }

    .footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 20px;
        padding: 28px 0 24px;
    }

    .footer-about {
        grid-column: 1 / -1;
        max-width: none;
    }

    .footer-logo {
        margin-bottom: 10px;
    }

    .footer-logo img {
        width: 108px;
    }

    .footer-about p {
        max-width: none;
        font-size: 13px;
        line-height: 1.55;
    }

    .footer-column {
        gap: 7px;
    }

    .footer-column h3 {
        margin-bottom: 4px;
        font-size: 15px;
        line-height: 1.25;
    }

    .footer-column a {
        font-size: 13px;
        line-height: 1.45;
    }

    .footer-main > .footer-column:last-child {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 7px;
    }

    .footer-main > .footer-column:last-child h3 {
        grid-column: 1 / -1;
    }

    .footer-bottom-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 0;
        padding: 14px 0 16px;
        text-align: center;
    }

    .footer-copyright {
        width: 100%;
        font-size: 12px;
    }

    .footer-tech-brand img {
        width: 48px;
        height: 36px;
    }

    .footer-site-name {
        font-size: 12px;
        line-height: 1;
    }
}

@media (max-width: 380px) {
    .footer-main,
    .footer-bottom-inner {
        width: calc(100% - 24px);
    }

    .footer-main {
        column-gap: 16px;
        row-gap: 20px;
    }

    .footer-main > .footer-column:last-child {
        column-gap: 16px;
    }

    .footer-logo img {
        width: 102px;
    }

    .footer-about p,
    .footer-column a {
        font-size: 12.5px;
    }
}


@media (min-width: 641px) {
    .footer-about {
        transform: translateX(140px);
    }

    .footer-copyright {
        transform: translateX(140px);
    }
}

/* =========================================================
   TOPBAR (Son Dakika) — daha yüksek, daha okunaklı, piyasa sağa
   ========================================================= */
@media (min-width: 761px) {
    .site-header .topline { overflow: hidden; }
    .site-header .top-inner { min-height: 46px; height: 46px; overflow: visible; gap: 20px; }
    .site-header .topline-label { font-size: 13px; letter-spacing: .08em; }
    .site-header .topline-label i { width: 8px; height: 8px; }
    .site-header .topline-track a { font-size: 14px; font-weight: 600; color: #f1f6fa; }
    .site-header .topline-group { gap: 40px; padding-right: 40px; }
    .site-header .topline-empty { font-size: 13px; }
    .site-header .top-market { font-size: 13px; font-weight: 600; gap: 14px; margin-right: -20px; color: #f1f6fa; }
    .site-header .top-market-item b { font-size: 14px; }
    .site-header .top-market-divider { height: 16px; }
}
@media (min-width: 1300px) {
    .site-header .top-market { margin-right: -32px; }
}


/* TOPBAR FINAL OVERRIDE — genişliği viewport boyunca kullan, içeriği soldan başlat.
   Bant normal belge akışında kalır; sticky/fixed konumlandırma yoktur. */
.site-header .topline {
    width: 100%;
    max-width: none;
    background: #06243a !important;
}
.site-header .topline .top-inner {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-inline: clamp(16px, 2vw, 30px) !important;
    min-height: 46px !important;
    height: 46px !important;
    gap: 20px !important;
}
.site-header .topline .topline-label {
    margin-left: 0 !important;
    flex: 0 0 auto;
}
.site-header .topline .topline-news {
    min-width: 80px;
    flex: 1 1 auto;
}
.site-header .topline .top-market {
    flex: 0 0 auto;
    margin-left: 12px !important;
    margin-right: 0 !important;
    gap: 12px !important;
    color: #f1f6fa;
}
.site-header .topline .top-market-item { gap: 5px; }
.site-header .topline .top-market-item b { font-size: 15px !important; }
.site-header .topline .top-market-usd b { color: #4ade80 !important; }
.site-header .topline .top-market-eur b { color: #60a5fa !important; }
.site-header .topline .top-market-gold b { color: #f4c95d !important; }
.site-header .topline .top-weather-icon {
    font-size: 17px !important;
    line-height: 1;
}
.site-header .topline .top-weather-item span { font-weight: 600; }
.site-header .topline .top-market-divider { flex: 0 0 1px; }
@media (max-width: 1100px) {
    .site-header .topline .top-inner { gap: 12px !important; padding-inline: 16px !important; }
    .site-header .topline .top-market { gap: 8px !important; margin-left: 6px !important; font-size: 11px !important; }
    .site-header .topline .topline-label { font-size: 11px !important; }
    .site-header .topline .topline-track a { font-size: 12px !important; }
    .site-header .topline .top-market-gold { display: none; }
}
@media (max-width: 760px) {
    .site-header .topline .top-market { display: flex !important; }
    .site-header .topline .top-inner {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        padding-inline: 12px !important;
        gap: 9px !important;
    }
    .site-header .topline .topline-label { font-size: 9px !important; letter-spacing: .04em !important; }
    .site-header .topline .topline-news { min-width: 0; }
    .site-header .topline .topline-track a { font-size: 10px !important; }
    .site-header .topline .topline-group { gap: 22px !important; padding-right: 22px !important; }
    .site-header .topline .top-market { gap: 7px !important; margin-left: 0 !important; font-size: 10px !important; }
    .site-header .topline .top-market-gold,
    .site-header .topline .top-market-usd,
    .site-header .topline .top-market-eur,
    .site-header .topline .top-market-divider:not(:first-of-type) { display: none !important; }
    .site-header .topline .top-market-divider { display: none !important; }
    .site-header .topline .top-weather-item span { font-size: 10px; }
    .site-header .topline .top-weather-icon { font-size: 15px !important; }
}

/* Ana sayfa: Süper Lig logo şeridi (takım adları görünmeden, logolar tıklanabilir). */
.superlig-logo-strip {
    width: 100%;
    min-width: 0;
    margin: 18px 0 20px;
    padding: 9px 11px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(15, 35, 55, .045);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.superlig-logo-strip::-webkit-scrollbar { display: none; }
.superlig-logo-strip__track {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: max-content;
}
.superlig-logo-strip__link {
    display: grid;
    flex: 0 0 52px;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid transparent;
    border-radius: 11px;
    outline-offset: 3px;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.superlig-logo-strip__link img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.superlig-logo-strip__link:hover {
    transform: translateY(-2px);
    border-color: #e1e7ee;
    background: #f8fafc;
    box-shadow: 0 5px 14px rgba(15, 35, 55, .07);
}
.superlig-logo-strip__link:focus-visible {
    outline: 2px solid #e32636;
    border-color: #e32636;
}
@media (max-width: 760px) {
    .superlig-logo-strip { margin: 14px 0 17px; padding: 7px; border-radius: 12px; }
    .superlig-logo-strip__track { justify-content: flex-start; gap: 5px; }
    .superlig-logo-strip__link { flex-basis: 46px; width: 46px; height: 46px; border-radius: 9px; }
    .superlig-logo-strip__link img { width: 35px; height: 35px; }
}
@media (prefers-reduced-motion: reduce) {
    .superlig-logo-strip__link { transition: none; }
}



/* ANA NAVİGASYON — daha tok ve çok az daha büyük kategori yazıları */
@media (min-width: 801px) {
    .nav-inner a {
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: -.01em !important;
        -webkit-text-stroke: .18px currentColor;
    }
}


/* Ana sayfa hızlı servis kartları: daha kompakt, okunabilir 5'li düzen */
.quick-services-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    padding-top: 12px;
}
.quick-services .service-link {
    min-height: 62px;
    padding: 9px 11px;
    gap: 9px;
    border-radius: 10px;
    font-size: 12px;
}
.quick-services .service-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.quick-services .service-link-copy strong {
    font-size: 12px;
    line-height: 1.3;
}
.quick-services .service-link > b { font-size: 13px; }
@media (max-width: 1000px) {
    .quick-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .quick-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .quick-services .service-link { min-height: 56px; padding: 8px 9px; gap: 8px; }
    .quick-services .service-icon { flex-basis: 28px; width: 28px; height: 28px; }
    .quick-services .service-link-copy strong { font-size: 11px; }
}



/* HIZLI SERVİSLER — kesin boyutlandırma (ana sayfa) */
html body .quick-services-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding-top: 0 !important;
}
html body .quick-services .service-link {
    min-height: 62px !important;
    height: 62px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}
html body .quick-services .service-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 19px !important;
}
html body .quick-services .service-link-copy strong {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}
html body .quick-services .service-link > b {
    font-size: 13px !important;
}
@media (max-width: 1000px) {
    html body .quick-services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    html body .quick-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }
    html body .quick-services .service-link {
        min-height: 56px !important;
        height: 56px !important;
        padding: 7px 8px !important;
        gap: 7px !important;
    }
    html body .quick-services .service-icon {
        flex-basis: 31px !important;
        width: 31px !important;
        height: 31px !important;
        font-size: 18px !important;
    }
    html body .quick-services .service-link-copy strong {
        font-size: 12.5px !important;
        font-weight: 800 !important;
    }
}


/* Öne çıkan haberler: uzun başlık ve özetlerde kontrollü metin yüksekliği */
.featured-lead-copy {
    left: 26px;
    right: 26px;
    bottom: 24px;
}

.featured-lead-copy h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-width: 94%;
    font-size: clamp(25px, 2.2vw, 32px);
    line-height: 1.13;
    margin: 10px 0 10px;
    overflow-wrap: anywhere;
}

.featured-lead-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-width: 94%;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.featured-lead-meta {
    margin-top: 15px;
}

@media (max-width: 760px) {
    .featured-lead-copy {
        left: 18px;
        right: 18px;
        bottom: 18px;
    }

    .featured-lead-copy h3 {
        max-width: 100%;
        font-size: clamp(22px, 5.6vw, 28px);
        line-height: 1.14;
        margin: 8px 0;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .featured-lead-copy p {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .featured-lead-meta {
        margin-top: 12px;
        gap: 8px;
    }
}


/* ÖNE ÇIKAN HABER KARTI — uzun metinlerde son ve güçlü kural */
html body .featured-lead-card .featured-lead-copy h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: calc(1.13em * 3) !important;
    font-size: clamp(25px, 2.05vw, 30px) !important;
    line-height: 1.13 !important;
    margin: 8px 0 10px !important;
    overflow-wrap: break-word !important;
}
html body .featured-lead-card .featured-lead-copy p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: calc(1.55em * 3) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-top: 8px !important;
}
@media (max-width: 760px) {
  html body .featured-lead-card .featured-lead-copy h3 {
    font-size: clamp(22px, 5.6vw, 28px) !important;
    line-height: 1.14 !important;
    max-height: calc(1.14em * 3) !important;
  }
  html body .featured-lead-card .featured-lead-copy p {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    max-height: calc(1.45em * 2) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}

}

/* =========================================================
   MOBİL ANA SAYFA — MANŞET VE ÖNE ÇIKAN HABERLER
   Bu blok yalnızca 760px ve altındaki ekranlarda çalışır.
   Masaüstü yerleşimi ve içerik/slider mantığı değiştirilmez.
   ========================================================= */
@media (max-width: 760px) {
    .hero-slider {
        margin-bottom: 18px;
    }

    .hero-slider-viewport {
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(15, 35, 55, .08);
    }

    .hero-slide,
    .hero-empty {
        height: clamp(300px, 82vw, 350px) !important;
        min-height: clamp(300px, 82vw, 350px) !important;
    }

    .hero-slide img {
        object-position: center;
    }

    .hero-shade {
        background: linear-gradient(
            180deg,
            rgba(3, 19, 32, .08) 0%,
            rgba(3, 19, 32, .18) 28%,
            rgba(3, 19, 32, .96) 100%
        );
    }

    .hero-copy {
        left: 15px !important;
        right: 15px !important;
        bottom: 18px !important;
        max-width: none;
    }

    .hero-copy .eyebrow {
        padding: 5px 8px;
        border-radius: 4px;
        font-size: 10px;
        letter-spacing: .07em;
    }

    .hero-copy h1 {
        display: -webkit-box;
        max-height: calc(1.12em * 3);
        margin: 8px 0 7px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        font-size: clamp(22px, 6vw, 27px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em;
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    .hero-copy p {
        display: -webkit-box;
        max-height: calc(1.43em * 2);
        margin: 0 0 8px !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 12.5px !important;
        line-height: 1.43 !important;
    }

    .hero-copy small {
        display: block;
        font-size: 11px;
        line-height: 1.2;
    }

    .hero-slider-button {
        top: 12px;
        width: 35px;
        height: 35px;
        margin-top: 0;
        border-color: rgba(255, 255, 255, .48);
        background: rgba(3, 19, 32, .58);
        font-size: 16px;
    }

    .hero-slider-prev { left: 8px; }
    .hero-slider-next { right: 8px; }

    .hero-slider-status {
        right: 9px;
        bottom: 9px;
        min-width: 48px;
        padding: 5px 7px;
        border-radius: 6px;
        font-size: 10px;
    }

    .featured-section {
        margin-bottom: 30px;
    }

    .featured-section-title {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
        padding-bottom: 11px;
    }

    .featured-title-copy {
        padding-left: 12px;
    }

    .featured-title-copy::before {
        top: 2px;
        bottom: 2px;
        width: 3px;
    }

    .featured-title-copy .section-kicker {
        margin-bottom: 5px;
        font-size: 10px;
        letter-spacing: .07em;
    }

    .featured-title-copy h2 {
        font-size: clamp(23px, 6vw, 28px);
        line-height: 1.12;
        letter-spacing: -.035em;
        text-wrap: balance;
    }

    .featured-header-actions {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .featured-all-link {
        flex: 0 0 auto;
        gap: 6px;
        padding: 8px 11px;
        font-size: 11px;
    }

    .featured-all-link b {
        font-size: 15px;
    }

    .featured-slider-controls {
        flex: 0 0 auto;
        gap: 5px;
        margin-left: 0;
        padding: 3px;
        border-radius: 9px;
    }

    .featured-slider-button {
        width: 32px;
        height: 32px;
        border-radius: 7px;
    }

    .featured-slider-counter {
        min-width: 34px;
        font-size: 10px;
    }

    .featured-slider-viewport {
        border-radius: 12px;
    }

    .featured-slide .featured-news-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .featured-slide .featured-lead-card {
        grid-column: auto !important;
    }

    .featured-lead-card {
        border-radius: 13px;
    }

    .featured-lead-image {
        height: clamp(230px, 68vw, 285px) !important;
    }

    .featured-lead-copy {
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
    }

    html body .featured-lead-card .featured-lead-copy h3 {
        max-width: 100% !important;
        max-height: calc(1.12em * 3) !important;
        margin: 7px 0 8px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        font-size: clamp(21px, 5.6vw, 26px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em;
    }

    html body .featured-lead-card .featured-lead-copy p {
        max-width: 100% !important;
        max-height: calc(1.4em * 2) !important;
        margin-top: 4px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }

    .featured-lead-meta {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-top: 9px !important;
    }

    .featured-lead-meta time {
        font-size: 10px !important;
        line-height: 1.2;
        white-space: nowrap;
    }

    .featured-read-link {
        flex: 0 0 auto;
        gap: 6px;
        padding: 7px 9px;
        font-size: 10px !important;
        white-space: nowrap;
        backdrop-filter: none;
    }

    .featured-read-link b {
        font-size: 14px;
    }

    .featured-lead-card .featured-category-pill {
        top: 11px;
        left: 11px;
        max-width: calc(100% - 60px);
        min-height: 25px;
        padding: 0 8px;
        overflow: hidden;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .featured-lead-card .featured-card-arrow {
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
    }

    .featured-lead-card .featured-card-arrow svg {
        width: 16px;
        height: 16px;
    }

    /* Kompakt haberler: dikey görsel kartları yerine, mobilde yatay satırlar. */
    .featured-compact-card {
        display: grid;
        grid-template-columns: minmax(100px, 31%) minmax(0, 1fr);
        grid-template-rows: minmax(120px, 1fr);
        min-height: 120px;
        border-radius: 12px;
    }

    .featured-compact-image {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        height: 100% !important;
        min-height: 120px;
        aspect-ratio: auto;
    }

    .featured-compact-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .featured-compact-body {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        overflow: hidden;
        padding: 10px 11px !important;
    }

    .featured-compact-body h3 {
        display: -webkit-box;
        max-height: calc(1.3em * 2);
        margin: 0;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 14px !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere;
    }

    .featured-compact-body p {
        display: -webkit-box;
        max-height: calc(1.42em * 2);
        margin: 6px 0 0 !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 11.5px !important;
        line-height: 1.42 !important;
    }

    .featured-compact-footer {
        gap: 6px;
        padding-top: 7px !important;
    }

    .featured-compact-footer time {
        font-size: 10px !important;
        line-height: 1.2;
    }

    .featured-mini-arrow {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
        font-size: 15px;
    }

    .featured-compact-image .featured-category-pill {
        top: 6px;
        left: 6px;
        max-width: calc(100% - 12px);
        min-height: 20px;
        padding: 0 6px;
        overflow: hidden;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .featured-compact-image .featured-card-arrow {
        top: 6px;
        right: 6px;
        width: 28px;
        height: 28px;
    }

    .featured-compact-image .featured-card-arrow svg {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 390px) {
    .featured-lead-image {
        height: clamp(220px, 70vw, 260px) !important;
    }

    .featured-compact-card {
        grid-template-columns: 94px minmax(0, 1fr);
        grid-template-rows: minmax(116px, 1fr);
        min-height: 116px;
    }

    .featured-compact-image {
        min-height: 116px;
    }

    .featured-compact-body {
        padding: 9px 10px !important;
    }

    .featured-compact-body h3 {
        font-size: 13px !important;
        line-height: 1.28 !important;
    }

    .featured-compact-body p {
        margin-top: 5px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 340px) {
    .hero-copy {
        left: 13px !important;
        right: 13px !important;
    }

    .hero-copy h1 {
        font-size: 21px !important;
    }

    .featured-title-copy h2 {
        font-size: 22px;
    }

    .featured-compact-card {
        grid-template-columns: 88px minmax(0, 1fr);
        grid-template-rows: minmax(112px, 1fr);
        min-height: 112px;
    }

    .featured-compact-image {
        min-height: 112px;
    }

    .featured-compact-body p {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        max-height: 1.42em;
    }
}


/* =========================================================
   CINE1HABER MOBİL 3. AŞAMA
   Hızlı servisler, son haberler ve kategori vitrini.
   Masaüstü yerleşimleri özellikle değiştirilmez.
   ========================================================= */
@media (max-width: 760px) {
    /* Hızlı servisler: iki sütun, daha rahat dokunma alanı ve sarılabilir başlıklar. */
    html body .quick-services {
        display: block !important;
        margin: 14px 0 24px !important;
        padding: 10px !important;
        border-radius: 13px !important;
    }

    html body .quick-services-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
    }

    html body .quick-services .quick-services-grid .service-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        min-height: 64px !important;
        height: 64px !important;
        padding: 8px 9px !important;
        gap: 7px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    html body .quick-services .quick-services-grid .service-link .service-icon {
        flex: 0 0 29px !important;
        width: 29px !important;
        height: 29px !important;
        font-size: 17px !important;
    }

    html body .quick-services .quick-services-grid .service-link .service-link-copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .quick-services .quick-services-grid .service-link .service-link-copy strong {
        display: -webkit-box !important;
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow-wrap: anywhere !important;
    }

    html body .quick-services .quick-services-grid .service-link > b {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        font-size: 12px !important;
    }

    /* Son haberler ve köşe yazıları mobilde tam genişlikte, net bir dikey akışta. */
    html body .content-columns {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    html body .content-columns > .latest-block,
    html body .content-columns > .latest-columns-block {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }

    html body .latest-block .latest-list {
        display: block !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
    }

    html body .latest-block .latest-item {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 11px !important;
        min-width: 0 !important;
        padding: 13px 0 !important;
    }

    html body .latest-block .latest-thumb {
        display: block !important;
        width: 100% !important;
        height: 76px !important;
        min-width: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body .latest-block .latest-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .latest-block .latest-item > div {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .latest-block .latest-item .eyebrow {
        display: inline-block !important;
        max-width: 100% !important;
        margin: 0 0 3px !important;
        overflow: hidden !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .latest-block .latest-item h3 {
        display: -webkit-box !important;
        max-height: 2.7em !important;
        margin: 2px 0 4px !important;
        overflow: hidden !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .latest-block .latest-item p {
        display: -webkit-box !important;
        max-height: calc(1.42em * 2) !important;
        margin: 0 !important;
        overflow: hidden !important;
        font-size: 11px !important;
        line-height: 1.42 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .latest-block .latest-item time {
        display: block !important;
        margin-top: 5px !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 640px) {
    /* Kategori vitrini: tek sütunlu, sıkışmayan kartlar. */
    html body .home-category-showcase {
        margin-top: 24px !important;
    }

    html body .home-category-heading {
        align-items: flex-start !important;
        margin-bottom: 13px !important;
    }

    html body .home-category-heading-copy {
        min-width: 0 !important;
        gap: 10px !important;
    }

    html body .home-category-heading-mark {
        align-self: stretch !important;
        width: 4px !important;
        height: auto !important;
        min-height: 42px !important;
        flex-basis: 4px !important;
        margin-top: 2px !important;
    }

    html body .home-category-heading h2 {
        max-width: 100% !important;
        font-size: clamp(20px, 5.3vw, 23px) !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere !important;
    }

    html body .home-category-heading p {
        max-width: 100% !important;
        margin-top: 5px !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    html body .home-category-feature-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    html body .home-category-feature-card {
        min-width: 0 !important;
        padding: 0 11px 4px !important;
        border-radius: 12px !important;
    }

    html body .home-category-card-heading {
        min-height: 42px !important;
        gap: 7px !important;
    }

    html body .home-category-name {
        min-width: 0 !important;
        gap: 7px !important;
        font-size: 11.5px !important;
    }

    html body .home-category-card-heading > a {
        max-width: 48% !important;
        flex: 0 1 auto !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        text-align: right !important;
    }

    html body .home-category-lead-image {
        height: clamp(140px, 45vw, 185px) !important;
        aspect-ratio: auto !important;
        border-radius: 8px !important;
    }

    html body .home-category-lead-copy {
        padding: 8px 0 9px !important;
    }

    html body .home-category-lead-copy h3 {
        display: -webkit-box !important;
        max-height: calc(1.32em * 3) !important;
        overflow: hidden !important;
        font-size: 14px !important;
        line-height: 1.32 !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
    }

    html body .home-category-lead-copy p {
        display: -webkit-box !important;
        max-height: calc(1.45em * 2) !important;
        margin-top: 5px !important;
        overflow: hidden !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .home-category-secondary-item {
        grid-template-columns: 29px 66px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }

    html body .home-category-number {
        width: 29px !important;
        height: 32px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
    }

    html body .home-category-secondary-image {
        width: 66px !important;
        height: 45px !important;
        border-radius: 6px !important;
    }

    html body .home-category-secondary-copy {
        min-width: 0 !important;
    }

    html body .home-category-secondary-copy h4 {
        max-height: calc(1.35em * 2) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
    }

    html body .home-category-secondary-copy time {
        margin-top: 3px !important;
        font-size: 9px !important;
    }
}

@media (max-width: 380px) {
    html body .quick-services-grid {
        gap: 7px !important;
    }

    html body .quick-services .quick-services-grid .service-link {
        padding: 7px 7px !important;
        gap: 6px !important;
    }

    html body .quick-services .quick-services-grid .service-link .service-icon {
        flex-basis: 27px !important;
        width: 27px !important;
        height: 27px !important;
        font-size: 16px !important;
    }

    html body .quick-services .quick-services-grid .service-link .service-link-copy strong {
        font-size: 11px !important;
    }

    html body .latest-block .latest-list {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    html body .latest-block .latest-item {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    html body .latest-block .latest-thumb {
        height: 70px !important;
    }

    html body .latest-block .latest-item h3 {
        font-size: 12.5px !important;
    }

    html body .latest-block .latest-item p {
        font-size: 10.5px !important;
    }

    html body .home-category-feature-card {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    html body .home-category-secondary-item {
        grid-template-columns: 25px 58px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    html body .home-category-number {
        width: 25px !important;
        height: 30px !important;
        font-size: 10px !important;
    }

    html body .home-category-secondary-image {
        width: 58px !important;
        height: 42px !important;
    }
}


@media (max-width: 760px) {
    /* Son Haberler bağlantısı başlığa hizalı, küçük bir düğme olarak kalsın. */
    html body .latest-block .latest-section-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    html body .latest-block .latest-section-title .featured-title-copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    html body .latest-block .latest-section-title > .featured-all-link {
        display: inline-flex !important;
        align-self: flex-end !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: max-content !important;
        margin: 0 !important;
        padding: 7px 9px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }
}

/* Servis kartları son mobil değerleri aynı Tailwind katmanında tanımlanır;
   böylece layout içindeki önemli kurallarla tutarlı biçimde sıralanır. */
@layer components {
    @media (max-width: 760px) {
        html body .quick-services .quick-services-grid .service-link {
            min-height: 64px !important;
            height: 64px !important;
            padding: 8px 9px !important;
            gap: 7px !important;
        }

        html body .quick-services .quick-services-grid .service-link .service-icon {
            flex-basis: 29px !important;
            width: 29px !important;
            height: 29px !important;
            font-size: 17px !important;
        }

        html body .quick-services .quick-services-grid .service-link .service-link-copy strong {
            font-size: 12px !important;
            line-height: 1.2 !important;
        }
    }

    @media (max-width: 380px) {
        html body .quick-services .quick-services-grid .service-link {
            padding: 7px !important;
            gap: 6px !important;
        }

        html body .quick-services .quick-services-grid .service-link .service-icon {
            flex-basis: 27px !important;
            width: 27px !important;
            height: 27px !important;
            font-size: 16px !important;
        }

        html body .quick-services .quick-services-grid .service-link .service-link-copy strong {
            font-size: 11px !important;
        }
    }
}


/* ===== MOBILE STAGE 4: column writers and footer only ===== */

@media (max-width: 760px) {
    /* Köşe yazarları: yatay kaydırılabilen kompakt yazar kartları. */
    html body .column-authors-home {
        margin-bottom: 24px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .column-authors-home > .section-title {
        align-items: flex-end !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    html body .column-authors-home > .section-title > div {
        min-width: 0 !important;
    }

    html body .column-authors-home .section-kicker {
        font-size: 9px !important;
        line-height: 1.35 !important;
        letter-spacing: .11em !important;
    }

    html body .column-authors-home .section-title h2 {
        font-size: 21px !important;
        line-height: 1.2 !important;
    }

    html body .column-authors-home > .section-title > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        min-height: 32px !important;
        padding: 0 9px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        color: #526477 !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body .column-authors-home-grid {
        display: flex !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 2px 2px 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #cbd5e1 transparent;
    }

    html body .column-author-home-card {
        flex: 0 0 min(76vw, 238px) !important;
        min-width: 0 !important;
        min-height: 72px !important;
        padding: 10px !important;
        gap: 9px !important;
        border-radius: 10px !important;
        scroll-snap-align: start;
        box-shadow: 0 3px 10px rgba(16, 44, 66, .035) !important;
    }

    html body .column-author-home-card img {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
    }

    html body .column-author-home-card span {
        gap: 4px !important;
    }

    html body .column-author-home-card strong {
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .column-author-home-card small {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    /* Son köşe yazıları: görsel, başlık ve yazar bilgisi dar ekranda dengeli kalsın. */
    html body .latest-columns-block {
        min-width: 0 !important;
        margin-top: 2px !important;
    }

    html body .latest-columns-heading {
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
    }

    html body .latest-columns-heading h2 {
        min-width: 0 !important;
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    html body .latest-columns-heading > a {
        flex: 0 0 auto !important;
        max-width: 48% !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        text-align: right !important;
    }

    html body .latest-columns-list {
        gap: 9px !important;
        padding: 0 !important;
    }

    html body .latest-column-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 9px !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 12px rgba(16, 44, 66, .035) !important;
    }

    html body .latest-column-cover,
    html body .latest-column-cover img {
        width: 82px !important;
        min-height: 88px !important;
        height: 100% !important;
    }

    html body .latest-column-cover {
        align-self: stretch !important;
        border-radius: 7px !important;
    }

    html body .latest-column-content {
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    html body .latest-column-label {
        font-size: 8px !important;
        letter-spacing: .08em !important;
        line-height: 1.3 !important;
    }

    html body .latest-column-content h3 {
        display: -webkit-box !important;
        margin: 4px 0 4px !important;
        overflow: hidden !important;
        font-size: 12.5px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .latest-column-content p {
        display: -webkit-box !important;
        margin: 0 0 5px !important;
        overflow: hidden !important;
        font-size: 10.5px !important;
        line-height: 1.4 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body .latest-column-meta {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 3px 7px !important;
        margin-top: auto !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    html body .latest-column-meta a,
    html body .latest-column-meta time {
        overflow-wrap: anywhere !important;
    }

    html body .latest-columns-block .empty-state {
        margin: 0 !important;
        padding: 18px 12px !important;
        border: 1px dashed #dbe3ec !important;
        border-radius: 10px !important;
        background: #fff !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    /* Footer bağlantıları telefonda rahat dokunulabilir, düzenli sütunlarda kalsın. */
    html body .footer {
        margin-top: 32px !important;
    }

    html body .footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 14px !important;
        padding-top: 25px !important;
        padding-bottom: 22px !important;
    }

    html body .footer-about {
        padding-bottom: 4px !important;
    }

    html body .footer-logo {
        margin-bottom: 9px !important;
    }

    html body .footer-logo img {
        width: 108px !important;
    }

    html body .footer-about p {
        max-width: 420px !important;
        font-size: 12.5px !important;
        line-height: 1.6 !important;
    }

    html body .footer-column {
        min-width: 0 !important;
        gap: 5px !important;
        padding-top: 12px !important;
        border-top: 1px solid rgba(255, 255, 255, .12) !important;
    }

    html body .footer-column h3 {
        margin-bottom: 3px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    html body .footer-column a {
        display: flex !important;
        align-items: center !important;
        min-height: 30px !important;
        padding: 3px 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere !important;
    }

    html body .footer-main > .footer-column:last-child {
        display: grid !important;
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 14px !important;
        row-gap: 3px !important;
    }

    html body .footer-main > .footer-column:last-child h3 {
        grid-column: 1 / -1 !important;
    }

    html body .footer-bottom-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: center !important;
        gap: 6px 12px !important;
        padding-top: 12px !important;
        padding-bottom: 13px !important;
    }

    html body .footer-copyright {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }

    html body .footer-tech-brand {
        grid-column: 1 !important;
        justify-self: end !important;
    }

    html body .footer-tech-brand img {
        width: 42px !important;
        height: 32px !important;
    }

    html body .footer-site-name {
        grid-column: 2 !important;
        justify-self: start !important;
        font-size: 11px !important;
    }
}

@media (max-width: 380px) {
    html body .column-authors-home-grid {
        gap: 8px !important;
    }

    html body .column-author-home-card {
        flex-basis: 78vw !important;
        padding: 9px !important;
        gap: 8px !important;
    }

    html body .latest-columns-heading h2 {
        font-size: 18px !important;
    }

    html body .latest-columns-heading > a {
        max-width: 44% !important;
        font-size: 9.5px !important;
    }

    html body .latest-column-card {
        grid-template-columns: 74px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 8px !important;
    }

    html body .latest-column-cover,
    html body .latest-column-cover img {
        width: 74px !important;
        min-height: 82px !important;
    }

    html body .latest-column-content p {
        font-size: 10px !important;
    }

    html body .footer-main {
        column-gap: 12px !important;
        row-gap: 16px !important;
    }

    html body .footer-column a {
        font-size: 11.5px !important;
    }
}



/* MOBİL MANŞET OKUNABİLİRLİK DÜZELTMESİ — masaüstünü etkilemez */
@media (max-width: 760px) {
    html body .hero-slider .hero-slide,
    html body .hero-slider .hero-empty {
        height: clamp(330px, 92vw, 390px) !important;
        min-height: clamp(330px, 92vw, 390px) !important;
    }

    html body .hero-slider .hero-shade {
        background: linear-gradient(180deg, rgba(3, 19, 32, .02) 0%, rgba(3, 19, 32, .04) 38%, rgba(3, 19, 32, .88) 100%) !important;
    }

    /* Mobilde uzun açıklama görseli kapatmasın; ayrıntı haber sayfasında okunur. */
    html body .hero-slider .hero-copy p {
        display: none !important;
    }

    html body .hero-slider .hero-copy {
        left: 16px !important;
        right: 16px !important;
        bottom: 42px !important;
        max-width: none !important;
    }

    html body .hero-slider .hero-copy h1 {
        max-width: 100% !important;
        margin: 9px 0 8px !important;
        font-size: clamp(22px, 5.8vw, 27px) !important;
        line-height: 1.12 !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        text-shadow: 0 2px 12px rgba(0,0,0,.3);
    }

    html body .hero-slider .hero-copy small {
        display: block !important;
        font-size: 11px !important;
    }

    html body .hero-slider .hero-slider-button {
        top: 12px !important;
        z-index: 5 !important;
        width: 34px !important;
        height: 34px !important;
    }

    html body .hero-slider .hero-slider-status {
        right: 10px !important;
        bottom: 10px !important;
        z-index: 5 !important;
    }
}

@media (max-width: 380px) {
    html body .hero-slider .hero-slide,
    html body .hero-slider .hero-empty {
        height: 340px !important;
        min-height: 340px !important;
    }

    html body .hero-slider .hero-copy {
        left: 13px !important;
        right: 13px !important;
        bottom: 42px !important;
    }
}



/* HOTFIX V2: Gerçek ana sayfa manşeti (.hero-slider) — sadece mobil */
@media screen and (max-width: 760px) {
  html body .hero-slider .hero-copy p {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .hero-slider .hero-slide .hero-shade {
    background: linear-gradient(
      180deg,
      rgba(3, 19, 32, 0) 0%,
      rgba(3, 19, 32, .04) 45%,
      rgba(3, 19, 32, .72) 100%
    ) !important;
  }

  html body .hero-slider .hero-copy {
    bottom: 42px !important;
    left: 16px !important;
    right: 16px !important;
  }
}



/* Mobil öne çıkan haberlerde yalnızca başlık ve tarih göster */
@media screen and (max-width: 760px) {
  html body .featured-section .featured-lead-copy > p,
  html body .featured-section .featured-compact-body > p {
    display: none !important;
  }
}



/* Mobil aşama 5: Haber detay sayfası — masaüstü kurallarına dokunmaz */
@media screen and (max-width: 760px) {
  html body .article-page {
    padding-top: 1rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  html body .article-page > nav[aria-label="Breadcrumb"] {
    margin-bottom: 1rem !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
  html body .article-page header {
    margin-bottom: 1rem !important;
  }
  html body .article-page header h1 {
    margin-top: .65rem !important;
    font-size: clamp(1.55rem, 6vw, 1.9rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: anywhere !important;
  }
  html body .article-page header > p {
    margin-top: .75rem !important;
    font-size: .95rem !important;
    line-height: 1.65 !important;
  }
  html body .article-page header > div {
    margin-top: .85rem !important;
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
    gap: .45rem .75rem !important;
  }
  html body .article-page .article-cover {
    margin-bottom: 1.25rem !important;
    border-radius: .8rem !important;
    background: #f1f5f9 !important;
  }
  html body .article-page .article-cover-image {
    width: 100% !important;
    max-height: 65vh !important;
    object-fit: contain !important;
  }
  html body .article-page .article-content {
    font-size: 16px !important;
    line-height: 1.85 !important;
    overflow-wrap: anywhere !important;
  }
  html body .article-page .article-content img,
  html body .article-page .article-content video,
  html body .article-page .article-content iframe {
    max-width: 100% !important;
  }
  html body .article-page aside {
    margin-top: 1.5rem !important;
  }
  html body .article-page aside section {
    padding: 1rem !important;
    border-radius: .9rem !important;
  }
}



/* Mobil aşama 6: Kategori ve tüm haberler listeleri — yalnızca mobil */
@media screen and (max-width: 760px) {
  /* Tüm haberler / arama sonuçları */
  html body .listing-page .listing-news-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  html body .listing-page .listing-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .045) !important;
  }

  html body .listing-page .listing-card-image {
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 124px !important;
    align-self: stretch !important;
  }

  html body .listing-page .listing-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .listing-page .listing-card-body {
    min-width: 0 !important;
    padding: 12px !important;
  }

  html body .listing-page .listing-card-body h2 {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
  }

  html body .listing-page .listing-card-body p {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  html body .listing-page .listing-card-body > div {
    padding-top: 8px !important;
    font-size: 10px !important;
  }

  html body .listing-page > header {
    margin-bottom: 14px !important;
  }

  html body .listing-page > header h1 {
    font-size: clamp(23px, 6vw, 29px) !important;
    line-height: 1.2 !important;
  }

  html body .listing-page > header p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html body .listing-page form[role="search"] {
    gap: 8px !important;
  }

  html body .listing-page form[role="search"] input {
    padding: 11px 12px !important;
    font-size: 13px !important;
  }

  html body .listing-page form[role="search"] button {
    padding: 11px 15px !important;
    white-space: nowrap !important;
  }

  /* Kategori sayfası: yatay haber kartları */
  html body .category-page .category-news-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  html body .category-page .category-news-grid > article {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .045) !important;
  }

  html body .category-page .category-news-image {
    flex: 0 0 116px !important;
    width: 116px !important;
    min-width: 116px !important;
    min-height: 132px !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }

  html body .category-page .category-news-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .category-page .category-news-image > span {
    left: 6px !important;
    bottom: 6px !important;
    max-width: calc(100% - 12px) !important;
    padding: 4px 6px !important;
    font-size: 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .category-page .category-news-grid > article > div {
    min-width: 0 !important;
    padding: 11px !important;
  }

  html body .category-page .category-news-grid > article h2 {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
  }

  html body .category-page .category-news-grid > article p {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  html body .category-page .category-news-grid > article > div > div {
    gap: 6px !important;
    padding-top: 8px !important;
    font-size: 10px !important;
  }

  html body .category-page .category-page-header h1 {
    font-size: clamp(24px, 6.2vw, 30px) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  html body .category-page .category-meta-row {
    gap: 8px !important;
  }

  html body .category-page .category-article-count {
    min-width: 82px !important;
    height: 38px !important;
    padding: 5px 7px !important;
    gap: 6px !important;
  }

  html body .category-page .category-article-count-icon {
    width: 23px !important;
    height: 23px !important;
  }

  html body .listing-page nav[aria-label="Sayfalar"] {
    gap: 6px !important;
    margin-top: 20px !important;
  }

  html body .listing-page nav[aria-label="Sayfalar"] a {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
}

@media screen and (max-width: 380px) {
  html body .listing-page .listing-card-image {
    flex-basis: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
  }

  html body .listing-page .listing-card-body {
    padding: 10px !important;
  }

  html body .category-page .category-news-image {
    flex-basis: 100px !important;
    width: 100px !important;
    min-width: 100px !important;
  }

  html body .category-page .category-news-grid > article > div {
    padding: 10px !important;
  }
}

/* FOOTER FIX — %110 yakınlaştırma ve dar masaüstü genişliklerinde çakışmayı önler. */
@media (min-width: 641px) {
    html body .footer-main .footer-about,
    html body .footer-bottom .footer-copyright {
        transform: none !important;
    }
}

html body .footer-main {
    grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(22px, 3vw, 40px) !important;
}

html body .footer-main > *,
html body .footer-bottom-inner > * {
    min-width: 0 !important;
}

html body .footer-about p {
    overflow-wrap: break-word;
}

@media (min-width: 641px) and (max-width: 1050px) {
    html body .footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 28px !important;
    }

    html body .footer-main .footer-about {
        grid-column: 1 / -1 !important;
        max-width: 480px !important;
    }
}

/* FOOTER SON DÜZELTME — açıklama ve bağlantı sütunları çakışmasın */
@media (min-width: 641px) {
    html body .footer-main {
        grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)) !important;
        column-gap: clamp(28px, 3.2vw, 44px) !important;
    }

    html body .footer-main .footer-about {
        transform: none !important;
        max-width: 100% !important;
    }

    html body .footer-main .footer-about p {
        width: 100% !important;
        max-width: 285px !important;
        overflow-wrap: normal !important;
    }

    html body .footer-bottom .footer-copyright {
        transform: none !important;
    }
}

@media (min-width: 641px) and (max-width: 1050px) {
    html body .footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 28px !important;
    }

    html body .footer-main .footer-about {
        grid-column: 1 / -1 !important;
        max-width: 480px !important;
    }

    html body .footer-main .footer-about p {
        max-width: 420px !important;
    }
}

/* FOOTER LAYOUT FINAL — masaüstünde logo/açıklama sütununu bağlantılardan ayırır. */
@layer components {
    @media (min-width: 1051px) {
        html body footer.footer .footer-main {
            display: grid !important;
            grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)) !important;
            column-gap: clamp(24px, 2.4vw, 34px) !important;
            row-gap: 28px !important;
            width: min(1240px, calc(100% - 48px)) !important;
            max-width: 1240px !important;
            margin-inline: auto !important;
            box-sizing: border-box !important;
        }

        html body footer.footer .footer-main > .footer-about {
            grid-column: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            transform: none !important;
        }

        html body footer.footer .footer-main > .footer-about p {
            display: block !important;
            width: 100% !important;
            max-width: 285px !important;
            margin: 0 !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
            word-break: normal !important;
        }

        html body footer.footer .footer-main > .footer-column {
            width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            transform: none !important;
        }

        html body footer.footer .footer-main > .footer-column a {
            max-width: 100% !important;
            overflow-wrap: break-word !important;
        }

        html body footer.footer .footer-bottom .footer-copyright {
            transform: none !important;
        }
    }

    /* Dar masaüstü/tablet: açıklama üst sırada, üç link sütunu altında. */
    @media (min-width: 641px) and (max-width: 1050px) {
        html body footer.footer .footer-main {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            column-gap: 24px !important;
            row-gap: 26px !important;
            width: calc(100% - 48px) !important;
            max-width: 900px !important;
            margin-inline: auto !important;
        }

        html body footer.footer .footer-main > .footer-about {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: 480px !important;
            margin: 0 !important;
            transform: none !important;
        }

        html body footer.footer .footer-main > .footer-about p {
            width: 100% !important;
            max-width: 420px !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
        }

        html body footer.footer .footer-main > .footer-column {
            min-width: 0 !important;
            transform: none !important;
        }

        html body footer.footer .footer-bottom .footer-copyright {
            transform: none !important;
        }
    }

    /* Ekran daraldığında mobil footer'ın iki sütunlu davranışı korunur. */
    @media (max-width: 640px) {
        html body footer.footer .footer-main > .footer-about {
            grid-column: 1 / -1 !important;
            max-width: none !important;
            transform: none !important;
        }

        html body footer.footer .footer-main > .footer-about p {
            width: 100% !important;
            max-width: none !important;
        }

        html body footer.footer .footer-bottom .footer-copyright {
            transform: none !important;
        }
    }
}


/* Footer sosyal medya ikonları — Hizmetler sütununda, son bağlantının altında yatay sıra. */
html body footer.footer .footer-socials {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    margin-top: 7px !important;
    padding: 0 !important;
    width: 100% !important;
}

html body footer.footer .footer-socials .footer-social-link {
    display: inline-flex !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 9px !important;
    color: #fff !important;
    text-decoration: none !important;
    line-height: 1 !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

html body footer.footer .footer-socials .footer-social-link:hover {
    color: #fff !important;
    filter: brightness(1.08) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18) !important;
}

html body footer.footer .footer-socials .footer-social-link svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
}

html body footer.footer .footer-socials .footer-social-link--facebook { background: #1877f2 !important; }
html body footer.footer .footer-socials .footer-social-link--instagram { background: linear-gradient(135deg, #7f36c8 0%, #e1306c 52%, #fda84c 100%) !important; }
html body footer.footer .footer-socials .footer-social-link--youtube { background: #ff0033 !important; }
html body footer.footer .footer-socials .footer-social-link--x { background: #111820 !important; }

@media (max-width: 640px) {
    html body footer.footer .footer-main > .footer-column:last-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    html body footer.footer .footer-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        grid-column: auto !important;
        margin-top: 7px !important;
    }
}


/* DESKTOP AD SPACE V3 — içerik alanını biraz daha daraltıp iki yanda reklam boşluğu bırakır. */
@media (min-width: 1200px) {
    html body .container {
        width: min(1100px, calc(100% - 48px)) !important;
        max-width: 1100px !important;
        margin-inline: auto !important;
    }

    html body .nav-inner {
        width: min(1100px, calc(100% - 48px)) !important;
        max-width: 1100px !important;
        margin-inline: auto !important;
    }

    html body footer.footer .footer-main {
        width: min(1100px, calc(100% - 48px)) !important;
        max-width: 1100px !important;
        margin-inline: auto !important;
    }
}

/* Küçük ekranlarda mevcut duyarlı genişlikler korunur; yan reklam boşluğu ayrılmaz. */
@media (max-width: 1199px) {
    html body .container,
    html body .nav-inner {
        max-width: none;
    }
}

/* Ana banner ile takım logoları arasında daha kompakt yatay reklam yuvası (900 × 70). */
.home-top-ad-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 22px auto 26px;
    padding: 0;
}

.home-top-ad-slot__creative {
    display: block;
    width: min(900px, 100%);
    min-height: 70px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
}

@media (max-width: 760px) {
    .home-top-ad-slot {
        margin: 16px auto 20px;
    }

    .home-top-ad-slot__creative {
        min-height: 56px;
        border: 0;
        border-radius: 0;
        background: transparent;
    }
}



/* Yalnızca ana bannerın yanına ve altına reklam yerleşimi */
.hero-ad-layout {
    position: relative;
    width: 100%;
}
.hero-side-ad {
    position: absolute;
    top: 0;
    left: calc(-1 * (clamp(120px, 12vw, 180px) + 20px));
    width: clamp(120px, 12vw, 180px);
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.hero-side-ad img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home-top-ad-slot {
    display: block;
    width: 100%;
    margin: 20px 0 28px;
    overflow: hidden;
    border-radius: 10px;
}
.home-top-ad-slot img {
    display: block;
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1500px) {
    .hero-side-ad { left: calc(-1 * (clamp(105px, 10vw, 145px) + 14px)); width: clamp(105px, 10vw, 145px); }
}
@media (max-width: 1100px) {
    .hero-side-ad { display: none; }
}
@media (max-width: 640px) {
    .home-top-ad-slot { margin: 14px 0 22px; }
    .home-top-ad-slot img { height: 100px; }
}

/* VERTICAL AD FIX 2026-10-15 */
/* Dikey reklam: yalnızca bannerın solunda, banner yüksekliğine sabitlenir. */
html body .hero-ad-layout {
    position: relative !important;
    width: 100%;
}
html body .hero-ad-layout > .hero-side-ad {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: calc(-1 * (clamp(105px, 9.5vw, 145px) + 14px)) !important;
    right: auto !important;
    bottom: auto !important;
    width: clamp(105px, 9.5vw, 145px) !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}
html body .hero-ad-layout > .hero-side-ad > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}

@media (max-width: 1100px) { html body .hero-ad-layout > .hero-side-ad { display: none !important; } }

/* DİKEY REKLAM SON DÜZELTME: masaüstünde bannerın sol boşluğuna sabitle */
@media (min-width: 1101px) {
  html body .hero-ad-layout { position: relative !important; width: 100% !important; }
  html body .hero-ad-layout > aside.hero-side-ad {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: calc(-1 * (clamp(105px, 9.5vw, 145px) + 14px)) !important;
    right: auto !important;
    bottom: auto !important;
    width: clamp(105px, 9.5vw, 145px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    z-index: 5 !important;
  }
  html body .hero-ad-layout > aside.hero-side-ad > img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}
@media (max-width: 1100px) {
  html body .hero-ad-layout > aside.hero-side-ad { display: none !important; }
}


/* FIX FINAL: Dikey reklamı normal grid akışına al; banner genişliğini değiştirmeden soldaki boşluğa yerleştir. */
@media (min-width: 1200px) {
  html body .main-content .hero-ad-layout {
    display: grid !important;
    grid-template-columns: clamp(105px, 9.5vw, 145px) minmax(0, 1fr) !important;
    column-gap: 14px !important;
    width: calc(100% + clamp(105px, 9.5vw, 145px) + 14px) !important;
    max-width: none !important;
    margin-left: calc(-1 * (clamp(105px, 9.5vw, 145px) + 14px)) !important;
    margin-right: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }
  html body .main-content .hero-ad-layout > aside.hero-side-ad {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    z-index: 2 !important;
  }
  html body .main-content .hero-ad-layout > aside.hero-side-ad > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: fill !important;
    object-position: center top !important;
  }
  html body .main-content .hero-ad-layout > .hero-slider {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 1199px) {
  html body .main-content .hero-ad-layout {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  html body .main-content .hero-ad-layout > aside.hero-side-ad {
    display: none !important;
  }
}

/* DİKEY REKLAM SON OVERRIDE: geniş masaüstünde reklam + manşet aynı satırda */
@layer components {
  @media screen and (min-width: 1420px) {
    html body main.container.main-content > .hero-ad-layout {
      display: grid !important;
      grid-template-columns: clamp(105px, 9.5vw, 145px) minmax(0, 1fr) !important;
      column-gap: 14px !important;
      width: calc(100% + clamp(105px, 9.5vw, 145px) + 14px) !important;
      max-width: none !important;
      margin-left: calc(-1 * (clamp(105px, 9.5vw, 145px) + 14px)) !important;
      margin-right: 0 !important;
      position: relative !important;
      align-items: stretch !important;
      overflow: visible !important;
    }
    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad {
      display: block !important;
      position: relative !important;
      inset: auto !important;
      grid-column: 1 !important;
      grid-row: 1 !important;
      align-self: stretch !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      border: 0 !important;
      border-radius: 0 !important;
      z-index: 2 !important;
    }
    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad > img {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 100% !important;
      min-height: 100% !important;
      object-fit: fill !important;
      object-position: center top !important;
    }
    html body main.container.main-content > .hero-ad-layout > section.hero-slider {
      grid-column: 2 !important;
      grid-row: 1 !important;
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
    }
  }
  /* Reklamın yanına sığmadığı daha dar ekranlarda ana manşeti bozma. */
  @media screen and (min-width: 1200px) and (max-width: 1419px) {
    html body main.container.main-content > .hero-ad-layout {
      display: block !important;
      width: 100% !important;
      max-width: 1100px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad {
      display: none !important;
    }
  }
}



/* YATAY REKLAM DÜZELTMESİ: Orijinal yatay görselin tamamını oranını koruyarak göster. */
html body .main-content .home-top-ad-slot {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px 0 28px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
html body .main-content .home-top-ad-slot > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
}
@media (max-width: 640px) {
    html body .main-content .home-top-ad-slot { margin: 14px 0 22px !important; }
    html body .main-content .home-top-ad-slot > img { height: auto !important; }
}


/* YATAY REKLAM SON KİLİT: özgün 2048x205 bannerı kırpmadan göster. */
html body .main-content .home-top-ad-slot {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 20px 0 28px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .main-content .home-top-ad-slot > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 2048 / 205 !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 640px) {
  html body .main-content .home-top-ad-slot { margin: 14px 0 22px !important; }
  html body .main-content .home-top-ad-slot > img { height: auto !important; }
}


/* YATAY REKLAM SON DÜZELTME v5: sunucudaki PNG dosya adıyla eşleştir; tam görseli doğal oranında göster. */
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 20px 0 28px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 2048 / 205 !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 640px) {
  html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
    margin: 14px 0 22px !important;
  }
}
/* C1 Teknoloji reklamları: tıklanabilir ve canlı hissi veren hafif animasyonlar */
.c1-ad-link {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    isolation: isolate;
}
.c1-ad-link img {
    transition: filter .35s ease, transform .6s ease;
    will-change: filter, transform;
}
.c1-ad-link::after {
    content: "";
    position: absolute;
    inset: -20% auto -20% -65%;
    width: 34%;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.04) 28%, rgba(255,255,255,.34) 50%, rgba(255,255,255,.05) 72%, transparent 100%);
    transform: skewX(-18deg);
    animation: c1-ad-light-sweep 5.5s ease-in-out infinite;
}
.c1-ad-link:hover img {
    filter: brightness(1.12) saturate(1.18) contrast(1.03);
    transform: scale(1.012);
}
.c1-ad-link--vertical { width: 100%; height: 100%; }
.c1-ad-link--vertical img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.c1-ad-link--horizontal { width: 100%; }
.c1-ad-link--horizontal img {
    width: 100%;
    /* Yatay bannerın renklerini dikey reklamla daha dengeli ve canlı hale getir. */
    filter: brightness(1.12) saturate(1.18) contrast(1.04);
}
.c1-ad-link--horizontal:hover img {
    filter: brightness(1.16) saturate(1.22) contrast(1.04);
}
@keyframes c1-ad-light-sweep {
    0%, 62% { left: -65%; opacity: 0; }
    68% { opacity: .9; }
    88%, 100% { left: 135%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .c1-ad-link::after { animation: none; }
    .c1-ad-link img { transition: none; }
}


/* YATAY REKLAM KAPSAYICI FIX v6:
   Gerçek HTML yapısı section > a > img olduğundan link ve görseli ayrı hedefle.
   Sabit reklam yuvası yüksekliğini ve beyaz arka planı kaldır. */
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 20px 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] > a.c1-ad-link--horizontal {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    aspect-ratio: auto !important;
    background: transparent !important;
    overflow: hidden !important;
}
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] > a.c1-ad-link--horizontal > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    aspect-ratio: 2048 / 205 !important;
    object-fit: contain !important;
    object-position: center !important;
}
@media (max-width: 640px) {
    html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
        margin: 14px 0 22px !important;
    }
}


/* FIX v2: Haber detay sayfasındaki dönüş bağlantısı ile footer arasındaki gereksiz boşluğu kaldır. */
html body main.container.main-content:has(.article-page) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

html body main.container.main-content:has(.article-page) .article-page.article-page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Pixad SCROLL alanı boşken zaten yükseklik oluşturmaz; reklam yüklenmeden display:none uygulanmaz. */

html body:has(main.container.main-content .article-page) footer.footer.footer {
    margin-top: 12px !important;
}

@media (max-width: 760px) {
    html body main.container.main-content:has(.article-page) {
        padding-bottom: 0 !important;
    }

    html body main.container.main-content:has(.article-page) .article-page.article-page {
        padding-bottom: 0 !important;
    }

    html body:has(main.container.main-content .article-page) footer.footer.footer {
        margin-top: 10px !important;
    }
}

/* Pixad responsive placements — remove the former C1 image-ad layout. */
html body main.container.main-content > .hero-ad-layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
}
html body main.container.main-content > .hero-ad-layout > section.hero-slider {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
html body .pixad-ad-wrap .px-ads-area {
    width: auto;
}
@media (max-width: 640px) {
    html body .pixad-ad-wrap {
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* Ana sayfa reklam düzeni: dikey reklam solda, yatay reklam bannerın altında. */
@media screen and (min-width: 1420px) {
    html body main.container.main-content > .hero-ad-layout {
        display: grid !important;
        grid-template-columns: clamp(105px, 9.5vw, 145px) minmax(0, 1fr) !important;
        column-gap: 14px !important;
        width: calc(100% + clamp(105px, 9.5vw, 145px) + 14px) !important;
        max-width: none !important;
        margin: 0 0 0 calc(-1 * (clamp(105px, 9.5vw, 145px) + 14px)) !important;
        padding: 0 !important;
        position: relative !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        z-index: 2 !important;
    }

    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad > a.c1-ad-link--vertical {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
    }

    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad img {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        object-fit: fill !important;
        object-position: center top !important;
    }

    html body main.container.main-content > .hero-ad-layout > section.hero-slider {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Dar ekranlarda dikey reklam gösterilmez; ana banner tam genişlikte kalır. */
@media screen and (max-width: 1419px) {
    html body main.container.main-content > .hero-ad-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    html body main.container.main-content > .hero-ad-layout > aside.hero-side-ad {
        display: none !important;
    }

    html body main.container.main-content > .hero-ad-layout > section.hero-slider {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Yatay reklam, bannerın altında ve takım logolarının üstünde tam genişlikte. */
html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 14px 0 24px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background: transparent !important;
}

html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] > a.c1-ad-link--horizontal {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] > a.c1-ad-link--horizontal > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 640px) {
    html body main.container.main-content > section.home-top-ad-slot[data-ad-slot="home-between-hero-and-teams"] {
        margin: 14px 0 22px !important;
    }
}

/* Pixad reklam kapsayıcılarının davranışını değiştirmeden ölçülerini koru. */
html body .pixad-ad-wrap .px-ads-area {
    width: auto;
}
@media (max-width: 640px) {
    html body .pixad-ad-wrap {
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* =========================================================
   MOBILE FOOTER — centered, balanced layout
   Masaüstü footer görünümünü etkilemez.
   ========================================================= */
@media (max-width: 760px) {
    html body footer.footer {
        margin-top: 28px !important;
    }

    html body footer.footer .footer-main {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: stretch !important;
        width: calc(100% - 40px) !important;
        max-width: 460px !important;
        margin-inline: auto !important;
        padding: 30px 0 26px !important;
        column-gap: 20px !important;
        row-gap: 22px !important;
        box-sizing: border-box !important;
    }

    /* Logo ve açıklama */
    html body footer.footer .footer-main > .footer-about {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 17px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .13) !important;
        text-align: center !important;
        transform: none !important;
    }

    html body footer.footer .footer-main > .footer-about .footer-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        margin: 0 auto 12px !important;
    }

    html body footer.footer .footer-main > .footer-about .footer-logo img {
        display: block !important;
        width: 116px !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    html body footer.footer .footer-main > .footer-about p {
        display: block !important;
        width: 100% !important;
        max-width: 370px !important;
        margin: 0 auto !important;
        color: #c3cfdb !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
    }

    /* Kurumsal ve kategoriler */
    html body footer.footer .footer-main > .footer-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 4px 0 !important;
        gap: 6px !important;
        border-top: 1px solid rgba(255, 255, 255, .13) !important;
        text-align: center !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body footer.footer .footer-main > .footer-column h3 {
        display: block !important;
        width: 100% !important;
        margin: 0 0 4px !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    html body footer.footer .footer-main > .footer-column a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        color: #b7c5d4 !important;
        font-size: 13.5px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        overflow-wrap: normal !important;
    }

    /* Hizmetler bölümü tam genişlikte ve kendi içinde ortalı */
    html body footer.footer .footer-main > .footer-column:last-child {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 14px 0 0 !important;
        gap: 6px !important;
        border-top: 1px solid rgba(255, 255, 255, .13) !important;
    }

    html body footer.footer .footer-main > .footer-column:last-child h3,
    html body footer.footer .footer-main > .footer-column:last-child a {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    html body footer.footer .footer-main > .footer-column:last-child a {
        max-width: 280px !important;
    }

    /* Sosyal medya ikonları hizmetlerin altında, yatay ve ortalı */
    html body footer.footer .footer-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 12px auto 0 !important;
        padding: 0 !important;
        gap: 10px !important;
    }

    html body footer.footer .footer-socials .footer-social-link {
        display: inline-flex !important;
        flex: 0 0 40px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }

    html body footer.footer .footer-socials .footer-social-link svg {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
    }

    /* Alt bant: telif ve C1 logosu aynı merkez ekseninde */
    html body footer.footer .footer-bottom-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100% - 40px) !important;
        max-width: 460px !important;
        min-height: 0 !important;
        margin-inline: auto !important;
        padding: 15px 0 17px !important;
        gap: 9px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    html body footer.footer .footer-bottom .footer-copyright {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body footer.footer .footer-bottom .footer-tech-brand {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        margin: 0 auto !important;
    }

    html body footer.footer .footer-bottom .footer-tech-brand img {
        display: block !important;
        width: 48px !important;
        height: 36px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }
}