/* ==========================================================================
   Süngü Havalandırma — Modern Tema Katmanı
   Bu dosya style.css / responsive.css / color-theme'den SONRA yüklenir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tasarım değişkenleri
   -------------------------------------------------------------------------- */
:root {
    /* Zemin: logodaki koyu maviye uyumlu antrasit */
    --sg-ink: #070b12;
    --sg-ink-2: #0a1018;
    --sg-surface: #101822;
    --sg-surface-2: #152030;
    --sg-surface-3: #1c2b40;

    --sg-line: rgba(180, 205, 240, .10);
    --sg-line-2: rgba(180, 205, 240, .18);

    /* Vurgu: logodaki turuncu (H / fan) — degisken adi geriye uyum icin gold kalir */
    --sg-gold: #f08020;
    --sg-gold-soft: #ff9a3d;
    --sg-gold-light: #ffc48a;
    --sg-gold-grad: linear-gradient(135deg, #ffc48a 0%, #ff9a3d 40%, #f08020 100%);
    --sg-gold-glow: 0 12px 34px -12px rgba(240, 128, 32, .55);

    /* Marka mavisi (logo zemini #084087) */
    --sg-blue: #084087;
    --sg-blue-deep: #033f89;
    --sg-blue-soft: #2a6bb8;

    --sg-text: #f3f5f8;
    --sg-text-2: #c5ced9;
    --sg-muted: #8e9aab;
    --sg-ink-text: #071018;

    --sg-wa: #25d366;
    --sg-wa-2: #128c7e;

    --sg-radius-sm: 10px;
    --sg-radius: 16px;
    --sg-radius-lg: 24px;
    --sg-radius-xl: 32px;

    --sg-shadow-sm: 0 4px 16px rgba(0, 0, 0, .28);
    --sg-shadow: 0 18px 50px -18px rgba(0, 0, 0, .65);
    --sg-shadow-lg: 0 34px 90px -30px rgba(0, 0, 0, .8);

    --sg-ease: cubic-bezier(.22, .61, .36, 1);
    --sg-ease-out: cubic-bezier(.16, 1, .3, 1);

    --sg-header-h: 84px;
    --sg-safe-b: env(safe-area-inset-bottom, 0px);

    --sg-font: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --sg-font-display: 'Sora', 'Manrope', 'Segoe UI', system-ui, sans-serif;
}

/* --------------------------------------------------------------------------
   2. Temel katman
   -------------------------------------------------------------------------- */
* { -webkit-tap-highlight-color: rgba(240, 128, 32, .22); }

/* Eski şablon content-box kullanıyor; yeni bileşenler border-box ile hesaplanır */
[class^="sg-"], [class*=" sg-"], [class^="sg-"] *, [class*=" sg-"] * { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    scroll-padding-top: 96px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--sg-font);
    font-size: 16px;
    line-height: 1.75;
    color: var(--sg-text-2);
    background: var(--sg-ink);
    /* clip, hidden'ın aksine kaydırma bağlamı oluşturmaz; sticky header çalışmaya devam eder */
    overflow-x: clip;
    letter-spacing: .01em;
    text-rendering: optimizeLegibility;
}

body.sg-locked { overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sg-font-display);
    color: var(--sg-text);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.18;
}

p { margin-bottom: 1em; }

a { color: var(--sg-gold-soft); transition: color .28s var(--sg-ease); }
a:hover, a:focus { color: var(--sg-gold-light); text-decoration: none; }

img { max-width: 100%; height: auto; }

::selection { background: var(--sg-gold); color: #071018; }

:focus-visible {
    outline: 2px solid var(--sg-gold-soft);
    outline-offset: 3px;
    border-radius: 4px;
}

/* Not: burada overflow kullanılmaz, aksi halde sticky header bozulur */
.page-wrapper { background: var(--sg-ink); }

/* Sosyal ikonlar (CMS'ten gelen düz <a> listesi için) */
.sg-social-flat { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 22px; }

.sg-social-flat > a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .03);
    color: var(--sg-muted);
    font-size: 14px;
    transition: all .3s var(--sg-ease);
}

.sg-social-flat > a:hover {
    color: #071018;
    background: var(--sg-gold-grad);
    border-color: transparent;
    transform: translateY(-2px);
}

.sg-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-inline: clamp(18px, 5vw, 32px);
}

.sg-section { padding: clamp(56px, 9vw, 112px) 0; position: relative; }
.sg-section--tight { padding: clamp(40px, 6vw, 72px) 0; }
.sg-section--dark { background: var(--sg-ink); }
.sg-section--raised { background: var(--sg-ink-2); }

/* İnce altın ayraç çizgisi */
.sg-hairline {
    height: 1px;
    border: 0;
    margin: 0;
    background: linear-gradient(90deg, transparent, rgba(240, 128, 32, .45), transparent);
}

/* --------------------------------------------------------------------------
   3. Preloader
   -------------------------------------------------------------------------- */
.preloader {
    background-color: var(--sg-ink) !important;
    background-image: none !important;
    display: grid;
    place-items: center;
}

.preloader:after {
    content: "";
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .12);
    border-top-color: var(--sg-gold);
    animation: sg-spin .8s linear infinite;
}

@keyframes sg-spin { to { transform: rotate(360deg); } }

/* --------------------------------------------------------------------------
   4. Butonlar
   -------------------------------------------------------------------------- */
.sg-btn {
    --sg-btn-h: 54px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: var(--sg-btn-h);
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    font-family: var(--sg-font);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
    transition: transform .35s var(--sg-ease-out), box-shadow .35s var(--sg-ease-out), color .28s var(--sg-ease), background-color .28s var(--sg-ease), border-color .28s var(--sg-ease);
}

.sg-btn svg { flex: none; width: 18px; height: 18px; }
.sg-btn:hover { transform: translateY(-2px); }
.sg-btn:active { transform: translateY(0); }

.sg-btn--gold {
    background: var(--sg-gold-grad);
    color: #071018;
    box-shadow: var(--sg-gold-glow);
}

.sg-btn--gold:hover, .sg-btn--gold:focus {
    color: #071018;
    box-shadow: 0 18px 44px -12px rgba(240, 128, 32, .7);
}

/* Altın butonda kayan parıltı */
.sg-btn--gold:before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -60%;
    width: 45%;
    z-index: -1;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .65), transparent);
    transform: skewX(-18deg);
    transition: left .7s var(--sg-ease-out);
}

.sg-btn--gold:hover:before { left: 115%; }

.sg-btn--ghost {
    background: rgba(255, 255, 255, .04);
    color: var(--sg-text);
    border: 1px solid var(--sg-line-2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.sg-btn--ghost:hover, .sg-btn--ghost:focus {
    color: var(--sg-gold-light);
    border-color: rgba(240, 128, 32, .55);
    background: rgba(240, 128, 32, .08);
}

.sg-btn--sm { --sg-btn-h: 44px; padding: 0 20px; font-size: 14px; }
.sg-btn--block { width: 100%; }

/* --------------------------------------------------------------------------
   5. Üst bilgi çubuğu (topbar)
   -------------------------------------------------------------------------- */
.main-header.sg-header {
    position: relative;
    background: transparent;
    z-index: 900;
}

.sg-topbar {
    background: var(--sg-ink);
    border-bottom: 1px solid var(--sg-line);
    font-size: 13.5px;
    color: var(--sg-muted);
}

.sg-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 46px;
    flex-wrap: wrap;
}

.sg-topbar__left {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
}

.sg-topbar__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--sg-muted);
    font-weight: 500;
    white-space: nowrap;
}

.sg-topbar__item svg { width: 15px; height: 15px; color: var(--sg-gold); flex: none; }
a.sg-topbar__item:hover { color: var(--sg-gold-light); }

.sg-topbar__right { display: flex; align-items: center; gap: 18px; }

.sg-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(240, 128, 32, .35);
    background: rgba(240, 128, 32, .1);
    color: var(--sg-gold-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

a.sg-badge { transition: background .3s var(--sg-ease), border-color .3s var(--sg-ease), color .3s var(--sg-ease); }

a.sg-badge:hover, a.sg-badge:focus-visible {
    background: rgba(240, 128, 32, .2);
    border-color: rgba(240, 128, 32, .6);
    color: var(--sg-gold-light);
}

.sg-badge__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--sg-gold);
    box-shadow: 0 0 0 0 rgba(240, 128, 32, .6);
    animation: sg-pulse 2.4s infinite;
}

@keyframes sg-pulse {
    70% { box-shadow: 0 0 0 9px rgba(240, 128, 32, 0); }
    100% { box-shadow: 0 0 0 0 rgba(240, 128, 32, 0); }
}

.sg-social { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.sg-social li { list-style: none; }

.sg-social a {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--sg-line);
    color: var(--sg-muted);
    font-size: 13px;
    transition: all .3s var(--sg-ease);
}

.sg-social a:hover {
    color: #071018;
    background: var(--sg-gold-grad);
    border-color: transparent;
    transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   6. Ana navigasyon (sticky + cam efekti)
   -------------------------------------------------------------------------- */
.sg-nav {
    position: sticky;
    top: 0;
    z-index: 950;
    background: rgba(7, 11, 18, .80);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border-bottom: 1px solid var(--sg-line);
    transition: background .4s var(--sg-ease), box-shadow .4s var(--sg-ease), border-color .4s var(--sg-ease);
}

.sg-nav.is-stuck {
    background: rgba(7, 11, 18, .95);
    box-shadow: 0 18px 40px -26px rgba(0, 0, 0, .9);
    border-bottom-color: rgba(240, 128, 32, .22);
}

.sg-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: var(--sg-header-h);
    transition: min-height .4s var(--sg-ease);
}

.sg-nav.is-stuck .sg-nav__inner { min-height: 68px; }

/* Logo kilidi: renkli amblem + HTML yazı (alt satır PNG'de kayboluyordu) */
.sg-logo { display: inline-flex; align-items: center; gap: 12px; flex: none; min-width: 0; }

.sg-logo img {
    width: auto;
    transition: height .4s var(--sg-ease);
}

.sg-logo__mark { height: clamp(42px, 5.4vw, 54px); flex-shrink: 0; }

.sg-logo__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    padding-left: 12px;
    border-left: 1px solid var(--sg-line-2);
    line-height: 1.05;
}

.sg-logo__name {
    display: block;
    font-family: var(--sg-font-display);
    font-size: clamp(15px, 1.65vw, 19px);
    font-weight: 700;
    letter-spacing: .045em;
    color: #fff;
    white-space: nowrap;
}

.sg-logo__tag {
    display: block;
    font-family: var(--sg-font);
    font-size: clamp(9.5px, 1.05vw, 11.5px);
    font-weight: 600;
    letter-spacing: .055em;
    color: rgba(255, 255, 255, .92);
    white-space: nowrap;
    text-transform: uppercase;
}

.sg-nav.is-stuck .sg-logo__mark { height: clamp(38px, 4.6vw, 46px); }
.sg-nav.is-stuck .sg-logo__name { font-size: clamp(14px, 1.5vw, 17px); }
.sg-nav.is-stuck .sg-logo__tag { font-size: clamp(9px, .95vw, 10.5px); }

/* Masaüstü menü */
.sg-menu { display: flex; align-items: center; }
.sg-menu > ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; }
.sg-menu li { list-style: none; position: relative; }

.sg-menu > ul > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: .015em;
    color: var(--sg-text-2);
    text-transform: uppercase;
    white-space: nowrap;
}

.sg-menu > ul > li > a:after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 4px;
    height: 2px;
    border-radius: 2px;
    background: var(--sg-gold-grad);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s var(--sg-ease-out);
}

.sg-menu > ul > li:hover > a,
.sg-menu > ul > li.current > a { color: var(--sg-gold-light); }

.sg-menu > ul > li:hover > a:after,
.sg-menu > ul > li.current > a:after { transform: scaleX(1); transform-origin: left; }

/* İkon + metin menü öğeleri (Anasayfa / İletişim) */
.sg-menu__ico > a { gap: 8px; }
.sg-menu__ico > a svg { width: 17px; height: 17px; flex: none; }

.sg-menu .sg-caret {
    width: 10px;
    height: 10px;
    opacity: .6;
    transition: transform .3s var(--sg-ease);
}

.sg-menu > ul > li:hover .sg-caret { transform: rotate(180deg); }

/* Alt menü */
.sg-menu ul ul {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 250px;
    margin: 0;
    padding: 10px;
    border-radius: var(--sg-radius);
    background: rgba(20, 23, 28, .97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--sg-line-2);
    box-shadow: var(--sg-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .32s var(--sg-ease-out);
}

.sg-menu li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }

.sg-menu ul ul:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}

.sg-menu ul ul li a {
    display: block;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--sg-text-2);
    transition: all .25s var(--sg-ease);
}

.sg-menu ul ul li a:hover {
    background: rgba(240, 128, 32, .12);
    color: var(--sg-gold-light);
    padding-left: 20px;
}

.sg-nav__actions { display: flex; align-items: center; gap: 12px; flex: none; }

.sg-iconbtn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .03);
    color: var(--sg-text-2);
    cursor: pointer;
    transition: all .3s var(--sg-ease);
}

.sg-iconbtn:hover { color: var(--sg-gold-light); border-color: rgba(240, 128, 32, .5); }
.sg-iconbtn svg { width: 19px; height: 19px; }

.sg-iconbtn--tel { color: var(--sg-gold-soft); border-color: rgba(240, 128, 32, .3); }

/* Hamburger */
.sg-burger {
    display: none;
    position: relative;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 14px;
    border: 1px solid var(--sg-line-2);
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
}

.sg-burger span {
    position: absolute;
    left: 13px;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background: var(--sg-gold-soft);
    transition: transform .4s var(--sg-ease-out), opacity .25s linear, width .3s var(--sg-ease);
}

.sg-burger span:nth-child(1) { top: 17px; }
.sg-burger span:nth-child(2) { top: 23px; width: 15px; }
.sg-burger span:nth-child(3) { top: 29px; }
.sg-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.sg-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.sg-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* --------------------------------------------------------------------------
   7. Mobil çekmece (off-canvas)
   -------------------------------------------------------------------------- */
.sg-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1090;
    background: rgba(4, 5, 7, .7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s var(--sg-ease), visibility .4s;
}

.sg-backdrop.is-open { opacity: 1; visibility: visible; }

.sg-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    width: min(400px, 88vw);
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #101822 0%, #070b12 100%);
    border-left: 1px solid var(--sg-line-2);
    box-shadow: var(--sg-shadow-lg);
    transform: translateX(102%);
    transition: transform .5s var(--sg-ease-out);
    overscroll-behavior: contain;
}

.sg-drawer.is-open { transform: translateX(0); }

.sg-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--sg-line);
    flex: none;
}

.sg-drawer__head .sg-logo { gap: 10px; }
.sg-drawer__head .sg-logo__mark { height: 48px; }
.sg-drawer__head .sg-logo__text { padding-left: 10px; gap: 4px; }
.sg-drawer__head .sg-logo__name { font-size: 17px; }
.sg-drawer__head .sg-logo__tag { font-size: 10.5px; }

.sg-drawer__close {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--sg-line-2);
    background: transparent;
    color: var(--sg-text-2);
    cursor: pointer;
    transition: all .3s var(--sg-ease);
}

.sg-drawer__close:hover { color: var(--sg-gold-light); border-color: rgba(240, 128, 32, .5); }
.sg-drawer__close svg { width: 18px; height: 18px; }

.sg-drawer__body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 18px 24px;
}

.sg-drawer__nav { margin: 0; padding: 0; }
.sg-drawer__nav li { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, .05); }

.sg-drawer__nav > li {
    opacity: 0;
    transform: translateX(22px);
}

.sg-drawer.is-open .sg-drawer__nav > li {
    animation: sg-slide-in .5s var(--sg-ease-out) forwards;
}

@keyframes sg-slide-in {
    to { opacity: 1; transform: translateX(0); }
}

.sg-drawer__row { display: flex; align-items: center; }

.sg-drawer__nav a {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 4px;
    font-family: var(--sg-font-display);
    font-size: 16px;
    font-weight: 600;
    color: var(--sg-text);
}

.sg-drawer__nav a:active { color: var(--sg-gold); }

.sg-drawer__ico { width: 19px; height: 19px; flex: none; color: var(--sg-gold-soft); }

.sg-drawer__toggle {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: none;
    border-radius: 10px;
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .03);
    color: var(--sg-gold-soft);
    cursor: pointer;
    transition: all .3s var(--sg-ease);
}

.sg-drawer__toggle svg { width: 14px; height: 14px; transition: transform .35s var(--sg-ease); }
.sg-drawer__toggle[aria-expanded="true"] { background: rgba(240, 128, 32, .14); }
.sg-drawer__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }

.sg-drawer__sub {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transition: max-height .45s var(--sg-ease-out);
}

.sg-drawer__sub li { border: 0; }

.sg-drawer__sub a {
    padding: 11px 4px 11px 18px;
    font-family: var(--sg-font);
    font-size: 14.5px;
    font-weight: 500;
    color: var(--sg-muted);
    border-left: 1px solid var(--sg-line);
}

.sg-drawer__foot {
    flex: none;
    padding: 18px 18px calc(18px + var(--sg-safe-b));
    border-top: 1px solid var(--sg-line);
    background: rgba(0, 0, 0, .35);
    display: grid;
    gap: 10px;
}

.sg-drawer__contact {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--sg-muted);
}

.sg-drawer__contact svg { width: 15px; height: 15px; color: var(--sg-gold); flex: none; }
.sg-drawer__contact a { color: var(--sg-text); letter-spacing: .02em; }
.sg-drawer__contact a:hover { color: var(--sg-gold); }

/* --------------------------------------------------------------------------
   8. Hero
   -------------------------------------------------------------------------- */
.sg-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(560px, 88svh, 880px);
    padding: clamp(60px, 10vw, 120px) 0 clamp(40px, 6vw, 80px);
    overflow: hidden;
    background: var(--sg-ink);
    isolation: isolate;
}

.sg-hero__media {
    position: absolute;
    inset: 0;
    z-index: -3;
}

.sg-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(.55) contrast(1.05) brightness(.5);
    transform: scale(1.06);
    animation: sg-kenburns 22s ease-in-out infinite alternate;
}

@keyframes sg-kenburns {
    to { transform: scale(1.16) translate3d(-1.5%, -1%, 0); }
}

.sg-hero__veil {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(120% 90% at 12% 20%, rgba(240, 128, 32, .18) 0%, transparent 55%),
        radial-gradient(90% 80% at 88% 88%, rgba(8, 64, 135, .42) 0%, transparent 62%),
        linear-gradient(180deg, rgba(7, 11, 18, .92) 0%, rgba(7, 11, 18, .70) 42%, rgba(7, 11, 18, .97) 100%);
}

/* İnce ızgara dokusu */
.sg-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .5;
    background-image:
        linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: radial-gradient(ellipse 80% 65% at 50% 45%, #000 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 65% at 50% 45%, #000 30%, transparent 100%);
}

.sg-hero__inner { position: relative; max-width: 820px; }

.sg-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(240, 128, 32, .32);
    background: rgba(240, 128, 32, .09);
    color: var(--sg-gold-light);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sg-eyebrow svg { width: 14px; height: 14px; color: var(--sg-gold); }

.sg-hero h1 {
    margin: 0 0 22px;
    font-size: clamp(2.15rem, 6.4vw, 4.35rem);
    line-height: 1.06;
    font-weight: 700;
    letter-spacing: -.035em;
    color: #fff;
}

.sg-hero h1 .sg-shine {
    background: var(--sg-gold-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.sg-hero__lead {
    max-width: 620px;
    margin: 0 0 34px;
    font-size: clamp(1rem, 2.2vw, 1.16rem);
    line-height: 1.75;
    color: var(--sg-text-2);
}

.sg-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; }

.sg-hero__stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: clamp(14px, 3vw, 28px);
    margin-top: clamp(44px, 7vw, 72px);
    padding-top: clamp(28px, 4vw, 40px);
    border-top: 1px solid var(--sg-line);
}

.sg-stat__num {
    display: block;
    font-family: var(--sg-font-display);
    font-size: clamp(1.9rem, 4.6vw, 2.7rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.03em;
    background: var(--sg-gold-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Sayı yerine kısa bir ifade gösteren istatistikler dar kolonda taşmasın.
   Yükseklik sayısal kardeşiyle eşitlenir, aksi halde alt etiketler farklı hizaya kayar. */
.sg-stat__num--text {
    display: flex;
    align-items: flex-end;
    height: clamp(1.9rem, 4.6vw, 2.7rem);
    font-size: clamp(1.3rem, 3.1vw, 1.8rem);
    letter-spacing: -.01em;
}

.sg-stat__label {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--sg-muted);
}

/* Aşağı kaydır göstergesi */
.sg-scroll-hint {
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    width: 26px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid var(--sg-line-2);
}

.sg-scroll-hint:after {
    content: "";
    width: 3px;
    height: 8px;
    border-radius: 3px;
    background: var(--sg-gold);
    animation: sg-scrolldot 1.9s var(--sg-ease) infinite;
}

@keyframes sg-scrolldot {
    0% { transform: translateY(-7px); opacity: 0; }
    35% { opacity: 1; }
    100% { transform: translateY(8px); opacity: 0; }
}

/* --------------------------------------------------------------------------
   9. Bölüm başlıkları
   -------------------------------------------------------------------------- */
.sg-head { max-width: 760px; margin-bottom: clamp(36px, 5vw, 60px); }
.sg-head--center { margin-inline: auto; text-align: center; }

.sg-head__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--sg-gold);
}

.sg-head__kicker:before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--sg-gold);
}

.sg-head--center .sg-head__kicker:after {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--sg-gold);
}

.sg-head h2 {
    margin: 0 0 16px;
    font-size: clamp(1.7rem, 4.2vw, 2.85rem);
    letter-spacing: -.03em;
}

.sg-head p {
    margin: 0;
    font-size: clamp(.98rem, 2vw, 1.06rem);
    color: var(--sg-muted);
    line-height: 1.8;
}

/* --------------------------------------------------------------------------
   10. Hizmet kartları
   -------------------------------------------------------------------------- */
.sg-grid {
    display: grid;
    gap: clamp(16px, 2.4vw, 26px);
}

.sg-grid--3 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.sg-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.sg-grid--2 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }

.sg-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(24px, 3.4vw, 36px);
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, .045) 0%, rgba(255, 255, 255, .012) 100%);
    overflow: hidden;
    isolation: isolate;
    transition: transform .5s var(--sg-ease-out), border-color .4s var(--sg-ease), box-shadow .5s var(--sg-ease-out);
}

.sg-card:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(140deg, rgba(240, 128, 32, .65), transparent 45%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .45s var(--sg-ease);
}

.sg-card:after {
    content: "";
    position: absolute;
    top: -40%;
    right: -30%;
    width: 260px;
    height: 260px;
    z-index: -2;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(240, 128, 32, .3) 0%, transparent 68%);
    opacity: 0;
    transition: opacity .55s var(--sg-ease);
}

.sg-card:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: var(--sg-shadow);
}

.sg-card:hover:before, .sg-card:hover:after { opacity: 1; }

.sg-card__icon {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 22px;
    border-radius: 18px;
    border: 1px solid rgba(42, 107, 184, .45);
    background: rgba(8, 64, 135, .32);
    color: var(--sg-gold-soft);
    transition: all .45s var(--sg-ease-out);
}

.sg-card__icon svg { width: 28px; height: 28px; }

.sg-card:hover .sg-card__icon {
    background: var(--sg-gold-grad);
    border-color: transparent;
    color: #071018;
    transform: rotate(-6deg) scale(1.04);
}

.sg-card h3 {
    margin: 0 0 12px;
    font-size: clamp(1.08rem, 2.2vw, 1.28rem);
    letter-spacing: -.015em;
}

.sg-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--sg-muted);
}

.sg-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--sg-gold-soft);
}

.sg-card__link svg { width: 15px; height: 15px; transition: transform .35s var(--sg-ease-out); }
.sg-card:hover .sg-card__link svg { transform: translateX(5px); }

/* Numaralı süreç kartı */
.sg-step { position: relative; }

.sg-step__num {
    position: absolute;
    top: 18px;
    right: 24px;
    font-family: var(--sg-font-display);
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, .05);
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   11. İkili bölüm (görsel + metin)
   -------------------------------------------------------------------------- */
.sg-split {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: clamp(30px, 5vw, 68px);
    align-items: center;
}

.sg-split__media { position: relative; }

.sg-split__media img {
    width: 100%;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    filter: grayscale(.35) contrast(1.04) brightness(.92);
    transition: filter .6s var(--sg-ease);
}

.sg-split__media:hover img { filter: grayscale(0) contrast(1) brightness(1); }

.sg-split__media:after {
    content: "";
    position: absolute;
    inset: auto -18px -18px auto;
    width: 62%;
    height: 62%;
    z-index: -1;
    border-radius: var(--sg-radius-lg);
    border: 1px solid rgba(240, 128, 32, .32);
}

.sg-split__badge {
    position: absolute;
    left: -8px;
    bottom: 26px;
    padding: 18px 26px;
    border-radius: var(--sg-radius);
    background: var(--sg-gold-grad);
    color: #071018;
    box-shadow: var(--sg-gold-glow);
}

.sg-split__badge b {
    display: block;
    font-family: var(--sg-font-display);
    font-size: 1.9rem;
    line-height: 1;
}

.sg-split__badge span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .8;
}

.sg-list { margin: 26px 0 0; padding: 0; display: grid; gap: 14px; }

.sg-list li {
    position: relative;
    list-style: none;
    padding-left: 34px;
    font-size: 15.5px;
    color: var(--sg-text-2);
}

.sg-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(240, 128, 32, .14);
    border: 1px solid rgba(240, 128, 32, .4);
}

.sg-list li:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 11px;
    width: 5px;
    height: 8px;
    border: solid var(--sg-gold);
    border-width: 0 2px 2px 0;
    transform: rotate(42deg);
}

/* --------------------------------------------------------------------------
   12. CTA bandı
   -------------------------------------------------------------------------- */
.sg-cta {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #0f1216 0%, #171b21 52%, #0d1013 100%);
    border-block: 1px solid var(--sg-line);
}

.sg-cta:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(70% 130% at 88% 15%, rgba(240, 128, 32, .18) 0%, transparent 60%);
}

.sg-cta__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 4vw, 48px);
    flex-wrap: wrap;
    padding: clamp(40px, 6vw, 68px) 0;
}

.sg-cta h2 {
    margin: 0 0 10px;
    font-size: clamp(1.5rem, 3.6vw, 2.4rem);
    max-width: 640px;
}

.sg-cta p { margin: 0; color: var(--sg-muted); max-width: 560px; }
.sg-cta__actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   13. Footer
   -------------------------------------------------------------------------- */
.main-footer.sg-footer {
    position: relative;
    padding: 0;
    background: var(--sg-ink-2);
    border-top: 1px solid var(--sg-line);
    background-image: radial-gradient(80% 120% at 15% 0%, rgba(240, 128, 32, .07) 0%, transparent 55%);
}

.sg-footer__top {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: clamp(28px, 4vw, 52px);
    padding: clamp(48px, 7vw, 82px) 0 clamp(34px, 4vw, 54px);
}

.sg-footer__logo {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 22px;
    text-decoration: none;
    line-height: 1.05;
}

.sg-footer__logo .sg-logo__name {
    font-size: 22px;
    letter-spacing: .05em;
}

.sg-footer__logo .sg-logo__tag {
    font-size: 12px;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .88);
}

.sg-footer p, .sg-footer li, .sg-footer address {
    font-size: 14.8px;
    line-height: 1.85;
    color: var(--sg-muted);
    font-style: normal;
}

.sg-footer h4 {
    margin: 0 0 22px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--sg-text);
}

.sg-footer h4:after {
    content: "";
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 12px;
    border-radius: 2px;
    background: var(--sg-gold-grad);
}

.sg-footer__links { margin: 0; padding: 0; display: grid; gap: 11px; }
.sg-footer__links li { list-style: none; }

.sg-footer__links a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--sg-muted);
    font-weight: 500;
    transition: all .3s var(--sg-ease);
}

.sg-footer__links a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(240, 128, 32, .5);
    transition: all .3s var(--sg-ease);
}

.sg-footer__links a:hover { color: var(--sg-gold-light); transform: translateX(4px); }
.sg-footer__links a:hover:before { background: var(--sg-gold); width: 12px; border-radius: 3px; }

.sg-footer__contact { display: grid; gap: 16px; margin: 0; padding: 0; }
.sg-footer__contact li { list-style: none; display: flex; gap: 12px; align-items: flex-start; }

.sg-footer__contact .sg-ic {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: none;
    border-radius: 12px;
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .03);
    color: var(--sg-gold);
}

.sg-footer__contact .sg-ic svg { width: 16px; height: 16px; }
.sg-footer__contact strong { display: block; color: var(--sg-text); font-size: 14px; font-weight: 600; }
.sg-footer__contact a { color: var(--sg-muted); }
.sg-footer__contact a:hover { color: var(--sg-gold-light); }

.sg-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 22px 0 calc(22px + var(--sg-safe-b));
    border-top: 1px solid var(--sg-line);
    font-size: 13.6px;
    color: var(--sg-muted);
}

.sg-footer__bottom a { color: var(--sg-text-2); }
.sg-footer__bottom a:hover { color: var(--sg-gold-light); }

.sg-footer__sign {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.sg-footer__sign a {
    position: relative;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--sg-gold-soft);
    padding-left: 10px;
}

/* İnce altın ayırıcı */
.sg-footer__sign a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 13px;
    transform: translateY(-50%);
    background: var(--sg-line-2);
}

.sg-footer__sign a:hover { color: var(--sg-gold-light); }

/* --------------------------------------------------------------------------
   14. Yüzen iletişim butonları (WhatsApp / Ara)
   -------------------------------------------------------------------------- */
.sg-fab {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-end;
}

.sg-fab__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 58px;
    width: 58px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .75);
    transition: width .5s var(--sg-ease-out), box-shadow .4s var(--sg-ease), transform .3s var(--sg-ease-out);
}

.sg-fab__btn:hover, .sg-fab__btn:focus-visible {
    width: var(--sg-fab-w, 214px);
    color: #fff;
    transform: translateY(-2px);
}

.sg-fab__label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding-left: 20px;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .01em;
    opacity: 0;
    transform: translateX(8px);
    transition: opacity .3s var(--sg-ease) .08s, transform .4s var(--sg-ease-out) .08s;
}

.sg-fab__btn:hover .sg-fab__label,
.sg-fab__btn:focus-visible .sg-fab__label { opacity: 1; transform: translateX(0); }

.sg-fab__ico {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex: none;
}

.sg-fab__ico svg { width: 27px; height: 27px; }

.sg-fab__btn--wa { background: linear-gradient(145deg, #2ee87a 0%, #25d366 45%, #12a85c 100%); }
.sg-fab__btn--tel { background: var(--sg-gold-grad); color: #071018; }
.sg-fab__btn--tel:hover, .sg-fab__btn--tel:focus-visible { color: #071018; }

/* WhatsApp nabız halkası */
.sg-fab__btn--wa:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(37, 211, 102, .55);
    animation: sg-ring 2.6s var(--sg-ease) infinite;
    pointer-events: none;
}

@keyframes sg-ring {
    70% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Mobil sabit alt bar */
.sg-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    gap: 10px;
    padding: 10px 12px calc(10px + var(--sg-safe-b));
    background: rgba(10, 11, 14, .88);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border-top: 1px solid var(--sg-line-2);
    box-shadow: 0 -14px 34px -22px rgba(0, 0, 0, .95);
    transform: translateY(102%);
    transition: transform .45s var(--sg-ease-out);
}

.sg-dock.is-visible { transform: translateY(0); }

/* Çekmece açıkken alt bar ve başa dön butonu çekilir; çekmecenin kendi CTA'sı öne çıkar */
body.sg-locked .sg-dock { transform: translateY(102%); }
body.sg-locked .sg-totop { opacity: 0; visibility: hidden; }

.sg-dock__btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s var(--sg-ease);
}

.sg-dock__btn:active { transform: scale(.97); }
.sg-dock__btn svg { width: 20px; height: 20px; flex: none; }
.sg-dock__btn--wa { background: linear-gradient(145deg, #2ee87a, #12a85c); color: #fff; }
.sg-dock__btn--wa:hover, .sg-dock__btn--wa:focus { color: #fff; }
.sg-dock__btn--tel { background: var(--sg-gold-grad); color: #071018; }
.sg-dock__btn--tel:hover, .sg-dock__btn--tel:focus { color: #071018; }

/* --------------------------------------------------------------------------
   14b. Başa dön
   -------------------------------------------------------------------------- */
.sg-totop {
    position: fixed;
    right: 28px;
    /* Masaüstünde WhatsApp + Ara FAB yığınının üstünde durur */
    bottom: 168px;
    z-index: 999;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--sg-line-2);
    border-radius: 999px;
    background: rgba(20, 23, 28, .9);
    color: var(--sg-gold-soft);
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--sg-shadow-sm);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px) scale(.9);
    transition: opacity .35s var(--sg-ease), transform .45s var(--sg-ease-out),
                visibility .35s var(--sg-ease), background .3s var(--sg-ease), color .3s var(--sg-ease);
}

.sg-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.sg-totop svg { width: 20px; height: 20px; }

.sg-totop:hover, .sg-totop:focus-visible {
    background: var(--sg-gold-grad);
    color: #071018;
    border-color: transparent;
    transform: translateY(-3px) scale(1);
}

.sg-totop:active { transform: translateY(0) scale(.94); }

/* --------------------------------------------------------------------------
   15. Kaydırma animasyonları
   -------------------------------------------------------------------------- */
.sg-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .8s var(--sg-ease-out), transform .8s var(--sg-ease-out);
    will-change: opacity, transform;
}

.sg-reveal.is-in { opacity: 1; transform: none; }

/* --------------------------------------------------------------------------
   16. Eski şablon sayfalarının uyarlanması (CMS içerikli iç sayfalar)
   -------------------------------------------------------------------------- */
.page-title {
    position: relative;
    /* Header akışta yer aldığı için üstte ayrıca boşluk bırakmaya gerek yok */
    padding: clamp(44px, 5.4vw, 70px) 0 clamp(34px, 4.2vw, 54px);
    background-size: cover;
    background-position: center;
    background-color: var(--sg-ink);
    text-align: left;
}

.page-title:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(90% 100% at 10% 10%, rgba(240, 128, 32, .18), transparent 60%),
        radial-gradient(70% 80% at 90% 80%, rgba(8, 64, 135, .35), transparent 55%),
        linear-gradient(180deg, rgba(7, 11, 18, .86), rgba(7, 11, 18, .96));
}

.page-title .auto-container { position: relative; }

.page-title h1 {
    margin: 0;
    font-size: clamp(1.85rem, 5vw, 3.1rem);
    color: #fff;
    letter-spacing: -.03em;
}

.page-info {
    background: var(--sg-ink-2);
    border-bottom: 1px solid var(--sg-line);
    padding: 10px 0;
}

.page-info .bread-crumb { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; float: none !important; }
.page-info .bread-crumb li { color: var(--sg-muted); font-size: 13.5px; }
.page-info .bread-crumb li a { color: var(--sg-gold-soft) !important; }

/* Bölümlerin genel 112px ritmi breadcrumb'ın hemen altında fazla geniş duruyor */
.page-info + .sg-section { padding-top: clamp(38px, 4.6vw, 60px); }

/* CMS içeriği: koyu kabuk üzerinde açık renkli "kağıt" panel */
.company-section, .sidebar-page-container {
    background: var(--sg-ink);
    padding: clamp(38px, 6vw, 72px) 0 clamp(48px, 8vw, 92px) !important;
}

.company-section .content-column .inner-column,
.sidebar-page-container .content-side .inner-column {
    padding: clamp(24px, 4vw, 48px);
    border-radius: var(--sg-radius-lg);
    border: 1px solid rgba(0, 0, 0, .06);
    background: #fbfbfc;
    box-shadow: var(--sg-shadow);
    color: #3b4149;
}

.company-section .inner-column h1,
.company-section .inner-column h2,
.company-section .inner-column h3,
.company-section .inner-column h4,
.sidebar-page-container .inner-column h1,
.sidebar-page-container .inner-column h2,
.sidebar-page-container .inner-column h3 { color: #14171c; }

.company-section .inner-column a { color: #9a7b12; }
.company-section .inner-column img { border-radius: var(--sg-radius); }

/* Anasayfa makale kartları */
.sg-news {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
    transition: transform .45s var(--sg-ease-out), border-color .35s var(--sg-ease), box-shadow .45s var(--sg-ease);
}

.sg-news:hover {
    transform: translateY(-6px);
    border-color: rgba(240, 128, 32, .4);
    box-shadow: var(--sg-shadow);
}

.sg-news__media {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--sg-surface);
}

.sg-news__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s var(--sg-ease-out);
}

.sg-news:hover .sg-news__media img { transform: scale(1.06); }

.sg-news__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 22px 24px;
    flex: 1;
}

.sg-news__body time {
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--sg-gold);
}

.sg-news__body h3 {
    margin: 0;
    font-size: clamp(1.05rem, 2.1vw, 1.2rem);
    line-height: 1.35;
}

.sg-news__body h3 a { color: var(--sg-text); }
.sg-news__body h3 a:hover { color: var(--sg-gold-light); }

.sg-news__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--sg-gold-soft);
}

.sg-news__more svg { width: 16px; height: 16px; transition: transform .3s var(--sg-ease); }
.sg-news__more:hover { color: var(--sg-gold-light); }
.sg-news__more:hover svg { transform: translateX(4px); }

/* Duyuru kartları (eski şablon — yedek) */
.sg-legacy-grid { display: flex; flex-wrap: wrap; margin-inline: -12px; }
.sg-legacy-grid .price-table { padding: 12px; float: none; }

.sg-legacy-grid .pricing-panel {
    height: 100%;
    padding: 26px;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
    text-align: center;
    transition: transform .45s var(--sg-ease-out), border-color .35s var(--sg-ease);
}

.sg-legacy-grid .pricing-panel:hover { transform: translateY(-5px); border-color: rgba(240, 128, 32, .4); }
.sg-legacy-grid .pricing-panel img { border-radius: var(--sg-radius-sm); object-fit: cover; }
.sg-legacy-grid .pricing-panel h4 { margin: 18px 0 20px; font-size: 1.05rem; }

.sg-legacy-grid .pricing-panel .btn {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid rgba(240, 128, 32, .45);
    background: transparent;
    color: var(--sg-gold-soft);
    font-size: 13.5px;
    font-weight: 700;
    transition: all .3s var(--sg-ease);
}

.sg-legacy-grid .pricing-panel .btn:hover {
    background: var(--sg-gold-grad);
    border-color: transparent;
    color: #071018;
}

/* Formlar (iletişim, teklif, memnuniyet vb.) */
.sg-form-panel {
    padding: clamp(24px, 4vw, 42px);
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
}

.sg-form-panel .form-control,
.sg-form-panel input[type="text"],
.sg-form-panel input[type="email"],
.sg-form-panel input[type="tel"],
.sg-form-panel textarea {
    width: 100%;
    min-height: 52px;
    margin-bottom: 14px;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid var(--sg-line-2);
    background: rgba(0, 0, 0, .28);
    color: var(--sg-text);
    font-family: var(--sg-font);
    font-size: 16px; /* iOS'ta odaklanınca yakınlaşmayı engeller */
    box-shadow: none;
    transition: border-color .3s var(--sg-ease), background-color .3s var(--sg-ease);
}

.sg-form-panel textarea { min-height: 150px; resize: vertical; }
.sg-form-panel ::placeholder { color: var(--sg-muted); }

.sg-form-panel .form-control:focus,
.sg-form-panel input:focus,
.sg-form-panel textarea:focus {
    outline: none;
    border-color: rgba(240, 128, 32, .6);
    background: rgba(0, 0, 0, .4);
}

.sg-form-panel input[type="submit"],
.sg-form-panel .btn--primary {
    width: auto;
    min-height: 54px;
    margin-top: 8px;
    padding: 0 34px;
    border: 0;
    border-radius: 999px;
    background: var(--sg-gold-grad);
    color: #071018;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    box-shadow: var(--sg-gold-glow);
    transition: transform .3s var(--sg-ease-out);
}

.sg-form-panel input[type="submit"]:hover { transform: translateY(-2px); }
.sg-form-panel .field-validation-error, .sg-form-panel .text-danger { color: #ff8f7a; font-size: 13.5px; }

/* İletişim bilgi kartları */
.sg-info-card {
    display: flex;
    gap: 16px;
    padding: 24px;
    border-radius: var(--sg-radius);
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .03);
    transition: border-color .35s var(--sg-ease), transform .4s var(--sg-ease-out);
}

.sg-info-card:hover { border-color: rgba(240, 128, 32, .4); transform: translateY(-4px); }

.sg-info-card .sg-ic {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: none;
    border-radius: 14px;
    border: 1px solid rgba(240, 128, 32, .3);
    background: rgba(240, 128, 32, .1);
    color: var(--sg-gold-soft);
}

.sg-info-card .sg-ic svg { width: 20px; height: 20px; }
.sg-info-card h3 { margin: 0 0 6px; font-size: 1rem; letter-spacing: .01em; }

/* Uzun e-posta ve adresler dar kartta taşmasın */
.sg-info-card > :not(.sg-ic) { min-width: 0; }

.sg-info-card p, .sg-info-card a {
    margin: 0;
    font-size: 14.6px;
    color: var(--sg-muted);
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.sg-info-card a:hover { color: var(--sg-gold-light); }

/* Harita */
.sg-map {
    overflow: hidden;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    filter: grayscale(.5) contrast(1.05) brightness(.86);
    transition: filter .5s var(--sg-ease);
}

.sg-map:hover { filter: none; }
.sg-map iframe { display: block; width: 100% !important; min-height: 380px; border: 0; }

/* İçerik + yan menü düzeni */
.sg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: clamp(24px, 3.5vw, 44px);
    align-items: start;
}

.sg-layout__side { display: grid; gap: 20px; position: sticky; top: 100px; }

.sg-widget {
    padding: 26px;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
}

.sg-widget h3 {
    margin: 0 0 18px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sg-widget h3:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    margin-top: 11px;
    border-radius: 2px;
    background: var(--sg-gold-grad);
}

.sg-widget p { font-size: 14.6px; color: var(--sg-muted); }

.sg-widget__menu { margin: 0; padding: 0; display: grid; gap: 4px; }
.sg-widget__menu li { list-style: none; }

.sg-widget__menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 14.6px;
    font-weight: 500;
    color: var(--sg-text-2);
    transition: all .28s var(--sg-ease);
}

.sg-widget__menu li a i { color: var(--sg-gold); font-size: 12px; }

.sg-widget__menu li a:hover {
    background: rgba(240, 128, 32, .12);
    color: var(--sg-gold-light);
    transform: translateX(3px);
}

.sg-widget__contact { margin: 18px 0; padding: 0; display: grid; gap: 12px; }
.sg-widget__contact li { list-style: none; display: flex; align-items: center; gap: 10px; font-size: 14.4px; }
.sg-widget__contact svg { width: 16px; height: 16px; color: var(--sg-gold); flex: none; }
.sg-widget__contact a { color: var(--sg-text-2); }
.sg-widget__contact a:hover { color: var(--sg-gold-light); }

/* Liste kartı */
.sg-tile {
    display: flex;
    flex-direction: column;
    border-radius: var(--sg-radius-lg);
    border: 1px solid var(--sg-line);
    background: rgba(255, 255, 255, .028);
    overflow: hidden;
    transition: transform .45s var(--sg-ease-out), border-color .35s var(--sg-ease), box-shadow .45s var(--sg-ease-out);
}

.sg-tile:hover {
    transform: translateY(-5px);
    border-color: rgba(240, 128, 32, .42);
    box-shadow: var(--sg-shadow);
}

.sg-tile__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sg-surface); }

.sg-tile__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(.3) brightness(.9);
    transition: transform .7s var(--sg-ease-out), filter .5s var(--sg-ease);
}

.sg-tile:hover .sg-tile__img img { transform: scale(1.06); filter: none; }

.sg-tile__body { display: block; padding: 20px 22px 24px; }

.sg-tile__title {
    display: block;
    font-family: var(--sg-font-display);
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--sg-text);
}

.sg-tile__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--sg-gold-soft);
}

.sg-tile__more svg { width: 14px; height: 14px; transition: transform .35s var(--sg-ease-out); }
.sg-tile:hover .sg-tile__more svg { transform: translateX(4px); }

/* Pazaryeri rozetleri */
.sg-marketplaces { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }

.sg-marketplaces a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid var(--sg-line-2);
    background: rgba(255, 255, 255, .04);
    color: var(--sg-text-2);
    font-size: 13.5px;
    font-weight: 600;
    transition: all .3s var(--sg-ease);
}

.sg-marketplaces a:hover { border-color: rgba(240, 128, 32, .55); color: var(--sg-gold-light); }

/* CMS içeriği için açık renkli "kağıt" panel — editör içeriği her zaman okunur kalır */
.sg-paper {
    padding: clamp(24px, 4vw, 52px);
    border-radius: var(--sg-radius-lg);
    background: #fbfbfc;
    box-shadow: var(--sg-shadow);
    color: #444a52;
}

.sg-paper__head { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: start; }
.sg-paper__img img { width: 100%; border-radius: var(--sg-radius); }

.sg-prose { font-size: 16px; line-height: 1.85; color: #444a52; }
.sg-prose h1, .sg-prose h2, .sg-prose h3, .sg-prose h4, .sg-prose h5 { color: #14171c; margin: 1.4em 0 .6em; }
.sg-prose h1:first-child, .sg-prose h2:first-child, .sg-prose h3:first-child { margin-top: 0; }
.sg-prose a { color: #9a7b12; text-decoration: underline; }
.sg-prose img { max-width: 100%; height: auto; border-radius: var(--sg-radius-sm); }
.sg-prose ul, .sg-prose ol { padding-left: 22px; margin-bottom: 1.1em; }
.sg-prose ul li { list-style: disc; }
.sg-prose ol li { list-style: decimal; }
.sg-prose table { width: 100%; max-width: 100%; border-collapse: collapse; margin-bottom: 1.2em; }
.sg-prose th, .sg-prose td { padding: 10px 12px; border: 1px solid #e4e6ea; }
.sg-prose th { background: #f2f3f5; color: #14171c; }
.sg-prose blockquote { margin: 1.4em 0; padding: 16px 22px; border-left: 3px solid var(--sg-gold); background: #f5f5f7; border-radius: 0 12px 12px 0; }

/* Tablolar mobilde taşmasın */
.sg-prose { overflow-x: auto; }

/* Galeri (Sayfa/Galeri partial'ı) */
.sg-gallery-wrap { margin-top: clamp(24px, 4vw, 44px); }
.sg-gallery-wrap .gallery--img { padding: 0 !important; margin: 0 !important; border: 0 !important; }
.sg-gallery-wrap .gallery-item { margin-bottom: 22px; }

.sg-gallery-wrap .gallery--img h1 {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--sg-text-2);
    margin: 12px 0 0;
    order: 2;
}

.sg-gallery-wrap .gallery--img {
    display: flex;
    flex-direction: column;
    padding: 12px !important;
    border-radius: var(--sg-radius) !important;
    border: 1px solid var(--sg-line) !important;
    background: rgba(255, 255, 255, .03);
    transition: border-color .35s var(--sg-ease), transform .4s var(--sg-ease-out);
}

.sg-gallery-wrap .gallery--img:hover { border-color: rgba(240, 128, 32, .42) !important; transform: translateY(-4px); }
.sg-gallery-wrap .gallery--img img { border-radius: var(--sg-radius-sm); object-fit: cover; order: 1; }

/* Sayfa içi CTA */
.sg-cta-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: clamp(28px, 4vw, 48px);
    padding: clamp(24px, 3.4vw, 38px);
    border-radius: var(--sg-radius-lg);
    border: 1px solid rgba(240, 128, 32, .28);
    background: linear-gradient(120deg, rgba(240, 128, 32, .12), rgba(240, 128, 32, .03));
}

.sg-cta-inline h3 { margin: 0 0 6px; font-size: clamp(1.1rem, 2.4vw, 1.45rem); }
.sg-cta-inline p { margin: 0; color: var(--sg-muted); font-size: 15px; }

/* --------------------------------------------------------------------------
   17. Yedek stiller — henüz elden geçirilmemiş ikincil sayfalar
   (teklif / memnuniyet / sipariş / insan kaynakları formları, duyurular, hata)
   -------------------------------------------------------------------------- */
.page-wrapper > .container,
.page-wrapper > .container-fluid,
.page-wrapper > .baslik,
.page-wrapper > .ozel-form,
.page-wrapper > .row {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: clamp(18px, 5vw, 32px);
}

.page-wrapper > .baslik { margin-top: clamp(44px, 7vw, 80px); }

.baslik {
    font-family: var(--sg-font-display);
    font-size: clamp(1.5rem, 3.6vw, 2.2rem);
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--sg-text);
    margin-bottom: 24px;
}

.baslik:after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    margin-top: 14px;
    border-radius: 2px;
    background: var(--sg-gold-grad);
}

.ozel-form { margin-bottom: clamp(52px, 9vw, 104px); }

.ozel-form fieldset {
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid var(--sg-line);
    border-radius: var(--sg-radius-lg);
    background: linear-gradient(160deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
}

.editor-label { margin-bottom: 7px; font-size: 13.5px; font-weight: 600; color: var(--sg-text-2); }
.editor-field { margin-bottom: 18px; }

/* Genel form alanları — açık renkli "kağıt" paneller hariç */
.page-wrapper input[type="text"],
.page-wrapper input[type="email"],
.page-wrapper input[type="tel"],
.page-wrapper input[type="url"],
.page-wrapper input[type="number"],
.page-wrapper input[type="date"],
.page-wrapper input[type="password"],
.page-wrapper input[type="search"],
.page-wrapper select,
.page-wrapper textarea {
    max-width: 100%;
    min-height: 50px;
    padding: 13px 17px;
    border-radius: 14px;
    border: 1px solid var(--sg-line-2);
    background: rgba(0, 0, 0, .28);
    color: var(--sg-text);
    font-family: var(--sg-font);
    font-size: 16px; /* iOS'ta odaklanınca otomatik yakınlaşmayı engeller */
    box-shadow: none;
    transition: border-color .3s var(--sg-ease);
}

.page-wrapper textarea { min-height: 130px; }

.page-wrapper input:focus,
.page-wrapper select:focus,
.page-wrapper textarea:focus {
    outline: none;
    border-color: rgba(240, 128, 32, .6);
    background: rgba(0, 0, 0, .4);
}

.page-wrapper ::placeholder { color: var(--sg-muted); }

.sg-paper input, .sg-paper select, .sg-paper textarea {
    background: #fff !important;
    color: #14171c !important;
    border-color: #dfe2e6 !important;
}

/* Genel butonlar */
.page-wrapper input[type="submit"],
.page-wrapper button[type="submit"],
.page-wrapper .gonder,
.page-wrapper .btn-default,
.page-wrapper .btn--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 32px;
    border: 0;
    border-radius: 999px;
    background: var(--sg-gold-grad);
    color: #071018;
    font-family: var(--sg-font);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--sg-gold-glow);
    transition: transform .3s var(--sg-ease-out), box-shadow .3s var(--sg-ease);
}

.page-wrapper input[type="submit"]:hover,
.page-wrapper .gonder:hover,
.page-wrapper .btn--primary:hover { transform: translateY(-2px); color: #071018; }

.field-validation-error, .validation-summary-errors, .text-danger { color: #ff8f7a; font-size: 13.5px; }
.validation-summary-errors ul { margin: 0; padding-left: 18px; }
.validation-summary-errors li { list-style: disc; }

.clear { clear: both; }

/* --------------------------------------------------------------------------
   18. Duyarlı (responsive) davranışlar
   -------------------------------------------------------------------------- */

/* Tablet ve altı: masaüstü menüyü gizle, hamburger'i aç */
@media (max-width: 1099px) {
    .sg-menu { display: none; }
    .sg-burger { display: block; }
    .sg-nav__actions .sg-btn--gold { display: none; }
    .sg-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sg-layout { grid-template-columns: minmax(0, 1fr); }
    .sg-layout__side { position: static; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}

@media (max-width: 991px) {
    .sg-topbar__item--addr { display: none; }
}

@media (max-width: 767px) {
    :root { --sg-header-h: 76px; }

    /* Mobil alt bar için gövde payı */
    body { padding-bottom: calc(74px + var(--sg-safe-b)); }

    .sg-topbar { font-size: 12.5px; }
    .sg-topbar__inner { min-height: 42px; justify-content: center; gap: 12px; }
    .sg-topbar__left { gap: 16px; justify-content: center; }
    .sg-topbar__item--mail { display: none; }
    .sg-topbar__right .sg-badge { display: none; }

    /* Mobilde logo yazısı okunaklı kalsın */
    .sg-logo { gap: 10px; flex: 1 1 auto; }
    .sg-logo__mark { height: 48px; }
    .sg-logo__text { padding-left: 10px; gap: 3px; }
    .sg-logo__name { font-size: 15.5px; letter-spacing: .04em; }
    .sg-logo__tag { font-size: 9.5px; letter-spacing: .04em; color: rgba(255, 255, 255, .94); }
    .sg-nav.is-stuck .sg-logo__mark { height: 44px; }
    .sg-nav.is-stuck .sg-logo__name { font-size: 14.5px; }
    .sg-nav.is-stuck .sg-logo__tag { font-size: 9px; }
    .sg-nav__inner { gap: 10px; }
    .sg-nav__actions { gap: 8px; }

    .sg-hero { min-height: clamp(520px, 82svh, 700px); }
    /* Sürekli çalışan kenburns animasyonu mobilde pil ve akıcılık için kapatılır */
    .sg-hero__media img { animation: none; transform: scale(1.02); }
    .sg-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
    .sg-hero__cta .sg-btn { flex: 1 1 100%; }
    .sg-scroll-hint { display: none; }

    .sg-cta__inner { flex-direction: column; align-items: flex-start; }
    .sg-cta__actions { width: 100%; }
    .sg-cta__actions .sg-btn { flex: 1 1 100%; }

    .sg-footer__top { grid-template-columns: 1fr; gap: 32px; }
    /* Alt boşluk, sayfa sonunda yüzen "başa dön" butonunun imzayı kapatmasını önler */
    .sg-footer__bottom { justify-content: center; text-align: center; padding-bottom: calc(78px + var(--sg-safe-b)); }

    .sg-split__media:after { display: none; }
    .sg-split__badge { left: 12px; bottom: 12px; padding: 14px 20px; }

    .sg-step__num { font-size: 2.8rem; top: 14px; right: 18px; }

    .sg-paper__head { grid-template-columns: minmax(0, 1fr); }
    .sg-cta-inline { flex-direction: column; align-items: stretch; }
    .sg-cta-inline .sg-btn { flex: 1 1 100%; }
    .sg-map iframe { min-height: 280px; }

    /* Masaüstü FAB'ları gizle, mobil dock'u göster */
    .sg-fab { display: none; }
    .sg-dock { display: flex; }

    /* Mobilde sabit alt bar (dock) üstüne taşı */
    .sg-totop { right: 14px; bottom: calc(84px + var(--sg-safe-b)); width: 44px; height: 44px; }

    /* Eski şablondan gelen taşmaları engelle */
    .auto-container { padding-inline: 18px; }
}

@media (max-width: 400px) {
    .sg-dock__btn { font-size: 14px; gap: 7px; }
    .sg-topbar__item--hours { display: none; }
}

/* Yatay mobil / kısa ekranlar */
@media (max-height: 520px) and (orientation: landscape) {
    .sg-hero { min-height: auto; padding-block: 80px 48px; }
    .sg-dock { display: none; }
    body { padding-bottom: 0; }
}

@media (max-width: 767px) and (max-height: 520px) and (orientation: landscape) {
    /* Dock gizliyken buton en alta iner */
    .sg-totop { bottom: calc(16px + var(--sg-safe-b)); }
}

/* Fare olmayan (dokunmatik) cihazlarda hover'a bağlı efektleri sadeleştir */
@media (hover: none) {
    .sg-card:hover { transform: none; }
    .sg-fab__btn { width: var(--sg-fab-w, 214px); }
    .sg-fab__label { opacity: 1; transform: none; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }

    .sg-reveal { opacity: 1; transform: none; }
}

/* Yazdırma */
@media print {
    .sg-topbar, .sg-nav, .sg-fab, .sg-dock, .sg-totop, .preloader { display: none !important; }
    body { background: #fff; color: #000; padding-bottom: 0; }
}