/*
Theme Name: Multimedia Ajans
Theme URI: https://multiyazilim.com
Author: Multi Yazılım
Author URI: https://multiyazilim.com
Version: MultiSite
*/


html {cursor: none; overflow-x:hidden; scroll-behavior: smooth; }
body {cursor: none; margin:0; padding:0; background:linear-gradient(91deg, #101010 0.96%, #000 99.04%); font-family: 'Exo 2', sans-serif;overflow:hidden !important;}
h1, h2, h3, h4, h5, ul, ol, img, a, p { cursor: none;margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a {cursor: none; transition: all .2s linear; }
img {image-rendering: -webkit-optimize-contrast !important;}

.cursor, .follower {position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);will-change: transform;}
.cursor {width: 0.6vw;height: 0.6vw;background: white;border-radius: 50%;}
.follower {width: 2vw;height: 2vw;border: 0.1vw solid rgba(255, 255, 255, 0.7);border-radius: 50%;backdrop-filter: blur(0.2vw);transition: transform 0.15s ease-out;filter: blur(1px);}

header {display: flex;justify-content: center;align-items: center;position: absolute;top: 0; /* Header başlangıçta görünmez */left: 0;width: 100%;z-index: 100;gap: 30vw;height: 5vw;background-color: transparent;transition: top 2s ease-in-out, background-color 0.5s ease-in-out;padding: 1vw;}
header.scrolled {transition: top 2s ease-in-out, background-color 0.5s ease-in-out, position 1s ease all;position: fixed;top: 0;background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(0.5vw);}
.logo {font-size: 2vw;font-weight: bold;color: #333;width: 10vw;}
.logo img {width: 3.5vw;}
.theme-toggle, .instagram-icon, .menu-toggle {font-size: 1.5vw;color: #ffffff;cursor: pointer;transition: color 0.3s ease;}
.theme-toggle img {width: 2vw;}
.theme-toggle {font-size: 1.5vw;color: #ffffff;cursor: pointer;transition: color 0.3s ease;width: 10vw;display: flex;align-items: center;justify-content: center;}
.right-icons {display: flex;align-items: center;gap: 1.5vw;width: 10vw;justify-content: flex-end;}
.instagram-icon { text-decoration: none; }
.fullscreen-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); display: flex; justify-content: center; align-items: center; transform: translateY(-100%); transition: transform 0.5s ease; z-index: 99; }
.fullscreen-menu.active { transform: translateY(0); }
.fullscreen-menu nav ul { list-style: none; text-align: center; }
.fullscreen-menu nav ul li { margin: 2vw 0; }
.fullscreen-menu nav ul li a {color: #ffffff;text-decoration: none;font-size: 1.6vw;transition: color 0.3s ease;}
.fullscreen-menu nav ul li a:hover { color: #e20a17; }
.theme-toggle:hover, .instagram-icon:hover, .menu-toggle:hover { color: #e20a17; }
@keyframes menuFade { from { opacity: 0; transform: translateY(-2vw); } to { opacity: 1; transform: translateY(0); } }
.fullscreen-menu.active nav ul li { animation: menuFade 0.5s ease forwards; opacity: 0; }
.fullscreen-menu.active nav ul li:nth-child(1) { animation-delay: 0.1s; }
.fullscreen-menu.active nav ul li:nth-child(2) { animation-delay: 0.2s; }
.fullscreen-menu.active nav ul li:nth-child(3) { animation-delay: 0.3s; }
.fullscreen-menu.active nav ul li:nth-child(4) { animation-delay: 0.4s; } 
.fullscreen-menu.active nav ul li:nth-child(5) { animation-delay: 0.5s; } 
.fullscreen-menu.active nav ul li:nth-child(6) { animation-delay: 0.6s; } 
.fullscreen-menu .sub-menu {display: none;position: relative;list-style: none;margin-top: 1vw;transition: 0.3s ease;padding: 0;}
.fullscreen-menu .menu-item-has-children:hover .sub-menu {display: block;}
.fullscreen-menu .sub-menu li {margin: 1.5vw 0;animation: none !important;opacity: 1 !important;}
.fullscreen-menu .sub-menu li a {font-size: 0.9vw;}
.menu-item-has-children > a::after {content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 0.8em;margin-left: 0.5vw;display: inline-block;}
@keyframes menuFade {from { opacity: 0; transform: translateY(-2vw); }to { opacity: 1; transform: translateY(0); }}
@keyframes menuFade2 {from { opacity: 0; transform: translateY(2vw); }to { opacity: 1; transform: translateY(0); }}
.fullscreen-menu.active nav > ul > li {animation: menuFade 0.5s ease forwards;opacity: 0;}
ul.sub-menu {width: 30vw;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);padding: 0.5vw 2vw !important;border-radius: 1vw;}
.fullscreen-menu.active nav > ul > li:nth-child(1) { animation-delay: 0.1s; }
.fullscreen-menu.active nav > ul > li:nth-child(2) { animation-delay: 0.2s; }
.fullscreen-menu.active nav > ul > li:nth-child(3) { animation-delay: 0.3s; }
.fullscreen-menu.active nav > ul > li:nth-child(4) { animation-delay: 0.4s; } 
.fullscreen-menu.active nav > ul > li:nth-child(5) { animation-delay: 0.5s; } 
.fullscreen-menu.active nav > ul > li:nth-child(6) { animation-delay: 0.6s; }
.menu-item-has-children.dropdown-open .sub-menu {display: block;animation: menuFade 0.3s ease;}
.menu-item-has-children .sub-menu {display: block;animation: menuFade2 0.3s ease;}
.menu-item-has-children.dropdown-open > a::after {content: '\f077';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 0.8em;margin-left: 0.5vw;display: inline-block;}
        
.bg-element { position: absolute; border-radius: 50%; filter: blur(3vw); z-index: 0; }
.bg-element-1 {position: fixed;top: 10vw;left: 5vw;width: 30vw;height: 30vw;background-color: rgba(59, 130, 246, 0.05);z-index: -1;}
.bg-element-2 {position: fixed; bottom: 10vw; right: 5vw; width: 40vw; height: 40vw; background-color: rgba(17, 19, 24, 0.05);z-index: -1; }
.floating-element { position: absolute; border-radius: 50%; z-index: 1; }
.floating-element-1 {top: 25%; left: 25%; width: 0.8vw; height: 0.8vw; background-color: rgba(59, 130, 246, 0.3); animation: float1 4s infinite ease-in-out; }
.floating-element-2 {bottom: 33%; right: 25%; width: 1.2vw; height: 1.2vw; background-color: rgba(17, 19, 24, 0.3); animation: float2 5s infinite ease-in-out 1s; }
.mouse-gradient { position: fixed; pointer-events: none; width: 50vw; height: 50vw; border-radius: 50%; background: radial-gradient(circle, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.05), transparent 70%); transform: translate(-50%, -50%); z-index: 0; opacity: 0; transition: opacity 0.3s ease-out; }
.glow-container {position: absolute;inset: 0;overflow: hidden;pointer-events: none;display: none;}
.glow { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.glow-primary { position: fixed;width: 60%; height: 25vw; background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.5) 10%, rgba(59, 130, 246, 0) 60%); transform: translate(-50%, -50%) scale(2.5); }
.glow-secondary { position: fixed;width: 40%; height: 12vw; background: radial-gradient(ellipse at center, rgba(147, 51, 234, 0.3) 10%, rgba(147, 51, 234, 0) 60%); transform: translate(-50%, -50%) scale(2); }

.anasayfa-alan-1 {height: 100%;}

.anasayfa-alan-2 {height: 70vw;z-index: 4;position: relative;}
.anasayfa-alan-2 .alan2-gecis {background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);width:105%;height:5vw;position:absolute;margin-top:-2vw;filter:blur(1vw);z-index:9;margin-left:-3vw;}
.anasayfa-alan-2 .animated-gradient {position: absolute;top: 21vw;left: 35%;width: 34vw;height: 43vw;background: linear-gradient(132deg,rgba(207,0,0,1)0%,rgba(196,64,8,1)100%);filter: blur(5vw);animation: gradientRotate 20s linear infinite;pointer-events: none;border-radius: 50%;opacity: 0.3;transform-origin: center;z-index: -1;}
@keyframes gradientRotate {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.anasayfa-alan-2 .slider-container {position: relative;width: 100vw;height: 55vh;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.anasayfa-alan-2 .slider-wrapper { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.anasayfa-alan-2 .slider-item { border-radius:2vw;position: absolute; display: flex; align-items: center; justify-content: center; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.anasayfa-alan-2 .slider-item.active { z-index: 5; transform: scale(1); opacity: 1;border-radius:2vw; }
.anasayfa-alan-2 .slider-item.prev, .slider-item.next { z-index: 4; opacity: 0.7; }
.anasayfa-alan-2 .slider-item.prev { transform: translateX(-20vw) scale(0.8);filter: blur(0.5vw); }
.anasayfa-alan-2 .slider-item.next {transform: translateX(20vw) scale(0.8);filter: blur(0.5vw);}
.anasayfa-alan-2 .slider-item.far { z-index: 3; opacity: 0.4; transform: scale(0.6); }
.anasayfa-alan-2 .slider-item.far-prev {transform: translateX(-70vw) scale(0.6);opacity: 0;filter: blur(0.5vw);}
.anasayfa-alan-2 .slider-item.far-next {transform: translateX(70vw) scale(0.6);opacity: 0;filter: blur(0.5vw);}
.anasayfa-alan-2 .slider-content {position: relative;border-radius: 1vw;overflow: hidden;box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.25);}
.anasayfa-alan-2 .slider-item.active .slider-content {width: 58vw;height: 30vw;}
.anasayfa-alan-2 .slider-item:not(.active) .slider-content {width: 55vw;height: 28.5vw;}
.anasayfa-alan-2 .slider-item img, .slider-item video { width: 100%; height: 100%; object-fit: cover; }
.anasayfa-alan-2 .slider-item:not(.active) .overlay { position: absolute; inset: 0;  }
.anasayfa-alan-2 .nav-button {position: absolute;bottom: 1vw;font-family:'Exo 2';letter-spacing: 0.3vw;backdrop-filter: blur(0.5vw);border: none;border-radius: 0.5vw;color: white;font-weight: 500;font-size: 1.2vw;cursor: pointer;background: none;transition: background-color 0.3s, transform 0.3s;}
.anasayfa-alan-2 .nav-button:hover { transform: scale(1.05); }
.anasayfa-alan-2 .nav-button:active { transform: scale(0.95); }
.anasayfa-alan-2 .nav-prev { left: 13vw; }
.anasayfa-alan-2 .nav-next {right: 13vw;}
.anasayfa-alan-2 .alan2-ust {display: flex;flex-direction: column;align-items: center;height: 25vw;justify-content: center;gap: 2vw;}
.anasayfa-alan-2 .alan2-ust h3 {color: #FFF;text-align: center;font-family: "Exo 2";font-size: 2.2vw;font-style: normal;font-weight: 500;line-height: normal;}
.anasayfa-alan-2 .alan2-ust h3 span {color: #FFF;font-family: "Exo 2";font-size: 2.2vw;font-style: normal;font-weight: 700;line-height: normal;}
.anasayfa-alan-2 .alan2-ust p {color: #FFF;text-align: center;font-family: "Exo 2";font-size: 1.1vw;font-style: normal;font-weight: 400;line-height: normal;}
.anasayfa-alan-2 .alan2-ust a {color: #FFF;text-align: center;font-family: "Exo 2";font-size: 1vw;font-style: normal;font-weight: 400;line-height: normal;}
.anasayfa-alan-2 .youtube-embed-container {height: 100%;}
.anasayfa-alan-2 .youtube-embed-container iframe {width: 100%;height: 100%;}

.anasayfa-alan-3 {height: 55vw;clip-path: polygon(0 17%, 100% 17%, 100% 82%, 0 82%);margin-top: -11vw;position: relative;z-index: 3;}

.anasayfa-alan-4 { height: auto; display: flex; align-items: center; justify-content: center; margin: 0 0 6vw 0; } 
.anasayfa-alan-4 .container {width: 90vw;max-width: 80vw;padding: 2vw;display: flex;flex-direction: column;align-items: center;}
.anasayfa-alan-4 .infinite-scrolling-images { position: relative; height: 40vw; width: 100%; overflow: hidden; background-color: #000; display: flex; mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent); } 
.anasayfa-alan-4 .column { flex: 1; position: relative; overflow: hidden; } 
.anasayfa-alan-4 .center-column { margin: 0 1vw; } 
.anasayfa-alan-4 .scroller { display: flex; flex-direction: column; gap: 1vw; height: max-content; } 
.anasayfa-alan-4 .scroller img { width: 100%; height: 13vw; object-fit: cover; border-radius: 0.5vw; flex-shrink: 0; } 
.anasayfa-alan-4 .left-column .scroller.animate { animation: scroll-up var(--animation-duration, 40s) linear infinite; } 
.anasayfa-alan-4 .center-column .scroller.animate { animation: scroll-down var(--animation-duration, 40s) linear infinite; } 
.anasayfa-alan-4 .right-column .scroller.animate { animation: scroll-up var(--animation-duration, 40s) linear infinite; } 
@keyframes scroll-up { from { transform: translateY(0); } to { transform: translateY(-50%); } } 
@keyframes scroll-down { from { transform: translateY(-50%); } to { transform: translateY(0); } }
.anasayfa-alan-4 .scroller img:nth-child(2n) { height: 20vw; }
.anasayfa-alan-4  a.all-projects {transition:all 0.2s ease;color: #fff;font-size: 0.7vw;background: #ffffff47;padding: 0.5vw 1vw;border-radius: 3vw;border-bottom: 0.1vw solid #fff;border-right: 0.1vw solid #fff;backdrop-filter: blur(1vw);}
.anasayfa-alan-4  a.all-projects:hover {background:#fff;color:#000;}

.anasayfa-alan-5 {height: auto; margin: 2vw 0;}
.anasayfa-alan-5 main {min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem;}
.anasayfa-alan-5 .container {width: 100%;}
.anasayfa-alan-5 h1 {font-size: 2.5vw; font-weight: 700; text-align: center; margin-bottom: 2vw;}
.anasayfa-alan-5 h2 {font-size: 1.5vw; font-weight: 600; margin-bottom: 1vw;}
.anasayfa-alan-5 .scroller-section {margin-bottom: 3vw;}
.anasayfa-alan-5 .brand-scroller {overflow: visible; position: relative; padding: 0.5vw 0; white-space: nowrap;}
.anasayfa-alan-5 .brand-scroller-track {display: inline-flex; gap: 5vw; animation: marquee 120s linear infinite;}
.anasayfa-alan-5 .brand-scroller-track.reverse {display: inline-flex; gap: 5vw; animation: marquee-reverse 120s linear infinite;}
.anasayfa-alan-5 .brand-item {flex-shrink: 0; display: flex; align-items: center; width: 10vw; gap: 0.75vw; color: #fff;}
.anasayfa-alan-5 .brand-item i {font-size: 1.5vw;}
.anasayfa-alan-5 .brand-item p {font-size: 1.125vw; font-weight: 600; opacity: 0.8;}
.anasayfa-alan-5 .brand-scroller:hover .brand-scroller-track {animation-play-state: paused;}
.anasayfa-alan-5 .brand-item img {width: 10vw;height: 11vw;object-fit: contain;}
@keyframes marquee {0% {transform: translateX(0);} 100% {transform: translateX(-100%);}}
@keyframes marquee-reverse {0% {transform: translateX(-100%);} 100% {transform: translateX(0);}}

.anasayfa-alan-6 .container {width: 50%;height: 50vh;position: relative;overflow: hidden;margin: 0 auto;}
.anasayfa-alan-6 .boxes-container { width: 100%; height: 100%; position: relative; cursor: grab; }
.anasayfa-alan-6 .boxes-container:active { cursor: grabbing; }
.anasayfa-alan-6 .box {position: absolute;border-radius: 2vw;box-shadow: 0 1vw 1vw -0.5vw rgba(0, 0, 0, 0.3), 0 0.5vw 0.7vw -0.2vw rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(0.5vw);user-select: none;cursor: grab;transition: transform 0.2s, box-shadow 0.2s;touch-action: none;}
.anasayfa-alan-6 .box:active {cursor: grabbing;transform: scale(1.05);box-shadow: 0 2vw 5vw -2vw rgba(0, 0, 0, 0.5), 0 0 2vw rgba(255, 255, 255, 0.3);}
.anasayfa-alan-6 .box-content {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.anasayfa-alan-6 .box-text {position: absolute;color: #000000;font-weight: bold;font-size: 1vw;text-align: center;pointer-events: none;white-space: nowrap;}
.anasayfa-alan-6 .box-shadow-top {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);border-radius: 1.5vw;pointer-events: none;}
.anasayfa-alan-6 .box-shadow-inner {position: absolute;inset: 0;background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.1), transparent);border-radius: 1.5vw;pointer-events: none;}
.anasayfa-alan-6 .gradient-1 {background: linear-gradient(to bottom right, #AB0F1A, #E20A17);}
.anasayfa-alan-6 .gradient-2 {background: linear-gradient(to bottom right, #fafafa, #fff);}
.anasayfa-alan-6 .ripple {animation: ripple-animation 1s forwards;}
@keyframes ripple-animation {0% {transform: scale(0);opacity: 1;}100% {transform: scale(3);opacity: 0;}}
.anasayfa-alan-6 .highlight {background-color: rgba(255, 255, 0, 0.5);}

.anasayfa-alan-6 .background-grid { position: absolute; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.anasayfa-alan-6 .grid-square { position: absolute; border: 1px solid rgb(255 255 255 / 1%); transition: all 0.5s ease; pointer-events: none; }
.anasayfa-alan-6 .grid-square.highlight { background: rgb(255 255 255 / 5%); box-shadow: 0 0 15px rgb(255 255 255 / 20%); border-color: rgb(255 255 255 / 7%); }
.anasayfa-alan-6 .grid-square.ripple { animation: rippleEffect 1s ease-out forwards; }
@keyframes rippleEffect { 0% { transform: scale(1); background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); } 100% { transform: scale(1.2); background: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } }
@keyframes shineAnimation { 0% { background-position: 100% 100%; opacity: 0; } 50% { opacity: 1; } 100% { background-position: 0% 0%; opacity: 0; } }
.anasayfa-alan-6 .ripple { animation: ripple-animation 1s forwards; }
@keyframes ripple-animation { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(3); opacity: 0; } } 
#canvas-container { width: 100%; height: 100%; cursor: grab; border-radius: 0.5vw; }
#canvas-container:active { cursor: grabbing; }
.anasayfa-alan-6 .shine-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(45deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 70%); background-size: 200% 200%; pointer-events: none; z-index: 5; opacity: 0; animation: shineAnimation 1.5s ease-in-out; border-radius: inherit; }

.anasayfa-alan-7 {height: auto;display: flex;flex-direction: column;align-items: center;margin: 5vw 0;gap: 7vw;}
.anasayfa-alan-7 .alan7-ust {display: flex;justify-content: center;width: 100%;gap: 30vw;}
.anasayfa-alan-7 .alan7-ust h2 {color: #fff;font-size: 2.4vw;font-weight: 200;font-family: 'Exo 2';}
.anasayfa-alan-7 .alan7-ust span {color: #fff;font-size: 1vw;font-weight: 100;width: 28vw;font-family: 'Exo 2';}
.anasayfa-alan-7 .alan7-alt {width: 88vw;}
.anasayfa-alan-7 .container {width: 100%;}
.anasayfa-alan-7 .video-player {position: relative;background: rgba(17, 17, 17, 0.6);border-radius: 1vw;overflow: hidden;box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2);backdrop-filter: blur(8px);height: 20vw;}
.anasayfa-alan-7 video {width: 100%;display: block;height: 20vw;cursor: pointer;object-fit: cover;}
.anasayfa-alan-7 .youtube-embed-container {height: 100%;}
.anasayfa-alan-7 .youtube-embed-container iframe {width: 100%;height: 100%;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(1vw);}to {opacity: 1;transform: translateY(0);}}

.anasayfa-alan-8 .container {width: 100%;}
.anasayfa-alan-8 .scrolling-text-wrapper {position: relative;width: 100%;overflow: hidden;padding: 4vw 0;}
.anasayfa-alan-8 .mt-8 {margin-top: 2vw;}
.anasayfa-alan-8 .scrolling-text-wrapper::before,.scrolling-text-wrapper::after {content: '';position: absolute;top: 0;bottom: 0;width: 10%;z-index: 10;}
.anasayfa-alan-8 .scrolling-text {display: flex;white-space: nowrap;cursor: pointer;font-weight: bold;font-family: 'Exo 2';letter-spacing: 0.05vw;transition: all 0.3s ease-in-out;-webkit-text-stroke: var(--stroke-width, 2vw) white;color: transparent;font-size: var(--font-size, 6vw);}
.anasayfa-alan-8 .scrolling-text:hover {color: white;}
.anasayfa-alan-8 .scrolling-text-content {animation: scroll var(--scroll-duration, 20s) linear infinite;}
@keyframes scroll {from {transform: translateX(0);}to {transform: translateX(-50%);}}

.kurumsal {margin-bottom: 10vw;}
.kurumsal .hakkimizda-gecis {width: 103%;height: 5vw;position: absolute;margin-top: -3vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
:root { --background: #ffffff; --foreground: #0f1011; --card: #ffffff; --card-foreground: #0f1011; --primary: #3b82f6; --primary-foreground: #f0f9ff; --secondary: #111318; --secondary-foreground: #fafafa; --muted: #f4f4f5; --muted-foreground: #71717a; --border: #e5e7eb; --radius: 0.5vw; }
.kurumsal .container { width: 100%; max-width: 80vw; margin: 0 auto; padding: 0 2vw; position: relative; z-index: 10; }
.kurumsal .page-container { position: relative; min-height: 100vh; overflow: hidden; }
.kurumsal h1,.kurumsal h2.kurumsal h3,.kurumsal h4,.kurumsal h5,.kurumsal h6 {color:#fff;  font-weight: 700; line-height: 1.2; }
.kurumsal h1 {color:#fff;  font-size: 5vw; margin-bottom: 1.5vw; }
.kurumsal h2 {color:#fff; font-size: 3vw; margin-bottom: 1.5vw; }
.kurumsal h3 {color:#fff;  font-size: 1.5vw; margin-bottom: 1vw; }
.kurumsal p {color:#fff;  line-height: 1.6; color: #71717a; }
.kurumsal .section-header { text-align: center; margin-bottom: 4vw; }
.kurumsal .section-header p { max-width: 50vw; margin: 0 auto; font-size: 1.1vw; }
.kurumsal .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.8vw 2vw; border-radius: var(--radius); font-weight: 500; font-size: 1vw; transition: all 0.3s ease; cursor: pointer; border: none; }
.kurumsal .btn i { margin-left: 0.5vw; font-size: 0.8vw; }
.kurumsal .btn-primary {background-color: #ffffff;color: #000000;}
.kurumsal .btn-primary:hover {background-color: #dc0a1600;color: #fff;border: 0.1vw solid #fff;}
.kurumsal .btn-outline {background-color: transparent;border: 1px solid #e5e7eb;color: #ffffff;}
.kurumsal .btn-outline:hover {background-color: #ffffff;color: #000000;}
.kurumsal .hero-section {position: relative;padding: 0vw 0;margin: 10vw 0 10vw 0;}
.kurumsal .hero-content {text-align: center;margin: 4vw;display: flex;flex-direction: column;align-items: center;}
.kurumsal .hero-badge { display: flex; align-items: center; justify-content: center; gap: 0.5vw; margin-bottom: 1.5vw; }
.kurumsal .hero-badge i {color: #ffffff94;font-size: 1vw;}
.kurumsal .hero-badge span {color: #ffffff94;font-weight: 500;font-size: 0.9vw;text-transform: uppercase;letter-spacing: 0.1vw;}
.kurumsal .hero-title {background: linear-gradient(to bottom, #ffffff, rgb(229 229 229 / 90%), #ffffff);-webkit-background-clip: text;background-clip: text;color: transparent;}
.kurumsal .hero-description { max-width: 50vw; margin: 0 auto 2vw; font-size: 1.5vw; color: #71717a; }
.kurumsal .hero-buttons {display: flex;flex-direction: row;align-items: center;gap: 1vw;}
.kurumsal .hero-image { position: relative; max-width: 60vw; margin: 0 auto; }
.kurumsal .mockup { position: relative; z-index: 10; overflow: hidden; border-radius: 0.5vw; box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.1); border: 1px solid rgba(229, 231, 235, 0.05); border-top: 1px solid rgba(229, 231, 235, 0.15); }
.kurumsal .mockup img { width: 100%; height: auto; display: block; }
.kurumsal .accent-element { position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.kurumsal .accent-element-1 { top: -2vw; right: -2vw; width: 4vw; height: 4vw; background-color: rgba(59, 130, 246, 0.2); animation: float-accent1 6s infinite ease-in-out; }
.kurumsal .accent-element-1 i { color: #3b82f6; font-size: 2vw; }
.kurumsal .accent-element-2 { bottom: -1.5vw; left: -1.5vw; width: 3vw; height: 3vw; background-color: rgba(17, 19, 24, 0.2); animation: float-accent2 8s infinite ease-in-out 1s; }
.kurumsal .accent-element-2 i { color: #111318; font-size: 1.5vw; }
.kurumsal .mission-section {padding: 8vw 0;}
.kurumsal .services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2vw;}
.kurumsal .service-item {padding: 1.5vw;border-radius: 0.8vw;background-color: rgb(20 20 20 / 30%);backdrop-filter: blur(0.5vw);border: 1px solid rgba(229, 231, 235, 0.2);transition: all 0.5s ease;opacity: 0;animation: fadeInUp 0.6s forwards;}
a.down {display: flex;width: 100%;align-items: center;justify-content: center;margin-top: -4.5vw;color: #fff;position: relative;z-index: 999;}

.kurumsal .service-icon {width: 3vw;height: 3vw;border-radius: 0.5vw;background-color: rgb(255 255 255 / 10%);display: flex;align-items: center;justify-content: center;margin-bottom: 1vw;color: #ffffff;transition: background-color 0.3s ease;}
.kurumsal .service-item:hover .service-icon {background-color: rgb(226 10 23 / 25%);}
.kurumsal .service-icon i { font-size: 1.5vw; }
.kurumsal .service-item h3 { font-size: 1.2vw; margin-bottom: 0.5vw; transition: color 0.3s ease; }
.kurumsal .service-item:hover h3 {color: #ffffff;}
.kurumsal .service-item p { font-size: 0.9vw; color: #71717a; }
.kurumsal .service-link {margin-top: 1vw;color: #ffffff;font-size: 0.9vw;font-weight: 500;opacity: 0;transition: opacity 0.3s ease;}
.kurumsal .service-link i { font-size: 0.7vw; margin-left: 0.25vw; }
.kurumsal .service-item:hover .service-link { opacity: 1; }
.kurumsal .process-section { padding: 8vw 0; text-align: center; }
.kurumsal .process-section h2 { margin-bottom: 3vw; }
.kurumsal .feature-steps {display: flex;flex-direction: row-reverse;gap: 2vw;align-items: center;}
.kurumsal .feature-steps-list { display: flex; flex-direction: column; gap: 2vw; order: 2; }
.kurumsal .feature-step { display: flex; align-items: center; gap: 2vw; opacity: 0.3; transition: opacity 0.5s ease; }
.kurumsal .feature-step.active { opacity: 1; }
.kurumsal .step-indicator { width: 2.5vw; height: 2.5vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0.1vw solid #71717a; background-color: #f4f4f5; transition: all 0.3s ease; }
.kurumsal .feature-step.active .step-indicator {background-color: #ffffff;border-color: #ffffff;color: #000000;transform: scale(1.1);}
.kurumsal .step-indicator span { font-size: 1vw; font-weight: 600; }
.kurumsal .step-content { flex: 1; text-align: left; }
.kurumsal .step-content h3 {font-size: 1.2vw;color: #ffffff;margin-bottom: 0.5vw;}
.kurumsal .step-content p { font-size: 0.9vw; color: #71717a; }
.kurumsal .feature-image-container {position: relative;height: 30vw;width: 70%;overflow: hidden;border-radius: 0.5vw;order: 1;}
.kurumsal .feature-image { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.kurumsal .feature-image.active { opacity: 1; visibility: visible; }
.kurumsal .feature-image img { width: 100%; height: 100%; object-fit: cover; }
.kurumsal .image-overlay {position: absolute;bottom: 0;left: 0;right: 0;height: 70%;background: linear-gradient(to top, #000000, rgb(0 0 0 / 50%), #00000000);}
.kurumsal .stats-section {padding: 8vw 0;}
.kurumsal .stats-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2vw;}
.kurumsal .stat-counter {background-color: rgb(18 18 18 / 50%);backdrop-filter: blur(0.5vw);padding: 1.5vw;border-radius: 0.8vw;display: flex;flex-direction: column;align-items: center;text-align: center;border: 1px solid rgba(229, 231, 235, 0.2);transition: all 0.3s ease;opacity: 0;transform: translateY(1vw);}
.kurumsal .stat-counter:hover {transform: translateY(-0.5vw) !important;background-color: #000000;}
.kurumsal .stat-icon {width: 3.5vw;height: 3.5vw;border-radius: 50%;background-color: #ffffff1c;display: flex;align-items: center;justify-content: center;margin-bottom: 1vw;color: #ffffff;transition: all 0.3s ease;}
.kurumsal .stat-counter:hover .stat-icon {background-color: rgb(226 10 23 / 25%);}
.kurumsal .stat-icon i { font-size: 1.5vw; }
.kurumsal .stat-value {font-size: 1.8vw;font-weight: 700;color: #ffffff;display: flex;align-items: center;}
.kurumsal .stat-counter p { font-size: 0.9vw; color: #71717a; margin-top: 0.25vw; }
.kurumsal .stat-line {width: 2.5vw;height: 0.13vw;background-color: #ffffff;margin-top: 0.75vw;transition: width 0.3s ease;}
.kurumsal .stat-counter:hover .stat-line { width: 4vw; }
.kurumsal .cta-section { padding: 8vw 0; }
.kurumsal .cta-card {background: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1), rgba(59, 130, 246, 0.1));padding: 3vw;border-radius: 1vw;text-align: center;border: 1px solid rgba(229, 231, 235, 0.2);backdrop-filter: blur(0.5vw);display: flex;flex-direction: column;align-items: center;}
.kurumsal .cta-card h2 { font-size: 2.5vw; margin-bottom: 1.5vw; }
.kurumsal .cta-card p { max-width: 50vw; margin: 0 auto 2vw; font-size: 1.1vw; }
.kurumsal .cta-buttons {display: flex;flex-direction: row;align-items: center;gap: 1vw;}
.kurumsal .about-ara-img {width: 80vw;height: 30vw;object-fit: cover;border-radius: 2vw;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
@keyframes float1 { 0%, 100% { transform: translateY(0); opacity: 0.3; } 50% { transform: translateY(-1vw); opacity: 1; } }
@keyframes float2 { 0%, 100% { transform: translateY(0); opacity: 0.3; } 50% { transform: translateY(1vw); opacity: 1; } }
@keyframes float-accent1 { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-0.5vw) rotate(180deg); } }
@keyframes float-accent2 { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(0.5vw) rotate(-180deg); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(2vw); } to { opacity: 1; transform: translateY(0); } }

.button-group { display: flex; flex-direction: column; gap: 1vw; justify-content: center; }
.button { display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; font-weight: 500; font-size: 1vw; height: 3vw; padding: 0 2vw; cursor: pointer; transition: all 0.3s; }
.button-primary { background-color: var(--primary); color: var(--primary-foreground); border: none; }
.button-primary:hover { background-color: #333; }
.button-outline {background-color: #ffffff00;color: #ffffff;border: 1px solid rgba(24, 24, 27, 0.2);}
.button-outline:hover { background-color: rgba(24, 24, 27, 0.05); }
.kurumsal .button svg { width: 1vw; height: 1vw; margin-right: 0.5vw; }
.button-sm { height: 2.5vw; font-size: 0.8vw; padding: 0 1vw; }
button#right-button {transform: rotate(180deg);}
.card {display: flex;width: 80vw;margin: 0 auto;margin-top: 5vw;}
.card h3 {color: #fff;font-size: 12.5vw;opacity: 0.5;margin-bottom: 1vw;display: flex;font-weight: bold;font-family: 'Exo 2';letter-spacing: 0.05vw;transition: all 0.3s ease-in-out;-webkit-text-stroke: 0.1vw white;color: transparent;}
.card {display: flex;width: 80vw;margin: 0 auto;}
.tetris-container { display: flex; flex-direction: column; align-items: center; gap: 1vw; }
.tetris-header { display: flex; align-items: center; gap: 1vw; }
.badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; font-size: 0.8vw; padding: 0.3vw 0.8vw; }
.badge-secondary {background-color: rgba(24, 24, 27, 0.1);color: #ffffff;}
.badge-outline {background-color: transparent;border: 1px solid rgba(24, 24, 27, 0.2);color: var(--foreground);display: none !important;}
.tetris-board {position: relative;border: 0.15vw solid #2f2f2f;border-radius: 0.5vw;padding: 0.5vw;background-color: rgb(0 0 0 / 80%);backdrop-filter: blur(0.5vw);}
.tetris-row { display: flex; }
.tetris-cell { width: 1.5vw; height: 1.5vw; border: 1px solid rgba(228, 228, 231, 0.2); }
.bg-blue-500 { background-color: #3b82f6; }
.bg-green-500 { background-color: #22c55e; }
.bg-purple-500 { background-color: #a855f7; }
.bg-red-500 { background-color: #ef4444; }
.bg-yellow-500 { background-color: #eab308; }
.bg-pink-500 { background-color: #ec4899; }
.bg-indigo-500 { background-color: #6366f1; }
.bg-background {background-color: rgb(0 0 0 / 50%);}
.tetris-controls { display: flex; gap: 0.5vw; }
.tetris-message { font-size: 0.7vw; color: var(--muted-foreground); text-align: center; max-width: 20vw; }
.game-over {position: relative;inset: 0;background-color: rgb(207 22 22 / 28%);backdrop-filter: blur(0.5vw);border-radius: 0.5vw;display: flex;align-items: center;width: 17.5vw;padding: 1vw 0;border: 0.1vw solid #ffffff61;justify-content: center;}
.game-over-content { text-align: center; }
.game-over h4 { font-size: 1.2vw; font-weight: 600; margin-bottom: 0.5vw; }
.game-over p { font-size: 0.8vw; color: var(--muted-foreground); margin-bottom: 1vw; }
.hidden { display: none; }

.products{display: flex;min-height: 47vw;flex-direction: column;}
.urunler{display: flex;justify-content: center;margin-top: 2vw;flex-wrap: wrap;}
.urunler-baslik{text-align: center;margin-bottom: 1vw;background: #1a1b1f;}
.urunler-baslik h1 {color: #fff;font-size: 2vw;font-weight: 700;}
.urunsayfa-tufek-kutu {width: 20vw;height: 13vw;text-align: center;margin: 0 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.urunsayfa-tufek-kutu:hover{-webkit-transform: scale(1.08);transform: scale(1.08);transition: 0.3s}
.urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 100%;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}

.urun-detay-sayfa {min-height: 47vw;background: #fff;margin-bottom: 5vw;position: relative;z-index: 0;display: flex;flex-direction: column;align-items: center;}
.urun-detay-sayfa #my-back-button {height: 2vw;position: relative;border: none;display: block;border-radius: 0.2vw;font-size: 1vw;background: #e20a16;color: #fff;width: 6vw;z-index: 20;cursor: pointer;transition:0.3s}
.urun-detay-sayfa #my-back-button:hover{background-color:#1a1b1f;transition:0.3s}
.urun-detay-sayfa .urun-sayfa-baslik {margin-bottom: 1vw;font-size: 1.9vw;background: #e9e9e9;color: #000;font-weight: 400;width: 100vw;height: 4vw;display: flex;align-items: center;justify-content: center;}
.urun-detay-sayfa .tufek-foto{text-align: center;}
.urun-detay-sayfa .urun-detay-foto {height: auto;width: 70vw;margin-bottom: 1vw;margin-top: 1vw;}
.urun-detay-sayfa .urun-ozellikler {width: 80vw;margin-top: 3vw;}
.urun-detay-sayfa .urun-ozellikler h4 {font-size: 1vw;background: #e9e9e9;color: #000000;height: 3vw;display: flex;width: 77vw;align-items: center;justify-content: flex-start;font-weight: 500;padding-left: 3vw;margin-bottom: 1.4vw;}

.ozellikler {background: #fff;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.ozellikler li {width: 37vw;display: flex;padding-top: 1vw;padding-bottom: 1vw;padding-left: 3vw;font-size: 0.8vw;font-weight: 500;justify-content: space-between;align-items: center;color: #30241d;}
.ozellikler li:nth-child(4n+1) {background: #fafafa;}
.ozellikler li:nth-child(4n+2) {background: #fafafa;}
.ozellikler li:hover{background-color: #f7f5f4;color:#000;}
.ozellikler li p {font-weight: 400;font-size: 0.8vw;margin-right: 2vw;width: 19vw;}
.ozellikler li p span{display:inline-block;width:50%;font-weight:600;margin-left: 2vw;}

.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}
.image-container {vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;width: 43vw;margin:0 auto;}
.image-container:hover {background-color: rgba(0,0,0,0);}
.image {cursor: crosshair;display: block;height: 6vw !important;}
.zoomLens:hover {background: #fff;}

.galeri {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.galeri .referanslarimiz-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}

.iletisim {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}

.iletisim .iletisim-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
.iletisim h1,.iletisim h2, .iletisim h3,.iletisim h4,.iletisim h5,.iletisim h6 {color:#fff;  font-weight: 700; line-height: 1.2; }
.iletisim h1 {color:#fff;  font-size: 5vw; margin-bottom: 1.5vw; }
.iletisim h2 {color:#fff; font-size: 3vw; margin-bottom: 1.5vw; }
.iletisim h3 {color:#fff;  font-size: 1.5vw; margin-bottom: 1vw; }
.iletisim p {color: #fff;line-height: 1.6;color: #ffffff;font-size: 1.1vw;}
.iletisim .hero-description {max-width: 50vw;margin: 0 auto 2vw;font-size: 1.5vw;color: #71717a;}

.iletisim .iletisim-hero {padding: 10vw 0 0vw;position: relative;}
.iletisim .iletisim-hero .hero-content { text-align: center; max-width: 60vw; margin: 0 auto; }
.iletisim .hero-badge {color: #ffffff94;font-weight: 500;font-size: 0.9vw;text-transform: uppercase;letter-spacing: 0.1vw;}
.iletisim .split-contact-section {padding: 10vw 0;}
.iletisim iframe {filter: grayscale(1);}
.iletisim .container {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.iletisim .split-contact-container {display: flex;flex-direction: row;gap: 4vw;justify-content: space-between;align-items: flex-start;width: 78vw;}
.iletisim .contact-form-side {background-color: #1e1e1e4a;padding: 3vw;border-radius: 1vw;border: 0.1vw solid #ffffff3d;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 40vw;}
.iletisim .contact-info-side {background-color: #1e1e1e4a;border: 0.1vw solid #ffffff3d;padding: 3vw;border-radius: 1vw;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 26.8vw;}
.iletisim .contact-form-side h2 { font-size: 2.2vw; margin-bottom: 1vw; color: #f0f0f0; }
.iletisim .form-intro { font-size: 1vw; color: #a1a1aa; margin-bottom: 2vw; }
.iletisim .form-row { display: flex; gap: 1.5vw; margin-bottom: 1.5vw; }
.iletisim .form-group { flex: 1; display: flex; flex-direction: column; margin-bottom: 1.5vw; }
.iletisim .form-group label { font-size: 0.9vw; margin-bottom: 0.5vw; color: #f0f0f0; font-weight: 500; }
.iletisim .form-group input, .form-group select, .form-group textarea { padding: 1vw 1.2vw; border: 1px solid #2e2e2e; border-radius: 0.4vw; font-size: 0.9vw; background-color: #27272a; color: #f0f0f0; font-family: inherit; transition: all 0.3s ease; }
.iletisim .form-group input::placeholder, .form-group textarea::placeholder { color: #71717a; }
.iletisim .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: #60a5fa; outline: none; box-shadow: 0 0 0 0.2vw rgba(96, 165, 250, 0.2); }
.iletisim .form-group textarea { resize: vertical; min-height: 10vw; }
.iletisim .checkbox-group { flex-direction: row; align-items: center; gap: 0.5vw; margin-bottom: 2vw; }
.iletisim .checkbox-group input { width: 1vw; height: 1vw; margin-right: 0.5vw; }
.iletisim .checkbox-group label { margin-bottom: 0; font-size: 0.8vw; color: #a1a1aa; }
.iletisim .contact-form .btn { width: auto; }
.iletisim .info-card { height: 100%; display: flex; flex-direction: column; }
.iletisim .info-header { margin-bottom: 2.5vw; }
.iletisim .info-header h2 {font-size: 1.7vw;margin-bottom: 1vw;color: #f0f0f0;}
.iletisim .info-header p { font-size: 1vw; color: #a1a1aa; }
.iletisim .info-item { display: flex; align-items: flex-start; margin-bottom: 2vw; }
.iletisim .info-icon {width: 3vw;height: 3vw;background-color: #27272a;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 1vw;color: #ffffff;font-size: 1.2vw;transition: all 0.3s ease;}
.iletisim .info-item:hover .info-icon {background-color: #dfdfdf;color: #121212;transform: scale(1.1);}
.iletisim .info-content { flex: 1; }
.iletisim .info-content h3 {font-size: 1vw;margin-bottom: 0.5vw;color: #f0f0f0;}
.iletisim .info-content p { font-size: 0.9vw; color: #a1a1aa; margin-bottom: 0.25vw; }
.iletisim .social-media { margin-top: auto; }
.iletisim .social-media h3 { font-size: 1.2vw; margin-bottom: 1vw; color: #f0f0f0; }
.iletisim .social-icons { display: flex; gap: 1vw; }
.iletisim .social-icon {width: 2.5vw;height: 2.5vw;border-radius: 50%;background-color: #27272a;display: flex;align-items: center;justify-content: center;color: #ffffff73;font-size: 1vw;transition: all 0.3s ease;}
.iletisim .social-icon:hover {background-color: #ffffff;color: #121212;transform: translateY(-0.3vw);}
.iletisim .map-overlay-section {padding: 0vw 0;}
.iletisim .map-overlay-container {position: relative;height: 24vw;border-radius: 1vw;overflow: hidden;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 78vw;}
.iletisim .map-wrapper { position: absolute; inset: 0; }
.iletisim .map-info-card {position: absolute;top: 1vw;right: 2vw;width: 25vw;background-color: #1e1e1e;padding: 2vw;border-radius: 0.8vw;box-shadow: 0 0.5vw 1.5vw rgba(0, 0, 0, 0.3);}
.iletisim .map-info-card h3 { font-size: 1.5vw; margin-bottom: 1vw; color: #f0f0f0; }
.iletisim .map-info-card p { font-size: 0.9vw; color: #a1a1aa; margin-bottom: 1.5vw; }
.iletisim .map-info-item { display: flex; align-items: center; margin-bottom: 0.8vw; }
.iletisim .map-info-item i {width: 2vw;height: 2vw;background-color: #27272a;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 0.8vw;color: #ffffff;font-size: 0.8vw;}
.iletisim .map-info-item span { font-size: 0.8vw; color: #a1a1aa; }
.iletisim .map-info-card .btn {margin-top: 0.5vw;font-size: 0.9vw;padding: 0.7vw 0vw;color: #fff;display: flex;flex-direction: row;gap: 0.7vw;align-items: center;}
.iletisim .faq-tabs-section {padding: 6vw 0;}
.iletisim .faq-tabs-container { max-width: 60vw; margin: 0 auto; }
.iletisim .faq-tabs { display: flex; gap: 1vw; margin-bottom: 3vw; border-bottom: 1px solid #2e2e2e; padding-bottom: 1vw; }
.iletisim .tab-btn { background: none; border: none; color: #a1a1aa; font-size: 1vw; font-weight: 500; padding: 0.8vw 1.5vw; cursor: pointer; transition: all 0.3s ease; border-radius: 0.4vw; }
.iletisim .tab-btn:hover { color: #f0f0f0; background-color: rgba(39, 39, 42, 0.5); }
.iletisim .tab-btn.active { color: #60a5fa; background-color: rgba(96, 165, 250, 0.1); }
.iletisim .tab-content { display: none; }
.iletisim .tab-content.active { display: block; }
.iletisim .faq-item { background-color: #1e1e1e; border-radius: 0.8vw; margin-bottom: 1.5vw; overflow: hidden; box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2); }
.iletisim .faq-question { display: flex; justify-content: space-between; align-items: center; padding: 1.5vw 2vw; cursor: pointer; }
.iletisim .faq-question h3 { font-size: 1.1vw; margin: 0; color: #f0f0f0; transition: color 0.3s ease; }
.iletisim .faq-icon { display: flex; align-items: center; justify-content: center; width: 2vw; height: 2vw; border-radius: 50%; background-color: #27272a; color: #a1a1aa; font-size: 0.8vw; transition: all 0.3s ease; }
.iletisim .faq-item.active .faq-question h3 { color: #60a5fa; }
.iletisim .faq-item.active .faq-icon { background-color: #60a5fa; color: #121212; transform: rotate(45deg); }
.iletisim .faq-answer { padding: 0 2vw; max-height: 0; overflow: hidden; transition: all 0.5s ease; }
.iletisim .faq-item.active .faq-answer { padding: 0 2vw 1.5vw; max-height: 20vw; }
.iletisim .faq-answer p { font-size: 0.9vw; color: #a1a1aa; margin: 0; }
.iletisim .form-group input.error, .form-group select.error, .form-group textarea.error { border-color: #ef4444; box-shadow: 0 0 0 0.2vw rgba(239, 68, 68, 0.2); }
.iletisim .error-message { color: #ef4444; font-size: 0.8vw; margin-top: 0.5vw; }
.iletisim .form-success { text-align: center; padding: 2vw; }
.iletisim .success-icon { width: 5vw; height: 5vw; background-color: rgba(16, 185, 129, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5vw; color: #10b981; font-size: 2vw; }
.iletisim .form-success h3 { font-size: 1.5vw; margin-bottom: 1vw; color: #f0f0f0; }
.iletisim .form-success p { font-size: 1vw; color: #a1a1aa; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.4); } 70% { box-shadow: 0 0 0 1vw rgba(96, 165, 250, 0); } 100% { box-shadow: 0 0 0 0 rgba(96, 165, 250, 0); } }
.iletisim .pulse { animation: pulse 2s infinite; }
.iletisim-form-kolon {display: flex;flex-direction: column;align-items: flex-start;gap: 1vw;}
.iletisim-kolon {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.iletisim br {display: none !important;}
.iletisim .page-container {margin: 0 0 8vw 0;}

.referanslarimiz {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.referanslarimiz .referanslarimiz-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
.referanslarimiz .referanslar-logo img {width: 14vw;height: 10vw;object-fit: contain;}
.referanslarimiz .referanslar {display: grid;grid-template-columns: repeat(4, 1fr);align-items: center;justify-items: center;grid-gap: 2vw 2vw;width: 85vw;margin: 5vw auto;}
.referanslarimiz .referanslar-item {background: #3131310a;width: 100%;height: 15vw;display: flex;align-items: center;justify-content: center;border: 0.1vw solid #ffffff2e;border-radius: 1vw;transition: all 0.3s ease;}
.referanslarimiz .referanslar-item:hover {border: 0.1vw solid #ffffff73;transform: translateY(-0.5vw) !important;}
.referanslarimiz .referanslar-item {opacity: 0;transform: translateX(100%);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.referanslarimiz .referanslar-item.visible {opacity: 1;transform: translateX(0);}
.referanslarimiz .referanslar-item-left {transform: translateX(-100%);}
.referanslarimiz .referanslar-logo p {color: #fff;text-align: center;font-size: 1vw;}
.referanslarimiz .referanslar-logo {display: flex;flex-direction: column;align-items: center;}

.projelerimiz {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.projelerimiz .projelerimiz-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
.projelerimiz .projeler {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2vw;width: 80vw;margin: 0vw auto 10vw;justify-items: center;align-items: center;justify-content: center;}
.projelerimiz .proje {width: 100%;height: auto;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 2vw;border-radius: 1vw;gap: 0.7vw;transition: all 0.5s ease;}
.projelerimiz .proje-icerik {width: 60%;height: 25vw;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 2vw;border-radius: 1vw;gap: 0.7vw;transition: all 0.5s ease;}
.projelerimiz .proje-icerik:hover {transform: scale(1.02);}
.projelerimiz .proje:hover {transform: translateY(-1vw);}
.projelerimiz .proje span.category {color: #ffffff;background: #e20a1742;padding: 0.3vw 0.5vw;border-radius: 1vw;font-size: 0.8vw;border: 0.1vw solid #e20a1787;}
.projelerimiz .proje h3 {color: #fff;font-size: 1.2vw;font-family: 'Exo 2';font-weight: 500;}
.projelerimiz .proje p {font-size: 0.9vw;color: #fff;}
.projelerimiz .projeler a {width: 100%;display: flex;align-items: center;justify-content: center;}
.projelerimiz .alt-kategoriler {display: flex;flex-wrap: wrap;gap: 1vw;width: 80vw;margin: 2vw auto;justify-content: center;align-items: center;}
.projelerimiz .alt-kategori-btn {padding: 0.5vw 3vw;background: #f0f0f000;border: none;border-radius: 0.2vw;cursor: pointer;transition: all 0.3s;color: #ffff;}
.projelerimiz .alt-kategori-btn:hover, .alt-kategori-btn.active {background: #e20a176b;color: white;border: 0.1vw solid #fff;}
.projelerimiz .proje {transition: all 0.3s;}
.projelerimiz .proje.hidden {display: none;}
.projeler.animating {position: relative;}
.projeler.animating .proje {transition: all 0.4s cubic-bezier(0.5, 0, 0.5, 1);}
.projelerimiz .projeler-container {display: flex;justify-content: center;flex-direction: column;}
img.multimedia-kimlik {height: 20vw;object-fit: contain;position: sticky;top: 1vw;}
.projelerimiz .buttons a {color: #fff;width: 10vw ;padding: .5vw 1vw;border-radius: 0.4vw;border: .1vw solid #ffffff85;}
.projelerimiz .buttons a:hover {color: #fff;width: 10vw;padding: .5vw 1vw;border-radius: 0.4vw;border: .1vw solid #e20a17;background: #e20a177a;}
.projelerimiz .buttons {display: flex;gap: 2vw;width: auto;}
.projelerimiz .buttons a:nth-last-child(1) {color: #fff;width: 10vw;padding: .5vw 1vw;border-radius: 0.4vw;border: .1vw solid #e20a17;background: #e20a177a;}
.projelerimiz .buttons a:nth-last-child(1):hover {color: #fff;width: 10vw;padding: .5vw 1vw;border-radius: 0.4vw;border: .1vw solid #ffffff85;background:none;}
.kategori-bilgi {width: 53vw;margin: 6vw auto 1vw;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1vw;}
.kategori-bilgi h1.kategori-baslik {color: #fff;font-size: 2.6vw;}
.kategori-bilgi p.kategori-aciklama {color: #fff;font-size: 1.3vw;font-family: "Playwrite AU QLD", cursive;}

a.down {display: flex;width: 100%;align-items: center;justify-content: center;margin-top: -3.5vw;color: #fff;position: relative;z-index: 90;}
.hizmetlerimiz {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.hizmetlerimiz .hizmetlerimiz-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
.hizmetlerimiz .services-grid {display: grid;grid-template-columns: repeat(4, 1fr);}

:root{ --neutral-100: #f5f5f5; --neutral-200: #e5e5e5; --neutral-300: #d4d4d4; --neutral-700: #404040; --neutral-800: #262626; --red-500: #e20a17; --text-light: #737373; --text-dark: #171717; }
.hizmetlerimiz .dark {color: #ffffff; }
.hizmetlerimiz .dark .feature-hover-effect.top { background: linear-gradient(to top, var(--neutral-800), transparent); }
.hizmetlerimiz .dark .feature-hover-effect.bottom { background: linear-gradient(to bottom, var(--neutral-800), transparent); }
.hizmetlerimiz .features-section {position: relative;z-index: 10;padding: 2.5vw 0;max-width: 85vw;margin: 5vw auto;}
.hizmetlerimiz .features-grid {display: grid;grid-template-columns: repeat(4, 1fr);position: relative;gap: 1vw;}
.hizmetlerimiz .feature {gap: 2vw;display: flex;flex-direction: column;position: relative;padding: 3.5vw 0;background: #0e0e0e;border-radius: 2vw;min-height: 11vw;justify-content: center;border: 0.1vw solid #212121;align-items: center;transition:all 0.3s ease;}
.hizmetlerimiz .feature-icon {transition:all 0.3s ease;position: relative;z-index: 10;color: var(--text-light);display: flex;padding: 2vw;background: #181818;border-radius: 2vw;border: 0.1vw solid #ffffff1c;}
.hizmetlerimiz .feature-icon svg { width: 5vw;}
.hizmetlerimiz .feature-icon img {width: 5vw;transition:all 0.2s ease;}
.hizmetlerimiz .feature:hover img {transform: rotateZ(15deg) scale(1.1);}
.hizmetlerimiz .feature-title { font-size: 1.1vw; font-weight: bold; margin-bottom: 0.5vw; position: relative; z-index: 10; padding: 0 2.5vw; }
.hizmetlerimiz .feature-title span {display: inline-block;transition: transform 0.2s;color: #fff;font-size: 1.5vw;text-align: center;}
.hizmetlerimiz .feature-description { font-size: 0.9vw; color: var(--text-light); max-width: 20vw; position: relative; z-index: 10; padding: 0 2.5vw; }
.hizmetlerimiz .feature:hover {background: #9b0b1424;border: 0.1vw solid #e20a1782;}
.hizmetlerimiz .feature:hover .feature-icon {background: #350407b8;border: 0.1vw solid #e20a175c;}

#bg-pattern { background-image: radial-gradient(#333 0.05vw, transparent 0.05vw); background-size: 1.6vw 1.6vw; mask-image: radial-gradient(ellipse at center, var(--background), transparent); }
.hizmetlerimiz .text-shimmer { background: linear-gradient(90deg, rgba(161, 161, 170, 0.8) 0%, #ffffff 50%, rgba(161, 161, 170, 0.8) 100%); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; color: transparent; animation: shimmer 3s linear infinite; }
@keyframes shimmer { 0% { background-position: 100% center; } 100% { background-position: 0% center; } }
.hizmetlerimiz .animate-bounce { animation: bounce 1s infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-25%); } }
.hizmetlerimiz .animated-nav-link { position: relative; display: inline-block; overflow: hidden; height: 1.25vw; }
.hizmetlerimiz .animated-nav-link .flex-col { transition: transform 0.4s ease-out; }
.hizmetlerimiz .animated-nav-link:hover .flex-col { transform: translateY(-50%); }
.hizmetlerimiz .fade-in { animation: fadeIn 0.8s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(1vw); } to { opacity: 1; transform: translateY(0); } }
.hizmetlerimiz .service-card {opacity: 1;transform: translateY(2.5vw);}
.hizmetlerimiz .service-card.visible { animation: fadeInUp 0.6s ease-out forwards; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(2.5vw); } to { opacity: 1; transform: translateY(0); } }
.hizmetlerimiz .cta-button:hover { transform: scale(1.05); }
.hizmetlerimiz .cta-button:active { transform: scale(0.95); }

form.wpcf7-form.init {display: flex;flex-direction: column;gap: 1.5vw;}
::placeholder{font-size:1vw;margin:0 ; padding:0 ;padding-left:1vw ;padding-top:1vw ;}
.iletisim-formu{margin-top: 3vw;margin-bottom: 3vw;}
.wpcf7 label {display: block;font-size: 1vw ;margin-top: 0vw;display: flex;align-items: center;gap: 2vw;}
.wpcf7 label input {height: 3.1vw;background-color: #fff;color: #000;border: 0.1vw #f2f2f2 solid ;line-height: 1.4vw;width: 18vw;margin-top: 0.1vw;margin: 0.5vw 0vw 0 0vw;background-color: #1c1c1c40;color: #ffffff;border: 0.1vw solid #eeeeee4a !important;border-radius: 0.5vw;margin-top: 0.2vw;padding: 0vw 0.5vw;}
.phone input{background:#f6f6f6 ;}
.wpcf7-textarea {margin-bottom: 1vw;width: 37.8vw ;height: 11vw ;background-color: #1c1c1c40;color: #ffffff;border: 0.1vw solid #eeeeee4a !important;border-radius: 0.5vw;margin-top: 0.2vw;padding: 1vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 43.6vw ;height: 3.1vw ;background-color: #00000021 !important;padding: 0 !important;border: 0.1vw solid #eeeeee4a !important;color: #fff;border-radius: 0.5vw;transition: 0.3s;font-size: 1.1vw;margin-top: 0vw;margin-left: 2vw;}
.wpcf7-submit:hover {background-color: #ffffff !important;color: #000000;transition: 0.3s;}
.wpcf7-response-output {color:#111;border-color:rgba(0,0,0,0) !important;padding:0 !important;margin:0 !important;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {border: 0.1vw solid #eee !important;}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0vw;width: 11vw;height: 3vw;margin-right: 0vw;}
.wpcf7-spinner{position: absolute!important;margin-top: 6vw !important;}
input.wpcf7-form-control.wpcf7-captchar {width: 12.8vw;margin-right: 0vw;top: 0vw;position: relative;}
.iletisim-form-kolonlar{display: flex;justify-content: space-evenly;width: 94.5%;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;align-items: center;}

.footer {display: flex;width: 100%;justify-content: space-around;margin: 6vw 0 2vw 0;}
.footer::before {content: '';background: linear-gradient(90deg,rgba(204, 204, 204, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(204, 204, 204, 0) 100%);position: absolute;width: 26vw;height: 0.1vw;margin-top: -5vw;margin-right: 37vw;}
.footer .logo {font-weight: bold;color: #333;width: auto;}
.footer .logo img {width:17vw;}
.footer-sag {display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-start;gap: 1vw;}
.footer-sag .footer-menu {display: flex;gap: 2vw;}
.footer-sag .footer-iletisim {display: flex;gap: 1vw;}
.footer-sag .footer-sosyal {display: flex;}
.footer-sag .footer-menu a {font-size: 1vw;color: #fff;}
.footer-sag .footer-iletisim a {font-size: 1vw;color: #fff;}
.footer-sag .footer-sosyal {display: flex;align-items: center;justify-content: center;gap: 1vw;}
.footer-sag .footer-sosyal a {font-size: 1.3vw;color: #fff;}
.footer-sag .footer-sosyal li:nth-last-child(2) a {border-radius: 0.5vw;padding: 0.3vw 0.4vw;font-size: 1.6vw;color: #fff;background: linear-gradient(140deg, #4F5BD5 6.11%, #962FBF 20.38%, #D62976 44.23%, #FA7E1E 73.91%, #FEDA75 93.89%);}
.footer-sag .footer-sosyal li {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.copyright {display: flex;align-items: center;justify-content: center;width: 100%;gap: 57vw;margin: 0vw 0 2vw 0;}
.copyright img {width: 2.2vw;}
.copyright span {color: #fff;font-size: 0.8vw;}
.footer-sag li {list-style: none;}

.proje-detay .lamp-header {position: relative;height: auto;width: 100%;}
.proje-detay .lamp-container {position: relative;display: flex;min-height: 30vw;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;width: 100%;border-radius: 0.5vw;z-index: 0;margin-top: 8vw;}
.proje-detay .lamp-effect { position: relative; display: flex; width: 100%; flex: 1; scale: 1.25 1; align-items: center; justify-content: center; isolation: isolate; z-index: 0; }
.proje-detay .lamp-left { position: absolute; inset: auto; right: 50%; height: 14vw; overflow: visible; width: 0; background-image: conic-gradient(from 70deg at center top, white, transparent, transparent); z-index: 10; opacity: 0; animation: lampFadeIn 2s ease-out forwards 0.5s; }
.proje-detay .lamp-left::before {content: "";position: absolute;width: 100%;left: 0;background-color: #000;height: 10vw;bottom: 0;z-index: 20;mask-image: linear-gradient(to top, white, transparent);-webkit-mask-image: linear-gradient(to top, white, transparent);}
.proje-detay .lamp-left::after {content: "";position: absolute;width: 10vw;height: 100%;left: 0;background: #1010;bottom: 0;z-index: 20;mask-image: linear-gradient(to right, white, transparent);-webkit-mask-image: linear-gradient(to right, white, transparent);}
.proje-detay .lamp-right { position: absolute; inset: auto; left: 50%; height: 14vw; width: 0; background-image: conic-gradient(from 290deg at center top, transparent, transparent, white); z-index: 10; opacity: 0; animation: lampFadeIn 2s ease-out forwards 0.5s; }
.proje-detay .lamp-right::before {content: "";position: absolute;width: 10vw;height: 100%;right: 0;bottom: 0;z-index: 20;background: #000;mask-image: linear-gradient(to left, white, transparent);-webkit-mask-image: linear-gradient(to left, white, transparent);}
.proje-detay .lamp-right::after {content: "";position: absolute;width: 100%;right: 0;height: 10vw;background: #000;bottom: 0;z-index: 20;mask-image: linear-gradient(to top, white, transparent);-webkit-mask-image: linear-gradient(to top, white, transparent);}
.proje-detay .lamp-blur-bottom {position: absolute;top: 50%;height: 12vw;width: 100%;filter: blur(1vw);}
.proje-detay .lamp-blur-middle { position: absolute; top: 50%; z-index: 50; height: 12vw; width: 100%; background-color: transparent; opacity: 0.1; backdrop-filter: blur(1vw); }
.proje-detay .lamp-blur-top { position: absolute; inset: auto; z-index: 50; height: 9vw; width: 0; transform: translateY(-50%); border-radius: 50%; background-color: white; opacity: 0; filter: blur(1.5vw); animation: lampGlow 2.5s ease-out forwards 1s; }
.proje-detay {display: flex;flex-direction: column;width: 100%;min-height: 47vw;}
.proje-detay .giris:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(360deg, rgb(0 0 0 / 44%) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/uploads/2025/06/ajans.jpg) no-repeat center center / cover;-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
.proje-detay .projelerimiz-gecis {width: 103%;height: 5vw;position: absolute;margin-top: 54vw;filter: blur(1vw);z-index: 999;margin-left: -3vw;background: linear-gradient(90deg,#101010 0%, rgba(0, 0, 0, 1) 100%);}
.proje-detay .floating-rings { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.proje-detay .ring { position: absolute; border: 0.1vw solid rgba(255, 255, 255, 0.1); border-radius: 50%; animation: rotate 20s linear infinite; opacity: 0; animation-delay: 2s; }
.proje-detay .ring-1 { width: 20vw; height: 20vw; left: 20%; top: 10%; animation: rotate 20s linear infinite, fadeIn 2s ease-out forwards 2.5s; }
.proje-detay .ring-2 { width: 30vw; height: 30vw; left: 50%; top: 30%; animation: rotate 30s linear infinite, fadeIn 2s ease-out forwards 3s; }
.proje-detay .ring-3 { width: 40vw; height: 40vw; left: 80%; top: 50%; animation: rotate 40s linear infinite, fadeIn 2s ease-out forwards 3.5s; }
.proje-detay .hero-section {min-height: 20vh;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;padding: 0 2vw;margin-top: 0;padding-top: 0;}
.proje-detay .hero-content { text-align: center; max-width: 60vw; margin: 0 auto; opacity: 0; transform: scale(0.8); animation: fadeIn 1s ease-out forwards 3s; }
.proje-detay .hero-title {font-size: 5vw;font-weight: bold;color: #fff;margin-bottom: 2vw;line-height: 1.2;letter-spacing: -0.05vw;opacity: 0;transform: translateY(2vw);animation: fadeInUp 1s 3.2s ease-out forwards;}
.proje-detay .hero-divider { height: 0.05vw; background-color: white; margin: 0 auto 2vw; max-width: 20vw; width: 0; animation: expandWidth 1s 3.5s ease-out forwards; }
.proje-detay .hero-description { font-size: 1.2vw; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 40vw; margin: 0 auto; opacity: 0; transform: translateY(1.5vw); animation: fadeInUp 1s 3.7s ease-out forwards; }
.proje-detay .project-content {color: #fff;}
.proje-detay .project-image-section { position: relative; padding: 5vw 0; }
.proje-detay .project-image-container { position: relative; overflow: hidden; border-radius: 0.5vw; opacity: 0; transform: scale(0.9); animation: fadeIn 1s ease-out forwards; }
.proje-detay .project-image { width: 100%; height: 60vh; object-fit: cover; }
.proje-detay .image-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.2); }
.proje-detay .project-details-section {position: relative;flex-shrink: 0;width: 38vw;}
.proje-detay .project-content {max-width: 35vw;display: flex;opacity: 0;transform: translateX(-2.5vw);animation: fadeInLeft 0.8s ease-out forwards;flex-direction: column;align-items: flex-start;border: 0.1vw solid #9696964d;border-radius: 1vw;padding: 2vw;gap: 0.5vw;}
.proje-detay .section-title { font-size: 2.5vw; font-weight: bold; margin-bottom: 1.5vw; }
.proje-detay .project-details { color: rgba(255, 255, 255, 0.8); margin-bottom: 2vw; font-size: 1.1vw; line-height: 1.6; }
.proje-detay .separator { height: 0.05vw; background-color: rgba(255, 255, 255, 0.2); margin: 3vw 0; }
.proje-detay .similar-projects { margin-bottom: 3vw; }
.proje-detay .subsection-title { font-size: 2vw; font-weight: bold; margin-bottom: 2vw; text-align: center; }
.proje-detay .projects-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5vw;}
.proje-detay .project-card { background-color: rgba(255, 255, 255, 0.05); border: 0.05vw solid rgba(255, 255, 255, 0.1); border-radius: 0.5vw; overflow: hidden; transition: all 0.3s; cursor: pointer; }
.proje-detay .project-card:hover { background-color: rgba(255, 255, 255, 0.1); transform: scale(1.05); }
.proje-detay .card-image-container { position: relative; overflow: hidden; }
.proje-detay .card-image { width: 100%; height: 12vw; object-fit: cover; transition: transform 0.5s; }
.proje-detay .project-card:hover .card-image { transform: scale(1.1); }
.proje-detay .card-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4); transition: background-color 0.3s; }
.proje-detay .project-card:hover .card-overlay { background-color: rgba(0, 0, 0, 0.2); }
.proje-detay .card-content { padding: 1.5vw; }
.proje-detay .card-title { font-size: 1.2vw; font-weight: 600; margin-bottom: 0.5vw; color: white; transition: color 0.3s; }
.proje-detay .project-card:hover .card-title { color: rgba(255, 255, 255, 0.8); }
.proje-detay .card-description { color: rgba(255, 255, 255, 0.6); font-size: 0.9vw; line-height: 1.5; }
.proje-detay .project-actions {display: flex;flex-wrap: wrap;gap: 1vw;margin: 1vw auto;width: auto;}
.proje-detay .ripple-button { position: relative; padding: 0.8vw 1.5vw; font-size: 0.9vw; font-weight: 500; border-radius: 0.25vw; border: none; cursor: pointer; display: inline-flex; align-items: center; overflow: hidden; transition: background-color 0.3s; }
.proje-detay .ripple-button i { margin-right: 0.5vw; font-size: 1vw; }
.proje-detay .ripple-button.primary { background-color: white; color: black; }
.proje-detay .ripple-button.primary:hover { background-color: rgba(255, 255, 255, 0.9); }
.proje-detay .ripple-button.secondary { background-color: transparent; color: white; border: 0.05vw solid white; }
.proje-detay .ripple-button.secondary:hover { background-color: white; color: black; }
.proje-detay .ripple { position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); transform: scale(0); animation: ripple 0.6s ease-out; }
.proje-detay .similar-projects {width: 38vw;display: flex;flex-direction: column;align-items: stretch;color: #fff;margin-top: 2vw;}
.proje-detay .project-content h1 { font-size: 3vw; margin-bottom: 1.5vw; }
.proje-detay .project-content h2 { font-size: 2.5vw; margin-bottom: 1.2vw; }
.proje-detay .project-content h3 { font-size: 2vw; margin-bottom: 1vw; }
.proje-detay .project-content h4 { font-size: 1.7vw; margin-bottom: 0.8vw; }
.proje-detay .project-content h5 { font-size: 1.5vw; margin-bottom: 0.6vw; }
.proje-detay .project-content h6 { font-size: 1.3vw; margin-bottom: 0.5vw; }
.proje-detay .project-content p { font-size: 1.1vw; line-height: 1.6; margin-bottom: 1vw; }
.proje-detay .project-content ul, .proje-detay .project-content ol { padding-left: 2vw; margin-bottom: 1vw; }
.proje-detay .project-content li { font-size: 1.1vw; margin-bottom: 0.5vw; }
.proje-detay .project-content table { width: 100%; border-collapse: collapse; margin-bottom: 2vw; }
.proje-detay .project-content th, .proje-detay .project-content td { border: 0.1vw solid #ccc; padding: 0.8vw; text-align: left; font-size: 1.1vw; }
.proje-detay .project-content th {background-color: #1a1a1a;font-weight: bold;}
.proje-detay .project-content img { max-width: 100%; height: auto; margin-bottom: 1.5vw; display: block; }
.proje-detay .project-content .gallery { display: flex; flex-wrap: wrap; gap: 1vw; }
.proje-detay .project-content .gallery img { width: 31%; }
.proje-detay section.gorseller {display: flex;flex-direction: column;gap: 2vw;}
.proje-detay section.gorseller img {width: 40vw;object-fit: cover;border-radius: 1vw;}
.proje-detay .single {display: flex;width: 80vw;margin: 5vw auto;gap: 2vw;}
.proje-detay .content-wrapper {display: flex;justify-content: space-between;gap: 2vw;}
.sticky-container {transition: transform 0.3s ease-out;position: relative; /* JS ile kontrol edilecek */width: 100%;}
.project-content .categorys ul {padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 0.5vw 0.5vw;}
.project-content .categorys ul li {font-size: 0.7vw;background: #e20a1769;padding: 0.4vw 0.5vw;border-radius: 3vw;border: 0.1vw solid #e20a1780;margin: 0;}
.project-content .categorys ul li a {color: #ffffffbd;}
.proje-detay .single {display: flex;width: 80vw;margin: 5vw auto;gap: 2vw;flex-direction: column;}


@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(2vw); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-2.5vw); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes expandWidth { 0% { width: 0; } 100% { width: 100%; } }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(1vw); } }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes ripple { to { transform: scale(4); opacity: 0; } }