/* === TIPOGRAFİ AYARLARI [Typography Engine] ================================= */ @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('../font/GoogleSans-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../font/OpenDyslexic-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../font/OpenDyslexic-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../font/OpenDyslexic-Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../font/OpenDyslexic-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; } /* === GÜVENLİK AYARLARI [Security Settings] ================================== */ body { font-family: 'Google Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; -webkit-user-select: none; -ms-user-select: none; user-select: none; } body.dyslexia-font-active { font-family: 'OpenDyslexic', sans-serif; font-size: 70% !important; } body.dyslexia-font-active * { font-family: 'OpenDyslexic', sans-serif; } img { -webkit-user-drag: none; user-drag: none; pointer-events: none; } .logo a, .logo img, .main-nav a, .footer-structured-list a, .footer-partner-logo, .footer-partner-link, .premium-brand-card a, .btn-all-brands, .solution-flat-row a, .theme-btn, .dropdown-search-wrapper input, .dropdown-search-wrapper button, .menu-toggle-btn, .inside-search-close-trigger { pointer-events: auto; } /* === RENK DEĞİŞKENLERİ [Color Variables] ==================================== */ :root { --bg-color: #F3F3F3; --text-color: #000000; --header-bg: #FFFFFF; --footer-bg: #EAEAEA; --footer-text: #5C5C5C; --accent-color: #D31411; --accent-hover: #B00F0D; --border-color: rgba(0, 0, 0, 0.05); --footer-border: rgba(0, 0, 0, 0.08); --card-bg: #FFFFFF; --search-bg: #FAFAFA; --corp-overlay-hover: rgba(211, 20, 17, 0.05); } .dark, body.dark, [data-theme="dark"] { --bg-color: #171B24; --text-color: #E2E8F0; --header-bg: #1E232E; --card-bg: #1E232E; --footer-bg: #12151D; --footer-text: #8A96A8; --accent-color: #CA6363; --accent-hover: #BF4343; --border-color: rgba(255, 255, 255, 0.04); --search-bg: #12151D; --corp-overlay-hover: rgba(217, 76, 76, 0.08); } /* === GLOBAL SIFIRLAMA [Global Reset] ======================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { line-height: 1.5; background-color: var(--bg-color); color: var(--text-color); transition: background-color 0.3s, color 0.3s; padding-top: 80px; } .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } html { scroll-behavior: smooth; } a { text-decoration: none; color: inherit; transition: all 0.25s ease; display: block; } /* === ANİMASYON SİSTEMİ [Block Animation] ==================================== */ .reveal-block { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } .reveal-block.active { opacity: 1; transform: translateY(0); } /* === SAYFA İLERLEME ÇUBUĞU [Page Progress Bar] ============================ */ .page-progress-bar { position: absolute; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(90deg, #F87C63, #fa9681); transition: width 0.2s ease-out, opacity 0.4s ease; box-shadow: 0 2px 8px rgba(248, 124, 99, 0.4); z-index: 1001; } /* === İÇERİK YÜKLENME EFEKTİ [Lazy Fade-In] ================================ */ .fade-in-up { opacity: 0; transform: translateY(24px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } .fade-in-up.visible { opacity: 1; transform: translateY(0); } /* === YUKARI ÇIK BUTONU [Back To Top Progress] ============================ */ .back-to-top-btn { position: fixed; bottom: 80px; right: 22px; z-index: 100000; width: 44px; height: 44px; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; outline: none; opacity: 0; visibility: hidden; transform: translateY(15px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; } .back-to-top-btn.show { opacity: 1; visibility: visible; transform: translateY(0); } .back-to-top-btn .progress-ring { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); } .back-to-top-btn .progress-ring-bg { fill: none; stroke: rgba(230, 235, 237, 0.25); stroke-width: 2.7; } .back-to-top-btn .progress-ring-fill { fill: none; stroke: #68848F; stroke-width: 2.7; stroke-linecap: round; transition: stroke-dasharray 0.1s linear; } .back-to-top-btn .arrow-icon { width: 24px; height: 24px; z-index: 2; transition: transform 0.3s ease; } .back-to-top-btn .arrow-icon path { transition: stroke 0.3s ease; } .back-to-top-btn:hover .arrow-icon { transform: translateY(-1px); } .back-to-top-btn:hover .arrow-icon path { stroke: #68848F; } .back-to-top-btn:hover .progress-ring-fill { stroke: #68848F; } /* === AKILLI HEADER [Smart Sticky Header] ================================== */ .site-header { backface-visibility: hidden; transform: translateZ(0); z-index: 100005; background-color: var(--header-bg); height: 90px; border-bottom: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(0,0,0,0.06); padding: 0; display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; overflow: visible; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; } .site-header.header-hidden { transform: translateY(-100%) translateZ(0); } @media (max-width:992px) { .site-header { position: fixed; width: 100%; top: 0; left: 0; } } @media (max-width:592px) { .site-header { padding: 0; } } .header-container{width:100%;display:flex;align-items:center;justify-content:space-between;} @media (max-width:592px){.header-container{gap:5px;}} .logo{display:flex;align-items:center;width:220px;max-width:220px;height:55px;overflow:hidden;flex-shrink:0;} @media (max-width:992px){.logo{order:1;}} @media (max-width:592px){.logo{width:130px;max-width:130px;}} .logo img{height:55px;max-height:55px;width:auto;object-fit:contain;display:block;margin-bottom:-5px;} @media (max-width:992px){.logo img{height:48px;}} @media (max-width:492px){.logo img{height:41px;}} .main-nav{position:relative;display:flex;align-items:center;z-index:1001;} @media (min-width:993px){.main-nav{position:relative;top:auto;right:auto;left:auto;width:auto;height:auto;background-color:transparent;box-shadow:none;padding:0;display:flex;flex-direction:row;gap:6px;}.main-nav.active{right:auto;}} @media (max-width:992px){.main-nav{position:fixed;top:90px;right:-320px;left:auto;width:295px;height:calc(100vh - 90px);background-color:var(--header-bg);box-shadow:-10px 0 30px rgba(0,0,0,0.15);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px 24px;z-index:1050;transition:right 0.4s cubic-bezier(0.77,0.2,0.05,1);}.main-nav.active{right:0;left:auto;}} .main-nav a.hvr-line{margin:0 2px;font-size:0.9rem !important;font-weight:400;color:var(--text-color);padding:8px 16px;position:relative;border-radius:0 !important;background-color:transparent !important;display:inline-flex;align-items:center;text-decoration:none;transform:translateZ(0);transition:color 0.25s ease;} .main-nav a.hvr-line::after{content:'' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width:18px !important; height:2.5px !important; background-color:#888 !important;opacity:0.35 !important;border-radius:2px !important;transform:none !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;display:block !important;} .main-nav a.hvr-line:hover{background-color:transparent !important;color:#CA6363 !important;} .main-nav a.hvr-line:hover::after{width:calc(100% - 40%) !important;background-color:#CA6363 !important;opacity:1 !important;} .main-nav a.hvr-line.active{background-color:transparent !important;color:#CA6363 !important;font-weight:400;} .main-nav a.hvr-line.active::after{width:calc(100% - 40%) !important;background-color:#CA6363 !important;opacity:1 !important;} @media (max-width:992px){.main-nav a.hvr-line{margin:0;width:100%;text-align:left;font-size:0.9rem !important;font-weight:400;padding:18px 0;border-radius:0;opacity:0.85;border-bottom:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:space-between;background-color:transparent !important;}.main-nav a.hvr-line:hover{color:#CA6363;background-color:transparent !important;}.main-nav a.hvr-line.active{color:#CA6363;background-color:transparent !important;}.main-nav a.hvr-line::after{display:none !important;}} .nav-arrow{display:none;} @media (max-width:992px){.nav-arrow{display:block;width:16px;height:16px;opacity:0.8;transform:translateX(0);transition:all 0.3s ease;}.main-nav a.hvr-line:hover .nav-arrow{opacity:1;transform:translateX(3px);color:#CA6363;}} .header-right-zone{display:flex;align-items:center;gap:24px;} @media (max-width:992px){.header-right-zone{order:2;gap:16px;}} @media (max-width:592px){.header-right-zone{transform:none;}} .header-actions{display:flex;align-items:center;gap:15px;} @media (max-width:592px){.header-actions{gap:10px;}} .menu-toggle-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;background:none;border:none;cursor:pointer;padding:0;color:var(--text-color);position:relative;z-index:1060;flex-shrink:0;} @media (max-width:992px){.menu-toggle-btn{display:flex;order:4;}} .hamburger-svg{width:32px;height:32px;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);display:block;stroke:#CA6363;stroke-width:2.2;shape-rendering:geometricPrecision;overflow:visible;} .hamburger-svg line{transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,stroke 0.3s ease;transform-origin:center;transform-box:fill-box;vector-effect:non-scaling-stroke;} .menu-toggle-btn.open .line-top{transform:translateY(5px) rotate(45deg);stroke:#CA6363;} .menu-toggle-btn.open .line-mid{opacity:0;transform:scaleX(0);} .menu-toggle-btn.open .line-bot{transform:translateY(-5px) rotate(-45deg);stroke:#CA6363;} .theme-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:color 0.25s ease,transform 0.2s ease;position:relative;} .theme-btn:hover{color:#CA6363;} .lang-switcher-wrapper{position:relative;cursor:pointer;padding:10px;} .lang-current{font-weight:700;font-size:0.9rem !important;color:var(--text-color);display:flex;align-items:center;gap:4px;text-decoration:none;} .lang-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--header-bg);box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:8px 0;min-width:80px;z-index:999;border:1px solid var(--border-color);} .lang-dropdown a{display:block;padding:8px 15px;color:var(--text-color);text-decoration:none;font-size:0.9rem !important;transition:0.2s;} .lang-arrow-icon{width:16px;height:16px;stroke:var(--text-color);transition:transform 0.3s ease,stroke 0.3s ease;} .lang-switcher-wrapper.is-active .lang-dropdown{display:block;} .lang-switcher-wrapper.is-active .lang-arrow-icon{transform:rotate(180deg);stroke:#CA6363;} html[data-theme="light"] .lang-dropdown a:hover{background:rgba(0,0,0,0.05);} html[data-theme="dark"] .lang-dropdown a:hover{background:rgba(255,255,255,0.05);} .mobile-top-bar-actions{display:none;} @media (max-width:992px){.desktop-region-link,.desktop-lang-switcher{display:none !important;}.mobile-top-bar-actions{display:flex;align-items:center;justify-content:flex-start;gap:28px;width:100%;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border-color);}.mobile-top-bar-actions .lang-switcher-wrapper{padding:0;}} /* === METİN VE GÖLGE MOTORU [Text & Shadow Engine] ========================== */ .main-content-wrapper { background-color:#fff; } [data-theme="dark"] .main-content-wrapper { background-color: #151A24; } .main-content-wrapper h1 { font-size: clamp(1.5rem, 3.5vw, 2.2rem); line-height: 1.25; margin-bottom: 25px; } .main-content-wrapper h2 { font-size: clamp(1.2rem, 3vw, 1.4rem); } .main-content-wrapper h3 { font-size: clamp(1.05rem, 2.5vw, 1.2rem); } .main-content-wrapper p, .main-content-wrapper li, .main-content-wrapper span, .main-content-wrapper a { font-size: clamp(0.9rem, 2vw, 0.96rem); } .main-content-wrapper img { max-width: 100%; height: auto; display: inline-block; } .main-content-wrapper, .premium-text-card, .split-info-box, [class*="content-wrapper"], [class*="legal-zone"], [class*="policy-box"], article { box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05); } /* === BİLEŞENLER VE MODALLER [Modal & UI Components] ========================= */ .region-header-link { display: inline-flex; align-items: center; gap: 6px; color: #1a1a1a; text-decoration: none; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: color 0.3s ease; background: transparent; border: none; padding: 0; } .region-header-link:hover { color: #CA6363; } html[data-theme="light"] .region-header-link { color: #1a1a1a; } html[data-theme="light"] .region-header-link:hover { color: #CA6363; } body.dark .region-header-link { color: #fff; } body.dark .region-header-link:hover { color: #CA6363; } .region-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .region-modal-overlay.is-active { opacity: 1; visibility: visible; } .region-modal-box { position: relative; width: calc(100% - 32px); max-width: 460px; background: #18181c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0px; padding: 32px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); transform: scale(0.95) translateY(10px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .region-modal-overlay.is-active .region-modal-box { transform: scale(1) translateY(0); } html[data-theme="light"] .region-modal-box { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12); } .region-modal-close { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease; border-radius: 50%; padding: 0; transform-origin: center center; } .region-modal-close:hover { color: #CA6363; transform: rotate(360deg) scale(1.1) translateZ(0); } html[data-theme="light"] .region-modal-close { color: rgba(0, 0, 0, 0.4); } html[data-theme="light"] .region-modal-close:hover { color: #CA6363; transform: rotate(180deg); } .region-modal-box h2 { font-size: 1.4rem; font-weight: 700; color: #fff; margin: 0 0 24px 0; } html[data-theme="light"] .region-modal-box h2 { color: #1a1a1a; } .region-section { margin-bottom: 20px; } .region-label { display: block; font-size: 0.88rem; font-weight: 600; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; } html[data-theme="light"] .region-label { color: #555555; } .region-options { display: flex; gap: 12px; } @media (max-width: 480px) { .region-options { flex-direction: column; } } .region-radio-card { flex: 1; display: flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); padding: 12px 14px; border-radius: 0px; cursor: pointer; font-size: 0.82rem; font-weight: 500; color: #fff; transition: all 0.3s ease; } html[data-theme="light"] .region-radio-card { background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.08); color: #222; } .region-radio-card:hover { border-color: #CA6363; background: rgba(202, 99, 99, 0.04); } html[data-theme="light"] .region-radio-card:hover { border-color: #CA6363; background: rgba(202, 99, 99, 0.04); } .region-radio-card input { accent-color: #CA6363; width: 16px; height: 16px; cursor: pointer; border-radius: 0px; transition: 0.3s ease; } .region-modal-actions { display: flex; gap: 12px; margin-top: 28px; } .region-btn-confirm { background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); } .region-btn-confirm { height: 44px; padding: 12px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); border-radius: 0px; display: block; outline: none; border: none; } .region-btn-confirm:hover { background-position: right center; color: #fff; text-decoration: none; } .region-btn-cancel { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 9px 16px; font-weight: 600; font-size: 0.85rem; text-align: center; text-transform: uppercase; text-decoration: none !important; color: #ffffff !important; background-image: linear-gradient(to right, #2c3e50 0%, #3498db 51%, #2c3e50 100%); background-size: 200% auto; border: 1px solid var(--border-color); border-radius: 0px !important; transition: all 0.5s ease; outline: none; cursor: pointer; } .region-btn-cancel:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none !important; } .region-btn-cancel, .region-btn-confirm { flex: 1; padding: 12px; font-size: 0.82rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; border: none; } /* === ARAMA MODÜLÜ [Search Overlay & Live Search] ========================================= */ .dropdown-search-wrapper { z-index: 99999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; height: 100dvh; background-color: rgba(15, 15, 15, 0.95); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 100px 20px 40px 20px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease; box-sizing: border-box; overflow: hidden; } [data-theme="light"] .dropdown-search-wrapper { background-color: rgba(255, 255, 255, 0.96); } .dropdown-search-wrapper.is-open { opacity: 1; visibility: visible; transform: translateY(0); } .search-bar-container { position: relative; max-width: 760px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; } .dropdown-search-form { display: flex; width: 100%; align-items: stretch; margin: 0; padding: 0; } .search-input-group { position: relative; flex-grow: 1; display: flex; align-items: center; height: 62px; background-color: var(--card-bg, #ffffff); border: 2px solid var(--border-color, #e5e7eb); border-radius: 14px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08); transition: all 0.25s ease; } .search-input-group:focus-within { border-color: #CA6363; box-shadow: 0 14px 40px rgba(202, 99, 99, 0.2); } .inside-search-icon { position: absolute; left: 22px; color: #CA6363; pointer-events: none; z-index: 2; } .dropdown-search-form input[type="text"] { width: 100%; height: 100%; box-sizing: border-box; border: none; background: transparent; font-size: 1.15rem; font-weight: 500; padding: 0 20px 0 60px; color: var(--text-color, #111111); outline: none; } [data-theme="dark"] .dropdown-search-form input[type="text"] { color: #ffffff; } .inside-search-close-trigger { position: absolute; top: 30px; right: 40px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: rgba(202, 99, 99, 0.08); border: 1px solid rgba(202, 99, 99, 0.2); border-radius: 50%; color: var(--text-color, #ffffff); cursor: pointer; transition: all 0.25s ease; z-index: 10; } .inside-search-close-trigger:hover { background: #CA6363; color: #ffffff; transform: rotate(90deg); } .live-results-box { position: relative; width: 100%; background-color: var(--card-bg, #ffffff); border: 1px solid var(--border-color, #e5e7eb); border-radius: 14px; margin-top: 14px; max-height: calc(100dvh - 230px); overflow-y: auto; padding: 0 !important; display: none; opacity: 0; transition: opacity 0.2s ease; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18); box-sizing: border-box !important; } .live-results-box.has-results { display: block !important; opacity: 1 !important; } .live-results-box::-webkit-scrollbar { width: 6px; } .live-results-box::-webkit-scrollbar-track { background: transparent; } .live-results-box::-webkit-scrollbar-thumb { background: #CA6363; border-radius: 10px; } .search-results-list { list-style: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .search-result-item { display: flex !important; align-items: center !important; gap: 0 !important; padding: 14px 22px !important; text-decoration: none !important; border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.06)) !important; transition: background-color 0.2s ease, padding-left 0.2s ease !important; box-sizing: border-box !important; } .search-result-item:hover { background-color: rgba(202, 99, 99, 0.08) !important; padding-left: 28px !important; } .result-thumb { display: none !important; } .result-details { display: flex !important; flex-direction: column !important; gap: 4px !important; flex: 1 !important; min-width: 0 !important; justify-content: center !important; } .result-brand { font-size: 0.85rem !important; font-weight: 800 !important; color: var(--text-color, #111) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: block !important; } .result-title { font-size: 0.95rem !important; font-weight: 700 !important; color: #CA6363 !important; line-height: 1.3 !important; display: block !important; } .result-cat { font-size: 0.75rem !important; color: #64748b !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: block !important; } .no-results-msg { padding: 22px !important; font-size: 0.95rem !important; color: #888 !important; text-align: center !important; } .main-nav { display: flex; align-items: center; gap: 28px; } .main-nav a.hvr-line { position: relative; font-weight: 500; font-size: 0.95rem; color: var(--text-color, #222); text-decoration: none; padding: 6px 0; transition: color 0.25s ease; } .main-nav a.hvr-line::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #CA6363; transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 2px; } .main-nav a.hvr-line:hover, .main-nav a.hvr-line.active { color: #CA6363; } .main-nav a.hvr-line:hover::after, .main-nav a.hvr-line.active::after { width: 100%; } .main-nav .nav-arrow { display: none; } @media (max-width: 768px) { .dropdown-search-wrapper { padding: 80px 15px 20px 15px; } .inside-search-close-trigger { top: 18px; right: 15px; width: 40px; height: 40px; } .search-input-group { height: 52px; } .dropdown-search-form input[type="text"] { font-size: 1rem; padding-left: 50px; } .inside-search-icon { left: 16px; } .search-result-item { padding: 12px 16px !important; } } /* === HERO BÖLÜMÜ [Hero Section] ============================================ */ .hero-section { position: relative; width: 100%; min-height: 90vh; height: auto; display: flex; align-items: center; overflow: hidden; background-color: #05070a; color: #fff; padding: 40px 0; } .hero-container { position: relative; z-index: 4; width: 100%; max-width: var(--container-width, 1200px); margin: 0 auto; padding: 30px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; } .hero-media-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero-slider-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transform: scale(1.1); transition: opacity 1.2s ease-in-out, transform 6s cubic-bezier(0.25, 1, 0.5, 1); } .hero-slide.active { opacity: 1; transform: scale(1); } .hero-slide.slide-dir-1 { transform-origin: center center; } .hero-slide.slide-dir-2 { transform-origin: top left; } .hero-slide.slide-dir-3 { transform-origin: bottom right; } .hero-slide.slide-dir-4 { transform-origin: top right; } .hero-slide.slide-dir-5 { transform-origin: bottom left; } .hero-bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.6s ease; } .hero-section.video-active .hero-bg-video { opacity: 1; visibility: visible; } .hero-section.video-active .hero-slider-bg { opacity: 0; } .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: conic-gradient(from 330deg at 65% 45%, rgba(252, 163, 17, 0.65) 0deg, rgba(200, 16, 46, 0.75) 90deg, rgba(217, 70, 239, 0.70) 180deg, rgba(76, 29, 149, 0.85) 270deg, rgba(252, 163, 17, 0.65) 360deg); mix-blend-mode: normal; z-index: 3; pointer-events: none; } .hero-content { max-width: 750px; background: rgba(5, 7, 10, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 35px 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18); } .hero-title { font-size: clamp(1.25rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; margin-bottom: 20px; color: #fff; letter-spacing: -1.5px; opacity: 0; transform: translateY(15px); animation: heroFadeUp 0.8s ease forwards 0.2s; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .hero-title .title-line-1 { display: block; margin-bottom: 10px; } .hero-title .title-line-2 { display: block; } .hero-title .highlight-text { color: #fff; font-size: clamp(1.25rem, 2.5vw, 2rem); display: inline-block; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-shadow: 0 0 15px rgba(255, 255, 255, 0.7); } .hero-desc { font-size: clamp(1rem, 2vw, 1.35rem); letter-spacing: 0.2px; line-height: 1.3; color: rgba(255, 255, 255, 0.95); margin-bottom: 25px; max-width: 620px; opacity: 0; transform: translateY(15px); animation: heroFadeUp 0.8s ease forwards 0.4s; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } .hero-link-wrap { opacity: 0; transform: translateY(15px); animation: heroFadeUp 0.8s ease forwards 0.6s; display: flex; justify-content: flex-start; } .hero-action-btn { display: inline-flex; align-items: center; gap: 12px; font-size: 0.95rem; font-weight: 700; color: #fff; text-decoration: none; background: rgba(255, 255, 255, 0.12); padding: 10px 22px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.25); position: relative; transition: all 0.3s ease; backdrop-filter: blur(6px); margin: 0; } .hero-action-btn:hover { background: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); } .hero-action-btn span::after { display: none !important; } .hero-action-btn .btn-arrow { width: 16px; height: 16px; stroke: #fff; transition: stroke 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .hero-action-btn:hover .btn-arrow { stroke: #fff; transform: translateX(6px); } .hero-video-trigger { display: flex; align-items: center; justify-content: center; } .play-btn-clean { position: relative; width: 85px; height: 85px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; backdrop-filter: blur(10px); cursor: pointer; padding: 0 !important; margin: 0 50px 0 0; display: flex !important; align-items: center !important; justify-content: center !important; outline: none; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } .play-btn-clean:hover { background: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.7); transform: scale(1.1); box-shadow: 0 0 30px rgba(255, 255, 255, 0.4); } .play-btn-clean:active { transform: scale(0.95); } .play-btn-clean svg.icon-play { width: 42px !important; height: 42px !important; stroke: #fff !important; fill: rgba(255, 255, 255, 0.2) !important; transition: all 0.3s ease; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3)); margin: 0 !important; transform: translateX(3px); } .play-btn-clean:hover svg.icon-play { fill: rgba(255, 255, 255, 0.6) !important; } .play-btn-clean svg.icon-close { width: 38px !important; height: 38px !important; stroke: #fff !important; stroke-width: 2px !important; fill: none !important; opacity: 0.8; transition: all 0.3s ease; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3)); margin: 0 !important; padding: 0 !important; transform: translate(0, 0) !important; } .play-btn-clean:hover svg.icon-close { stroke: #fff !important; opacity: 1; transform: scale(1.08) !important; } @keyframes heroFadeUp { to { opacity: 1; transform: translateY(0); } } @media screen and (max-width: 992px) { .hero-section { min-height: 70vh; padding: 40px 0; } } @media screen and (max-width: 992px) { .hero-container { flex-direction: column; align-items: flex-start; gap: 30px; } } @media screen and (max-width: 992px) { .hero-content { padding: 25px; } } @media screen and (max-width: 992px) { .hero-title, .hero-title .highlight-text { font-size: 2rem; } } @media screen and (max-width: 992px) { .hero-video-trigger { display: none; } } @media screen and (max-width: 992px) { .desktop-only { display: none !important; } } /* === HERO SCROLL İNDİKATÖRÜ [Scroll Indicator] ============================ */ .hero-scroll-indicator { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; z-index: 10; opacity: 1; visibility: visible; transition: opacity 0.4s ease, visibility 0.4s ease; } .hero-scroll-indicator.hide { opacity: 0; visibility: hidden; } .hero-scroll-indicator .mouse-icon { width: 22px; height: 36px; border: 2px solid #fff; border-radius: 12px; position: relative; display: flex; justify-content: center; } .hero-scroll-indicator .wheel { width: 3px; height: 7px; background-color: #fff; border-radius: 2px; position: absolute; top: 6px; animation: scroll-wheel 1.6s infinite ease-in-out; } .hero-scroll-indicator .scroll-arrow { width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); animation: arrow-bounce 1.6s infinite ease-in-out; margin-top: 2px; } @keyframes scroll-wheel { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(10px); } } @keyframes arrow-bounce { 0%, 100% { transform: rotate(45deg) translate(0, 0); opacity: 0.4; } 50% { transform: rotate(45deg) translate(2px, 2px); opacity: 1; } } /* === FAALİYET ALANLARI VE ÇÖZÜMLER [Solutions Section] ===================== */ .solutions-section { padding: 100px 20px; background-color: var(--footer-bg); transition: background-color 0.3s ease; } [data-theme="dark"] .solutions-section { background: var(--footer-bg); } .solutions-container { max-width: 1200px; margin: 0 auto; } .solutions-header { text-align: left; max-width: 100%; margin: 0 0 50px 0; padding-left: 20px; border-left: 4px solid #CA6363; } .solutions-badge { display: inline-block; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: #CA6363; margin-bottom: 8px; } .solutions-title { font-size: clamp(1.6rem, 3vw, 2.5rem); font-weight: 700; color: var(--text-color, #1a1a1a); line-height: 1.25; letter-spacing: -0.5px; } [data-theme="dark"] .solutions-title { color: #fff; } .solutions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .solution-card { position: relative; border-radius: 0px; background: var(--box-bg, #ffffff); border: 1px solid rgba(0, 0, 0, 0.04); overflow: hidden; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; } [data-theme="dark"] .solution-card { background-color: #151A24; border: 1px solid rgba(255, 255, 255, 0.025); } .solution-watermark-icon { position: absolute; top: -20px; right: -20px; color: rgba(0, 0, 0, 0.035); z-index: 1; pointer-events: none; transition: color 0.4s ease, transform 0.4s ease; } [data-theme="dark"] .solution-watermark-icon { color: rgba(255, 255, 255, 0.025); } .solution-card::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(202,99,99,0.05) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); transform: rotate(25deg) translateY(-100%); pointer-events: none; opacity: 0; z-index: 3; } @media (min-width: 993px) { .solution-card:hover::after { opacity: 1; transform: rotate(25deg) translateY(100%); transition: transform 1.2s cubic-bezier(0.15, 0.85, 0.35, 1), opacity 0.3s ease; } } .solution-card-body { position: relative; z-index: 2; padding: 35px 25px 20px 25px; display: flex; flex-direction: column; } .solution-card h3 { font-size: 1.25rem; font-weight: 600; color: var(--text-color, #1a1a1a); margin-bottom: 12px; line-height: 1.35; transition: color 0.3s ease; } [data-theme="dark"] .solution-card h3 { color: #fff; } .solution-card:hover h3 { color: #CA6363; } .solution-card p { font-size: 0.9rem; color: var(--text-muted, #666); line-height: 1.6; margin: 0; } [data-theme="dark"] .solution-card p { color: #aaa; } .solution-image-layer { position: relative; width: 100%; height: 110px; overflow: hidden; z-index: 2; border-top: 1px solid rgba(0,0,0,0.04); } [data-theme="dark"] .solution-image-layer { border-top: 1px solid rgba(255,255,255,0.03); } .solution-img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0.85; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .solution-img-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%); transition: opacity 0.3s ease; } [data-theme="dark"] .solution-img-gradient { background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%); } .solution-card:hover .solution-img-bg { transform: scale(1.08); } .solution-card:hover { transform: translateY(-6px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); border-color: rgba(202, 99, 99, 0.2); } [data-theme="dark"] .solution-card:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.5); border-color: rgba(202, 99, 99, 0.2); } .solution-card:hover .solution-watermark-icon { color: rgba(202, 99, 99, 0.12); transform: scale(1.06) rotate(3deg); } @media (max-width: 1024px) { .solutions-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .solutions-grid { grid-template-columns: 1fr; } } /* === TEKNİK DESTEK BANNER BÖLÜMÜ [Support Banner Section] ================== */ .support-banner-section { padding: 0 20px 0px 20px; background: radial-gradient(circle, #514f6f 0.000%, #514f6f 14.286%, #423d57 calc(14.286% + 1px), #423d57 28.571%, #2f2b42 calc(28.571% + 1px), #2f2b42 42.857%, #1f2035 calc(42.857% + 1px), #1f2035 57.143%, #1a2034 calc(57.143% + 1px), #1a2034 71.429%, #1f2b3f calc(71.429% + 1px), #1f2b3f 85.714%, #2f3d53 calc(85.714% + 1px) 100.000%); transition: background-color 0.3s ease; } [data-theme="dark"] .support-banner-section { background-color: #151A24; } .support-banner-container { max-width: 1200px; margin: 0 auto; border-radius: 0px; padding: 50px 60px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; overflow: hidden; border: 0px solid rgba(255,255,255,0.05); } .support-banner-content { max-width: 800px; } .support-banner-content .support-badge { display: inline-block; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: #CA6363; margin-bottom: 8px; } .support-banner-content h2 { font-size: 2rem; font-weight: 700; color: #ffffff; margin-bottom: 15px; line-height: 1.3; } .support-banner-content p { font-size: 1rem; color: #b0b0b0; line-height: 1.6; margin: 0; } .support-banner-action { flex-shrink: 0; } .support-btn { background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); } .support-btn { margin: 10px; padding: 15px 45px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); border-radius: 0px; display: block; outline: none; border: none; } .support-btn:hover { background-position: right center; color: #fff; text-decoration: none; } @media (max-width: 992px) { .support-banner-container { flex-direction: column; align-items: flex-start; padding: 40px 30px; } .support-banner-action { width: 100%; } .support-btn { display: block; text-align: center; } } /* === DİNAMİK İSTATİSTİK & MANİFESTO [Wide Manifesto Section] ===================== */ .manifesto-wide-section { padding: 80px 20px; background-color: #f9f9f9; transition: background-color 0.3s ease; } [data-theme="dark"] .manifesto-wide-section { background: var(--footer-bg); border-bottom: 1px solid rgba(255, 255, 255, 0.025); } .manifesto-wide-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } .manifesto-top-block { position: relative; max-width: 100%; padding: 30px 35px; background: var(--box-bg, #ffffff); border: 1px solid rgba(0, 0, 0, 0.04); border-left: 4px solid #BB7272; margin-bottom: 0px; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } [data-theme="dark"] .manifesto-top-block { background-color: #151A24; border-color: rgba(255, 255, 255, 0.025); border-left-color: #BB7272; } .manifesto-top-block:hover { transform: translateY(-2px); border-color: rgba(169, 82, 82, 0.3); border-left-color: #BB7272; box-shadow: 0 10px 30px rgba(0,0,0,0.04); } [data-theme="dark"] .manifesto-top-block:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.3); } .manifesto-lead-colored { font-size: clamp(1.15rem, 2.2vw, 1.4rem); font-weight: 700; color: #BB7272; line-height: 1.4; margin-bottom: 12px; letter-spacing: -0.3px; text-transform: none; } [data-theme="dark"] .manifesto-lead-colored { color: #c56868; } .manifesto-desc-text { font-size: 0.98rem; color: var(--text-muted, #666); line-height: 1.7; margin: 0; } [data-theme="dark"] .manifesto-desc-text { color: #aaa; } .manifesto-grid-row { display: grid; grid-template-columns: 1.1fr 1.2fr; gap: 50px; align-items: stretch; } .manifesto-wide-left { display: flex; flex-direction: column; gap: 6px; } .stat-dual-block { position: relative; background: var(--box-bg, #ffffff); border: 1px solid rgba(0, 0, 0, 0.04); border-radius: 0px; display: flex; align-items: stretch; min-height: 75px; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } [data-theme="dark"] .stat-dual-block { background: #1b2230; border-color: rgba(255, 255, 255, 0.025); } .stat-dual-block:hover { transform: translateY(-3px); border-color: rgba(180, 85, 85, 0.3); box-shadow: 0 10px 25px rgba(0,0,0,0.05); } [data-theme="dark"] .stat-dual-block:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.4); } .stat-box-num { background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); } .stat-box-num { text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; display: block; outline: none; border: none; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; justify-content: center; min-width: 100px; text-align: center; letter-spacing: -0.5px; flex-shrink: 0; } .stat-dual-block:hover .stat-box-num { background-position: right center; color: #fff; text-decoration: none; } .stat-box-num .stat-suffix { color: #ffffff; font-weight: 700; } .stat-box-content { padding: 15px 22px; display: flex; flex-direction: column; justify-content: center; width: 100%; } .stat-box-title { font-size: 0.95rem; font-weight: 700; color: var(--text-color, #1a1a1a); text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.3; margin: 0; } [data-theme="dark"] .stat-box-title { color: #fff; } .manifesto-wide-right { padding-left: 10px; display: flex; align-items: center; } .manifesto-highlights { display: flex; flex-direction: column; gap: 6px; width: 100%; } .highlight-item { display: flex; align-items: center; gap: 15px; font-size: 0.85rem; font-weight: 500; color: var(--text-muted, #666); text-transform: none; letter-spacing: 1px; min-height: 75px; padding: 15px 20px; background: var(--box-bg, #ffffff); border: 1px solid rgba(0, 0, 0, 0.04); box-sizing: border-box; } [data-theme="dark"] .highlight-item { background: #1b2230; border-color: rgba(255, 255, 255, 0.025); color: #fff; } .h-icon { display: flex; align-items: center; justify-content: center; color: #BB7272; flex-shrink: 0; } @media (max-width: 992px) { .manifesto-top-block { padding: 20px 22px; } .manifesto-grid-row { grid-template-columns: 1fr; gap: 30px; } .manifesto-wide-right { padding-left: 0; } .stat-dual-block { min-height: auto; } .highlight-item { min-height: auto; padding: 15px; } } /* === LOGO AKIŞI [Logo Marquee] ============================================== */ .brand-marquee-section { padding: 40px 20px; background-color: var(--card-bg); overflow: hidden; position: relative; width: 100%; } .marquee-wrapper { display: flex; width: 100%; overflow: hidden; } .marquee-track { display: flex; align-items: center; width: max-content; gap: 60px; animation: infiniteScroll 35s linear infinite; will-change: transform; } .brand-marquee-section .marquee-item { flex: 0 0 auto; width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; } .brand-marquee-section .brand-logo { max-height: 40px; max-width: 100%; width: auto; height: auto; object-fit: contain; } @keyframes infiniteScroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(calc(-50% - 30px), 0, 0); } } img.brand-logo { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: grayscale(100%); opacity: 0.5; transition: all 0.3s ease-in-out; } img.brand-logo:hover, .marquee-item:hover img.brand-logo, .premium-brand-card:hover img.brand-logo { filter: grayscale(0%); opacity: 1; } .dark img.brand-logo, body.dark img.brand-logo, [data-theme="dark"] img.brand-logo { filter: grayscale(100%) invert(1) brightness(1.6); opacity: 0.6; } .dark img.brand-logo:hover, body.dark .marquee-item:hover img.brand-logo, body.dark .premium-brand-card:hover img.brand-logo { filter: grayscale(100%) invert(1) brightness(2); opacity: 1; } /* === ALT ALAN [Footer] ====================================================== */ .site-footer{position:relative;background-color:#f1f1f1;color:var(--text-color);font-family:inherit;width:100%;padding:50px 0 20px 0;overflow:hidden;transition:background-color 0.3s ease;} [data-theme="dark"] .site-footer{background-color:#090C10;} .footer-map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/map.svg');background-repeat:no-repeat;background-position:left top;background-size:cover;pointer-events:none;opacity:0.12;filter:grayscale(100%);z-index:0;} [data-theme="dark"] .footer-map-overlay{opacity:0.18;filter:grayscale(100%) invert(1);} .container,.footer-columns-grid,.footer-bottom-bar{position:relative;z-index:1;} .footer-columns-grid{display:grid;grid-template-columns:200px 200px 200px 1fr;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px 50px 20px;align-items:start;} .footer-columns-grid .footer-col:last-child{justify-self:end;width:100%;max-width:340px;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:200px;} .footer-col h4{font-size:0.9rem;color:var(--text-color);font-weight:500;margin-bottom:25px;text-transform:none;letter-spacing:0.5px;} .footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;} .footer-links-list li a{color:#666;text-decoration:none;font-size:0.9rem;display:inline-flex;align-items:center;gap:8px;transition:color 0.3s ease;} [data-theme="dark"] .footer-links-list li a{color:rgba(255,255,255,0.6);} .footer-links-list li a:hover{color:var(--text-color);} .footer-links-list li.active a,.footer-links-list li a.active{color:var(--text-color) !important;font-weight:500;} .footer-links-list li a::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#94a3b8;flex-shrink:0;transition:all 0.3s ease;} [data-theme="dark"] .footer-links-list li a::before{background-color:#ffffff;} .footer-links-list li a:hover::before,.footer-links-list li.active a::before,.footer-links-list li a.active::before{background-color:#CA6363 !important;transform:scale(1.2);animation:footerSignalPulse 1.5s infinite ease-in-out;} @keyframes footerSignalPulse{0%{box-shadow:0 0 0 0 rgba(202,99,99,0.7);}70%{box-shadow:0 0 0 6px rgba(202,99,99,0);}100%{box-shadow:0 0 0 0 rgba(202,99,99,0);}} .footer-right-col{text-align:right;display:flex;flex-direction:column;align-items:flex-end;} .footer-support-clean{display:flex;flex-direction:column;gap:6px;text-align:right;width:100%;border:none !important;box-shadow:none !important;padding:0 !important;background:transparent !important;} .support-title{font-size:0.85rem;color:#ff4757;font-weight:500;} .support-phone-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:color 0.3s ease;justify-content:flex-end;} .support-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:rgba(255,71,87,0.1);border-radius:50%;transition:all 0.3s ease;} .support-phone-link:hover .support-icon-badge{background-color:#ff4757;} .support-phone-link:hover .support-icon-badge .support-phone-icon{stroke:#ffffff;} .support-phone-icon{width:15px;height:15px;stroke:#ff4757;flex-shrink:0;transition:stroke 0.3s ease;} .support-number{font-size:1.05rem;font-weight:600;color:var(--text-color);letter-spacing:0.3px;} .support-phone-link:hover .support-number{color:#ff4757;} .footer-info-block{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right;margin:12px 0;} .footer-motto{font-size:0.8rem;font-weight:500;color:#666;font-style:italic;margin:0;} [data-theme="dark"] .footer-motto{color:rgba(255,255,255,0.55);} .footer-work-hours{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;color:#777;} [data-theme="dark"] .footer-work-hours{color:rgba(255,255,255,0.5);} .hours-icon{width:13px;height:13px;stroke:#777;flex-shrink:0;} [data-theme="dark"] .hours-icon{stroke:rgba(255,255,255,0.5);} .footer-link{display:inline-flex;align-items:center;text-decoration:none;} .footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 20px 0 20px;border-top:1px solid rgba(0,0,0,0.15);} [data-theme="dark"] .footer-bottom-bar{border-top:1px solid rgba(255,255,255,0.15);} .copyright{display:flex;font-size:0.8rem;align-items:center;gap:3px;color:inherit;} .footer-logo{height:36px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.6);opacity:0.5;display:block;transition:filter 0.25s ease,opacity 0.25s ease;} .footer-link:hover .footer-logo{filter:grayscale(0) brightness(1);opacity:1;} .footer-dev-credit{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#666;font-size:0.75rem;line-height:1.3;transition:color 0.3s ease;} [data-theme="dark"] .footer-dev-credit{color:rgba(255,255,255,0.6);} .footer-dev-credit:hover{color:var(--text-color);} .dev-signature{font-size:0.8rem;font-weight:600;color:var(--text-color);} .footer-brand-badge-group{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;margin-top:15px;width:100%;} .dual-outline-container{display:inline-flex;flex-direction:row;align-items:baseline;justify-content:center;user-select:none;width:auto;gap:0;} .interlocked-digits{display:flex;align-items:center;justify-content:center;line-height:0.78;} .digit-first-outline { font-family: 'Roboto', sans-serif; font-size: 4rem; font-weight: 900; letter-spacing: -10px; z-index: 1; display: inline-block; visibility: visible !important; opacity: 1 !important; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 3.2px #1E293B; transition: all 0.3s ease; } .digit-second-outline { font-family: 'Roboto', sans-serif; font-size: 4rem; font-weight: 900; z-index: 2; display: inline-block; visibility: visible !important; opacity: 1 !important; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 3.2px #94A3B8; transition: all 0.3s ease; } [data-theme="dark"] .digit-first-outline, body.dark-theme .digit-first-outline { -webkit-text-stroke: 3.2px #CBD5E1; } [data-theme="dark"] .digit-second-outline, body.dark-theme .digit-second-outline { -webkit-text-stroke: 3.2px #64748B; } .side-subtitle-box{display:flex;align-items:center;justify-content:flex-start;margin-left:0px;} .txt-script-classic{font-family:'Brush Script MT','Dancing Script','Segoe Script',cursive,sans-serif;font-size:1.55rem;font-weight:500;color:#B4C3C9;letter-spacing:0.5px;text-transform:capitalize;white-space:nowrap;display:block !important;visibility:visible !important;opacity:1 !important;} .footer-ip-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 0.7rem; color: #888888; background: rgba(0, 0, 0, 0.03); padding: 2px 8px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.05); line-height: 1; user-select: all; } [data-theme="dark"] .footer-ip-badge { color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); } .ip-dot { position: relative; width: 6px; height: 6px; background-color: #22c55e; border-radius: 50%; display: inline-block; flex-shrink: 0; box-shadow: 0 0 4px rgba(34, 197, 94, 0.6); } .ip-dot::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(34, 197, 94, 0.75); transform: translate(-50%, -50%); animation: ipPulse 1.8s infinite ease-out; pointer-events: none; } @keyframes ipPulse { 0% { width: 100%; height: 100%; opacity: 0.8; } 100% { width: 280%; height: 280%; opacity: 0; } } .ip-label { font-weight: 400; } .ip-value { font-weight: 500; color: var(--text-color); } @media (max-width:1024px){.footer-columns-grid{grid-template-columns:repeat(2,1fr);}.footer-columns-grid .footer-col:last-child{justify-self:start;max-width:100%;height:auto;gap:20px;min-height:auto;}.footer-right-col{text-align:left;align-items:flex-start;}.footer-support-clean{text-align:left;}.support-phone-link{justify-content:flex-start;}.footer-info-block{align-items:flex-start;text-align:left;}.footer-brand-badge-group{justify-content:flex-start;}} @media (max-width:768px){.site-footer{padding:40px 0 20px 0;}.footer-columns-grid{grid-template-columns:1fr;gap:20px;padding:0 20px 30px 20px;}.footer-columns-grid .footer-col:last-child{height:auto;gap:0;min-height:auto;}.footer-right-col{width:100%;align-items:center;text-align:center;}.footer-support-clean{align-items:center;text-align:center;background:rgba(0,0,0,0.02) !important;border:1px solid rgba(0,0,0,0.05) !important;padding:18px !important;margin-bottom:0 !important;}[data-theme="dark"] .footer-support-clean{background:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.06) !important;}.support-phone-link{justify-content:center;}.footer-info-block{align-items:center;text-align:center;margin:30px 0 0 0;}.footer-brand-badge-group{justify-content:center;margin-top:20px;}.footer-bottom-bar{flex-direction:column;gap:15px;text-align:center;padding-top:15px;}.footer-bottom-links{justify-content:center;}} /* === GEOMETRİK MATRİS VE FİLİGRAN [Geometric Matrix & Watermark] ============ */ .padding-top-header { padding-top: 150px; padding-bottom: 90px; } .container-wide { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .page-intro-zone { margin-bottom: 45px; } .page-sub-badge { font-size: 0.75rem; font-weight: 700; color: #CA6363; letter-spacing: 2px; display: block; margin-bottom: 6px; } .title-accent-line { width: 40px; height: 3px; background-color: #CA6363; margin-top: 14px; } .corporate-hero-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; align-items: stretch; margin-bottom: 40px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .corporate-image-box { position: relative; overflow: hidden; border: 1px solid var(--border-color); background-color: var(--card-bg); transform: translateZ(0); height: auto; min-height: 100%; display: flex; align-items: stretch; } .corp-photo-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; transition: background 0.4s ease; pointer-events: none; z-index: 1; } .corp-watermark { position: absolute; bottom: 20px; right: 20px; font-size: 0.75rem; font-weight: 700; letter-spacing: 2px; color: rgba(255, 255, 255, 0.75); background: rgba(9, 9, 9, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 6px 14px; pointer-events: none; user-select: none; border: 1px solid rgba(255, 255, 255, 0.1); z-index: 2; transition: all 0.4s ease; display: block; } .corp-fluid-img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(100%) contrast(110%) brightness(95%); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); z-index: 0; } .corporate-image-box:hover .corp-photo-overlay { background: var(--corp-overlay-hover); } .corporate-image-box:hover .corp-fluid-img { transform: scale(1.02); filter: grayscale(0%) contrast(105%) brightness(90%); } .corporate-image-box:hover .corp-watermark { color: #ffffff; background: #CA6363; border-color: rgba(255, 255, 255, 0.2); } /* === ŞİRKET PROFİL KARTLARI [Profile Cards] ================================= */ .premium-text-card { position: relative; background-color: #fcfdfe; padding: 50px 45px; border: 1px solid rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; justify-content: center; height: auto; overflow: hidden; box-sizing: border-box; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .premium-text-card:hover { border-color: #dfb76c; transform: translateY(-2px); } .card-inner-divider { width: 35px; height: 3px; background-color: #CA6363; margin-bottom: 25px; } .premium-text-card p { color: #4a5568; text-align: justify; margin-bottom: 16px; } .premium-text-card p:last-child { margin-bottom: 0; } .vision-mission-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 0px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .split-info-box { position: relative; background-color: #f8fafc; padding: 45px; border: 1px solid rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; box-sizing: border-box; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .split-info-box:hover { background-color: #ffffff; border-color: #dfb76c; transform: translateY(-3px); } .split-info-box .box-inner-line { width: 25px; height: 2.5px; background-color: #e2e8f0; margin-bottom: 22px; opacity: 1; transition: all 0.3s ease; } .split-info-box:hover .box-inner-line { width: 40px; background-color: #CA6363; } .split-info-box p { color: #4a5568; text-align: justify; margin-bottom: 0; } .corp-box-icon { position: absolute; top: 40px; right: 45px; display: inline-flex; z-index: 5; } .corp-box-icon svg { color: rgba(223, 183, 108, 0.45); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .premium-text-card:hover .corp-box-icon svg, .split-info-box:hover .corp-box-icon svg { color: #dfb76c; transform: scale(1.06) rotate(5deg); } .corp-sticker { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: linear-gradient(135deg, #dfb76c 0%, #c59b4c 100%); clip-path: polygon(0 0, 100% 0, 0 100%); z-index: 4; pointer-events: none; opacity: 0.75; transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1); } .premium-text-card:hover .corp-sticker, .split-info-box:hover .corp-sticker { opacity: 1; filter: brightness(1.1); transform: scale(1.05); } .dark .premium-text-card, .dark-mode .premium-text-card { background-color: var(--card-bg); border-color: var(--border-color); } .dark .premium-text-card h2, .dark-mode .premium-text-card h2 { color: var(--text-color); } .dark .premium-text-card p, .dark-mode .premium-text-card p { color: var(--text-color); opacity: 0.85; } .dark .split-info-box, .dark-mode .split-info-box { background-color: var(--card-bg); border-color: var(--border-color); } .dark .split-info-box:hover, .dark-mode .split-info-box:hover { background-color: rgba(255, 255, 255, 0.02); } .dark .split-info-box h3, .dark-mode .split-info-box h3 { color: var(--text-color); } .dark .split-info-box .box-inner-line, .dark-mode .split-info-box .box-inner-line { background-color: rgba(255, 255, 255, 0.1); } .dark .split-info-box:hover .box-inner-line, .dark-mode .split-info-box:hover .box-inner-line { background-color: #CA6363; } .dark .split-info-box p, .dark-mode .split-info-box p { color: var(--text-color); opacity: 0.85; } .dark .premium-text-card:hover, .dark .split-info-box:hover, .dark-mode .premium-text-card:hover, .dark-mode .split-info-box:hover { border-color: #b3893c; } .dark .corp-box-icon svg, .dark-mode .corp-box-icon svg { color: rgba(179, 137, 60, 0.4); } .dark .premium-text-card:hover .corp-box-icon svg, .dark .split-info-box:hover .corp-box-icon svg, .dark-mode .premium-text-card:hover .corp-box-icon svg, .dark-mode .split-info-box:hover .corp-box-icon svg { color: #b3893c; } .dark .corp-sticker, .dark-mode .corp-sticker { background: linear-gradient(135deg, #b3893c 0%, #916c28 100%); opacity: 0.65; } .dark .premium-text-card:hover .corp-sticker, .dark-mode .split-info-box:hover .corp-sticker { opacity: 0.95; } /* === HAKKIMIZDA SAYFASI [About Us Styles] =================================== */ .corporate-page-wrapper { padding: 60px 0; background-color: #FFF; color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; } html[data-theme="dark"] .corporate-page-wrapper { background-color: var(--bg-color); } .corporate-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; display: flex; justify-content: flex-start; } .corporate-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .corporate-hero-section { margin-bottom: 60px; width: 100%; display: block; } .corporate-hero-content { text-align: left; padding-left: 28px; border-left: 4px solid var(--accent-color); max-width: 850px; margin: 0; background: transparent; width: 100%; box-sizing: border-box; } .corporate-main-title { font-size: 2rem; font-weight: 700; color: var(--text-color); line-height: 1.15; margin-bottom: 16px; letter-spacing: -1.2px; } .corporate-main-subtitle { font-size: 1.2rem; color: var(--footer-text); line-height: 1.7; font-weight: 400; } .corporate-content-section { margin-bottom: 80px; } .corporate-image-wrapper { position: relative; } .corporate-img-frame { border-radius: 0px; overflow: hidden; box-shadow: 0 10px 30px var(--border-color); background: var(--card-bg); border: 1px solid var(--border-color); } .corporate-img { width: 100%; height: 440px; object-fit: cover; display: block; } .corporate-floating-badge { position: absolute; bottom: -40px; right: 30px; background: var(--card-bg); padding: 20px 25px; border-radius: 0px; box-shadow: 0 15px 35px var(--border-color); border: 1px solid var(--border-color); display: flex; flex-direction: column; } .floating-number { font-size: 2rem; font-weight: 700; color: var(--accent-color); line-height: 1; margin-bottom: 5px; } .floating-text { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: var(--text-color); line-height: 1.3; } .corporate-section-tag { display: block; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent-color); margin-bottom: 10px; } .corporate-section-title { font-size: 2rem; font-weight: 700; color: var(--text-color); margin-bottom: 20px; position: relative; padding-bottom: 15px; } .corporate-section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: var(--accent-color); border-radius: 2px; } .corporate-desc { font-size: 1rem; color: var(--footer-text); line-height: 1.7; margin-bottom: 15px; } .corporate-highlights-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 25px; } .highlight-item { background: var(--card-bg); padding: 15px 20px; border-radius: 0px; box-shadow: 0 5px 15px var(--border-color); border: 1px solid var(--border-color); } .border-danger-left { border-left: 4px solid var(--accent-color); } .border-dark-left { border-left: 4px solid var(--text-color); } html[data-theme="dark"] .border-danger-left { border-left: 4px solid var(--accent-color); } html[data-theme="dark"] .border-dark-left { border-left: 4px solid #fff; } .highlight-item h4 { font-size: 0.95rem; font-weight: 700; color: var(--text-color); margin-bottom: 5px; } .highlight-item p { font-size: 0.8rem; color: var(--footer-text); margin: 0; } .corporate-why-us-section { margin-bottom: 80px; } .corporate-dark-card { background: var(--card-bg); color: var(--text-color); border-radius: 0px; padding: 50px; box-shadow: 0 20px 40px var(--border-color); border:1px solid var(--border-color); } .dark-card-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; } .dark-card-tag { display: block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--accent-color); margin-bottom: 10px; } .dark-card-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 15px; color: var(--text-color); } .dark-card-desc { color: var(--footer-text); font-size: 0.95rem; line-height: 1.6; margin: 0; } .features-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .feature-box { display: flex; align-items: flex-start; gap: 15px; } .feature-icon { width: 45px; height: 45px; background: var(--accent-color); color: #ffffff; border-radius: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .feature-box h5 { font-size: 1rem; font-weight: 700; color: var(--text-color); margin-bottom: 5px; } .feature-box p { font-size: 0.85rem; color: var(--footer-text); margin: 0; } .corporate-vision-section { margin-bottom: 40px; } .vision-card { background: var(--card-bg); padding: 40px; border-radius: 0px; box-shadow: 0 10px 30px var(--border-color); border: 1px solid var(--border-color); height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; } .vision-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px var(--border-color); } .border-left-danger { border-left: 3px solid var(--accent-color); } .border-left-dark { border-left: 3px solid var(--text-color); } .vision-icon { width: 55px; height: 55px; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .text-danger { color: var(--accent-color); } .text-dark { color: var(--text-color); } .bg-danger-soft { background: var(--corp-overlay-hover); } .bg-dark-soft { background: var(--border-color); } .vision-title { font-size: 1.35rem; font-weight: 700; color: var(--text-color); margin-bottom: 15px; } .vision-text { font-size: 0.95rem; color: var(--footer-text); line-height: 1.7; margin: 0; } @media (max-width: 991.98px) { .corporate-grid-2, .dark-card-grid, .features-grid-2 { grid-template-columns: 1fr; gap: 30px; } .corporate-main-title { font-size: 2rem; } .corporate-dark-card { padding: 30px; } .corporate-floating-badge { position: relative; right: auto; bottom: auto; margin-top: 20px; } .corporate-highlights-grid { grid-template-columns: 1fr; } } /* === BİLGİ TOPLUMU HİZMETLERİ [Information Society Services] ================ */ .soc-page-wrapper { padding: 120px 0; background: #fafafa; position: relative; overflow: hidden; transition: 0.5s; margin-bottom: -30px; } body.dark .soc-page-wrapper { background: #171B24; } .soc-page-wrapper::before { content: "SOCIETY"; position: absolute; top: 10%; left: 5%; font-size: 20rem; font-weight: 900; color: rgba(0, 0, 0, 0.02); z-index: 0; pointer-events: none; line-height: 1; } body.dark .soc-page-wrapper::before { content: "COMPLIANCE"; color: rgba(255, 255, 255, 0.02); } @media (max-width: 992px) { body.dark .soc-page-wrapper::before { font-size: 10rem; left: 0; } } .soc-header-minimal { text-align: left; margin-bottom: 80px; padding-left: 20px; border-left: 4px solid #CA6363; position: relative; z-index: 1; } .soc-tag-modern { font-size: 0.65rem; letter-spacing: 0.3em; color: #CA6363; text-transform: uppercase; font-weight: 900; } .soc-header-minimal h1 { font-size: 3rem; margin: 10px 0 0; text-transform: uppercase; letter-spacing: -1px; color: #1d1d1f; } body.dark .soc-header-minimal h1 { color: #fff; } .soc-panorama { display: flex; flex-direction: column; gap: 80px; position: relative; z-index: 1; } .soc-block { display: grid; grid-template-columns: 300px 1fr; align-items: start; border-bottom: 1px solid #e0e0e0; padding-bottom: 40px; } @media (max-width: 992px) { .soc-block { grid-template-columns: 1fr; gap: 20px; } } body.dark .soc-block { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .block-title { font-size: 1.2rem; color: #CA6363; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; } .data-stream { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 992px) { .data-stream { grid-template-columns: 1fr; } } .stream-item { display: flex; flex-direction: column; gap: 8px; } .stream-item label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.2em; color: #999; font-weight: 800; } .stream-item p { font-size: 0.95rem; font-weight: 500; margin: 0; color: #333; } body.dark .stream-item p { color: #e5e5e5; } /* === AYDINLATMA METNİ [Clarification Text] ================================== */ .clar-page-wrapper { padding: 120px 0; background: #fafafa; position: relative; overflow: hidden; transition: 0.5s; margin-bottom: -30px; } body.dark .clar-page-wrapper { background: #171B24; } .clar-page-wrapper::before { content: "PRIVACY"; position: absolute; top: 10%; left: 5%; font-size: 20rem; font-weight: 900; color: rgba(0, 0, 0, 0.02); z-index: 0; pointer-events: none; line-height: 1; } body.dark .clar-page-wrapper::before { color: rgba(255, 255, 255, 0.02); } @media (max-width: 992px) { .clar-page-wrapper::before { font-size: 10rem; } } .clar-hero { text-align: left; margin-bottom: 80px; padding-left: 20px; border-left: 4px solid #CA6363; position: relative; z-index: 1; } .clar-hero-sub { color: #CA6363; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 10px; display: block; } .clar-hero-title { font-size: 3rem; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin: 0; color: #1d1d1f; } body.dark .clar-hero-title { color: #fff; } .clar-container { max-width: 1200px; margin: 0 auto; padding: 0 22px; position: relative; z-index: 1; } @media (max-width: 992px) { .clar-container { padding-right: 40px; } } .clar-layout { display: flex; flex-direction: column; gap: 60px; } .clar-card { position: relative; padding-left: 20px; border-left: 2px solid rgba(202, 99, 99, 0.2); transition: 0.4s; } @media (max-width: 992px) { .clar-card { padding-left: 15px; } .clar-card:hover { padding-left: 15px; } } .clar-card h2 { color: #CA6363; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 20px; } .clar-card p { font-size: 1rem; line-height: 1.8; opacity: 0.8; margin-bottom: 15px; color: #333; } body.dark .clar-card p { color: #ccc; } .clar-card ul { list-style: none; padding: 0; margin: 20px 0; } .clar-card li { font-size: 0.95rem; margin-bottom: 10px; padding-left: 20px; position: relative; opacity: 0.8; } .clar-card li::before { content: "—"; position: absolute; left: 0; color: #CA6363; } /* === ÇEREZ POLİTİKASI [Cookie Policy] ======================================= */ .cookie-page-wrapper { padding: 120px 0; background: #fafafa; position: relative; overflow: hidden; transition: 0.5s; margin-bottom: -30px; } body.dark .cookie-page-wrapper { background: #171B24; } .cookie-page-wrapper::before { content: "COOKIES"; position: absolute; top: 10%; left: 5%; font-size: 20rem; font-weight: 900; color: rgba(0, 0, 0, 0.02); z-index: 0; pointer-events: none; line-height: 1; } body.dark .cookie-page-wrapper::before { color: rgba(255, 255, 255, 0.02); } @media (max-width: 992px) { .cookie-page-wrapper::before { font-size: 10rem; } } .cookie-hero { text-align: left; margin-bottom: 80px; padding-left: 20px; border-left: 4px solid #CA6363; position: relative; z-index: 1; } .cookie-hero-sub { color: #CA6363; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 10px; display: block; } .cookie-hero-title { font-size: 3rem; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin: 0; color: #1d1d1f; } body.dark .cookie-hero-title { color: #fff; } .cookie-container { max-width: 1200px; margin: 0 auto; padding: 0 22px; position: relative; z-index: 1; } @media (max-width: 992px) { .cookie-container { padding-right: 40px; } } .cookie-layout { display: flex; flex-direction: column; gap: 60px; } .cookie-card { position: relative; padding-left: 20px; border-left: 2px solid rgba(202, 99, 99, 0.2); transition: 0.4s; } @media (max-width: 992px) { .cookie-card { padding-left: 15px; } .cookie-card:hover { padding-left: 15px; } } .cookie-card h2 { color: #CA6363; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 20px; } .cookie-card p { font-size: 1rem; line-height: 1.8; opacity: 0.8; margin-bottom: 15px; color: #333; } body.dark .cookie-card p { color: #ccc; } .cookie-card ul { list-style: none; padding: 0; margin: 20px 0; } .cookie-card li { font-size: 0.95rem; margin-bottom: 10px; padding-left: 20px; position: relative; opacity: 0.8; } .cookie-card li::before { content: "—"; position: absolute; left: 0; color: #CA6363; } .cookie-footer-note { font-size: 0.9rem; opacity: 0.6; font-style: italic; margin-top: 20px; } /* === KULLANIM ŞARTLARI [Terms of Use] ======================================= */ .terms-page-wrapper { padding: 120px 0; background: #fafafa; position: relative; overflow: hidden; transition: 0.5s; margin-bottom: -30px; } body.dark .terms-page-wrapper { background: #171B24; } .terms-page-wrapper::before { content: "TERMS"; position: absolute; top: 10%; left: 5%; font-size: 20rem; font-weight: 900; color: rgba(0, 0, 0, 0.02); z-index: 0; pointer-events: none; line-height: 1; } body.dark .terms-page-wrapper::before { color: rgba(255, 255, 255, 0.02); } @media (max-width: 992px) { .terms-page-wrapper::before { font-size: 10rem; } } .terms-hero { text-align: left; margin-bottom: 80px; padding-left: 20px; border-left: 4px solid #CA6363; position: relative; z-index: 1; } .terms-hero-sub { color: #CA6363; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 10px; display: block; } .terms-hero-title { font-size: 3rem; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin: 0; color: #1d1d1f; } body.dark .terms-hero-title { color: #fff; } .terms-container { max-width: 1200px; margin: 0 auto; padding: 0 22px; position: relative; z-index: 1; } @media (max-width: 992px) { .terms-container { padding-right: 40px; } } .terms-layout { display: flex; flex-direction: column; gap: 60px; } .terms-card { position: relative; padding-left: 20px; border-left: 2px solid rgba(202, 99, 99, 0.2); transition: 0.4s; } @media (max-width: 992px) { .terms-card { padding-left: 15px; } .terms-card:hover { padding-left: 15px; } } .terms-card h2 { color: #CA6363; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 20px; } .terms-card p { font-size: 1rem; line-height: 1.8; opacity: 0.8; margin-bottom: 15px; color: #333; } body.dark .terms-card p { color: #ccc; } /* === KVKK POLİTİKASI [KVKK Policy] ========================================== */ .kvkk-page-wrapper { padding: 120px 0; background: #fafafa; position: relative; overflow: hidden; transition: 0.5s; margin-bottom: -30px; } body.dark .kvkk-page-wrapper { background: #171B24; } .kvkk-page-wrapper::before { content: "COMPLIANCE"; position: absolute; top: 5%; left: 2%; font-size: 20rem; font-weight: 900; color: rgba(0, 0, 0, 0.02); z-index: 0; pointer-events: none; line-height: 1; } body.dark .kvkk-page-wrapper::before { color: rgba(255, 255, 255, 0.02); } @media (max-width: 992px) { .kvkk-page-wrapper::before { font-size: 10rem; } } .kvkk-hero { text-align: left; margin-bottom: 80px; padding-left: 20px; border-left: 4px solid #CA6363; position: relative; z-index: 1; } .kvkk-hero-sub { color: #CA6363; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 10px; display: block; } .kvkk-hero-title { font-size: 3rem; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin: 0; color: #1d1d1f; } body.dark .kvkk-hero-title { color: #fff; } .kvkk-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } @media (max-width: 992px) { .kvkk-container { padding-right: 40px; } } .kvkk-download-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 60px; } @media (max-width: 992px) { .kvkk-download-grid { grid-template-columns: 1fr; } } .kvkk-dl-card { padding: 30px; border-left: 2px solid #CA6363; background: rgba(0,0,0,0.02); transition: 0.3s; } body.dark .kvkk-dl-card { background: rgba(255,255,255,0.03); } .kvkk-dl-card h3 { color: #CA6363; font-size: 1rem; text-transform: uppercase; margin-bottom: 10px; } .kvkk-dl-btn { color: #CA6363; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-decoration: none; transition: 0.3s; } .kvkk-dl-btn:hover { color: #1d1d1f; transform: translateX(5px); } body.dark .kvkk-dl-btn:hover { color: #fff; } .kvkk-layout { display: flex; flex-direction: column; gap: 60px; } .kvkk-card { position: relative; padding-left: 22px; border-left: 2px solid rgba(202, 99, 99, 0.2); transition: 0.4s; } @media (max-width: 992px) { .kvkk-card { padding-left: 15px; } .kvkk-card:hover { padding-left: 15px; } } .kvkk-card h2 { color: #CA6363; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 20px; } .kvkk-card p { font-size: 1rem; line-height: 1.8; opacity: 0.8; margin-bottom: 15px; color: #333; } body.dark .kvkk-card p { color: #ccc; } .kvkk-card ul { list-style: none; padding: 0; margin: 20px 0; } .kvkk-card li { font-size: 0.95rem; margin-bottom: 10px; padding-left: 20px; position: relative; opacity: 0.8; } .kvkk-card li::before { content: "—"; position: absolute; left: 0; color: #CA6363; } /* === ÇEREZ UYARISI [Cookie Alert] =========================================== */ .cookie-modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.4s ease; padding: 20px; } .cookie-modal-overlay.is-active { opacity: 1; visibility: visible; pointer-events: auto; } .cookie-modal-container { width: 100%; max-width: 540px; background: #ffffff; border-radius: 0px; padding: 30px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3); transform: translateY(20px); transition: transform 0.4s ease; } html[data-theme="dark"] .cookie-modal-container { background: #181d28; color: #f1f2f4; border: 1px solid rgba(255, 255, 255, 0.08); } .cookie-modal-overlay.is-active .cookie-modal-container { transform: translateY(0); } .cookie-modal-header h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 8px; color: #1a1a1a; } html[data-theme="dark"] .cookie-modal-header h3 { color: #fff; } .cookie-modal-header p { font-size: 0.88rem; line-height: 1.5; color: #666; margin-bottom: 20px; } html[data-theme="dark"] .cookie-modal-header p { color: #94a3b8; } .cookie-categories-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; max-height: 260px; overflow-y: auto; } .cookie-category-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: #f8f9fa; border-radius: 0px; border: 1px solid #eee; gap: 15px; } html[data-theme="dark"] .cookie-category-item { background: #121620; border-color: rgba(255, 255, 255, 0.04); } .cookie-cat-info { display: flex; flex-direction: column; gap: 2px; } .cookie-cat-name { font-size: 0.88rem; font-weight: 700; color: #333; } html[data-theme="dark"] .cookie-cat-name { color: #fff; } .cookie-cat-desc { font-size: 0.76rem; color: #777; line-height: 1.3; } html[data-theme="dark"] .cookie-cat-desc { color: #8a96a8; } .cookie-switch { position: relative; display: inline-block; width: 40px; height: 22px; flex-shrink: 0; } .cookie-switch input { opacity: 0; width: 0; height: 0; } .cookie-slider { position: absolute; cursor: pointer; inset: 0; background-color: #ccc; transition: .3s; border-radius: 22px; } .cookie-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%; } .cookie-switch input:checked + .cookie-slider { background-color: #CA6363; } .cookie-switch input:disabled + .cookie-slider { background-color: #CA6363; opacity: 0.7; cursor: not-allowed; } .cookie-switch input:checked + .cookie-slider:before { transform: translateX(18px); } .cookie-modal-buttons { display: flex; gap: 8px; } .cookie-btn-decline, .cookie-btn-save, .cookie-btn-accept { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 11px 10px; font-size: 0.75rem; font-weight: 600; text-align: center; text-transform: capitalize !important; font-variant: normal !important; text-decoration: none !important; color: #ffffff !important; background-size: 200% auto; border: 1px solid var(--border-color); border-radius: 0px !important; transition: all 0.5s ease; outline: none; cursor: pointer; } .cookie-btn-decline { background-image: linear-gradient(to right, #2c3e50 0%, #3498db 51%, #2c3e50 100%); } .cookie-btn-decline:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none !important; } .cookie-btn-save { background-image: linear-gradient(to right, #1b5e20 0%, #388e3c 51%, #1b5e20 100%); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .cookie-btn-save:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none !important; } .cookie-btn-accept { background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); } .cookie-btn-accept:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none !important; } @media (max-width: 576px) { .cookie-modal-container { padding: 20px; } .cookie-modal-buttons { flex-direction: column; } } /* === BANNER VE SAYFA GEÇİŞ SİSTEMİ [Hero Banner & Breadcrumb] =============== */ .m-hero-banner-only{position:relative;width:100%;height:320px;margin-top:0px;background-image:url('../img/bread-block.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden;z-index:9;} .m-hero-banner-only::after{content:'';position:absolute;top:0;right:0;width:35%;height:100%;background:linear-gradient(135deg, rgba(202, 99, 99, 0) 0%, rgba(185, 30, 30, 0.45) 100%);pointer-events:none;z-index:1;} html[data-theme="dark"] .m-hero-banner-only::after{background:linear-gradient(135deg, rgba(202, 99, 99, 0) 0%, rgba(140, 20, 20, 0.6) 100%);} .m-hero-inner-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 20px;height:100%;box-sizing:border-box;} .m-hero-breadcrumb-row{position:absolute;top:32px;left:20px;display:flex;align-items:center;} .m-hero-home-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:rgba(255,255,255,0.75);font-size:0.9rem;font-weight:500;transition:color 0.3s ease;} .m-hero-home-link svg{width:16px;height:16px;color:rgba(255,255,255,0.75);display:block;transition:color 0.3s ease;} .m-hero-home-link:hover,.m-hero-home-link:hover svg{color:#ffffff;} .m-hero-page-title{position:absolute;bottom:32px;left:20px;margin:0;font-size:2.1rem;font-weight:700;color:#ffffff;letter-spacing:-0.5px;line-height:1.2;} @media(max-width:1200px){.m-hero-banner-only{height:300px;}} @media(max-width:992px){.m-hero-banner-only{height:260px;}.m-hero-page-title{font-size:1.8rem;bottom:24px;left:15px;}.m-hero-breadcrumb-row{top:20px;left:15px;}} @media(max-width:576px){.m-hero-banner-only{height:220px;}.m-hero-page-title{font-size:1.5rem;bottom:20px;left:15px;}.m-hero-breadcrumb-row{top:16px;left:15px;}} /* === İPUCU SİSTEMİ [Tooltip System] ========================================= */ .m-tooltip-trigger { position: relative; } .m-tooltip-trigger::before { content: attr(data-tooltip); position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%) scale(0.95); background: rgba(17, 17, 17, 0.90); color: #ffffff; font-size: 10px; font-weight: 400; letter-spacing: 0.1px; padding: 4px 10px 5px 10px; white-space: nowrap; opacity: 0; visibility: hidden; z-index: 999992; pointer-events: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.15s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.15s ease, visibility 0.15s ease; } @media (max-width: 992px) { .m-tooltip-trigger::before { display: none; } } html[data-theme="dark"] .m-tooltip-trigger::before { background: #ffffff; color: #11141d; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } .m-tooltip-trigger:hover::before { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); } .m-filter-actions-group .m-filter-clear-btn { background: transparent; border: none; color: #a0aec0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 4px; transition: color .2s; } .m-filter-actions-group .m-filter-clear-btn:hover { color: #dfb76c; } /* === İLETİŞİM SAYFASI STİLLERİ [Contact Page Styles] ======================== */ .contact-page { background-color: #f9f9f9; } .m-contact-container { background: linear-gradient(to right, transparent 66.6%, #ffffff 66.6%); max-width: 1200px; margin: 0 auto; padding: 0; } @media (max-width: 992px) { .m-contact-container { background: transparent; } } html[data-theme="dark"] .m-contact-container { background: linear-gradient(to right, transparent 66.6%, #0A0C10 66.6%); } @media (max-width: 992px) { html[data-theme="dark"] .m-contact-container { background: transparent; } } .m-contact-grid { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 1fr 450px; gap: 0; background-color: transparent; } @media (max-width: 992px) { .m-contact-grid { grid-template-columns: 1fr; } } .m-contact-form-card { background: transparent; padding: 100px 80px 100px 20px; } @media (max-width: 992px) { .m-contact-form-card { padding: 40px; } } .m-contact-info-wrapper { background: #ffffff; padding: 100px 60px; min-height: 100%; color: var(--text-color); } @media (max-width: 992px) { .m-contact-info-wrapper { padding: 40px; } } html[data-theme="dark"] .m-contact-info-wrapper { background: #0B0D12; color: #F1F2F4; } .m-contact-info-wrapper h2, .m-contact-info-wrapper p, .m-contact-info-wrapper a, .m-contact-info-wrapper .m-info-group-desc { color: var(--text-color); } .m-contact-info-wrapper h3 { color: #8ca3af; } html[data-theme="dark"] .m-contact-info-wrapper h3 { color: #7ca3af; } .creative-title { font-size: 2.2rem !important; line-height: 1.2; margin-bottom: 15px !important; letter-spacing: -0.05em; } .creative-subtitle { font-size: 1.1rem !important; color: #6b7280 !important; margin-bottom: 40px !important; max-width: 90%; } .m-form-control { width: 100%; background: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.05); padding: 15px 0; font-size: 1rem; color: var(--text-color); } html[data-theme="dark"] .m-form-control { border-bottom: 2px solid rgba(255, 255, 255, 0.05); } .m-form-control:focus { border-bottom-color: rgba(202,99,99,0.5); outline: none; box-shadow: none; } html[data-theme="dark"] .m-form-control:focus { border-bottom-color: rgba(202,99,99,0.5); outline: none; box-shadow: none; } .m-form-group { margin-bottom: 25px; } .m-form-group label { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; color: var(--text-color); display: block; margin-bottom: 8px; } html[data-theme="dark"] .m-form-group label { color: #7ca3af; } .m-info-group-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 20px; } .m-info-group-desc { font-size: 0.95rem; color: #6b7280; line-height: 1.5; margin-bottom: 40px; } .m-contact-info-card { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; } .m-contact-info-card svg { flex-shrink: 0; color: #CA6363; width: 20px; height: 20px; margin-top: 4px; } .m-contact-info-card h3 { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: #9ca3af; margin: 0 0 5px 0; } .m-contact-info-card p, .m-contact-info-card a { font-size: 1rem; font-weight: 500; margin: 0; line-height: 1.5; opacity: 0.8; } .m-btn-submit { background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); } .m-btn-submit { display: flex; width: 100%; color: #ffffff; background-size: 200% auto; align-items: center; justify-content: center; padding: 0 30px; cursor: pointer; overflow: hidden; position: relative; transition: all 0.3s ease; text-transform: uppercase; font-weight: 500; height: 52px; outline: none; border: none; } .m-btn-submit:hover { background-position: right center; color: #fff; text-decoration: none; } .m-btn-submit:hover .m-btn-text { margin-right: 8px; color: #ffffff; } .m-btn-submit:hover .m-btn-icon-box { width: 18px; } .m-btn-submit:hover .m-btn-arrow-svg { opacity: 1; stroke: #ffffff; } .m-btn-text { transition: all 0.3s ease; } .m-btn-icon-box { width: 0; height: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.3s ease; } .m-btn-arrow-svg { width: 18px; height: 18px; stroke: var(--text-color); opacity: 0; transition: all 0.3s ease; } .m-map-container-wrapper { width: 100%; height: 400px; position: relative; overflow: hidden; margin-bottom: -30px; } @media (max-width: 575px) { .m-map-container-wrapper { height: 380px; } } .m-map-overlay-layer { position: absolute; inset: 0; pointer-events: none; background: rgba(255,255,255,0.25); transition: background 0.3s ease; z-index: 2; } [data-theme="dark"] .m-map-overlay-layer, .dark-mode .m-map-overlay-layer { background: rgba(17,24,39,0.25); } .m-select-wrapper { position: relative; cursor: pointer; user-select: none; } .m-select-current { padding: 18px 24px 18px 0; border: none; border-bottom: 2px solid var(--border-color); background: transparent; color: var(--text-color); display: flex; justify-content: space-between; align-items: center; transition: 0.3s; } .m-select-arrow { width: 18px; height: 18px; stroke: var(--text-color); transition: transform 0.3s ease; margin-left: 10px; } .m-select-wrapper.is-open .m-select-arrow { transform: rotate(180deg); stroke: #CA6363; } .m-select-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--header-bg); border: 2px solid var(--border-color); border-top: none; z-index: 100; } .m-select-dropdown div { padding: 12px 24px; transition: 0.2s; color: var(--text-color); } .m-select-dropdown div:hover { background: var(--search-bg); color: var(--accent-hover); } .m-select-wrapper.is-open .m-select-current { border-color: rgba(202,99,99,0.5); } .m-select-wrapper.is-open .m-select-dropdown { display: block; } .m-form-alert { position: fixed; bottom: 20px; right: 20px; padding: 15px 20px; background: #2c3e50; color: #fff; z-index: 9999; border-radius: 5px; } .close-btn { margin-left: 15px; cursor: pointer; font-weight: bold; } .m-form-row { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 600px) { .m-form-row > .m-form-group { flex: 1 1 100%; } } /* === ERİŞİLEBİLİRLİK WİDGET [Accessibility Widget] ========================== */ .a11y-btn { position: fixed; bottom: 30px; right: 20px; z-index: 100003; width: 48px; height: 48px; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; outline: none; } .a11y-btn svg { display: block; width: 100%; height: 100%; background: transparent; transition: transform 0.3s ease, filter 0.3s ease; } .a11y-btn:hover svg { filter: drop-shadow(0 2px 8px rgba(230, 235, 237, 0.75)); } .a11y-btn:hover svg, .a11y-btn:focus svg, .a11y-btn:active svg, .a11y-btn.active svg, .a11y-btn.open svg, .a11y-btn[aria-expanded="true"] svg { filter: drop-shadow(0 2px 8px rgba(230, 235, 237, 0.75)); cursor: pointer; } .a11y-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 100001; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } .a11y-modal.open { display: block; opacity: 1; pointer-events: auto; } .a11y-modal-content { background-color: var(--footer-bg, #fff); color: var(--text-color, #1a1a1a); width: 320px; max-width: 90%; border-radius: 0px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); position: fixed; bottom: 95px; right: 30px; border: 1px solid var(--border-color, #eee); z-index: 100001; } .a11y-modal-header { padding: 15px 20px; border-bottom: 1px solid var(--border-color, #eee); display: flex; justify-content: space-between; align-items: center; } .a11y-modal-header h2 { margin: 0; font-size: 1.1rem; font-weight: 600; color: var(--text-color, #1a1a1a); } .a11y-close-btn { background: none; border: none; cursor: pointer; color: var(--text-color, #1a1a1a); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0; transition: color 0.3s ease; } .a11y-close-btn svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; } .a11y-close-btn:hover { color: #CA6363; } .a11y-close-btn:hover svg { transform: rotate(180deg); } .a11y-modal-body { padding: 15px 20px; max-height: 400px; overflow-y: auto; } .a11y-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; } .a11y-option-row { background-color: var(--bg-alt, #f9f9f9); border: 1px solid var(--border-color, #eee); color: var(--text-color, #1a1a1a); width: 100%; padding: 10px 15px; border-radius: 0px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 0.9rem; text-align: left; transition: all 0.2s ease; } .a11y-option-row:hover { background-color: rgba(202, 99, 99, 0.05); border-color: #CA6363; color: #CA6363; } .a11y-row-text { font-weight: 500; } .a11y-row-icon { font-size: 1.1rem; font-weight: 700; width: 30px; text-align: right; } .a11y-option-row.active-opt { background-color: #CA6363; color: #fff; border-color: #CA6363; } .a11y-reset-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 13px 10px; font-weight: 600; font-size: 0.85rem; text-align: center; text-transform: none; text-decoration: none !important; color: #ffffff !important; background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); background-size: 200% auto; border: 1px solid var(--border-color); border-radius: 0px !important; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); transition: all 0.5s ease; outline: none; cursor: pointer; } .a11y-reset-btn:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none !important; } body.dark .a11y-modal-content, html[data-theme="dark"] .a11y-modal-content { background-color: #10131A; color: #fff; border-color: rgba(255,255,255,0.1); } body.dark .a11y-modal-header h2, body.dark .a11y-close-btn { color: #fff; } body.dark .a11y-option-row { background-color: #181d28; color: #fff; border-color: rgba(255,255,255,0.1); } body.dark .a11y-option-row:hover { background-color: rgba(202, 99, 99, 0.15); border-color: #CA6363; color: #CA6363; } body.dark .a11y-option-row.active-opt { background-color: #CA6363; color: #fff; border-color: #CA6363; } body.a11y-fontsize-on p, body.a11y-fontsize-on span, body.a11y-fontsize-on a, body.a11y-fontsize-on li { font-size: 1.15rem !important; } body.a11y-underline-on a { text-decoration: underline !important; text-underline-offset: 4px; } body.a11y-contrast-on { background-color: #000 !important; color: #00ffcc !important; } body.a11y-contrast-on p, body.a11y-contrast-on span, body.a11y-contrast-on h1, body.a11y-contrast-on h2, body.a11y-contrast-on h3, body.a11y-contrast-on h4, body.a11y-contrast-on li { color: #00ffcc !important; background-color: #000 !important; } body.a11y-contrast-on a { color: #ffff00 !important; background-color: #000 !important; } body.a11y-dislexia-on, body.a11y-dislexia-on p, body.a11y-dislexia-on span, body.a11y-dislexia-on a, body.a11y-dislexia-on h1, body.a11y-dislexia-on h2, body.a11y-dislexia-on h3 { font-family: "Comic Sans MS", "Arial", sans-serif !important; letter-spacing: 0.08em !important; word-spacing: 0.18em !important; line-height: 1.6 !important; } html.a11y-grayscale-on { filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; } html.a11y-bluefilter-on { filter: sepia(25%) hue-rotate(330deg) !important; } /* === İNDİRME ALANI [Download Area] ========================================== */ .downloads-section { width: 100%; padding: 60px 0; background-color: var(--section-bg, #f8f9fa); transition: background-color 0.3s ease; } [data-theme="dark"] .downloads-section { background-color: #151A24; } .downloads-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; } .section-header { text-align: left; max-width: 100%; margin: 0 0 40px 0; padding-left: 24px; border-left: 4px solid var(--accent-color); } .section-header h2 { font-size: 2rem; font-weight: 800; color: var(--text-color, #1a1a1a); text-transform: uppercase; margin-bottom: 8px; letter-spacing: -0.5px; } [data-theme="dark"] .section-header h2 { color: #fff; } .section-header p { font-size: 1.05rem; color: var(--text-muted, #555); margin: 0; line-height: 1.6; } [data-theme="dark"] .section-header p { color: #b0b8c4; } .brand-downloads-wrapper { display: flex; flex-direction: column; gap: 24px; } .brand-download-card { background: var(--box-bg, #ffffff); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.3s ease; } [data-theme="dark"] .brand-download-card { background: #1b2230; border-color: rgba(255, 255, 255, 0.06); } .brand-card-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid rgba(0, 0, 0, 0.06); gap: 15px; flex-wrap: wrap; } [data-theme="dark"] .brand-card-header { background: rgba(255, 255, 255, 0.02); border-bottom-color: rgba(255, 255, 255, 0.06); } .brand-card-title { font-size: 1.1rem; font-weight: 700; color: var(--text-color, #1a1a1a); text-transform: uppercase; margin: 0; letter-spacing: 0.5px; } [data-theme="dark"] .brand-card-title { color: #fff; } .brand-card-desc { font-size: 0.9rem; color: var(--text-muted, #666); margin: 0; text-align: right; flex: 1; min-width: 200px; } [data-theme="dark"] .brand-card-desc { color: #b0b8c4; } .brand-card-body { padding: 0 24px; } .brand-files-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; } .brand-files-table th { padding: 12px 0; font-size: 0.8rem; text-transform: uppercase; color: var(--text-muted, #888); font-weight: 600; border-bottom: 1px solid rgba(0,0,0,0.06); text-align: left !important; } [data-theme="dark"] .brand-files-table th { border-bottom-color: rgba(255, 255, 255, 0.06); color: #999; } .brand-files-table th:last-child { text-align: right !important; } .brand-files-table td { padding: 13px 0; border-bottom: 1px solid rgba(0,0,0,0.04); text-align: left; } [data-theme="dark"] .brand-files-table td { border-bottom-color: rgba(255, 255, 255, 0.04); } .brand-files-table td:last-child { text-align: right; } .brand-files-table tr:last-child td { border-bottom: none; } .file-name-col { display: flex; align-items: center; gap: 8px; color: var(--text-color, #333); text-align: left; } [data-theme="dark"] .file-name-col { color: #e1e6eb; } .pdf-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgba(187, 114, 114, 0.1); color: #BB7272; border: 1px solid rgba(187, 114, 114, 0.25); border-radius: 0px; transition: all 0.2s ease; text-decoration: none; } .pdf-icon-btn:hover { background: #BB7272; color: #fff; } .brand-no-files { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; font-size: 0.9rem; color: var(--text-muted, #777); font-style: italic; } @media (max-width: 768px) { .brand-card-header { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; } .brand-card-desc { text-align: left; width: 100%; min-width: unset; font-size: 0.85rem; } .brand-card-body { padding: 0 16px; } } /* === SİTE HARİTASI [Sitemap] ================================================ */ .sitemap-section { width: 100%; padding: 60px 0; background-color: var(--section-bg, #f8f9fa); transition: background-color 0.3s ease; } [data-theme="dark"] .sitemap-section { background-color: #151A24; } .sitemap-container { max-width: 900px; margin: 0 auto; padding: 60px 20px 90px 20px; width: 100%; box-sizing: border-box; } .sitemap-section-header { text-align: left; max-width: 100%; margin: 0 0 40px 0; padding-left: 24px; border-left: 4px solid var(--accent-color); } .sitemap-main-title { font-size: 2.4rem; font-weight: 800; color: var(--text-color, #1a1a1a); margin-bottom: 10px; letter-spacing: -0.5px; } [data-theme="dark"] .sitemap-main-title { color: #fff; } .sitemap-main-subtitle { font-size: 1.1rem; color: var(--text-color, #666); opacity: 0.85; line-height: 1.6; } .sitemap-accordion-wrapper { display: flex; flex-direction: column; border-top: 1px solid rgba(0,0,0,0.06); } [data-theme="dark"] .sitemap-accordion-wrapper { border-top-color: rgba(255,255,255,0.08); } .sitemap-accordion-item { border-bottom: 1px solid rgba(0,0,0,0.06); background: transparent; transition: border-color 0.3s ease; } [data-theme="dark"] .sitemap-accordion-item { border-bottom-color: rgba(255,255,255,0.08); } .sitemap-accordion-header-wrap { display: flex; align-items: center; width: 100%; } .sitemap-accordion-header { width: 100%; background: transparent; border: none; padding: 18px 10px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; } .sitemap-group-title { font-size: 1rem; font-weight: 500; color: var(--text-color, #444); transition: color 0.3s ease; display: inline-flex; align-items: center; } [data-theme="dark"] .sitemap-group-title { color: #d1d1d1; } .sitemap-accordion-item.is-open .sitemap-group-title { color: #CA6363; } .sitemap-count-badge { font-size: 0.85rem; font-weight: 400; color: #888; margin-left: 6px; opacity: 0.8; } [data-theme="dark"] .sitemap-count-badge { color: #999; } .accordion-toggle-icon { font-size: 1.4rem; font-weight: 300; color: #666; width: 24px; text-align: center; display: inline-block; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease; flex-shrink: 0; } .sitemap-accordion-item.is-open .accordion-toggle-icon { color: #CA6363; transform: rotate(90deg); } .sitemap-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease; padding: 0 10px; } .sitemap-accordion-item.is-open .sitemap-accordion-content { max-height: 1000px; padding: 0 10px 20px 10px; } .sitemap-sub-list { list-style-type: none; padding-left: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; color: #666; } [data-theme="dark"] .sitemap-sub-list { color: #aaa; } .sitemap-node-link { color: #666; font-size: 0.95rem; text-decoration: none; transition: color 0.2s ease; display: inline-block; } [data-theme="dark"] .sitemap-node-link { color: #aaa; } .sitemap-node-link:hover { color: #CA6363; text-decoration: underline; } /* === MARKALAR INTRO [Brand Intro] ================================== */ .brand-intro-section { background-color: #ffffff; padding: 70px 0; transition: background-color 0.3s ease; } [data-theme="dark"] .brand-intro-section { background-color: #12161f; } .brand-intro-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .brand-intro-header { margin-bottom: 30px; display: flex; flex-direction: column; gap: 10px; } .brand-intro-title { font-size: 2rem; font-weight: 800; color: #111; letter-spacing: -0.5px; line-height: 1.2; } [data-theme="dark"] .brand-intro-title { color: #f8fafc; } .brand-intro-desc { font-size: 0.9rem; color: #555; line-height: 1.6; max-width: 900px; } [data-theme="dark"] .brand-intro-desc { color: #94a3b8; } .brand-intro-grid { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 20px; align-items: stretch; } .brand-card-img { position: relative; height: 210px; overflow: hidden; background-color: #f6f4f1; border: 1px solid rgba(0, 0, 0, 0.08); background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); text-decoration: none !important; display: block; border-radius: 0px; } [data-theme="dark"] .brand-card-img { background-color: #171d28; border-color: rgba(255, 255, 255, 0.08); } .brand-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 60%); pointer-events: none; } .brand-img-badge { position: absolute; bottom: 15px; left: 15px; background: #63417a; background: conic-gradient(from 45deg, #a5c8e4 0.000deg, #a5c8e4 27.692deg, #e4ad47 calc(27.692deg + 0.1deg), #e4ad47 55.385deg, #e590dc calc(55.385deg + 0.1deg), #e590dc 83.077deg, #a67451 calc(83.077deg + 0.1deg), #a67451 110.769deg, #655cd0 calc(110.769deg + 0.1deg), #655cd0 138.462deg, #604b5e calc(138.462deg + 0.1deg), #604b5e 166.154deg, #9c44c2 calc(166.154deg + 0.1deg), #9c44c2 193.846deg, #df466d calc(193.846deg + 0.1deg), #df466d 221.538deg, #e852b2 calc(221.538deg + 0.1deg), #e852b2 249.231deg, #af667e calc(249.231deg + 0.1deg), #af667e 276.923deg, #6a80a1 calc(276.923deg + 0.1deg), #6a80a1 304.615deg, #5d9d90 calc(304.615deg + 0.1deg), #5d9d90 332.308deg, #93b98f calc(332.308deg + 0.1deg) 360.000deg); color: #fff; padding: 4px 10px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; backdrop-filter: blur(4px); z-index: 2; border-radius: 2px; } .brand-card-banner { position: relative; height: 210px; overflow: hidden; background: conic-gradient(from 120deg, #ff684d 0.000deg, #ff684d 36.000deg, #ff5c51 calc(36.000deg + 0.1deg), #ff5c51 72.000deg, #ff5154 calc(72.000deg + 0.1deg), #ff5154 108.000deg, #ff4857 calc(108.000deg + 0.1deg), #ff4857 144.000deg, #ff405b calc(144.000deg + 0.1deg), #ff405b 180.000deg, #ff3a5e calc(180.000deg + 0.1deg), #ff3a5e 216.000deg, #fb3662 calc(216.000deg + 0.1deg), #fb3662 252.000deg, #dc3365 calc(252.000deg + 0.1deg), #dc3365 288.000deg, #bc3369 calc(288.000deg + 0.1deg), #bc3369 324.000deg, #9d356c calc(324.000deg + 0.1deg) 360.000deg); padding: 25px 30px; display: flex; flex-direction: column; justify-content: center; border-radius: 0px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .brand-banner-title { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 6px; letter-spacing: 0.5px; text-transform: uppercase; } .brand-banner-desc { font-size: 1.3rem; font-weight: 800; color: #fff; line-height: 1.3; } .brand-mobile-overlay-banner { display: none; } @media (max-width: 1024px) { .brand-intro-grid { grid-template-columns: 1fr 1fr; } .brand-pc-banner { grid-column: span 2; } } @media (max-width: 650px) { .brand-intro-grid { grid-template-columns: 1fr; gap: 15px; } .brand-pc-banner { display: none !important; } .brand-intro-title { font-size: 1.6rem; } .brand-card-img { height: 200px; } .brand-card-second-img { height: 200px !important; } .brand-mobile-overlay-banner { display: flex; flex-direction: column; justify-content: center; position: absolute; inset: 0; background: rgba(18, 21, 29, 0.68); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 25px; text-align: center; z-index: 3; } .brand-mobile-overlay-banner .brand-banner-title { font-size: 0.95rem; color: #ffffff !important; margin-bottom: 8px; } .brand-mobile-overlay-banner .brand-banner-desc { font-size: 1rem; font-weight: 400; color: #cbd5e1; line-height: 1.4; } } /* === ÖNE ÇIKAN ÖZELLİKLER [Features] ================================ */ .feature-section { padding: 70px 0; background-color: #f8fafc; transition: background-color 0.3s ease; } [data-theme="dark"] .feature-section { background-color: #080B14; } .section-header { text-align: left; margin-bottom: 30px; border: none; padding: 0; display: flex; flex-direction: column; gap: 10px; } .section-header h2 { font-size: 2rem; font-weight: 800; color: #111; letter-spacing: -0.5px; line-height: 1.2; margin: 0; } [data-theme="dark"] .section-header h2 { color: #f8fafc; } .section-header p { font-size: 0.9rem; color: #555; line-height: 1.6; margin: 0; max-width: 900px; font-weight: 400; } [data-theme="dark"] .section-header p { color: #94a3b8; } .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; } .feature-card { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px; padding: 30px 25px; position: relative; overflow: hidden; transition: box-shadow 0.3s ease, border-color 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; } [data-theme="dark"] .feature-card { background: #171d28; border-color: rgba(255, 255, 255, 0.08); } .feature-card:hover { transform: none; box-shadow: 0 16px 35px rgba(0, 0, 0, 0.08); } [data-theme="dark"] .feature-card:hover { box-shadow: 0 16px 35px rgba(0, 0, 0, 0.45); } .card-header-row { display: flex; align-items: center; margin-bottom: 15px; position: relative; width: 100%; left: -40px; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; } .card-icon { color: rgba(213, 133, 133, 0.70); position: relative; left: 0; flex-shrink: 0; margin-right: 12px; display: flex; align-items: center; } @media (min-width: 901px) { .feature-card:hover .card-header-row { transform: translateX(40px); } } .feature-card h3 { font-size: 1.2rem; font-weight: 700; color: #111; margin: 0; line-height: 1.3; display: flex; align-items: center; transition: color 0.2s ease; } [data-theme="dark"] .feature-card h3 { color: #f8fafc; } .feature-card p { font-size: 0.9rem; line-height: 1.6; color: #555; margin-bottom: 18px; } [data-theme="dark"] .feature-card p { color: #94a3b8; } .card-bottom-icon { position: absolute; bottom: 20px; right: 20px; width: 24px; height: 24px; opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease; will-change: opacity, transform; display: flex; align-items: center; justify-content: center; } .card-bottom-icon svg { width: 100%; height: 100%; } .feature-card:hover .card-bottom-icon { opacity: 1; transform: translateY(0); } .highlight-h3 { color: #D58585; font-size: 1.2rem; font-weight: 700; } .highlight-text { color: #D58585; } @media (max-width: 900px) { .feature-grid { grid-template-columns: 1fr; } .card-header-row { left: 0; } .feature-card:hover .card-header-row { transform: none; } .card-bottom-icon { opacity: 1; transform: translateY(0); } .section-header h2 { font-size: 1.6rem; } } /* === MARKALAR VE LİSTE KARTLARI [Brand Directory] ==================== */ @keyframes brandPulse { 0% { box-shadow: 0 0 0 0 rgba(147, 185, 143, 0.7); } 70% { box-shadow: 0 0 0 6px rgba(147, 185, 143, 0); } 100% { box-shadow: 0 0 0 0 rgba(147, 185, 143, 0); } } @keyframes brandPulseWhite { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); } 70% { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .brands-section { width: 100%; padding: 70px 0; background-color: #FFF; transition: background-color 0.3s ease; } [data-theme="dark"] .brands-section { background-color: #12161f; } .brands-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 280px 1fr; gap: 40px; width: 100%; box-sizing: border-box; } .brands-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.08); padding-right: 20px; position: relative; z-index: 10; } [data-theme="dark"] .brands-sidebar { border-right-color: rgba(255, 255, 255, 0.08); } .brand-list-group { background: #fffcfc; background: linear-gradient(90deg, rgba(255, 252, 252, 1) 0%, rgba(250, 250, 250, 1) 50%, rgba(252, 252, 252, 1) 100%); list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; border: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 0px; } [data-theme="dark"] .brand-list-group { background: #171d28; background: linear-gradient(90deg, rgba(23, 29, 40, 1) 0%, rgba(18, 22, 31, 1) 50%, rgba(21, 26, 36, 1) 100%); border-color: rgba(255, 255, 255, 0.08); } .brand-list-title { display: flex; justify-content: space-between; align-items: center; background-color: #BAD2B7; padding: 10px 12px; font-weight: 700; font-size: 0.85rem !important; border: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 0px; cursor: pointer; color: #111; letter-spacing: 0.3px; } [data-theme="dark"] .brand-list-title { background: #3b493a; color: #f8fafc; border-color: rgba(255, 255, 255, 0.08); } .chevron-icon { transition: transform 0.3s ease; } .brand-list-title.active .chevron-icon { transform: rotate(180deg); } .brand-list-group li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } [data-theme="dark"] .brand-list-group li { border-bottom-color: rgba(255, 255, 255, 0.08); } .brand-item { display: block; padding: 8px 10px 0px 10px; color: #111; text-decoration: none; font-weight: 600; font-size: 0.9rem !important; transition: all 0.2s ease; } [data-theme="dark"] .brand-item { color: #f8fafc; } .brand-item:hover, .brand-item.active { color: #F87C63; } .brand-tag-text { display: block; padding: 0 10px 8px 10px; font-size: 0.8rem !important; color: #555; opacity: 0.8; } [data-theme="dark"] .brand-tag-text { color: #94a3b8; } .brand-area-title { display: flex; height: 12px; margin-bottom: 20px; justify-content: space-between; align-items: baseline; background: linear-gradient(45deg, #a5c8e4 0.000%, #a5c8e4 7.692%, #e4ad47 calc(7.692% + 1px), #e4ad47 15.385%, #e590dc calc(15.385% + 1px), #e590dc 23.077%, #a67451 calc(23.077% + 1px), #a67451 30.769%, #655cd0 calc(30.769% + 1px), #655cd0 38.462%, #604b5e calc(38.462% + 1px), #604b5e 46.154%, #9c44c2 calc(46.154% + 1px), #9c44c2 53.846%, #df466d calc(53.846% + 1px), #df466d 61.538%, #e852b2 calc(61.538% + 1px), #e852b2 69.231%, #af667e calc(69.231% + 1px), #af667e 76.923%, #6a80a1 calc(76.923% + 1px), #6a80a1 84.615%, #5d9d90 calc(84.615% + 1px), #5d9d90 92.308%, #93b98f calc(92.308% + 1px) 100.000%); gap: 15px; scroll-margin-top: 100px; } .catalog-slide-wrapper { display: flex; flex-direction: column; gap: 32px; margin: 36px 0 24px 0; } .catalog-main-card { position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px !important; padding: 30px 24px 20px 24px; cursor: pointer; transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden !important; box-shadow: 0 2px 8px rgba(0,0,0,0.02); z-index: 2; } [data-theme="dark"] .catalog-main-card { background: #171d28; border-color: rgba(255,255,255,0.08); } .card-accent-line { position: absolute; left: -1px; top: -1px; bottom: -1px; width: 2px; background: rgba(0, 0, 0, 0.08); transition: background 0.3s ease, width 0.3s ease; z-index: 3; } [data-theme="dark"] .card-accent-line { background: #93b98f; } .card-badge-tab { position: absolute; top: 0px; left: 0px; display: inline-flex; align-items: center; gap: 6px; background: #f1f5f9; border: 1px solid rgba(0, 0, 0, 0.08); border-top: none; padding: 3px 14px 3px 14px; border-radius: 0px !important; margin-bottom: 20px; z-index: 4; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); } [data-theme="dark"] .card-badge-tab { background: #1a202c; border-color: rgba(255,255,255,0.12); } .badge-dot { width: 6px; height: 6px; border-radius: 50% !important; background-color: #93b98f; flex-shrink: 0; animation: brandPulse 2s infinite; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .card-badge { font-size: 0.75rem !important; font-weight: 600; color: #555; text-transform: uppercase; letter-spacing: 0.6px; transition: color 0.3s ease; } [data-theme="dark"] .card-badge { color: #94a3b8; } .solution-watermark-icon { position: absolute; top: -35px; right: -35px; color: rgba(0, 0, 0, 0.035); z-index: 1; pointer-events: none; transform: rotate(0deg); transition: color 0.4s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } [data-theme="dark"] .solution-watermark-icon { color: rgba(255, 255, 255, 0.025); } .catalog-main-card:hover { border-color: #93b98f; box-shadow: 0 8px 26px rgba(0,0,0,0.06); } .catalog-main-card:hover .card-accent-line, .catalog-main-card.active .card-accent-line { background: #93b98f; width: 2px; } .catalog-main-card:hover .card-badge-tab, .catalog-main-card.active .card-badge-tab { background: #93b98f; border-color: #93b98f; } .catalog-main-card:hover .card-badge, .catalog-main-card.active .card-badge { color: #ffffff; } .catalog-main-card:hover .badge-dot, .catalog-main-card.active .badge-dot { background-color: #ffffff; animation: brandPulseWhite 2s infinite; } .catalog-main-card:hover .solution-watermark-icon, .catalog-main-card.active .solution-watermark-icon { color: rgba(147, 185, 143, 0.2); transform: rotate(-12deg) scale(1.08); } .card-main-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; z-index: 3; margin-top: 10px; } .card-header-left { flex: 1; } .catalog-card-title { font-size: 1.2rem; font-weight: 800; color: #111; margin: 0 0 6px 0; line-height: 1.35; transition: color 0.2s ease; letter-spacing: -0.3px; } [data-theme="dark"] .catalog-card-title { color: #f8fafc; } .catalog-main-card:hover .catalog-card-title, .catalog-main-card.active .catalog-card-title { color: #F87C63; } .catalog-card-desc { font-size: 0.9rem; color: #555; line-height: 1.6; margin: 0; font-weight: 400; max-width: 82%; } [data-theme="dark"] .catalog-card-desc { color: #94a3b8; } .card-toggle-icon-wrap { flex-shrink: 0; padding-top: 2px; } .card-toggle-icon { width: 36px; height: 36px; border-radius: 50% !important; background: #f8fafc; border: 1px solid rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; color: #555; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } [data-theme="dark"] .card-toggle-icon { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); color: #94a3b8; } .catalog-main-card.active .card-toggle-icon { transform: rotate(180deg); background: #F87C63; border-color: #F87C63; color: #ffffff; box-shadow: 0 4px 12px rgba(248, 124, 99, 0.35); } .card-sub-expandable { position: relative; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, margin-top 0.3s ease; z-index: 3; } .catalog-main-card.active .card-sub-expandable { max-height: 800px; opacity: 1; margin-top: 20px; padding-top: 18px; border-top: 1px dashed rgba(0, 0, 0, 0.08); } [data-theme="dark"] .catalog-main-card.active .card-sub-expandable { border-top-color: rgba(255,255,255,0.1); } .sub-items-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; } .sub-items-list li { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; background: #f8fafc; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0px !important; transition: border-color 0.2s ease, background 0.2s ease; } [data-theme="dark"] .sub-items-list li { background: rgba(255,255,255,0.02); border-color: rgba(255,255,255,0.06); } .sub-items-list li:hover { border-color: #93b98f; background: #fff; } [data-theme="dark"] .sub-items-list li:hover { background: rgba(255,255,255,0.04); } .item-header-row { display: flex; align-items: center; gap: 8px; } .item-bullet { width: 6px; height: 6px; border-radius: 50% !important; background-color: #93b98f; flex-shrink: 0; animation: brandPulse 2.5s infinite; } .item-name { font-size: 0.9rem; font-weight: 700; color: #111; } [data-theme="dark"] .item-name { color: #f8fafc; } .item-desc { font-size: 0.82rem; color: #555; line-height: 1.5; padding-left: 14px; } [data-theme="dark"] .item-desc { color: #94a3b8; } .catalog-actions-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fdf8f7; border: 1px solid rgba(248, 124, 99, 0.25); border-radius: 0px !important; padding: 20px 24px; flex-wrap: wrap; } [data-theme="dark"] .catalog-actions-bar { background: rgba(248, 124, 99, 0.05); border-color: rgba(248, 124, 99, 0.2); } .action-info strong { display: block; font-size: 0.9rem; color: #111; margin-bottom: 2px; font-weight: 700; } [data-theme="dark"] .action-info strong { color: #f8fafc; } .action-info span { font-size: 0.8rem; color: #555; } [data-theme="dark"] .action-info span { color: #94a3b8; } .action-buttons { display: flex; gap: 10px; } .btn-download { display: inline-flex; align-items: center; gap: 6px; background-image: linear-gradient(to right, #D66D75 0%, #E29587 51%, #D66D75 100%); background-size: 200% auto; color: #ffffff !important; padding: 9px 16px; border-radius: 0px !important; font-weight: 600; font-size: 0.85rem; text-decoration: none !important; transition: all 0.5s ease; outline: none; border: none; } .btn-download:hover { background-position: right center; color: #ffffff !important; text-decoration: none; } .btn-contact { display: inline-flex; align-items: center; gap: 6px; background-image: linear-gradient(to right, #2c3e50 0%, #3498db 51%, #2c3e50 100%); background-size: 200% auto; color: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.08); padding: 9px 16px; border-radius: 0px !important; font-weight: 600; font-size: 0.85rem; text-decoration: none !important; transition: all 0.5s ease; outline: none; } .btn-contact:hover { background-position: right center; border-color: transparent; color: #ffffff !important; text-decoration: none; } @media(max-width: 768px) { .brands-section { padding: 35px 0; } .brands-container { grid-template-columns: 1fr; gap: 20px; } .brands-sidebar { border-right: none; padding-right: 0; z-index: 100; } .brand-list-group { display: none; } .brand-list-group.open, .brand-list-title.active + .brand-list-group { display: flex !important; } .brand-list-title { border: 1px solid rgba(0, 0, 0, 0.08); } .brand-list-title.active .chevron-icon { transform: rotate(180deg); } .brands-display-area { min-height: auto; } .catalog-main-card { padding: 18px 16px 18px 20px; } .card-badge-tab { font-size: 0.65rem; padding: 3px 10px; } .card-main-header { gap: 12px; } .catalog-card-title { font-size: 1.1rem; } .catalog-card-desc { font-size: 0.85rem; } .card-toggle-icon { width: 30px; height: 30px; } .sub-items-list { grid-template-columns: 1fr; } } @media (max-width: 992px) { .brand-area-title { flex-direction: column; align-items: flex-start; gap: 4px; } } /* === MARKA VİTRİNİ SLİDER [Brand Slider] ========================== */ .intro-slider-block { position: relative; width: 100%; min-height: 400px; padding: 0; margin: 30px 0; background: transparent !important; overflow: hidden; isolation: isolate; box-sizing: border-box; } .intro-slider-container { position: relative; width: 100%; height: 400px; margin: 0 auto; padding: 0; overflow: hidden; background: transparent !important; border: none !important; border-radius: 0px; box-shadow: none !important; box-sizing: border-box; } .intro-slider-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } .dama-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(5, 1fr); z-index: 10; pointer-events: none; } .dama-tile { background: #1e293b; opacity: 0; transform: scale(1); transition: opacity 0.35s ease, transform 0.35s ease; } .dama-overlay.active-transition .dama-tile { opacity: 1; transform: scale(1); } .intro-slide-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; opacity: 0; visibility: hidden; z-index: 1; } .intro-slide-item.active { opacity: 1 !important; visibility: visible !important; z-index: 2; } .intro-slide-item:nth-child(odd) .intro-content { order: 2; margin-left: 0; margin-right: auto; } .intro-slide-item:nth-child(odd) .intro-media { order: 1; } .intro-slide-item:nth-child(even) .intro-content { order: 1; margin-left: auto; margin-right: 0; } .intro-slide-item:nth-child(even) .intro-media { order: 2; } .intro-content { padding: 40px 50px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; max-width: 580px; z-index: 3; } .intro-content h2 { font-size: 1.5rem; font-weight: 800; margin-bottom: 12px; color: #111 !important; line-height: 1.25; letter-spacing: -0.3px; word-wrap: break-word; text-shadow: none !important; } .intro-content p { font-size: 0.9rem; line-height: 1.6; color: #555 !important; margin: 0; word-wrap: break-word; text-shadow: none !important; } .intro-media { position: relative; width: 100%; height: 100%; max-height: 400px; overflow: hidden; background: transparent !important; display: flex; align-items: center; justify-content: center; z-index: 4; } .intro-media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.12); pointer-events: none; z-index: 2; } .intro-media img { width: 100%; height: 100%; max-height: 400px; object-fit: cover; object-position: center center; display: block; margin: 0; padding: 0; filter: contrast(1.02) brightness(0.98); transform: scale(1); transition: transform 0.8s ease; z-index: 1; } .intro-slide-item.active .intro-media img { transform: scale(1.04); } .intro-badge { position: absolute !important; top: 20px !important; left: 20px !important; z-index: 50 !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(30, 32, 45, 0.90) !important; padding: 10px 8px !important; border-radius: 3px !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important; pointer-events: none; line-height: 1 !important; } .intro-badge span { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: normal !important; color: #ffffff !important; line-height: 1 !important; display: inline-block !important; } .intro-badge svg { width: 11px !important; height: 11px !important; stroke: #ffffff !important; fill: none !important; flex-shrink: 0 !important; } .slide-theme-0 { background: conic-gradient(from 315deg, oklch(92.00% 0.020 30.00) 0.000% 16.667%, oklch(89.00% 0.025 25.00) 16.667% 33.333%, oklch(86.00% 0.030 20.00) 33.333% 50.000%, oklch(83.00% 0.035 15.00) 50.000% 66.667%, oklch(80.00% 0.030 10.00) 66.667% 83.333%, oklch(78.00% 0.025 5.00) 83.333% 100.000%); } .slide-theme-1 { background: conic-gradient(from 315deg, oklch(92.00% 0.020 75.00) 0.000% 16.667%, oklch(89.00% 0.025 70.00) 16.667% 33.333%, oklch(86.00% 0.030 65.00) 33.333% 50.000%, oklch(83.00% 0.035 60.00) 50.000% 66.667%, oklch(80.00% 0.030 55.00) 66.667% 83.333%, oklch(78.00% 0.025 50.00) 83.333% 100.000%); } .slide-theme-2 { background: conic-gradient(from 315deg, oklch(91.00% 0.020 150.00) 0.000% 16.667%, oklch(88.00% 0.025 145.00) 16.667% 33.333%, oklch(85.00% 0.030 140.00) 33.333% 50.000%, oklch(82.00% 0.035 135.00) 50.000% 66.667%, oklch(79.00% 0.030 130.00) 66.667% 83.333%, oklch(77.00% 0.025 125.00) 83.333% 100.000%); } .slide-theme-3 { background: conic-gradient(from 315deg, oklch(91.00% 0.020 230.00) 0.000% 16.667%, oklch(88.00% 0.025 225.00) 16.667% 33.333%, oklch(85.00% 0.030 220.00) 33.333% 50.000%, oklch(82.00% 0.035 215.00) 50.000% 66.667%, oklch(79.00% 0.030 210.00) 66.667% 83.333%, oklch(77.00% 0.025 205.00) 83.333% 100.000%); } .slide-theme-4 { background: conic-gradient(from 315deg, oklch(91.00% 0.020 330.00) 0.000% 16.667%, oklch(88.00% 0.025 325.00) 16.667% 33.333%, oklch(85.00% 0.030 320.00) 33.333% 50.000%, oklch(82.00% 0.035 315.00) 50.000% 66.667%, oklch(79.00% 0.030 310.00) 66.667% 83.333%, oklch(77.00% 0.025 205.00) 83.333% 100.000%); } @media (max-width: 768px) { .intro-slider-block { margin: 15px 0; } .intro-slider-container { height: auto !important; min-height: auto !important; } .dama-overlay { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; grid-template-rows: repeat(8, 1fr) !important; } .intro-slide-item { position: relative !important; height: auto !important; grid-template-columns: 1fr; opacity: 0; visibility: hidden; display: none; } .intro-slide-item.active { display: grid !important; opacity: 1 !important; visibility: visible !important; } .intro-content { max-width: 100% !important; margin: 0 !important; } .intro-content h2 { font-size: 1.3rem; } .intro-badge { top: 10px !important; left: 10px !important; padding: 2px 6px !important; }  .intro-badge span { font-size: 9px !important; } .intro-slide-item:nth-child(even) .intro-content, .intro-slide-item:nth-child(odd) .intro-content { order: 1; padding: 25px 20px !important; } .intro-slide-item:nth-child(even) .intro-media, .intro-slide-item:nth-child(odd) .intro-media { order: 2; } .intro-media { height: 230px !important; max-height: 230px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .intro-media img { height: 100% !important; width: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: center center !important; transform: scale(1) !important; } }