*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:#ff4d6d;--text:#1a1520;--muted:#6b6570;--border:#ebe6e9;--bg:#faf7f8;
  --accent2:#ff8fa3;--ok:#10b981;--err:#ef4444;--warn:#f59e0b;
  --accent-hover:#e63e5c;
  --font:'Plus Jakarta Sans',system-ui,sans-serif;--hfont:'Plus Jakarta Sans',system-ui,sans-serif;--fsize:16px;
  --radius:12px;--radius-lg:24px;
    --accent-hover:color-mix(in srgb, var(--accent) 82%, #000);
}
[data-theme="dark"]{
  --accent:#ff8fa3;--text:#f5f0f2;--muted:#a89aa0;--border:#3a3238;--bg:#14121a;
  --accent2:#ffb3c1;--ok:#34d399;--err:#f87171;--warn:#fbbf24;
  --radius:12px;--radius-lg:24px;
}
[data-theme="dark"] body{background:#0f172a !important;color:#e2e8f0 !important}
[data-theme="dark"] .site-header{background:#1e293b !important}
[data-theme="dark"] .site-header a,[data-theme="dark"] .site-logo{color:#e2e8f0 !important}
[data-theme="dark"] .site-nav-submenu{background:#1e293b !important;border-color:#334155 !important}
[data-theme="dark"] .site-footer{background:#1e293b !important;color:#94a3b8 !important}
[data-theme="dark"] .site-hamburger span{background:#e2e8f0}

[data-theme="dark"] section{background:#0f172a !important}
[data-theme="dark"] section h1,[data-theme="dark"] section h2,[data-theme="dark"] section h3,
[data-theme="dark"] section h4,[data-theme="dark"] section h5{color:#e2e8f0 !important}
[data-theme="dark"] section p{color:#94a3b8 !important}
[data-theme="dark"] section a:not([style*="background"]):not([class*="btn"]):not([class*="button"]){color:#ff8fa3 !important}
[data-theme="dark"] section div[style*="background:#fff"],
[data-theme="dark"] section div[style*="background: #fff"],
[data-theme="dark"] section div[style*="background:white"],
[data-theme="dark"] section div[style*="background: white"]{background:#1e293b !important}
[data-theme="dark"] section div[style*="color:#1e293b"],
[data-theme="dark"] section div[style*="color: #1e293b"],
[data-theme="dark"] section div[style*="color:#374151"],
[data-theme="dark"] section div[style*="color: #374151"]{color:#e2e8f0 !important}
[data-theme="dark"] section div[style*="color:#64748b"],
[data-theme="dark"] section div[style*="color: #64748b"]{color:#94a3b8 !important}
[data-theme="dark"] section div[style*="border:1px solid #e8ecf4"],
[data-theme="dark"] section div[style*="border: 1px solid #e8ecf4"],
[data-theme="dark"] section div[style*="border:1px solid var(--border"]{border-color:#334155 !important}
[data-theme="dark"] section div[style*="border:2px solid #e5e7eb"],
[data-theme="dark"] section div[style*="border: 2px solid #e5e7eb"]{border-color:#334155 !important}
[data-theme="dark"] section div[style*="border-bottom:1px solid #e5e7eb"],
[data-theme="dark"] section div[style*="border-bottom: 1px solid #e5e7eb"]{border-bottom-color:#334155 !important}
[data-theme="dark"] section input,[data-theme="dark"] section textarea{background:#1e293b !important;color:#e2e8f0 !important;border-color:#334155 !important}
[data-theme="dark"] section button[style*="background:#fff"],
[data-theme="dark"] section button[style*="background: #fff"]{background:#1e293b !important;color:#e2e8f0 !important}
[data-theme="dark"] .b-text{color:#e2e8f0 !important}
[data-theme="dark"] .b-text h1,[data-theme="dark"] .b-text h2,[data-theme="dark"] .b-text h3{color:#e2e8f0 !important}
[data-theme="dark"] .b-text p{color:#94a3b8 !important}
[data-theme="dark"] main{background:#0f172a !important}
[data-theme="dark"] footer{background:#1e293b !important;color:#94a3b8 !important}
/* Karanlık mod yalnız <section> ile başlayan bileşenleri kapsıyordu; <div> kökü olan bileşenler (Hakkımızda,
   İletişim vb.) satır içi beyaz / açık gri zemininde kalıyordu. Artık her bileşen (kökü ve içi) kapsanır.
   Bağlantı / buton yazı renklerine dokunulmaz (renkli butonun beyaz yazısı korunur). */
[data-theme="dark"] #mainContent [data-bid]:is([style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background-color:#fff"]){background:#0f172a !important}
[data-theme="dark"] #mainContent [data-bid]:is([style*="background:#f8fafc"],[style*="background:#f1f5f9"],[style*="background:#fafafa"],[style*="background:#f9fafb"],[style*="background:#faf7f8"],[style*="background:#f9f9f9"],[style*="background:#f5f5f5"],[style*="background:#f7f7f7"],[style*="background:#fcfcfc"],[style*="background:#f8f9fa"]){background:#131c30 !important}
[data-theme="dark"] #mainContent [data-bid] :is(div,li,article,aside,figure,span,td,th,a:not([style*="display:inline"])):is([style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background-color:#fff"]){background:#1e293b !important}
[data-theme="dark"] #mainContent [data-bid] :is(div,li,article,aside,figure,span,td,th,a:not([style*="display:inline"])):is([style*="background:#f8fafc"],[style*="background:#f1f5f9"],[style*="background:#fafafa"],[style*="background:#f9fafb"],[style*="background:#f9f9f9"],[style*="background:#f5f5f5"],[style*="background:#f7f7f7"],[style*="background:#fcfcfc"],[style*="background:#f8f9fa"]){background:#172238 !important}
[data-theme="dark"] #mainContent [data-bid] :is(h1,h2,h3,h4,h5,h6){color:#e2e8f0 !important}
[data-theme="dark"] #mainContent [data-bid] p:not([style*="color:#fff"]){color:#a8b3c5 !important}
[data-theme="dark"] #mainContent [data-bid] :is(div,li,span,td,th,strong,b,label,button,summary,dt,dd):is([style*="color:#0f172a"],[style*="color:#1e293b"],[style*="color:#334155"],[style*="color:#374151"],[style*="color:#111827"]):not(button:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#e2e8f0 !important}
[data-theme="dark"] #mainContent [data-bid] :is(div,li,span,td,th,small,label,button,summary,dt,dd):is([style*="color:#475569"],[style*="color:#64748b"],[style*="color:#6b7280"]):not(button:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#a8b3c5 !important}
[data-theme="dark"] #mainContent [data-bid] [style*="solid #e2e8f0"],[data-theme="dark"] #mainContent [data-bid] [style*="solid #e5e7eb"],
[data-theme="dark"] #mainContent [data-bid] [style*="solid #f1f5f9"],[data-theme="dark"] #mainContent [data-bid] [style*="solid #e8ecf4"]{border-color:#334155 !important}
[data-theme="dark"] #mainContent [data-bid] a:is([style*="color:#475569"],[style*="color:#1e293b"],[style*="color:#334155"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#cbd5e1 !important}

.dm-toggle{
  width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;
  background:rgba(255,255,255,.12);color:inherit;font-size:20px;display:flex;align-items:center;justify-content:center;
  transition:all .2s;flex-shrink:0;padding:0;line-height:1;font-family:inherit;backdrop-filter:blur(4px);
}
.dm-toggle:hover{transform:scale(1.1);background:rgba(255,255,255,.2)}
[data-theme="dark"] .dm-toggle{background:rgba(255,255,255,.1);color:#fbbf24;border-color:rgba(255,255,255,.2)}
.dm-fixed-br{ position:fixed;bottom:24px;right:24px;z-index:9998;background:#ff4d6d;color:#fff;border:1.5px solid transparent;box-shadow:0 4px 16px rgba(0,0,0,.2); }
.dm-fixed-br:hover{background:var(--accent-hover,#e63e5c);box-shadow:0 6px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .dm-fixed-br{background:#1e293b;color:#fbbf24;border-color:rgba(255,255,255,.1)}
.dm-fixed-tr{ position:fixed;top:24px;right:24px;z-index:9998;background:#ff4d6d;color:#fff;border:1.5px solid transparent;box-shadow:0 4px 16px rgba(0,0,0,.2); }
.dm-fixed-tr:hover{background:var(--accent-hover,#e63e5c);box-shadow:0 6px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .dm-fixed-tr{background:#1e293b;color:#fbbf24;border-color:rgba(255,255,255,.1)}
.site-header.shrink .dm-toggle{ width:28px;height:28px;font-size:14px;transition:all 500ms cubic-bezier(0.4,0,0.2,1); }
@media(max-width:768px){ .dm-toggle{width:34px;height:34px;font-size:17px;margin-right:4px} }

html{max-width:100%}
body{font-family:var(--font,'Plus Jakarta Sans',system-ui,sans-serif);font-size:var(--fsize,16px);color:var(--text);background:#fff;line-height:1.6;max-width:100%}
:root{--shadow-1:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);--shadow-2:0 4px 10px rgba(15,23,42,.07),0 10px 24px rgba(15,23,42,.08);--shadow-3:0 12px 28px rgba(15,23,42,.12),0 24px 48px rgba(15,23,42,.10);--ease-out:cubic-bezier(.22,1,.36,1);--h2-size:clamp(24px,2.2vw + 14px,36px);--h3-size:clamp(18px,1vw + 13px,22px)}@media (hover:hover) and (pointer:fine){main#mainContent [data-bid] [style*="display:grid"]>:is(div,article,a)[style*="border-radius"]:not(:has([data-bid])),main#mainContent [data-bid] [style*="display: grid"]>:is(div,article,a)[style*="border-radius"]:not(:has([data-bid])),main#mainContent [data-bid] .fv-cards-grid>*,main#mainContent [data-bid] .fv-tst-grid>*,main#mainContent [data-bid] .fv-pricing-grid>*,main#mainContent [data-bid] .fv-ci-grid>*{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);will-change:transform}main#mainContent [data-bid] [style*="display:grid"]>:is(div:hover,article:hover,a)[style*="border-radius"]:not(:has([data-bid])):hover,main#mainContent [data-bid] [style*="display: grid"]>:is(div:hover,article:hover,a)[style*="border-radius"]:not(:has([data-bid])):hover,main#mainContent [data-bid] .fv-cards-grid>*:hover,main#mainContent [data-bid] .fv-tst-grid>*:hover,main#mainContent [data-bid] .fv-pricing-grid>*:hover,main#mainContent [data-bid] .fv-ci-grid>*:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)!important}}@media (prefers-reduced-motion:reduce){main#mainContent [data-bid] [style*="display:grid"]>:is(div,article,a)[style*="border-radius"]:not(:has([data-bid])),main#mainContent [data-bid] [style*="display: grid"]>:is(div,article,a)[style*="border-radius"]:not(:has([data-bid])),main#mainContent [data-bid] .fv-cards-grid>*,main#mainContent [data-bid] .fv-tst-grid>*,main#mainContent [data-bid] .fv-pricing-grid>*,main#mainContent [data-bid] .fv-ci-grid>*{transition:none!important;transform:none!important}}@media(max-width:900px){main#mainContent [data-bid]:is([data-type="about-section-2"],[data-type="car-card"],[data-type="container"],[data-type="counter"],[data-type="events-block"],[data-type="faq"],[data-type="icon-box"],[data-type="list"],[data-type="logo-grid"],[data-type="map"],[data-type="market-showcase"],[data-type="mega-footer"],[data-type="page-header"],[data-type="personel-karti"],[data-type="portfolio"],[data-type="posts"],[data-type="results-gallery"],[data-type="service-booking"],[data-type="service-card"],[data-type="staff-card"],[data-type="stat-counter"],[data-type="support-ticket"],[data-type="team"],[data-type="client-logos"],[data-type="icon-list"]) :is([style*="grid-template-columns:repeat("],[style*="grid-template-columns: repeat("]):not([style*="auto-fill"]):not([style*="auto-fit"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){main#mainContent [data-bid]:is([data-type="about-section-2"],[data-type="car-card"],[data-type="container"],[data-type="counter"],[data-type="events-block"],[data-type="faq"],[data-type="icon-box"],[data-type="list"],[data-type="logo-grid"],[data-type="map"],[data-type="market-showcase"],[data-type="mega-footer"],[data-type="page-header"],[data-type="personel-karti"],[data-type="portfolio"],[data-type="posts"],[data-type="results-gallery"],[data-type="service-booking"],[data-type="service-card"],[data-type="staff-card"],[data-type="stat-counter"],[data-type="support-ticket"],[data-type="team"],[data-type="client-logos"],[data-type="icon-list"]) :is([style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"]){grid-template-columns:minmax(0,1fr)!important}}@media(max-width:560px){main#mainContent [data-bid]:is([data-type="about-section-2"],[data-type="car-card"],[data-type="container"],[data-type="events-block"],[data-type="faq"],[data-type="icon-box"],[data-type="list"],[data-type="map"],[data-type="market-showcase"],[data-type="mega-footer"],[data-type="page-header"],[data-type="personel-karti"],[data-type="portfolio"],[data-type="posts"],[data-type="service-booking"],[data-type="service-card"],[data-type="staff-card"],[data-type="support-ticket"],[data-type="team"]) :is([style*="grid-template-columns:repeat("],[style*="grid-template-columns: repeat("]):not([style*="auto-fill"]):not([style*="auto-fit"]){grid-template-columns:minmax(0,1fr)!important}main#mainContent [data-bid]:is([data-type="logo-grid"],[data-type="client-logos"],[data-type="counter"],[data-type="stat-counter"],[data-type="icon-list"],[data-type="results-gallery"]) :is([style*="grid-template-columns:repeat("],[style*="grid-template-columns: repeat("]):not([style*="auto-fill"]):not([style*="auto-fit"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#1e40af0"][style*="color:#1e40af"],[style*="background:#1e40af1"][style*="color:#1e40af"],[style*="background:#1e40af2"][style*="color:#1e40af"],[style*="background:#1e40af3"][style*="color:#1e40af"]){color:#9aa9db!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#1e40af"],[style*="color: #1e40af"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#9aa9db!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#1d4ed80"][style*="color:#1d4ed8"],[style*="background:#1d4ed81"][style*="color:#1d4ed8"],[style*="background:#1d4ed82"][style*="color:#1d4ed8"],[style*="background:#1d4ed83"][style*="color:#1d4ed8"]){color:#99afed!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#1d4ed8"],[style*="color: #1d4ed8"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#99afed!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#2563eb0"][style*="color:#2563eb"],[style*="background:#2563eb1"][style*="color:#2563eb"],[style*="background:#2563eb2"][style*="color:#2563eb"],[style*="background:#2563eb3"][style*="color:#2563eb"]){color:#9db9f6!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#2563eb"],[style*="color: #2563eb"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#9db9f6!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#1e3a8a0"][style*="color:#1e3a8a"],[style*="background:#1e3a8a1"][style*="color:#1e3a8a"],[style*="background:#1e3a8a2"][style*="color:#1e3a8a"],[style*="background:#1e3a8a3"][style*="color:#1e3a8a"]){color:#9aa6ca!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#1e3a8a"],[style*="color: #1e3a8a"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#9aa6ca!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#0c2d5a0"][style*="color:#0c2d5a"],[style*="background:#0c2d5a1"][style*="color:#0c2d5a"],[style*="background:#0c2d5a2"][style*="color:#0c2d5a"],[style*="background:#0c2d5a3"][style*="color:#0c2d5a"]){color:#92a1b5!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#0c2d5a"],[style*="color: #0c2d5a"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#92a1b5!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#9f12390"][style*="color:#9f1239"],[style*="background:#9f12391"][style*="color:#9f1239"],[style*="background:#9f12392"][style*="color:#9f1239"],[style*="background:#9f12393"][style*="color:#9f1239"]){color:#d494a6!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#9f1239"],[style*="color: #9f1239"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#d494a6!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#15803d0"][style*="color:#15803d"],[style*="background:#15803d1"][style*="color:#15803d"],[style*="background:#15803d2"][style*="color:#15803d"],[style*="background:#15803d3"][style*="color:#15803d"]){color:#96c6a8!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#15803d"],[style*="color: #15803d"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#96c6a8!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#1665340"][style*="color:#166534"],[style*="background:#1665341"][style*="color:#166534"],[style*="background:#1665342"][style*="color:#166534"],[style*="background:#1665343"][style*="color:#166534"]){color:#96baa4!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#166534"],[style*="color: #166534"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#96baa4!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="background:#7c3aed0"][style*="color:#7c3aed"],[style*="background:#7c3aed1"][style*="color:#7c3aed"],[style*="background:#7c3aed2"][style*="color:#7c3aed"],[style*="background:#7c3aed3"][style*="color:#7c3aed"]){color:#c4a6f7!important}[data-theme="dark"] #mainContent [data-bid] :is([style*="color:#7c3aed"],[style*="color: #7c3aed"]):not(:is([style*="background:#"],[style*="background: #"],[style*="background:linear"],[style*="background:rgb"],[style*="background:var"])){color:#c4a6f7!important}@media(max-width:900px){main#mainContent [data-mpt]{padding-top:var(--mptt)!important}main#mainContent [data-mpb]{padding-bottom:var(--mpbt)!important}}@media(max-width:600px){main#mainContent [data-mpt]{padding-top:var(--mptp)!important}main#mainContent [data-mpb]{padding-bottom:var(--mpbp)!important}}main#mainContent :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}/* Tipografi koordinasyonu: temadaki başlık yazı tipi (--hfont) tanımlanıyor ama hiçbir yerde kullanılmıyordu.
   :where → sıfır özgüllük: bileşen kendi yazı tipini bilerek seçtiyse o geçerli kalır. */
:where(h1,h2,h3,h4,h5,h6){font-family:var(--hfont,var(--font,inherit));line-height:1.25}

.site-header{transition:background-color .25s ease,box-shadow .25s ease,color .25s ease,transform .3s ease;display:flex;flex-direction:column;overflow:visible;width:100%;max-width:none;left:0;right:0;box-sizing:border-box}
.site-header.is-sticky{position:sticky !important;top:0 !important;z-index:200 !important}
.site-header.is-fixed,
.site-header.overlay-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:none !important;z-index:200 !important}
.site-header.smart-hide{transition:transform 0.3s ease,background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}
.site-header.smart-hide.is-hidden{transform:translateY(-100%)}
.site-header.scrolled{transition:background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}
.site-header.scrolled .site-nav a,
.site-header.scrolled .header-phone,
.site-header.scrolled .header-social a,
.site-header.scrolled .header-account-link,
.site-header.scrolled .header-portal-login,
.site-header.scrolled .header-cta,
.site-header.scrolled .site-hamburger,
.site-header.scrolled .dm-toggle{color:var(--scroll-text, inherit) !important}
.site-header.scrolled .site-header-inner:not(.layout-stacked) .site-logo,
.site-header.scrolled .site-header-inner:not(.layout-stacked) .site-logo span{color:var(--scroll-text, inherit) !important}
.site-header.scrolled .site-nav{background:var(--scroll-nav-bg, var(--nav-bg, transparent)) !important}
.site-header.scrolled .site-header-inner.layout-stacked .header-toolbar{
  background:var(--scroll-nav-bg, var(--nav-bg, transparent)) !important;
  color:var(--scroll-text, inherit);
  transition:background-color .3s ease,color .3s ease;
}
.site-header.scrolled .site-header-inner.layout-stacked .header-brand-band .site-logo,
.site-header.scrolled .site-header-inner.layout-stacked .header-brand-band .site-logo span{
  color:inherit !important;
}
.site-header-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;width:100%;padding:0 var(--fv-gutter,clamp(12px,2vw,32px));max-width:var(--header-content-max,1400px);min-height:0;height:auto;box-sizing:border-box}
/* Tam genişlik header = arka plan kenara; içerik main ile aynı page_width rayında kalsın */
.site-header.is-fullwidth .site-header-inner,
.site-header-inner.full-width{
  max-width:var(--fv-page-max,var(--header-site-max,var(--header-content-max,1400px))) !important;
  padding-left:var(--fv-gutter,clamp(12px,2vw,32px));
  padding-right:var(--fv-gutter,clamp(12px,2vw,32px));
  margin-left:auto;
  margin-right:auto;
}
.site-header.is-fullwidth .site-header-inner.layout-stacked,
.site-header-inner.layout-stacked.full-width{padding:0 !important}
/* fullWidthCollapseOnScroll: toggle .is-sitewidth on scroll (V parity) */
.site-header.is-fullwidth .site-header-inner{
  transition:box-shadow .25s ease,background-color .25s ease;
}
.site-header.is-fullwidth.is-sitewidth .site-header-inner,
.site-header.is-fullwidth.is-sitewidth .site-header-inner.full-width{
  max-width:var(--fv-page-max,var(--header-site-max,var(--header-content-max,1400px))) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--fv-gutter,24px) !important;
  padding-right:var(--fv-gutter,24px) !important;
  width:100%;
  box-sizing:border-box;
}
.site-header.is-fullwidth:not(.is-sitewidth) .site-header-inner,
.site-header.is-fullwidth:not(.is-sitewidth) .site-header-inner.full-width{
  max-width:var(--fv-page-max,var(--header-site-max,var(--header-content-max,1400px))) !important;
}
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked,
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked.full-width{
  padding-left:var(--fv-gutter,24px) !important;
  padding-right:var(--fv-gutter,24px) !important;
}
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked .site-logo,
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked .header-brand-band,
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked .site-nav,
.site-header.is-fullwidth.is-sitewidth .site-header-inner.layout-stacked .header-toolbar{
  padding-left:0 !important;
  padding-right:0 !important;
  transition:none;
}
.site-header.is-fullwidth:not(.is-sitewidth) .site-header-inner.layout-stacked .site-logo,
.site-header.is-fullwidth:not(.is-sitewidth) .site-header-inner.layout-stacked .site-nav{
  padding-left:0 !important;
  padding-right:0 !important;
}
.site-logo{font-size:20px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;transition:transform 0.3s ease;flex-shrink:0;max-width:40%}
/* Logo yüksekliği ayarı KESİN yükseklik: eskiden yalnız max-height vardı → ayar logoyu küçültüyor ama
   dosyanın kendi boyutundan büyük göstermiyordu ("büyütmüyor"). object-fit:contain oranı korur. */
.site-logo img{object-fit:contain;transition:height .2s ease,max-height .2s ease;max-width:100%;width:auto;height:var(--logo-h,80px);max-height:none}
.site-logo-2 img{width:auto;height:var(--logo2-h,80px);max-height:none}
.site-nav{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;flex-shrink:1;min-width:0}
.site-nav a{text-decoration:none;font-size:var(--nav-fs, 14px);font-weight:var(--nav-fw, 500);color:var(--nav-color, inherit);text-shadow:var(--nav-shadow, none);transition:color 0.2s ease,opacity 0.2s ease;position:relative;white-space:nowrap}
.header-toolbar{display:contents}
.header-search{display:flex;align-items:center;position:relative;flex:0 1 180px;min-width:110px;max-width:min(260px,42vw)}
.site-nav-links{display:flex;gap:inherit;align-items:center;flex-wrap:wrap;min-width:0}
.site-nav-extras{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-search input{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}
.header-account-link,.header-portal-login,.header-cta{flex-shrink:0;align-self:center}

.site-header-inner.layout-default{flex-direction:row;min-height:var(--header-height,64px)}

/* STACKED (İki Satır) — logo/menü satır sırası data-*-pos ile kontrol edilir */
.site-header-inner.layout-stacked {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    min-height: 0;
    height: auto !important;
    flex: 0 0 auto !important;
}

.site-header-inner.layout-stacked .header-brand-band {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: clamp(8px, 1.5vw, 16px);
    position: relative;
    padding: clamp(6px, 1.2vh, 14px) var(--fv-gutter, clamp(12px, 2vw, 32px));
    box-sizing: border-box;
    min-height: var(--logo-band-height, 0px);
    flex-shrink: 0;
    background-color: var(--brand-band-bg, transparent);
}
.header-logo-slot{display:flex;align-items:center;gap:10px;min-width:0}
.header-logo-slot.slot-left{justify-content:flex-start}
.header-logo-slot.slot-center{justify-content:center}
.header-logo-slot.slot-right{justify-content:flex-end}
.site-header-inner.layout-stacked .header-brand-band .site-logo {
    order: unset;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    position: relative !important;
    padding: 0;
    box-sizing: border-box;
    min-height: 0;
    align-items: center;
    flex-shrink: 1;
}
.site-header-inner.layout-stacked .header-brand-band .site-logo-2{max-width:min(42%,280px)}
.site-header:not(.shrink) .site-header-inner.layout-stacked .header-brand-band .site-logo img{
  max-height:min(var(--logo-h,80px),16vh,28vw)!important;
  width:auto!important;
  max-width:min(100%,52vw)!important;
}
.site-header:not(.shrink) .site-header-inner.layout-stacked .header-brand-band .site-logo-2 img{
  max-height:min(var(--logo2-h,80px),14vh,20vw)!important;
  max-width:min(100%,36vw)!important;
}
.site-header-inner.layout-stacked .site-logo {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    position: relative !important;
    padding: 12px 24px;
    box-sizing: border-box;
    min-height: 0;
    align-items: center;
    flex-shrink: 0;
}

.site-header-inner.layout-stacked .header-toolbar{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:8px 12px;
    order:2;
    width:100%;
    background:var(--nav-bg,#fff);
    min-height:var(--menu-bar-height,48px);
    padding:6px var(--fv-gutter,clamp(12px,2vw,32px));
    box-sizing:border-box;
    z-index:2;
    position:relative;
}
.site-header-inner.layout-stacked .site-nav {
    display: contents;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
}
.site-header-inner.layout-stacked .site-nav-links{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px 14px;
    min-width:0;
    flex:1 1 0;
    order:1;
    z-index:2;
    position:static;
    transform:none;
    max-width:none;
}
.site-header-inner.layout-stacked .site-nav-extras{
    display:flex;
    align-items:center;
    gap:8px;
    order:2;
    margin-left:0;
    flex-shrink:0;
    z-index:3;
}
.site-header-inner.layout-stacked .header-cart{order:3;margin-left:0;align-self:center;flex-shrink:0;z-index:3}
.site-header-inner.layout-stacked .site-hamburger{order:4;flex-shrink:0}

/* Tam genişlik: stacked şerit padding */
.site-header.is-fullwidth .site-header-inner.layout-stacked .site-logo{padding:12px 24px}
.site-header.is-fullwidth .site-header-inner.layout-stacked .header-brand-band{padding:clamp(6px,1.2vh,14px) var(--fv-gutter,clamp(12px,2vw,32px))}
.site-header.is-fullwidth .site-header-inner.layout-stacked .header-brand-band .site-logo{padding:0}
.site-header.is-fullwidth .site-header-inner.layout-stacked .site-nav{padding:0}

/* Menü şeridi: üst / alt (stacked 2 satır; orta = alt) */
.site-header-inner.layout-stacked[data-menu-pos^="top"] .header-toolbar { order: 1; }
.site-header-inner.layout-stacked[data-menu-pos^="top"] .header-brand-band { order: 2; }
.site-header-inner.layout-stacked[data-menu-pos^="bottom"] .header-toolbar { order: 2; }
.site-header-inner.layout-stacked[data-menu-pos^="bottom"] .header-brand-band { order: 1; }
.site-header-inner.layout-stacked[data-menu-pos^="middle"] .header-toolbar { order: 2; }
.site-header-inner.layout-stacked[data-menu-pos^="middle"] .header-brand-band { order: 1; }

/* Yatay: arama/cta sağda kalsın, linkler sol / orta / sağ */
.site-header-inner.layout-stacked[data-menu-pos*="-left"] .site-nav-links,
.site-header-inner.layout-stacked[data-menu-pos="left"] .site-nav-links{
  justify-content:flex-start;
}
.site-header-inner.layout-stacked[data-menu-pos*="-center"] .site-nav-links,
.site-header-inner.layout-stacked[data-menu-pos="center"] .site-nav-links{
  justify-content:center;
}
.site-header-inner.layout-stacked[data-menu-pos*="-right"] .site-nav-links,
.site-header-inner.layout-stacked[data-menu-pos="right"] .site-nav-links{
  justify-content:flex-end;
}

/* Overlay header */
.site-header.overlay-header{background-color:transparent !important;box-shadow:none !important}
.site-header.overlay-header.is-solid,
.site-header.overlay-header.shrink,
.site-header.overlay-header.scrolled{
  background-color:var(--nav-solid-bg,#fff) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 2px 12px rgba(0,0,0,.08) !important;
}

/* Mega menü */
.site-nav-dropdown.mega > .site-nav-submenu{
  display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:min(720px,90vw);background:var(--submenu-bg,#fff);border:1px solid rgba(0,0,0,0.08);
  border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.14);padding:16px;z-index:220;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;
}
.site-nav-dropdown.mega:hover > .site-nav-submenu,
.site-nav-dropdown.mega:focus-within > .site-nav-submenu{display:grid}
.site-nav-dropdown.mega .site-nav-submenu a{padding:10px 12px;border-radius:8px}
.site-nav-dropdown.mega .mega-desc{display:block;font-size:11px;opacity:.65;font-weight:400;margin-top:2px}

.site-nav{font-family:var(--nav-font, inherit)}
.site-logo img.logo-secondary{display:none}
.site-header.is-stacked{background-color:transparent !important}
.site-header.is-stacked .header-brand-band{background-color:var(--brand-band-bg, #fff)}
.site-header.is-stacked.scrolled,
.site-header.is-stacked.shrink{
  background-color:transparent !important;
  color:inherit;
}
.site-header.is-stacked.overlay-header.is-solid,
.site-header.is-stacked.overlay-header.shrink,
.site-header.is-stacked.overlay-header.scrolled{
  background-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header.is-stacked.overlay-header.scrolled .header-toolbar,
.site-header.is-stacked.overlay-header.shrink .header-toolbar{
  background:var(--scroll-nav-bg, var(--nav-solid-bg, #fff)) !important;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
/* Kaydırınca logo değişimi yalnız "küçülme logosu" gerçekten varsa: eskiden logonun yanındaki gizli yazı
   etiketi yüzünden :only-child hiç sağlanmıyor, küçülen menüde logo tamamen kayboluyordu. */
.site-header.shrink:not(.is-stacked) .site-logo.has-logo-secondary img.logo-primary{display:none}
.site-header.shrink:not(.is-stacked) .site-logo.has-logo-secondary img.logo-secondary{display:block}
/* Tek satır + ortada logo: masaüstünde logo menünün üstüne bindirilmez (eskiden position:absolute ile
   menü yazılarının ortasına oturuyordu). Üç sütun: [boş/2. logo] [logo] [menü]. */
@media(min-width:769px){
  .site-header-inner.layout-default[data-logo-pos*="-center"],
  .site-header-inner.layout-default[data-logo-pos="center"]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px}
  .site-header-inner.layout-default[data-logo-pos*="-center"] .site-logo,
  .site-header-inner.layout-default[data-logo-pos="center"] .site-logo{position:static;transform:none;grid-column:2;grid-row:1}
  .site-header-inner.layout-default[data-logo-pos*="-center"] .site-nav,
  .site-header-inner.layout-default[data-logo-pos="center"] .site-nav{grid-column:3;grid-row:1;min-width:0}
  .site-header-inner.layout-default[data-logo-pos*="-center"][data-menu-pos*="-left"] .site-nav{grid-column:1}
  .site-header-inner.layout-default[data-logo-pos*="-center"] .site-logo-2{grid-column:1;grid-row:1;position:static;transform:none;justify-self:start}
  .site-header-inner.layout-default[data-logo-pos*="-center"][data-menu-pos*="-left"] .site-logo-2{grid-column:3;justify-self:end}
}

a.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
a.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;color:#0f172a;padding:10px 14px;border-radius:8px;font-weight:700}

.header-social{display:flex;gap:10px;align-items:center;margin-left:12px}
.header-social a{color:inherit;opacity:.8;font-size:14px;text-decoration:none}
.header-social a:hover{opacity:1}
.header-phone{margin-left:12px;font-size:13px;font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}

/* Yatay hizalama */
.site-header-inner.layout-stacked[data-logo-pos*="-left"] .site-logo, .site-header-inner.layout-stacked[data-logo-pos="left"] .site-logo{justify-content:flex-start}
.site-header-inner.layout-stacked[data-logo-pos*="-center"] .site-logo, .site-header-inner.layout-stacked[data-logo-pos="center"] .site-logo{justify-content:center}
.site-header-inner.layout-stacked[data-logo-pos*="-right"] .site-logo, .site-header-inner.layout-stacked[data-logo-pos="right"] .site-logo{justify-content:flex-end}
.site-header-inner.layout-default .site-nav{display:flex;align-items:center;gap:10px 16px}
.site-header-inner.layout-default .site-nav-links{flex:1 1 auto;min-width:0}
.site-header-inner.layout-default .site-nav-extras{margin-left:8px}

/* GRID — 3 satır (üst / orta / alt) × 3 sütun; satırlar içeriğe göre (logo yüksekliği) */
.site-header-inner.layout-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;min-height:var(--header-height,64px);height:auto;position:relative;align-items:stretch;flex:0 0 auto}
.site-header-inner.layout-grid .site-logo{grid-area:2/2/3/3;justify-self:center;align-self:center;max-width:none}
.site-header-inner.layout-grid .site-nav{grid-area:2/2/3/3;justify-self:center;align-self:center}

.site-header-inner.layout-grid[data-logo-pos="top-left"] .site-logo{grid-area:1/1/2/2;justify-self:start;align-self:start}
.site-header-inner.layout-grid[data-logo-pos="top-center"] .site-logo{grid-area:1/2/2/3;justify-self:center;align-self:start}
.site-header-inner.layout-grid[data-logo-pos="top-right"] .site-logo{grid-area:1/3/2/4;justify-self:end;align-self:start}
.site-header-inner.layout-grid[data-logo-pos="middle-left"] .site-logo{grid-area:2/1/3/2;justify-self:start;align-self:center}
.site-header-inner.layout-grid[data-logo-pos="middle-center"] .site-logo{grid-area:2/2/3/3;justify-self:center;align-self:center}
.site-header-inner.layout-grid[data-logo-pos="middle-right"] .site-logo{grid-area:2/3/3/4;justify-self:end;align-self:center}
.site-header-inner.layout-grid[data-logo-pos="bottom-left"] .site-logo{grid-area:3/1/4/2;justify-self:start;align-self:end}
.site-header-inner.layout-grid[data-logo-pos="bottom-center"] .site-logo{grid-area:3/2/4/3;justify-self:center;align-self:end}
.site-header-inner.layout-grid[data-logo-pos="bottom-right"] .site-logo{grid-area:3/3/4/4;justify-self:end;align-self:end}
.site-header-inner.layout-grid .site-logo-2{grid-area:1/3/2/4;justify-self:end;align-self:start;max-width:none}
.site-header-inner.layout-grid[data-logo2-pos="top-left"] .site-logo-2{grid-area:1/1/2/2;justify-self:start;align-self:start}
.site-header-inner.layout-grid[data-logo2-pos="top-center"] .site-logo-2{grid-area:1/2/2/3;justify-self:center;align-self:start}
.site-header-inner.layout-grid[data-logo2-pos="top-right"] .site-logo-2{grid-area:1/3/2/4;justify-self:end;align-self:start}
.site-header-inner.layout-grid[data-logo2-pos="middle-left"] .site-logo-2{grid-area:2/1/3/2;justify-self:start;align-self:center}
.site-header-inner.layout-grid[data-logo2-pos="middle-center"] .site-logo-2{grid-area:2/2/3/3;justify-self:center;align-self:center}
.site-header-inner.layout-grid[data-logo2-pos="middle-right"] .site-logo-2{grid-area:2/3/3/4;justify-self:end;align-self:center}
.site-header-inner.layout-grid[data-logo2-pos="bottom-left"] .site-logo-2{grid-area:3/1/4/2;justify-self:start;align-self:end}
.site-header-inner.layout-grid[data-logo2-pos="bottom-center"] .site-logo-2{grid-area:3/2/4/3;justify-self:center;align-self:end}
.site-header-inner.layout-grid[data-logo2-pos="bottom-right"] .site-logo-2{grid-area:3/3/4/4;justify-self:end;align-self:end}
.site-header-inner.layout-grid[data-menu-pos="top-left"] .site-nav{grid-area:1/1/2/2;justify-self:start;align-self:start}
.site-header-inner.layout-grid[data-menu-pos="top-center"] .site-nav{grid-area:1/2/2/3;justify-self:center;align-self:start}
.site-header-inner.layout-grid[data-menu-pos="top-right"] .site-nav{grid-area:1/3/2/4;justify-self:end;align-self:start}
.site-header-inner.layout-grid[data-menu-pos="middle-left"] .site-nav{grid-area:2/1/3/2;justify-self:start;align-self:center}
.site-header-inner.layout-grid[data-menu-pos="middle-center"] .site-nav{grid-area:2/2/3/3;justify-self:center;align-self:center}
.site-header-inner.layout-grid[data-menu-pos="middle-right"] .site-nav{grid-area:2/3/3/4;justify-self:end;align-self:center}
.site-header-inner.layout-grid[data-menu-pos="bottom-left"] .site-nav{grid-area:3/1/4/2;justify-self:start;align-self:end}
.site-header-inner.layout-grid[data-menu-pos="bottom-center"] .site-nav{grid-area:3/2/4/3;justify-self:center;align-self:end}
.site-header-inner.layout-grid[data-menu-pos="bottom-right"] .site-nav{grid-area:3/3/4/4;justify-self:end;align-self:end}

.site-header-inner.layout-default .site-logo{order:1}
.site-header-inner.layout-default .site-nav{order:2;flex:1;display:flex;align-items:center}
.site-header-inner.layout-default[data-logo-pos*="-left"] .site-logo, .site-header-inner.layout-default[data-logo-pos="left"] .site-logo{order:1;justify-self:start}
.site-header-inner.layout-default[data-logo-pos*="-center"] .site-logo, .site-header-inner.layout-default[data-logo-pos="center"] .site-logo{order:1;position:absolute;left:50%;transform:translateX(-50%);z-index:1}
.site-header-inner.layout-default[data-logo-pos*="-right"] .site-logo, .site-header-inner.layout-default[data-logo-pos="right"] .site-logo{order:2;justify-self:end}
.site-header-inner.layout-default .site-logo-2{order:3;margin-left:auto}
.site-header-inner.layout-default[data-logo2-pos*="-left"] .site-logo-2, .site-header-inner.layout-default[data-logo2-pos="left"] .site-logo-2{order:1;margin-left:0}
.site-header-inner.layout-default[data-logo2-pos*="-center"] .site-logo-2, .site-header-inner.layout-default[data-logo2-pos="center"] .site-logo-2{order:2;position:absolute;left:50%;transform:translateX(-50%);z-index:1;margin-left:0}
.site-header-inner.layout-default[data-logo2-pos*="-right"] .site-logo-2, .site-header-inner.layout-default[data-logo2-pos="right"] .site-logo-2{order:3;margin-left:auto}
.site-header-inner.layout-default[data-menu-pos*="-left"] .site-nav-links, .site-header-inner.layout-default[data-menu-pos="left"] .site-nav-links{justify-content:flex-start}
.site-header-inner.layout-default[data-menu-pos*="-center"] .site-nav-links, .site-header-inner.layout-default[data-menu-pos="center"] .site-nav-links{justify-content:center}
.site-header-inner.layout-default[data-menu-pos*="-right"] .site-nav-links, .site-header-inner.layout-default[data-menu-pos="right"] .site-nav-links{justify-content:flex-end}

.site-nav a.hover-underline:hover{border-bottom:2px solid currentColor;padding-bottom:2px}
.site-nav a.hover-background:hover{border-radius:6px;padding:6px 12px}
.site-nav a.hover-scale:hover{transform:scale(1.05)}
.site-nav a.hover-glow:hover{text-shadow:0 0 10px currentColor}

.nav-icon{margin-right:4px;font-style:normal}
.site-nav-dropdown{position:relative;display:inline-flex;align-items:center;padding-bottom:8px;margin-bottom:-8px}
.site-nav-dropdown > a{display:flex;align-items:center;gap:4px}
.dropdown-arrow{font-size:11px;transition:transform 0.2s ease;line-height:1}
.site-nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}
.site-nav-submenu{ display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--submenu-bg,#fff);border:1px solid rgba(0,0,0,0.08);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:6px;z-index:200; }
.site-nav-dropdown:hover .site-nav-submenu, .site-nav-submenu:hover{display:block}
.site-nav-submenu a{ display:block;padding:8px 12px;font-size:13px;font-weight:500;color:inherit;text-decoration:none;border-radius:6px;transition:background 0.15s;white-space:nowrap; }
.site-nav-submenu a:hover{background:rgba(99,102,241,0.08)}

.site-hamburger{ display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:background 0.2s;color:var(--hamburger-color, var(--nav-color, inherit)); }
.site-hamburger:hover{background:rgba(127,127,127,0.2)}
.site-hamburger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:all 0.3s ease;transform-origin:center}
.site-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.site-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:768px){
  .site-header-inner{position:relative}
  .site-header-inner[class*="layout-"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:0 !important}
  .site-header-inner[class*="layout-"] .site-logo{position:relative!important;transform:none!important;left:auto!important;right:auto!important;justify-content:flex-start!important;padding:12px 16px !important;width:100%!important;max-width:100%!important;padding-right:56px!important}
  .site-header-inner.layout-stacked .header-brand-band{padding:8px var(--fv-gutter,16px) !important;padding-right:96px !important}
  .site-header-inner.layout-stacked .header-brand-band .site-logo{padding:0 !important;width:auto !important;max-width:100% !important;padding-right:0 !important}
  .site-header-inner.layout-stacked .header-brand-band .site-logo-2{max-width:min(46%,180px) !important}
  .header-toolbar{display:flex!important;align-items:center;width:100%;min-height:0;padding:0;background:transparent;order:2}
  .site-header-inner.layout-stacked .header-toolbar{order:2;background:transparent;min-height:0;padding:0}
  .header-cart{position:absolute;right:52px;top:12px;z-index:160;margin:0;order:0}
  .site-header-inner[class*="layout-"] .site-nav{width:100%!important;justify-content:flex-start!important}
  .site-header[style*="min-height"]{min-height:auto!important}
  /* hamburger modunda iç şerit de masaüstü yüksekliğini bırakır (eskiden geniş ekranda hamburgerle 310px bant kalıyordu) */
  .site-header-inner.layout-default,.site-header-inner.layout-grid{min-height:0!important}
  .site-header-inner.layout-stacked, .site-header-inner.layout-grid{ height:auto !important; }
  .site-hamburger{
    display:flex!important;flex-shrink:0;position:absolute;right:12px;top:12px;z-index:160;
    transform:none;
  }
  .site-header-inner.layout-stacked .site-hamburger{
    /* logo satırının ortasına hizala */
    top:12px; bottom:auto;
    align-self:center;
  }
  .site-nav,
  .site-header-inner.layout-stacked .site-nav,
  .site-header-inner.layout-grid .site-nav,
  .site-header-inner[class*="layout-"] .site-nav{
    display:none!important;
    flex-direction:column!important;
    gap:4px;
    position:absolute!important;
    top:100%;
    left:0;right:0;
    background:var(--mm-bg,#fff)!important;
    color:var(--mm-text,#1e293b);
    border-top:1px solid rgba(0,0,0,0.08);
    padding:12px 16px!important;
    box-shadow:0 8px 24px rgba(0,0,0,0.18);    z-index:150;
  }
  .site-nav.open,
  .site-header-inner.layout-stacked .site-nav.open,
  .site-header-inner.layout-grid .site-nav.open,
  .site-header-inner[class*="layout-"] .site-nav.open{
    display:flex!important;
  }
  .site-nav-links,.site-nav-extras{
    display:flex;flex-direction:column;align-items:stretch;width:100%;
    position:static!important;transform:none!important;margin:0!important;max-width:none!important;order:unset!important;
  }
  .site-nav a{padding:var(--mm-pad,12px) 8px;border-radius:8px;font-size:var(--mm-fs,15px);color:var(--mm-text,inherit)}
  .site-nav a:hover{background:var(--mm-hover-bg,rgba(127,127,127,0.2))}
  .site-nav-dropdown{flex-direction:column;align-items:flex-start;width:100%}
  .site-nav-dropdown:hover .site-nav-submenu{display:none}
  .site-nav-submenu{position:static;box-shadow:none;border:none;background:var(--mm-sub-bg,rgba(127,127,127,0.15));border-radius:8px;display:none;margin-top:4px;padding:4px;max-height:0;overflow:hidden}
  .site-nav-dropdown.open .site-nav-submenu{display:block;max-height:none}
  .site-nav-dropdown.open .dropdown-arrow{transform:rotate(180deg)}
  .site-nav-submenu a{padding:calc(var(--mm-pad,12px) - 2px) 12px;font-size:calc(var(--mm-fs,15px) - 2px)}
  .site-header-inner{position:relative}
  .site-nav .header-cta, .site-nav .header-portal-login, .site-nav .header-account-link{ margin-left:0 !important;margin-top:6px;width:100%;text-align:center;box-sizing:border-box;display:block; }
}

/* Sepet ikonu + badge (header — mobil hamburger yanında da görünür) */
.header-cart{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;margin-left:6px;border-radius:10px;text-decoration:none;color:inherit;
  flex-shrink:0;transition:background .15s ease, transform .15s ease;
}
.header-cart:hover{background:rgba(127,127,127,.15)}
.header-cart svg{width:22px;height:22px;display:block}
.header-cart-badge{
  position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;
  background:var(--accent,#ff4d6d);color:#fff;font-size:11px;font-weight:800;line-height:18px;
  border-radius:999px;text-align:center;box-shadow:0 0 0 2px rgba(255,255,255,.9);
  transform-origin:center;display:none;
}
.header-cart-badge.is-on{display:inline-block}
.header-cart-badge.pop{animation:fvCartBadgePop .35s ease}
@keyframes fvCartBadgePop{0%{transform:scale(.6)}50%{transform:scale(1.25)}100%{transform:scale(1)}}
.fv-cart-toast{
  position:fixed;z-index:99999;right:16px;bottom:16px;max-width:min(360px,calc(100vw - 32px));
  background:#0f172a;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;
  box-shadow:0 12px 40px rgba(15,23,42,.28);display:flex;align-items:center;gap:12px;
  opacity:0;transform:translateY(12px);transition:opacity .25s ease, transform .25s ease;pointer-events:none;
}
.fv-cart-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.fv-cart-toast a{color:#5eead4;font-weight:700;text-decoration:none;white-space:nowrap}
@media(max-width:768px){
  .header-search{max-width:none;flex:1 1 100%;margin-left:0}
  .header-search input{font-size:16px!important}
}

.site-logo.hover-scale:hover{transform:scale(1.1)}
.site-logo.hover-rotate:hover{transform:rotate(5deg)}
.site-logo.hover-bounce{animation:bounce 0.5s ease}
.site-logo.hover-glow:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,0.5))}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes zoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}
@keyframes flipIn{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}
@keyframes rotateIn{from{opacity:0;transform:rotate(-180deg) scale(0.5)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes pulseIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes shakeIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes floatIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.entrance-fade{animation:fadeIn 500ms ease} .entrance-slide{animation:slideDown 500ms ease} .entrance-slideDown{animation:slideDown 500ms ease} .entrance-slideRight{animation:shakeIn 500ms ease} .entrance-bounce{animation:bounce 500ms ease}
.entrance-zoom{animation:zoomIn 500ms ease} .entrance-flip{animation:flipIn 500ms ease} .entrance-rotate{animation:rotateIn 500ms ease}
.entrance-pulse{animation:pulseIn 500ms ease} .entrance-shake{animation:shakeIn 500ms ease} .entrance-float{animation:floatIn 500ms ease}
@media (prefers-reduced-motion:reduce){
  .entrance-fade,.entrance-slide,.entrance-slideDown,.entrance-slideRight,.entrance-bounce,
  .entrance-zoom,.entrance-flip,.entrance-rotate,.entrance-pulse,.entrance-shake,.entrance-float{animation:none!important}
  .b-flip-box .b-flip-inner{transition:none}
  .b-hero a:hover,.site-logo.hover-scale:hover{transform:none}
}


.site-footer{background:var(--text);color:rgba(255,255,255,.6);text-align:center;padding:32px 24px;font-size:13px;margin-top:40px}
.site-footer a{color:rgba(255,255,255,.8);text-decoration:none}

.b-hero{padding:80px 32px;text-align:center}
.b-hero h1{font-size:clamp(28px,5vw,56px);font-weight:800;margin-bottom:16px}
.b-hero p{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto 32px}
.b-hero a{display:inline-block;padding:14px 32px;background:var(--accent);color:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;transition:.15s}
.b-hero a:hover{background:var(--accent-hover,#e63e5c);transform:translateY(-2px)}
.b-text{padding:48px clamp(16px,5vw,64px);max-width:800px;margin:0 auto}
.b-text h2{font-size:clamp(20px,3vw,32px);font-weight:700;margin-bottom:16px}
.b-text p{font-size:16px;color:var(--muted);line-height:1.8}
.b-image{padding:16px clamp(16px,5vw,64px);text-align:center}
.b-image img{max-width:100%;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.b-cards{padding:48px clamp(16px,5vw,64px);display:grid;gap:20px}
.b-card-i{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px}
.b-card-i .ci{font-size:32px;margin-bottom:14px}
.b-card-i h3{font-size:18px;font-weight:700;margin-bottom:8px}
.b-card-i p{color:var(--muted);font-size:14px;line-height:1.7}
.b-cta{padding:60px 32px;text-align:center;border-radius:12px;margin:16px clamp(16px,5vw,64px)}
.b-cta h2{font-size:clamp(22px,4vw,36px);font-weight:800;margin-bottom:10px}
.b-cta p{font-size:16px;margin-bottom:28px;opacity:.8}
.b-cta a{display:inline-block;padding:14px 32px;background:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px}
.b-faq{padding:48px clamp(16px,5vw,64px)}
.b-faq h2{font-size:clamp(20px,3vw,32px);font-weight:700;margin-bottom:24px;text-align:center}
.b-faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}
.b-faq-q{padding:16px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.b-faq-a{padding:0 20px 16px;color:var(--muted);line-height:1.7;display:none}
.b-faq-item.open .b-faq-a{display:block}
.b-faq-item.open .b-faq-q span{transform:rotate(180deg)}
.b-faq-q span{transition:.2s;display:inline-block}
.b-counter{padding:48px clamp(16px,5vw,64px);display:grid;gap:32px;text-align:center}
.b-counter-num{font-size:48px;font-weight:800;color:var(--accent)}
.b-counter-label{font-size:13px;color:var(--muted);margin-top:4px}
.b-team{padding:48px clamp(16px,5vw,64px)}
.b-team h2{font-size:clamp(20px,3vw,32px);font-weight:700;margin-bottom:28px;text-align:center}
.b-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}
.b-team-card{text-align:center}
.b-team-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;overflow:hidden}
.b-team-avatar img{width:100%;height:100%;object-fit:cover}
.b-team-name{font-size:14px;font-weight:700}
.b-team-role{font-size:12px;color:var(--muted)}
.b-gallery{padding:16px clamp(16px,5vw,64px);display:grid}
.b-gitem{border-radius:8px;overflow:hidden;aspect-ratio:1;background:var(--bg)}
.b-gitem img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.b-gitem img:hover{transform:scale(1.05)}
.b-spacer{display:block}
.b-divider{padding:0 clamp(16px,5vw,64px)}
.b-divider hr{border:none;border-top:1px solid var(--border)}
.b-portfolio-grid{display:grid;padding:24px;gap:14px}
.b-port-item{border-radius:8px;overflow:hidden}
.b-port-cover{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--bg)}
.b-port-info{padding:12px 0}
.b-port-info h4{margin:0 0 4px;font-size:14px;font-weight:700}
.b-port-info p{margin:0;font-size:12px;color:var(--muted)}
.b-logo-grid{display:grid;padding:24px 32px;gap:16px;align-items:center;justify-items:center}
.b-logo-item{padding:12px}
.b-flip-box{perspective:1000px;padding:0}
.b-flip-box .b-flip-inner{position:relative;width:100%;height:240px;transform-style:preserve-3d;transition:transform .6s}
@media (hover:hover) and (pointer:fine){
  .b-flip-box:hover .b-flip-inner{transform:rotateY(180deg)}
}
@media (hover:none){
  .b-flip-box:active .b-flip-inner{transform:rotateY(180deg)}
}
.b-flip-front,.b-flip-back{position:absolute;inset:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;backface-visibility:hidden;padding:24px}
.b-flip-front{z-index:2}
.b-flip-back{z-index:1;transform:rotateY(180deg)}
.b-logo-item img{filter:grayscale(100%);opacity:.6}
.b-testimonials{padding:48px clamp(16px,5vw,64px)}
.b-test-title{font-size:clamp(20px,3vw,32px);font-weight:700;text-align:center;margin-bottom:28px}
.b-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.b-test-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}
.b-test-text{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:16px;font-style:italic}
.b-test-name{font-size:13px;font-weight:700}

main{ width:100%; max-width:100%; overflow-x:clip; }

/*
 * TEK RAY: --fv-page-max = admin canlı genişlik
 * Header inner + .fv-container + data-edge=content AYNI max + AYNI gutter
 * full band: dış 100% (bg); iç .fv-container rayda
 */
:root{
  --fv-page-max: 100%;
  --fv-gutter: clamp(12px, 2vw, 32px);
}
body:not(.fv-brochure) main#mainContent{
  max-width:100% !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}
body:not(.fv-brochure) main#mainContent > [data-bid][data-edge="content"]{
  width:100%;
  max-width:var(--fv-page-max);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  padding-left:var(--fv-gutter);
  padding-right:var(--fv-gutter);
}
/* inline max-width:none eski render'ları ezer — Tam sayfa genişliği kapalıyken zorla */
body:not(.fv-brochure) main#mainContent > [data-bid][data-edge="content"].fv-band{
  max-width:var(--fv-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.fv-brochure) main#mainContent > [data-bid][data-edge="full"],
body:not(.fv-brochure) main#mainContent > [data-bid]:not([data-edge]){
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  box-sizing:border-box;
}
.fv-container{
  width:100%;
  max-width:var(--fv-page-max);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  padding-left:var(--fv-gutter);
  padding-right:var(--fv-gutter);
}
.fv-band{ width:100%; max-width:none; box-sizing:border-box; }
.fv-band > .fv-container{ width:100%; max-width:var(--fv-page-max); }
/* Tam genişlik satır: ray + gutter kalkar, Haberler | Duyurular kenara oturur */
main#mainContent .fv-band.fv-band-flush > .fv-container{
  max-width:none !important;
  width:100%;
  padding-left:16px !important;
  padding-right:16px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* Haberler | Duyurular: şeritler aynı üst hizada */
main#mainContent .fv-twin{
  padding-top:0 !important;
  margin-top:0 !important;
}
main#mainContent .fv-twin > .fv-sec-band{
  margin-top:0 !important;
}
main#mainContent [class$="-cell"]{
  align-items:stretch;
}
main#mainContent [class$="-cell"] > *{
  margin-top:0 !important;
}
/* Sütun içi ikinci .fv-container kenar boşluğunu ikiye katlamasın */
main#mainContent .fv-container .fv-container,
main#mainContent .fv-band .fv-band > .fv-container{
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* Otomatik yükseklikli sütun satırları: bg header rayında kalsın */
.fv-band.fv-band-inset{ max-width:var(--fv-page-max); margin-left:auto; margin-right:auto; }
main#mainContent .fv-band-inset > .fv-container{ width:100%; max-width:100%; padding-left:var(--fv-gutter); padding-right:var(--fv-gutter); box-sizing:border-box; }
main#mainContent > [data-bid][data-edge="content"].fv-band.fv-band-inset > .fv-container{
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* ── Hiza birliği (içerik blokları) ──────────────────────────────────────────
   Bileşenler kök elemanlarına kendi satır içi yatay padding'lerini yazıyor
   (24 / 28 / 32px); satır içi stil ortak gutter kuralını eziyor ve içerik
   kenarları başlık rayından farklı yerlerde başlıyordu. Metin/kart blokları
   başlıkla aynı gutter'a sabitlenir; medya blokları (slider, hero, görsel,
   video, harita…) kendi kenar davranışını korur. */
body:not(.fv-brochure) main#mainContent > [data-bid][data-edge="content"]:not(.fv-band):not([data-type="slider"]):not([data-type="hero"]):not([data-type="image"]):not([data-type="video"]):not([data-type="map"]):not([data-type="embed"]):not([data-type="marquee"]):not([data-type="brand-bar"]):not([data-type="announcement-bar"]):not([data-type="spacer"]):not([data-type="divider"]):not([data-type="columns"]):not([data-type="row"]):not([data-type="section"]):not([data-type="container"]){
  padding-left:var(--fv-gutter) !important;
  padding-right:var(--fv-gutter) !important;
}
/* Tam genişlik band'da "sayfa rayında kal" içerik (feature-grid content_width=page):
   arka plan kenara gider, içerik başlıkla aynı rayda ve gutter'da durur. */
main#mainContent .fv-band.fv-band-flush > .fv-container.fv-keep-rail{
  max-width:var(--fv-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--fv-gutter) !important;
  padding-right:var(--fv-gutter) !important;
}
body.fv-width-full:not(.fv-brochure) main#mainContent .fv-band.fv-band-flush > .fv-container.fv-keep-rail{
  max-width:none !important;
}
/* Slider: thumb grid dahil sayfa rayında kalsın */
main#mainContent > [data-bid][data-type="slider"][data-edge="content"],
main#mainContent > [data-bid][data-edge="content"].fv-sl-root{
  width:100%;
  max-width:var(--fv-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}
main#mainContent > [data-bid][data-type="slider"][data-edge="full"],
main#mainContent > [data-bid][data-edge="full"].fv-sl-root{
  width:100%;
  max-width:none !important;
  margin-left:0;
  margin-right:0;
}
main#mainContent .fv-sl-wrap{ min-width:0; max-width:100%; }
main#mainContent .fv-sl-thumbs{ min-width:0; flex-shrink:0; }
main#mainContent [data-bid] a img,
main#mainContent [data-bid] article img{
  max-width:100%;
  box-sizing:border-box;
}
main#mainContent [data-bid] a > div[style*="overflow:hidden"] img,
main#mainContent [data-bid] a > div[style*="height:"] img{
  object-fit:cover;
}
body.fv-width-full:not(.fv-brochure) .fv-container,
body.fv-width-full:not(.fv-brochure) .fv-band > .fv-container,
body.fv-width-full:not(.fv-brochure) main#mainContent > [data-bid][data-edge="content"],
body.fv-width-full:not(.fv-brochure) .site-header-inner{
  max-width:none !important;
  margin-left:0;
  margin-right:0;
}
/* Header içeriği = .fv-container ile aynı ray (full-width class ezmesin) */
body:not(.fv-brochure):not(.fv-width-full) .site-header-inner{
  max-width:var(--fv-page-max) !important;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--fv-gutter) !important;
  padding-right:var(--fv-gutter) !important;
  box-sizing:border-box;
}
body.fv-width-full:not(.fv-brochure) .site-header-inner,
body.fv-width-full:not(.fv-brochure) .fv-container,
body.fv-width-full:not(.fv-brochure) .fv-band > .fv-container{
  max-width:none !important;
  width:100%;
}
/* Stacked: gutter brand/toolbar'da — logo/nav yatay padding çift boşluk yapmasın */
body:not(.fv-brochure) .site-header-inner.layout-stacked .site-logo,
body:not(.fv-brochure) .site-header-inner.layout-stacked .site-nav{
  padding-left:0 !important;
  padding-right:0 !important;
}
body:not(.fv-brochure) .site-header-inner.layout-stacked .header-brand-band{
  padding-left:var(--fv-gutter,clamp(12px,2vw,32px)) !important;
  padding-right:var(--fv-gutter,clamp(12px,2vw,32px)) !important;
}
body:not(.fv-brochure) .site-header-inner.layout-stacked .header-brand-band .site-logo{
  padding:0 !important;
}
body.fv-brochure .fv-container{
  width:100%;
  max-width:var(--fv-page-max);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  padding-left:var(--fv-gutter);
  padding-right:var(--fv-gutter);
}
/* overflow-x:hidden → overflow-y otomatik auto olur; clip ile çift scrollbar engellenir */
main#mainContent [data-bid]{ overflow-x:clip; }
main#mainContent [data-bid][data-type="product-grid"],
main#mainContent [data-bid][data-type="product-categories"]{ overflow:visible; }
main#mainContent .fv-scroll:not(.fv-sl-thumbs){ overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
main#mainContent .fv-sl-thumbs{ overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; }
main#mainContent .fv-sl-thumbs::-webkit-scrollbar{ display:none; width:0; height:0; }
@media (max-width:768px){ main{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; } }
.b-cards, .b-counter, .b-team-grid, .b-test-grid, .b-gallery, .b-portfolio-grid, .b-logo-grid{ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.b-cards[data-cols="1"],.b-counter[data-cols="1"],.b-gallery[data-cols="1"],.b-columns[data-cols="1"],.b-portfolio-grid[data-cols="1"],.b-logo-grid[data-cols="1"]{ grid-template-columns:1fr; }
.b-cards[data-cols="2"],.b-counter[data-cols="2"],.b-gallery[data-cols="2"],.b-columns[data-cols="2"],.b-portfolio-grid[data-cols="2"],.b-logo-grid[data-cols="2"]{ grid-template-columns:repeat(2,1fr); }
.b-cards[data-cols="3"],.b-counter[data-cols="3"],.b-gallery[data-cols="3"],.b-columns[data-cols="3"],.b-portfolio-grid[data-cols="3"],.b-logo-grid[data-cols="3"]{ grid-template-columns:repeat(3,1fr); }
.b-cards[data-cols="4"],.b-counter[data-cols="4"],.b-gallery[data-cols="4"],.b-columns[data-cols="4"],.b-portfolio-grid[data-cols="4"],.b-logo-grid[data-cols="4"]{ grid-template-columns:repeat(4,1fr); }
.b-logo-grid[data-cols="5"]{ grid-template-columns:repeat(5,1fr); }
.b-logo-grid[data-cols="6"]{ grid-template-columns:repeat(6,1fr); }
.b-gallery[data-gap="0"]{ gap:0; } .b-gallery[data-gap="8"]{ gap:8px; } .b-gallery[data-gap="10"]{ gap:10px; } .b-gallery[data-gap="16"]{ gap:16px; } .b-gallery[data-gap="20"]{ gap:20px; } .b-gallery[data-gap="24"]{ gap:24px; }
.b-columns{ display:grid; padding:16px; } .b-columns[data-gap="8"]{ gap:8px; } .b-columns[data-gap="16"]{ gap:16px; } .b-columns[data-gap="24"]{ gap:24px; } .b-columns[data-gap="32"]{ gap:32px; }

@media (max-width:1024px){
  .b-cards[data-cols="4"],.b-counter[data-cols="4"],.b-gallery[data-cols="4"],.b-logo-grid[data-cols="4"]{ grid-template-columns:repeat(3,1fr); }
  .b-cards[data-cols="5"],.b-logo-grid[data-cols="5"]{ grid-template-columns:repeat(4,1fr); }
  .b-cards[data-cols="6"],.b-logo-grid[data-cols="6"]{ grid-template-columns:repeat(4,1fr); }
  .b-columns[data-cols="4"],.b-columns[data-cols="3"],.b-portfolio-grid[data-cols="3"]{ grid-template-columns:repeat(2,1fr); }
  .b-portfolio-grid[data-cols="4"]{ grid-template-columns:repeat(3,1fr); }
  .b-test-grid{ grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
}

@media (max-width:768px){
  .site-logo{ font-size:18px; max-width:min(70%,280px); overflow:hidden; }
  .site-header:not(.shrink) .site-logo img{ width:auto !important; max-width:100% !important; height:var(--logo-h-m,44px) !important; max-height:var(--logo-h-m,44px) !important; }
  .header-brand-band .site-logo{ max-width:100%; overflow:visible; }
  .header-logo-slot.slot-left .site-logo{ max-width:min(70%,180px); }
  .header-logo-slot.slot-right .site-logo-2{ max-width:min(50%,160px); }
  .b-hero{ padding:48px 20px; } .b-hero h1{ font-size:clamp(22px,6vw,36px); } .b-hero p{ font-size:16px; max-width:100%; } .b-hero a{ padding:12px 24px; font-size:14px; }
  .b-text{ padding:32px 20px; max-width:100%; } .b-text h2{ font-size:clamp(18px,5vw,26px); } .b-text p{ font-size:15px; }
  .b-image{ padding:12px 16px; } .b-cards{ padding:32px 20px; gap:16px; } .b-card-i{ padding:20px; } .b-card-i .ci{ font-size:28px; } .b-card-i h3{ font-size:16px; }
  .b-cta{ padding:40px 20px; margin:12px 16px; } .b-cta h2{ font-size:clamp(18px,5vw,28px); }
  .b-faq{ padding:32px 20px; } .b-faq h2{ font-size:clamp(18px,5vw,26px); } .b-faq-q{ padding:14px 16px; font-size:13px; } .b-faq-a{ padding:0 16px 14px; font-size:13px; }
  .b-counter{ padding:32px 20px; gap:24px; } .b-counter-num{ font-size:36px; }
  .b-team{ padding:32px 20px; } .b-team h2{ font-size:clamp(18px,5vw,26px); } .b-team-grid{ grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:16px; } .b-team-avatar{ width:64px; height:64px; font-size:22px; }
  .b-gallery{ padding:12px 16px; } .b-gitem{ aspect-ratio:4/3; }
  .b-testimonials{ padding:32px 20px; } .b-test-title{ font-size:clamp(18px,5vw,26px); } .b-test-grid{ grid-template-columns:1fr; gap:16px; } .b-test-card{ padding:20px; }
  .b-divider{ padding:0 16px; }
  .b-cards[data-cols],.b-counter[data-cols],.b-gallery[data-cols]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .b-columns[data-cols]{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .b-portfolio-grid[data-cols]{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:16px; }
  .b-port-info h4{ font-size:13px; }
  .b-logo-grid[data-cols]{ grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:12px; padding:16px; }
  .site-footer{ padding:24px 16px; font-size:12px; }
  [data-bid]{ max-width:100%; box-sizing:border-box; }
  [data-bid] img,[data-bid] video{ max-width:100% !important; height:auto !important; }
  [data-bid] iframe{ max-width:100% !important; }
  [data-bid] table{ display:block; max-width:100%; overflow-x:auto; }
}

@media (max-width:480px){
  .site-logo{ font-size:16px; max-width:min(65%,220px); overflow:hidden; }
  .site-header:not(.shrink) .site-logo img{ width:auto !important; max-width:100% !important; height:var(--logo-h-m,44px) !important; max-height:var(--logo-h-m,44px) !important; }
  .b-hero{ padding:36px 16px; } .b-hero h1{ font-size:clamp(20px,7vw,28px); } .b-hero p{ font-size:14px; } .b-hero a{ padding:10px 20px; font-size:13px; width:100%; }
  .b-text{ padding:24px 16px; } .b-text h2{ font-size:clamp(16px,6vw,22px); } .b-text p{ font-size:14px; }
  .b-cards{ padding:24px 16px; gap:12px; } .b-card-i{ padding:16px; border-radius:10px; } .b-card-i .ci{ font-size:24px; margin-bottom:10px; } .b-card-i h3{ font-size:15px; } .b-card-i p{ font-size:13px; }
  .b-cta{ padding:32px 16px; margin:8px 12px; border-radius:10px; } .b-cta h2{ font-size:clamp(16px,6vw,22px); } .b-cta p{ font-size:14px; } .b-cta a{ width:100%; padding:10px 20px; }
  .b-counter{ padding:24px 16px; gap:16px; } .b-counter-num{ font-size:28px; } .b-counter-label{ font-size:11px; }
  .b-team-grid{ grid-template-columns:1fr 1fr; gap:12px; } .b-team-avatar{ width:56px; height:56px; font-size:20px; } .b-team-name{ font-size:12px; } .b-team-role{ font-size:10px; }
  .b-test-grid{ grid-template-columns:1fr; gap:12px; } .b-test-card{ padding:16px; border-radius:10px; } .b-test-text{ font-size:13px; }
  .b-cards[data-cols],.b-counter[data-cols],.b-gallery[data-cols],.b-columns[data-cols],.b-portfolio-grid[data-cols]{ grid-template-columns:1fr; }
  .b-logo-grid[data-cols]{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; }
  .b-logo-item{ height:48px; }
  .site-footer{ padding:20px 12px; font-size:11px; }
  [data-bid] img,[data-bid] video{ max-width:100% !important; height:auto !important; }
  [data-bid] iframe{ max-width:100% !important; }
  [data-bid] [style*="min-width:"]{ min-width:0 !important; }
}

@media (min-width:1600px){ .b-text{ max-width:900px; } .b-hero p{ max-width:700px; } }
@media (max-height:600px){ .b-hero{ padding:40px 20px; } .b-hero h1{ font-size:clamp(20px,4vw,32px); } }

/* Canlı vitrin: yazı ve görseller ekrana göre */
main#mainContent{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* anywhere: uzun bağlantı / bitişik kelime ızgara ve esnek kutuları ekran dışına itmesin
   (break-word en küçük genişlik hesabını etkilemiyordu → ilan detayı telefonda 648px'e taşıyordu) */
main#mainContent [data-bid]{overflow-wrap:anywhere;word-wrap:break-word}
main#mainContent [data-bid] :where(td,th){overflow-wrap:break-word}
main#mainContent [data-bid] h1,
main#mainContent [data-bid] h2,
main#mainContent [data-bid] h3,
main#mainContent [data-bid] p,
main#mainContent [data-bid] li{max-width:100%;overflow-wrap:anywhere}
main#mainContent img,
main#mainContent svg,
main#mainContent video{max-width:100%;height:auto}
main#mainContent .b-image img{width:auto;max-width:100%;object-fit:contain}
@media (max-width:1366px){
  .site-nav{gap:8px 12px}
  .site-nav a{font-size:clamp(12px,1.05vw,14px)}
  main#mainContent h1{font-size:clamp(1.35rem,2vw + .8rem,2.35rem)}
  main#mainContent h2{font-size:clamp(1.15rem,1.2vw + .75rem,1.8rem)}
  main#mainContent h3{font-size:clamp(1.05rem,.6vw + .85rem,1.3rem)}
}
@media (max-width:1100px){
  main#mainContent h1[style*="font-size"],
  main#mainContent h2[style*="font-size"],
  main#mainContent h3[style*="font-size"]{
    font-size:clamp(1.15rem,4.8vw,1.9rem)!important;
    line-height:1.25!important;
  }
}
@media (max-width:768px){
  .header-search{max-width:none;flex-basis:100%;margin-left:0}
}