@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&family=Inter:wght@300;400;600&display=swap");:root {    --font1: "Outfit", Helvetica, Arial, sans-serif;    --font2: "Space Grotesk", Helvetica, Arial, sans-serif;    --primary-orange: #dc2626;    --radius: 3px;}body {    font-family: var(--font2);    padding: 0px;    margin: 0px;}body.menu-open {    overflow: hidden;}/* --- RESET & TEMEL AYARLAR --- */.header-menu * {    box-sizing: border-box;    margin: 0;    padding: 0;}/* =========================================   --- HEADER ANA YAPISI (FIXED & TRANSPARENT) ---   ========================================= */.header-menu {    /* --- 1. Değişkenler (Varsayılan: Slider Üzeri / Şeffaf Mod) --- */    --hm-bg: transparent;    /* Arkaplan Şeffaf */    --hm-navy: #ffffff;    /* Ana Yazılar Beyaz */    --hm-red: #dc2626;    /* Vurgu Rengi */    --hm-gray: rgba(255, 255, 255, 0.1);    /* Hover Alanları */    --hm-text-light: rgba(255, 255, 255, 0.8);    /* Silik Yazılar */    --hm-border: rgba(255, 255, 255, 0.15);    /* Çizgiler (Zarif Beyaz) */    --hm-icon-bg: #ffffff;    /* Logo Kutusu Beyaz */    --hm-icon-fill: #0f172a;    /* Logo İkonu Koyu */    --hm-shadow: none;    /* Gölge Yok */    --hm-backdrop: blur(0px);    /* Blur Yok */    position: fixed;    /* Sabit */    top: 0;    left: 0;    width: 100%;    z-index: 1000;    background-color: var(--hm-bg);    box-shadow: var(--hm-shadow);    backdrop-filter: var(--hm-backdrop);    color: var(--hm-navy);    transition: all 0.4s ease;    /* Yumuşak Geçiş */}/* --- 2. SCROLL EDİLİNCE (JS ile .is-scrolled eklenince) --- */.header-menu.is-scrolled {    --hm-bg: rgba(16, 16, 16, 0.98);    /* Arkaplan Beyaz */}.header-menu {    --hm-sidebar-width: 300px;}.header-menu a {    text-decoration: none;    color: inherit;    transition: 0.3s;}.header-menu ul {    list-style: none;}.header-menu .font-serif {    font-family: "Playfair Display", serif;}/* --- CONTAINER MANTIĞI --- */.header-menu .hm-container {    width: 100%;    max-width: 1400px;    margin: 0 auto;    padding: 0 20px;}/* --- 1. TOP BAR (Üst Şerit) --- */.header-menu .hm-topbar {    background-color: transparent;    /* Değişkenden bağımsız transparan */    border-bottom: 1px solid var(--hm-border);    /* İnce çizgi */    color: var(--hm-text-light);    font-size: 12px;    padding: 10px 0;    display: none;    transition: 0.3s;}@media (min-width: 992px) {    .header-menu .hm-topbar {        display: block;    }}.header-menu .hm-topbar-content {    display: flex;    justify-content: space-between;    align-items: center;}.header-menu .hm-contact-list {    display: flex;    gap: 20px;}.header-menu .hm-contact-item {    display: flex;    align-items: center;    gap: 6px;}.header-menu .hm-contact-item svg {    width: 14px;    height: 14px;    fill: var(--hm-red);    /* İkon rengi sabit veya --hm-navy yapılabilir */}/* --- 2. MAIN NAVBAR --- */.header-menu .hm-main-nav {    padding: 15px 0;    background: transparent;    border-bottom: 1px solid var(--hm-border);    position: relative;    z-index: 1001;    transition: 0.3s;}/* Scroll yapılınca menü biraz daralsın */.header-menu.is-scrolled .hm-main-nav {    padding: 10px 0;}@media (min-width: 992px) {    .header-menu .hm-main-nav {        padding: 20px 0;    }    .header-menu.is-scrolled .hm-main-nav {        padding: 15px 0;    }}.header-menu .hm-nav-wrapper {    display: flex;    justify-content: space-between;    align-items: center;}/* Logo */.header-menu .hm-logo {    display: flex;    align-items: center;    gap: 12px;    z-index: 1002;}.header-menu .hm-logo img {    width: auto;    height: 50px;}.header-menu .hm-logo-icon {    width: 40px;    height: 40px;    background: var(--hm-icon-bg);    /* Değişken */    color: var(--hm-icon-fill);    /* Değişken */    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    transition: 0.3s;}@media (min-width: 992px) {    .header-menu .hm-logo-icon {        width: 48px;        height: 48px;    }}.header-menu .hm-logo-icon svg {    width: 20px;    height: 20px;    fill: currentColor;}@media (min-width: 992px) {    .header-menu .hm-logo-icon svg {        width: 24px;        height: 24px;    }}.header-menu .hm-logo-text h1 {    font-size: 20px;    font-weight: 700;    color: var(--hm-navy);    /* Yazı rengi değişkeni */    line-height: 1;    transition: 0.3s;}@media (min-width: 992px) {    .header-menu .hm-logo-text h1 {        font-size: 24px;    }}.header-menu .hm-logo-text span {    color: var(--hm-red);}.header-menu .hm-logo-text small {    font-size: 9px;    letter-spacing: 2px;    text-transform: uppercase;    color: var(--hm-text-light);    /* Değişken */    font-weight: 700;    display: block;    margin-top: 4px;}/* Desktop Menu Linkleri */.header-menu .hm-desktop-links {    display: none;    gap: 30px;}@media (min-width: 992px) {    .header-menu .hm-desktop-links {        display: flex;        margin-left: auto;        margin-right: 35px;    }}.header-menu li {    list-style: none;}.header-menu li:nth-child(1) {    display: none;}.header-menu li .nav-link {    font-weight: 600;    font-size: 14px;    text-transform: uppercase;    color: var(--hm-navy);    /* Değişken */    position: relative;    transition: 0.3s;}.header-menu li .nav-link:hover {    color: var(--hm-red);}/* Link Alt Çizgi Efekti */.header-menu li .nav-link::after {    content: "";    position: absolute;    bottom: -5px;    left: 0;    width: 0;    height: 2px;    background-color: var(--hm-red);    transition: 0.3s;}.header-menu li .nav-link:hover::after {    width: 100%;}/* Actions */.header-menu .hm-actions {    display: flex;    align-items: center;    gap: 15px;}/* Teklif Al Butonu */.header-menu .btn-offer {    background: #dc2626;    /* Sabit renk */    color: white;    padding: 10px 24px;    border-radius: 6px;    font-weight: 700;    font-size: 13px;    display: none;    align-items: center;    gap: 8px;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}@media (min-width: 992px) {    .header-menu .btn-offer {        display: flex;    }}.header-menu .btn-offer:hover {    background: #fff;    color: var(--hm-red);    transform: translateY(-2px);}.header-menu .btn-offer:hover svg {    fill: var(--hm-red);}.header-menu .btn-offer svg {    width: 14px;    height: 14px;    fill: white;    transition: 0.3s;}/* Online İşlem */.header-menu .btn-online {    display: none;    padding: 8px 16px;    border: 1px solid var(--hm-border);    /* Değişken */    border-radius: 6px;    font-weight: 600;    font-size: 13px;    color: var(--hm-navy);    /* Değişken */    align-items: center;    gap: 6px;    transition: 0.3s;}@media (min-width: 768px) {    .header-menu .btn-online {        display: flex;    }}.header-menu .btn-online:hover {    background-color: var(--hm-red);    border-color: var(--hm-red);    color: #fff;}.header-menu.is-scrolled .btn-online:hover {    background-color: var(--hm-gray);}.header-menu .btn-online svg {    width: 14px;    height: 14px;    fill: var(--hm-navy);    transition: 0.3s;}.header-menu .btn-online:hover svg {    fill: #fff;}/* Hamburger (Mobil) */.header-menu .hm-hamburger {    display: block;    cursor: pointer;    background: none;    border: none;    padding: 5px;}@media (min-width: 992px) {    .header-menu .hm-hamburger {        display: none;    }}.header-menu .hm-hamburger svg {    width: 28px;    height: 28px;    fill: var(--hm-navy);    /* Değişken */}/* --- 3. SERVICES GRID (Desktop Only) --- */.header-menu .hm-services-bar {    /* Başlangıçta şeffaf, hafif beyazımsı */    background-color: rgb(0 0 0 / 34%);    border-top: 1px solid var(--hm-border);    backdrop-filter: blur(5px);    display: none;    transition: 0.3s;}.header-menu.is-scrolled .hm-services-bar {    background-color: #000;    /* Scroll olunca beyaz */}.header-menu.is-scrolled .hm-service-item {    padding: 11px 12px;}.header-menu.is-scrolled .hm-topbar {    display: none;}@media (min-width: 992px) {    .header-menu .hm-services-bar {        display: block;    }}.header-menu .hm-services-grid {    display: grid;    grid-template-columns: repeat(6, 1fr);}/* Hizmet Kartı (Desktop) */.header-menu .hm-service-item {    position: relative;    display: flex;    align-items: center;    padding: 28px 12px;    border-right: 1px solid var(--hm-border);    cursor: pointer;    transition: 0.3s;    justify-content: center;}.header-menu .hm-service-item a {    position: relative;    display: flex;    justify-content: center;    align-items: center;}.header-menu .hm-service-item li:nth-child(1) {    display: block;}.header-menu .hm-service-item:last-child {    border-right: none;}.header-menu .hm-service-item:hover {    background-color: rgba(255, 255, 255, 0.1);}.header-menu .hm-service-item:hover {    background: #dc2626;    transition: 0.3s;    color: #fff;}.header-menu .hm-srv-icon {    width: 38px;    height: 38px;    border: 1px solid var(--hm-border);    border-radius: 6px;    display: flex;    align-items: center;    justify-content: center;    margin-right: 10px;    transition: 0.3s;    display: none;}.header-menu .hm-srv-icon svg {    width: 20px;    height: 20px;    fill: var(--hm-text-light);    /* Değişken */    transition: 0.3s;}.header-menu .hm-srv-text {    display: flex;    flex-direction: column;    line-height: 1.2;}.header-menu .hm-srv-title {    font-size: 16px;    font-weight: 700;    color: var(--hm-navy);    /* Değişken */}.header-menu .hm-srv-arrow {    width: 10px;    height: 10px;    fill: #cbd5e1;    margin-top: 2px;    display: none;}.header-menu .hm-service-item:hover .hm-srv-icon {    background-color: var(--hm-red);    border-color: var(--hm-red);}.header-menu .hm-service-item:hover .hm-srv-icon svg {    fill: white;}/* Dropdown (Desktop) */.header-menu .hm-dropdown {    display: none;    position: absolute;    top: 100%;    left: 0;    width: 227px;    /* Dropdown her zaman beyaz kalmalı, slider üstünde okunmaz yoksa */    background: white;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);    border-top: 3px solid var(--hm-red);    border-radius: 0 0 6px 6px;    z-index: 100;    padding: 0px 0;}@media (min-width: 992px) {    .header-menu .hm-service-item:hover .hm-dropdown {        display: block;        animation: slideUp 0.3s ease;    }    .header-menu .hm-service-item:nth-last-child(-n + 2):hover .hm-dropdown {        left: auto;        right: 0;    }}@keyframes slideUp {    from {        opacity: 0;        transform: translateY(10px);    }    to {        opacity: 1;        transform: translateY(0);    }}.header-menu .hm-dropdown li a {    display: block;    padding: 12px 16px;    font-size: 13px;    font-weight: 600;    color: #64748b;    transition: 0.2s;}.header-menu .hm-dropdown li a:hover {    color: var(--hm-red);    background-color: #fff1f2;    padding-left: 20px;}/* =========================================   --- YENİ MOBİL MENÜ YAPISI (SIDEBAR) ---   Bu alan Header renklerinden etkilenmemeli   ========================================= *//* Sidebar'ın değişkenlerini sıfırla (Her zaman beyaz arka plan, koyu yazı) */.header-menu .hm-mobile-sidebar {    --hm-bg: #ffffff;    --hm-navy: #0f172a;    --hm-border: #e2e8f0;    --hm-text-light: #64748b;}/* Karartma Arkaplan (Overlay) */.header-menu .hm-overlay {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(15, 23, 42, 0.6);    backdrop-filter: blur(2px);    z-index: 9998;    opacity: 0;    visibility: hidden;    transition: opacity 0.3s ease, visibility 0.3s ease;}/* Sidebar Kapsayıcı */.header-menu .hm-mobile-sidebar {    position: fixed;    top: 0;    left: 0;    width: var(--hm-sidebar-width);    height: 100%;    background: #fff;    /* Sabit Beyaz */    z-index: 9999;    transform: translateX(-100%);    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);    box-shadow: 5px 0 30px rgba(0, 0, 0, 0.1);    display: flex;    flex-direction: column;    overflow: hidden;}/* Aktif Durum */.header-menu.active .hm-overlay {    opacity: 1;    visibility: visible;}.header-menu.active .hm-mobile-sidebar {    transform: translateX(0);}/* Sidebar Header */.header-menu .hm-mob-header {    padding: 20px;    border-bottom: 1px solid var(--hm-border);    display: flex;    justify-content: space-between;    align-items: center;    height: auto;}.header-menu .hm-close-btn {    background: #f1f5f9;    border: none;    width: 32px;    height: 32px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    color: var(--hm-navy);    transition: 0.2s;}.header-menu .hm-close-btn:hover {    background: var(--hm-red);    color: white;    transform: rotate(90deg);}.header-menu .hm-close-btn svg {    width: 18px;    height: 18px;    fill: currentColor;}/* Sidebar İçerik (Scrollable) */.header-menu .hm-mob-content {    flex: 1;    overflow-y: auto;    padding: 20px;}/* Mobil Ana Linkler */.header-menu .hm-mob-links {    margin-bottom: 25px;}.header-menu .hm-mob-link-item {    display: block;    padding: 12px 0;    font-size: 15px;    font-weight: 700;    color: var(--hm-navy);    border-bottom: 1px solid #f8fafc;}.header-menu .hm-mob-link-item:hover {    color: var(--hm-red);    padding-left: 5px;}/* Mobil Hizmetler Başlık */.header-menu .hm-mob-section-title {    font-size: 11px;    text-transform: uppercase;    letter-spacing: 1.5px;    color: var(--hm-text-light);    font-weight: 700;    margin-bottom: 15px;    margin-top: 10px;}/* Mobil Akordeon Menü (Hizmetler) */.header-menu .hm-mob-accordion-item {    margin-bottom: 10px;}.header-menu .hm-mob-acc-btn {    width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    padding: 10px 12px;    background: #f8fafc;    border: 1px solid transparent;    border-radius: 6px;    cursor: pointer;    font-family: "Outfit", sans-serif;    font-size: 14px;    font-weight: 600;    color: var(--hm-navy);    transition: 0.2s;}.header-menu .hm-mob-acc-btn.active {    background: #fff;    border-color: var(--hm-red);    color: var(--hm-red);}.header-menu .hm-mob-acc-left {    display: flex;    align-items: center;    gap: 10px;}.header-menu .hm-mob-acc-icon {    width: 20px;    height: 20px;    fill: #94a3b8;}.header-menu .hm-mob-acc-btn.active .hm-mob-acc-icon {    fill: var(--hm-red);}.header-menu .hm-mob-acc-arrow {    width: 10px;    height: 10px;    fill: #94a3b8;    transition: transform 0.3s;}.header-menu .hm-mob-acc-btn.active .hm-mob-acc-arrow {    transform: rotate(180deg);    fill: var(--hm-red);}/* Submenu (Gizli içerik) */.header-menu .hm-mob-submenu {    display: none;    /* JS ile açılacak */    padding: 10px 0 10px 42px;}.header-menu .hm-mob-submenu a {    display: block;    padding: 6px 0;    font-size: 13px;    color: var(--hm-text-light);    position: relative;}.header-menu .hm-mob-submenu a:before {    content: "";    position: absolute;    left: -12px;    top: 50%;    width: 4px;    height: 4px;    background: #cbd5e1;    border-radius: 50%;    transform: translateY(-50%);}.header-menu .hm-mob-submenu a:hover {    color: var(--hm-red);}/* Alt Kısım (Butonlar) */.header-menu .hm-mob-footer {    margin-top: 20px;    padding-top: 20px;    border-top: 1px solid var(--hm-border);}.header-menu .btn-mob-full {    width: 100%;    justify-content: center;    margin-bottom: 10px;}.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;    position: relative;    z-index: 1;}.header-sosyal {    width: auto;    display: flex;    align-items: center;    gap: 25px;}.header-sosyal li {    list-style: none;    width: auto;}.header-sosyal li a {    list-style: none;    width: auto;}.header-sosyal li a svg {    width: 15px;    height: 15px;    fill: currentColor;    /* Ana renk değişkenine uyum sağlasın */}@media (max-width: 1024px) {    body.menu-open .header-menu {        height: 100vh;        overflow: hidden;    }}/* Genel konteyner */.floating-side {    position: fixed;    right: -6px;    top: 60%;    transform: translateY(-50%);    display: flex;    flex-direction: column;    gap: 12px;    z-index: 999999;}/* Dikey Teklif Al Butonu */.fs-btn-vertical {    writing-mode: vertical-rl;    text-orientation: upright;    padding: 14px 10px;    background: #d70000;    /* KIRMIZI */    color: #fff;    text-decoration: none;    font-weight: 700;    border-radius: 10px;    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);    font-size: 16px;}/* Sosyal medya kutuları */.fs-socials {    display: flex;    flex-direction: column;    gap: 10px;}/* Sosyal medya ikonları */.fs-socials a {    width: 45px;    height: 45px;    background: #fff;    border-radius: 10px;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);    color: #333;}.fs-socials a {    background: #dc2626;}.fs-socials li {    list-style: none;}.fs-socials a svg {    width: 20px;    height: 20px;    fill: #fff;}.fs-socials a:hover {    background: #dc2626;}.fs-socials a:hover svg {    fill: #fff;}.fs-socials li:nth-child(1) a:hover {    background: #0866ff;}.fs-socials li:nth-child(2) a:hover {    background: #0cc143;}.fs-socials li:nth-child(3) a:hover {    background: #f80177;}/* Mobilde biraz küçültelim */@media (max-width: 768px) {    .floating-side {        right: 6px;        gap: 8px;    }    .fs-btn-vertical {        font-size: 14px;    }    .fs-icon {        width: 40px;        height: 40px;    }}.tekli-dikey-btn {    position: fixed;    right: -9px;    top: -43%;    transform: translateY(-50%) rotate(180deg);    background: #dc2626;    color: #fff;    padding: 14px 10px 14px 0px;    width: 55px;    text-decoration: none;    font-weight: 700;    font-size: 15px;    writing-mode: vertical-rl;    text-orientation: mixed;    text-align: center;    border-radius: 0px 6px 6px 0px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);    z-index: 99999;    height: 110px;}.tekli-dikey-btn:hover {    background: #c80909;}/* Teklif Al Butonu */.btn-offerci {    background: #dc2626;    /* Sabit renk */    color: white;    padding: 10px 24px;    border-radius: 6px;    font-weight: 700;    font-size: 13px;    display: none;    align-items: center;    gap: 8px;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);    width: auto;    display: inline-flex !important;}@media (min-width: 992px) {    .btn-offerci {        display: flex;    }}.btn-offerci svg {    width: 14px;    height: 14px;    fill: white;    transition: 0.3s;}