/* ================= DEĞİŞKENLER ================= */
        :root {
            --ti-yellow: #F2C94C;
            --bg-page: #ffffff;
            --text-main: #1f1f1f;
            --primary-color: #024b59;
            --max-width: 1400px;
            --header-height: 110px;
            --easing: cubic-bezier(0.19, 1, 0.22, 1);
        }

        /* ================= TEMEL AYARLAR ================= */
        * { box-sizing: border-box; outline: none; }
        
        .swal2-cancel-btn-custom { color: #000 !important; font-weight: 700 !important; }

        html, body {
            margin: 0; padding: 0;
            font-family: "Inter", sans-serif;
            background: #fff;
            color: var(--text-main);
            overflow-x: hidden;
            width: 100%;
            max-width: 100%;
        }

        a { text-decoration: none; color: inherit; transition: all 0.2s ease; }
        ul { list-style: none; padding: 0; margin: 0; }
        img, video { max-width: 100%; display: block; }

        /* Smooth Scroll */
        html.lenis, html.lenis body { height: auto; }
        .lenis.lenis-smooth { scroll-behavior: auto !important; }
        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
        .lenis.lenis-stopped { overflow: hidden; }

        /* ================= HEADER ================= */
        header {
            position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
            background: #fff; border-bottom: 1px solid #eaeaea; color: var(--text-main);
        }
        .top-strip { background-color: var(--ti-yellow); height: 3px; width: 100%; }
        .header-top { border-bottom: 1px solid #f0f0f0; height: 50px; }
        .top-container {
            max-width: var(--max-width); margin: 0 auto; padding: 0 2rem;
            height: 100%; display: flex; justify-content: space-between; align-items: center;
        }
        .logo img { height: 28px; width: auto; opacity: 0.9; }
        .top-actions { display: flex; align-items: center; gap: 1.5rem; }

        /* Search */
        .search-container { position: relative; width: 350px; }
        .search-minimal {
            border-bottom: 1px solid #ddd; padding: 0.3rem 0;
            display: flex; align-items: center; width: 100%; transition: border-color 0.3s;
        }
        .search-minimal:focus-within { border-bottom-color: var(--ti-yellow); }
        .search-minimal input { border: none; background: transparent; font-size: 0.85rem; width: 100%; color: #333; }
        .search-minimal i { color: #999; font-size: 0.8rem; }
        #search-results {
            position: absolute; top: 100%; left: 0; width: 100%;
            background: #fff; border: 1px solid #eee; border-top: none;
            box-shadow: 0 15px 40px rgba(0,0,0,0.15); z-index: 9999;
            display: none; max-height: 450px; overflow-y: auto;
            border-radius: 0 0 8px 8px; color: #333;
        }
        .search-item { display: flex; align-items: center; gap: 12px; padding: 12px 15px; border-bottom: 1px solid #fdfdfd; cursor: pointer; transition: background 0.2s; }
        .search-item:hover { background: #f4f4f4; }
        .s-icon-box { width: 36px; height: 36px; background: #f0f0f0; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #666; flex-shrink: 0; }
        .s-icon-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
        .s-info { display: flex; flex-direction: column; }
        .s-title { font-size: 0.9rem; font-weight: 600; color: #333; }
        .s-detail { font-size: 0.75rem; color: #888; margin-top: 2px; }
        .s-badge { margin-left: auto; font-size: 0.7rem; padding: 2px 6px; border-radius: 4px; background: #eee; color: #666; }

        .utility-link { font-size: 0.8rem; font-weight: 500; color: #555; display: flex; align-items: center; gap: 6px; cursor: pointer; }
        .utility-link:hover { color: var(--ti-yellow); }
        .btn-buy {
            background: var(--ti-yellow); color: #000; padding: 0.4rem 1rem;
            border-radius: 2px; font-weight: 600; font-size: 0.8rem; letter-spacing: 0.5px;
            display: flex; align-items: center; gap: 8px;
        }
        .btn-buy:hover { background: #e0b840; }

        /* Header Bottom */
        .header-bottom { height: 60px; background: #fff; }
        .bottom-container { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem; height: 100%; display: flex; align-items: center; }
        .nav-links { display: flex; height: 100%; gap: 2.5rem; }
        .nav-item {
            height: 100%; display: flex; align-items: center;
            font-size: 0.9rem; font-weight: 500; color: #333;
            cursor: pointer; position: relative; transition: color 0.2s;
        }
        .nav-item:hover { color: var(--ti-yellow); }
        .nav-link { height:100%; display:flex; align-items:center; gap:6px; color:inherit; text-decoration:none; }

        /* MEGA MENU */
        .mega-menu-wrapper {
            position: absolute; top: 100%; left: 0; width: 100vw;
            background: #fff; border-bottom: 1px solid #eaeaea;
            box-shadow: 0 10px 30px rgba(0,0,0,0.03); display: none;
            z-index: 1002; height: 450px; color: #333;
        }
        .nav-item.has-dropdown:hover .mega-menu-wrapper { display: block; }
        .mega-content-container { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem; height: 100%; display: grid; grid-template-columns: 250px 250px 1fr; }
        .mega-content-container.solutions-menu { grid-template-columns: 280px 1fr; }
        .mega-col { padding: 1.5rem 0; overflow-y: auto; border-right: 1px solid #f0f0f0; }
        .mega-col:last-child { border-right: none; }
        .main-item { padding: 0.6rem 0; padding-right: 1rem; font-size: 0.9rem; font-weight: 600; color: #333; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.2s; border-bottom: 1px solid transparent; }
        .main-item:hover, .main-item.active { color: var(--ti-yellow); padding-left: 10px; }
        .main-item.active { border-right: 2px solid var(--ti-yellow); }
        .cat-panel, .sub-panel, .sol-map-panel { display: none; }
        .cat-panel.active, .sub-panel.active, .sol-map-panel.active { display: block; }
        .cat-item { padding: 0.5rem 0; padding-left: 1rem; font-size: 0.9rem; font-weight: 400; color: #555; cursor: pointer; display: block; transition: all 0.2s; }
        .cat-item:hover, .cat-item.active { color: #000; font-weight: 500; background: #fafafa; }
        .cat-item.active { color: var(--ti-yellow); }
        .sub-panel { padding-left: 2rem; }
        .sub-header { font-family: "Space Grotesk"; font-size: 0.85rem; font-weight: 700; color: #999; text-transform: uppercase; margin-bottom: 1rem; display: block; padding-top: 0.5rem; }
        .sub-link { display: block; padding: 0.4rem 0; font-size: 0.9rem; color: #666; transition: color 0.2s; }
        .sub-link:hover { color: var(--ti-yellow); }
        .sol-map-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:.55rem 1rem; border-radius:10px; color:#555; border:1px solid transparent; transition:all .2s ease; }
        .sol-map-item:hover { background:#fafafa; border-color:#eee; color:#111; }

        /* LOCALE SWITCHER */
        .locale-switcher { position:relative; display:flex; align-items:center; }
        .locale-trigger { background:transparent; border:none; padding:0; display:flex; align-items:center; gap:6px; }
        .locale-popover { position:absolute; top:calc(100% + 10px); right:0; width:320px; background:#fff; border:1px solid #eee; border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.12); padding:12px; display:none; z-index:1005; color: #333; }
        .locale-popover.open { display:block; }
        .lp-head { font-weight:800; font-size:.85rem; color:#111; margin-bottom:10px; }
        .lp-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
        .lp-col { border:1px solid #f0f0f0; border-radius:12px; padding:10px; background:#fff; }
        .lp-title { font-size:.75rem; color:#888; font-weight:700; margin-bottom:8px; text-transform:uppercase; }
        .lp-item { width:100%; text-align:left; background:#fff; border:1px solid #eee; border-radius:10px; padding:9px 10px; font-size:.85rem; color:#333; margin-bottom:8px; cursor:pointer; transition:all .2s ease; }
        .lp-item:hover { border-color:rgba(242,201,76,.85); box-shadow:0 8px 18px rgba(242,201,76,.12); }
        .lp-item.active { border-color:rgba(242,201,76,.95); background:rgba(242,201,76,.12); color:#111; font-weight:800; }
        .lp-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; padding-top:10px; border-top:1px solid #f3f3f3; }
        .lp-hint { font-size:.75rem; color:#888; }
        .lp-close { border:1px solid #eee; background:#fff; border-radius:10px; padding:7px 10px; font-weight:800; font-size:.8rem; cursor:pointer; }

/* ACCOUNT DROPDOWN */
.account-menu-wrap { position: relative; display: inline-flex; align-items: center; }
.account-menu-wrap .utility-link { padding-right: 4px; }
.account-dropdown { position: absolute; top: calc(100% + 15px); right: -10px; width: 200px; background: #fff; border-radius: 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); border: 1px solid #f1f5f9; padding: 10px 0; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); z-index: 1000; }
.account-dropdown::before { content: ""; position: absolute; top: -20px; right: 0; width: 100%; height: 30px; background: transparent; }
.account-menu-wrap:hover .account-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.acc-drop-item { display: flex; align-items: center; gap: 12px; padding: 10px 20px; color: #475569; font-size: 0.95rem; font-weight: 500; text-decoration: none; transition: all 0.2s; }
.acc-drop-item:hover { background: #f8fafc; color: #0f172a; }
.acc-drop-item i { font-size: 1.1rem; color: #64748b; width: 20px; text-align: center; }
.acc-drop-item.logout-item { color: #ef4444; border-top: 1px solid #f1f5f9; margin-top: 4px; padding-top: 14px; }
.acc-drop-item.logout-item i { color: #ef4444; }
.acc-drop-item.logout-item:hover { background: #fef2f2; color: #dc2626; }

        /* FOOTER */
        footer { background: #111; color: #999; padding: 4rem 2rem 2rem; border-top: 3px solid var(--ti-yellow); font-size: 0.85rem; position: relative; z-index: 10; margin-top: auto; }
        .f-grid { max-width: var(--max-width); margin: 0 auto; display: flex; flex-wrap: wrap; gap: 3rem; margin-bottom: 3rem; justify-content: space-between; }
        .f-col { flex: 1 1 200px; min-width: 0; }
        .f-head { color: #fff; font-weight: 600; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.9rem; }
        .f-link { display: block; margin-bottom: 0.8rem; transition: color 0.2s; }
        .f-link:hover { color: var(--ti-yellow); }
        .f-bottom { max-width: var(--max-width); margin: 0 auto; border-top: 1px solid #333; padding-top: 2rem; display: flex; justify-content: space-between; align-items:center; gap: 16px; flex-wrap: wrap; }

        /* ================================================================= */
        /* ======================= ÇEREZ BANNER + TERCIH ==================== */
        /* ================================================================= */
        .cookie-banner{
            position: fixed;
            left: 18px;
            right: 18px;
            bottom: 18px;
            z-index: 13000;
            display: none;
            align-items: flex-end;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 16px;
            border: 1px solid #eee;
            border-radius: 18px;
            background: rgba(255,255,255,.92);
            backdrop-filter: blur(12px);
            box-shadow: 0 18px 60px rgba(0,0,0,.12);
        }
        .cookie-banner.show{ display:flex; }
        .cookie-left{ min-width: 240px; max-width: 760px; }
        .cookie-title{
            font-family: "Space Grotesk";
            font-weight: 900;
            color:#111;
            margin:0 0 6px 0;
            font-size: 1rem;
        }
        .cookie-text{
            margin:0;
            color:#666;
            font-size: .88rem;
            line-height: 1.5;
        }
        .cookie-actions{
            display:flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
        }
        .cookie-btn{
            border: 1px solid #eee;
            background:#fff;
            color:#111;
            font-weight: 900;
            border-radius: 14px;
            padding: 10px 12px;
            font-size: .85rem;
            cursor: pointer;
            transition: all .2s ease;
        }
        .cookie-btn:hover{ border-color: rgba(242,201,76,.9); box-shadow: 0 10px 24px rgba(242,201,76,.15); }
        .cookie-btn.primary{
            background: var(--ti-yellow);
            border-color: var(--ti-yellow);
            color:#000;
        }
        .cookie-link{
            font-weight: 900;
            color:#111;
            border-bottom: 1px dashed rgba(0,0,0,.25);
        }
        .cookie-link:hover{
            color: var(--ti-yellow);
            border-bottom-color: rgba(242,201,76,.9);
        }

        /* Tercih Modal */
        .cookie-pref-overlay{
            position: fixed; inset: 0;
            background: rgba(255,255,255,.78);
            backdrop-filter: blur(10px);
            z-index: 13050;
            display:none;
            align-items: center;
            justify-content: center;
            padding: 18px;
        }
        .cookie-pref-overlay.open{ display:flex; }
        .cookie-pref-modal{
            width: min(980px, 100%);
            max-height: 88vh;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 18px;
            box-shadow: 0 28px 80px rgba(0,0,0,.16);
            overflow: hidden;
            display:flex;
            flex-direction: column;
        }
        .cookie-pref-head{
            padding: 16px 18px;
            border-bottom: 1px solid #f2f2f2;
            background:#fafafa;
            display:flex;
            justify-content: space-between;
            align-items:flex-start;
            gap: 12px;
        }
        .cookie-pref-head h3{
            margin:0;
            font-family:"Space Grotesk";
            font-size: 1.1rem;
            font-weight: 900;
            color:#111;
        }
        .cookie-pref-head .sub{
            margin-top:4px;
            color:#666;
            font-size:.85rem;
            line-height:1.4;
        }
        .cookie-pref-close{
            border: 1px solid #eee;
            background:#fff;
            width: 42px; height: 42px;
            border-radius: 14px;
            cursor: pointer;
            flex-shrink:0;
        }
        .cookie-pref-body{
            padding: 16px 18px 8px;
            overflow:auto;
            color:#333;
            line-height:1.7;
            font-size: .95rem;
        }
        .cookie-pref-row{
            border: 1px solid #f0f0f0;
            border-radius: 14px;
            padding: 12px 12px;
            margin-bottom: 10px;
            display:flex;
            justify-content: space-between;
            gap: 12px;
            align-items: flex-start;
        }
        .cookie-pref-row .meta{
            flex:1;
            min-width: 200px;
        }
        .cookie-pref-row .name{
            font-weight: 1000;
            color:#111;
            margin-bottom: 4px;
        }
        .cookie-pref-row .desc{
            color:#666;
            font-size: .86rem;
            margin:0;
        }
        .cookie-toggle{
            display:flex;
            align-items:center;
            gap: 10px;
            flex-shrink:0;
        }
        .cookie-toggle input[type="checkbox"]{
            width: 44px;
            height: 24px;
            appearance: none;
            background: #e9e9e9;
            border-radius: 999px;
            position: relative;
            cursor: pointer;
            transition: .2s ease;
            border: 1px solid #e5e5e5;
        }
        .cookie-toggle input[type="checkbox"]:checked{
            background: rgba(242,201,76,.9);
            border-color: rgba(242,201,76,.9);
        }
        .cookie-toggle input[type="checkbox"]::after{
            content:"";
            position:absolute;
            top: 2px; left: 2px;
            width: 20px; height: 20px;
            background:#fff;
            border-radius: 50%;
            transition: .2s ease;
            box-shadow: 0 6px 14px rgba(0,0,0,.14);
        }
        .cookie-toggle input[type="checkbox"]:checked::after{ left: 22px; }
        .cookie-toggle input[type="checkbox"]:disabled{
            opacity: .6;
            cursor:not-allowed;
        }
        .cookie-pref-foot{
            padding: 14px 18px;
            border-top: 1px solid #f2f2f2;
            background:#fafafa;
            display:flex;
            justify-content: flex-end;
            gap: 10px;
            flex-wrap: wrap;
        }

        /* Küçük yönet butonu */
        .cookie-fab{
            position: fixed;
            left: 18px;
            bottom: 18px;
            z-index: 12950;
            width: 52px;
            height: 52px;
            border-radius: 18px;
            border: 1px solid #eee;
            background: rgba(255,255,255,.92);
            backdrop-filter: blur(10px);
            box-shadow: 0 18px 50px rgba(0,0,0,.10);
            display:none;
            align-items:center;
            justify-content:center;
            cursor: pointer;
            transition: .2s ease;
        }
        .cookie-fab.show{ display:flex; }
        .cookie-fab:hover{ transform: translateY(-2px); border-color: rgba(242,201,76,.9); }

        /* ================================================================= */
        /* ======================= ÇEREZ POLİTİKASI MODAL =================== */
        /* ================================================================= */
        .cookie-policy-overlay{
          position: fixed;
          inset: 0;
          background: rgba(255,255,255,.78);
          backdrop-filter: blur(10px);
          z-index: 13100;
          display: none;
          align-items: center;
          justify-content: center;
          padding: 18px;
        }
        .cookie-policy-overlay.open{ display:flex; }

        .cookie-policy-modal{
          width: min(1040px, 100%);
          max-height: 88vh;
          background:#fff;
          border: 1px solid #eee;
          border-radius: 18px;
          box-shadow: 0 28px 80px rgba(0,0,0,.16);
          overflow: hidden;
          display:flex;
          flex-direction: column;
        }
        .cookie-policy-head{
          padding: 16px 18px;
          border-bottom: 1px solid #f2f2f2;
          display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
          background:#fafafa;
        }
        .cookie-policy-head h3{
          margin:0;
          font-family:"Space Grotesk";
          font-size: 1.1rem;
          font-weight: 900;
          color:#111;
        }
        .cookie-policy-head .sub{
          margin-top:4px;
          color:#666;
          font-size:.85rem;
        }
        .cookie-policy-close{
          border: 1px solid #eee;
          background:#fff;
          width: 42px; height: 42px;
          border-radius: 14px;
          cursor: pointer;
          flex-shrink:0;
        }
        .cookie-policy-body{
          padding: 16px 18px 22px;
          overflow:auto;
          color:#333;
          line-height:1.85;
          font-size: .95rem;
        }
        .cookie-policy-body h4{
          font-family:"Space Grotesk";
          margin: 18px 0 6px;
          font-size: 1rem;
          color:#111;
        }
        .cookie-policy-body p{ margin: 0 0 10px; color:#444; }
        .cookie-policy-body ul{ padding-left: 18px; margin: 6px 0 12px; }
        .cookie-policy-body li{ margin-bottom: 6px; color:#444; }
        .cookie-inline-link{
          font-weight: 900;
          color:#111;
          border-bottom: 1px dashed rgba(0,0,0,.2);
        }
        .cookie-inline-link:hover{
          color: var(--ti-yellow);
          border-bottom-color: rgba(242,201,76,.9);
        }

        /* Cart badge */
        .cart-btn-wrap { position: relative; display: inline-block; }
        .cart-badge {
            position: absolute; top: -8px; right: -8px;
            background: #ff4d4d; color: #fff; font-size: 0.7rem; font-weight: 800;
            width: 18px; height: 18px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }

        /* ================= MOBILE MENU ================= */
        .mobile-menu-btn {
            display: none;
            background: transparent; border: none; font-size: 1.5rem; color: #333; cursor: pointer; margin-left: 1rem;
        }
        .mobile-menu-panel {
            position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background: #fff; z-index: 10000;
            box-shadow: 5px 0 20px rgba(0,0,0,0.1); transition: left 0.3s var(--easing); padding: 2rem; overflow-y: auto;
        }
        .mobile-menu-panel.active { left: 0; }
        .mobile-menu-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);
            z-index: 9999; display: none; opacity: 0; transition: opacity 0.3s;
        }
        .mobile-menu-overlay.active { display: block; opacity: 1; }
        .mobile-close-btn {
            position: absolute; top: 0.75rem; right: 1rem; background: transparent; border: none; font-size: 1.5rem; cursor: pointer; color: #333;
        }
        .mobile-nav-item {
            display: block; font-size: 1.1rem; font-weight: 600; color: #333; padding: 1rem 0; border-bottom: 1px solid #f0f0f0;
        }
        @media (max-width: 992px) {
            .nav-links { display: none !important; }
            .mobile-menu-btn { display: block; }
            .top-actions .search-container { display: none; }
            .locale-switcher, .utility-link { display: none !important; }
        }
        @media (max-width: 768px) {
            .f-grid { grid-template-columns: 1fr 1fr; }
        }
.mobile-menu-panel {
        left: -100%;
        transition: left 0.3s ease;
    }
    .mobile-menu-panel.active {
        left: 0;
    }
.floating-home-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: #111;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}
.floating-home-btn:hover {
    background: var(--ti-yellow);
    color: #111;
    transform: translateY(-3px);
}