/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --purple-dark: #4A148C;
    --purple-light: #6A1B9A;
    --orange: #FF3B00;
    --white: #FFFFFF;
    --gray-dark: #333333;
    --gray-light: #666666;
    --gray-lighter: #999999;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--gray-dark);
    line-height: 1.6;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Top Bar */
.top-bar {
    background-color: #431E66;
    color: var(--white);
    padding: 10px 0;
    font-size: 14px;
    position: sticky;
    top: 0;
    z-index: 1001;
}

.top-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.top-bar-left {
    display: flex;
    gap: 20px;
}

.top-bar-left span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-bar-phones {
    display: flex;
    gap: 20px;
}

.top-bar-phones span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-bar-left a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.top-bar-left a:hover {
    opacity: 0.8;
}

.top-bar-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.top-bar-right a {
    color: var(--white);
    text-decoration: none;
    font-size: 16px;
}

.language-selector {
    display: none; /* Disabled for current phase - will be enabled in next phase */
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

/* Main Navigation */
.main-nav {
    background-color: var(--white);
    padding: 15px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: sticky;
    top: 40px;
    z-index: 1000;
}

.main-nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.logo-svg {
    height: 50px;
    width: auto;
    object-fit: contain;
}

.logo-icon {
    width: 30px;
    height: 30px;
    background-color: var(--purple-dark);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    position: relative;
}

.logo-icon::after {
    content: 'V';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    font-weight: bold;
    font-size: 18px;
}

.logo-icon.white {
    background-color: var(--white);
}

.logo-icon.white::after {
    color: var(--purple-dark);
}


.nav-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 180px;
}

.nav-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
    flex-shrink: 0;
    min-width: 180px;
}

.nav-social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-social-icons a {
    color: #431E66;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-social-icons a:hover {
    color: #FF3B00;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 25px;
}

.nav-menu a {
    color: #431E66;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
}

.nav-menu a.active,
.nav-menu a:hover {
    color: #FF3B00;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-actions .fa-search {
    color: var(--gray-dark);
    cursor: pointer;
}

.search-text {
    color: var(--gray-dark);
    font-size: 14px;
}

.btn-signup {
    background-color: var(--orange);
    color: var(--white);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
}

.btn-signup:hover {
    background-color: #e55a2b;
}

.hamburger {
    display: none; /* Hidden on desktop */
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 8px;
    z-index: 1001;
    background: transparent;
    border: none;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background-color: #431E66;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.home-hero {
    background: url('/images/header.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(1.05) contrast(1.1);
}

.home-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(74, 144, 226, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 30%, rgba(74, 144, 226, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(74, 144, 226, 0.05) 0%, transparent 50%);
    opacity: 0.2;
    z-index: 0;
}

.hero-content {
    text-align: center;
    z-index: 2;
    max-width: 1000px;
    padding: 0 20px;
    position: relative;
}

.home-hero .hero-content {
    padding: 80px 20px;
}

.hero-label {
    color: var(--gray-lighter);
    font-size: 14px;
    margin-bottom: 10px;
}

.hero-title {
    color: var(--white);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 4px 20px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 32px;
    }
}

/* ========================================
   Premium Banner Carousel Styles
   Senior Frontend Developer Implementation
   ======================================== */

.hero-banner-section {
    position: relative;
    width: 100%;
    height: 85vh;
    min-height: 600px;
    max-height: 800px;
    overflow: hidden;
    margin-bottom: 0;
}

.bannerSwiper {
    width: 100%;
    height: 100%;
}

.banner-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.1);
    transition: transform 8s ease-out;
    z-index: 1;
}

.banner-slide.swiper-slide-active .banner-slide-bg {
    transform: scale(1);
}

/* Vibrant hero banner image effects */
.banner-slide-bg-vibrant {
    filter: brightness(1.15) contrast(1.2) saturate(1.4);
    animation: vibrantPulse 4s ease-in-out infinite;
}

.banner-slide.swiper-slide-active .banner-slide-bg-vibrant {
    filter: brightness(1.2) contrast(1.25) saturate(1.5);
}

.banner-slide-bg-vibrant::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(255, 59, 0, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(74, 144, 226, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(138, 43, 226, 0.1) 0%, transparent 60%);
    mix-blend-mode: overlay;
    z-index: 1;
    animation: colorShift 6s ease-in-out infinite;
}

@keyframes vibrantPulse {
    0%, 100% {
        filter: brightness(1.15) contrast(1.2) saturate(1.4);
    }
    50% {
        filter: brightness(1.25) contrast(1.3) saturate(1.5);
    }
}

@keyframes colorShift {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.02);
    }
}

.banner-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(26, 26, 46, 0.85) 0%,
        rgba(22, 33, 62, 0.75) 50%,
        rgba(74, 20, 140, 0.6) 100%
    );
    z-index: 2;
}

/* Lighter overlay for vibrant hero banner to let colors shine through */
.banner-slide-overlay-vibrant {
    background: linear-gradient(
        135deg,
        rgba(26, 26, 46, 0.65) 0%,
        rgba(22, 33, 62, 0.55) 50%,
        rgba(74, 20, 140, 0.45) 100%
    );
}

.banner-slide-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
    text-align: center;
    animation: fadeInUp 1s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.banner-title {
    color: var(--white);
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px 0;
    letter-spacing: -1px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 8px 40px rgba(0, 0, 0, 0.3);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.banner-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 50px 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.banner-cta {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    min-width: 200px;
}

.banner-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.banner-btn:hover::before {
    width: 300px;
    height: 300px;
}

.banner-btn-primary {
    background: linear-gradient(135deg, var(--orange) 0%, #FF3B00 100%);
    color: var(--white);
    box-shadow: 0 8px 25px rgba(255, 59, 0, 0.4);
    border: 2px solid transparent;
}

.banner-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(255, 59, 0, 0.5);
    color: var(--white);
}

.banner-btn-secondary {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--white);
    backdrop-filter: blur(10px);
}

.banner-btn-secondary:hover {
    background: var(--white);
    color: var(--purple-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

/* Swiper Navigation Arrows - Premium Style */
.banner-nav-next,
.banner-nav-prev {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.banner-nav-next::after,
.banner-nav-prev::after {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
}

.banner-nav-next {
    right: 30px;
}

.banner-nav-prev {
    left: 30px;
}

.banner-nav-next:hover,
.banner-nav-prev:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: var(--orange);
    transform: translateY(-50%) scale(1.1);
}

.banner-nav-next:active,
.banner-nav-prev:active {
    transform: translateY(-50%) scale(0.95);
}

/* Swiper Pagination - Premium Style */
.banner-pagination {
    bottom: 40px !important;
    z-index: 10 !important;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
}

.banner-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1 !important;
    margin: 0 8px;
    transition: all 0.3s ease;
    border-radius: 50%;
    position: relative;
}

.banner-pagination .swiper-pagination-bullet .bullet-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: var(--orange);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.banner-pagination .swiper-pagination-bullet-active {
    background: transparent;
    border: 2px solid var(--orange);
    width: 40px;
    border-radius: 20px;
}

.banner-pagination .swiper-pagination-bullet-active .bullet-inner {
    width: 8px;
    height: 8px;
}

.banner-pagination .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

/* Responsive Design for Banner Carousel */
@media (max-width: 1024px) {
    .banner-title {
        font-size: 48px;
    }
    
    .banner-subtitle {
        font-size: 18px;
    }
    
    .banner-nav-next {
        right: 20px;
    }
    
    .banner-nav-prev {
        left: 20px;
    }
}

@media (max-width: 768px) {
    .hero-banner-section {
        min-height: 500px;
        max-height: 600px;
        overflow: hidden;
    }
    
    .banner-slide-content {
        padding: 50px 20px 40px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        box-sizing: border-box;
    }
    
    .banner-title {
        font-size: 28px;
        margin-bottom: 16px;
        line-height: 1.3;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    
    .banner-subtitle {
        font-size: 15px;
        margin-bottom: 30px;
        line-height: 1.5;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .banner-cta {
        flex-direction: column;
        gap: 15px;
        margin-top: 30px;
    }
    
    .banner-btn {
        width: 100%;
        max-width: 280px;
        padding: 16px 30px;
        font-size: 14px;
    }
    
    .banner-nav-next,
    .banner-nav-prev {
        width: 50px;
        height: 50px;
    }
    
    .banner-nav-next::after,
    .banner-nav-prev::after {
        font-size: 16px;
    }
    
    .banner-nav-next {
        right: 15px;
    }
    
    .banner-nav-prev {
        left: 15px;
    }
    
    .banner-pagination {
        bottom: 25px !important;
    }
    
    .banner-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }
    
    .banner-pagination .swiper-pagination-bullet-active {
        width: 35px;
    }
}

@media (max-width: 480px) {
    .hero-banner-section {
        min-height: 450px;
        max-height: 550px;
        overflow: hidden;
    }
    
    .banner-slide-content {
        padding: 40px 16px 35px 16px;
    }
    
    .banner-title {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 14px;
    }
    
    .banner-subtitle {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 25px;
    }
    
    .top-bar {
        padding: 10px 0;
        font-size: 11px;
    }
    
    .top-bar .container {
        padding: 0 12px;
        gap: 6px;
    }
    
    .top-bar-left a,
    .top-bar-left span {
        font-size: 10px;
    }
    
    .logo-svg {
        max-height: 40px;
        padding: 3px 0;
    }
    
    .banner-btn {
        padding: 14px 25px;
        font-size: 13px;
    }
    
    .banner-nav-next,
    .banner-nav-prev {
        width: 40px;
        height: 40px;
    }
    
    .banner-nav-next::after,
    .banner-nav-prev::after {
        font-size: 14px;
    }
}

/* Partner Banner */
.partner-banner {
    margin: 80px 0;
    padding: 0 20px;
}

/* My Second Med - İşletmeni Tanıt'tan sonra gelen banner için üst boşluğu azalt */
.isletmeni-tanit + .tech-solutions + .partner-banner.my-second-med {
    margin-top: 0;
}

/* My Second Med Technology Solutions - İşletmeni Tanıt ile aynı stiller */
.my-second-med + .tech-solutions {
    padding-top: 0;
    padding-bottom: 40px;
    margin-top: -40px;
}

.my-second-med + .tech-solutions .section-title {
    text-align: left;
    margin-bottom: 30px;
}

.my-second-med + .tech-solutions .title-accent {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
    color: var(--orange);
    margin-bottom: 4px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.my-second-med + .tech-solutions .title-main {
    font-size: 44.22px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0;
    color: #000000;
    margin-top: 0;
}

.my-second-med + .tech-solutions .section-description {
    text-align: justify;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    text-justify: inter-word;
    hyphens: auto;
    padding-right: 0;
}

/* İşletmeni Tanıt - Alt boşluğu kaldır */
.isletmeni-tanit.partner-banner {
    margin-bottom: 0;
}

.banner-content {
    display: flex;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    max-width: 1400px;
    margin: 0 auto;
}

.banner-left {
    flex: 1;
    position: relative;
    min-height: 450px;
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.95) 0%, rgba(106, 27, 154, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}

/* İşletmeni Tanıt - Mor arka planı kaldır */
.isletmeni-tanit .banner-left {
    background: transparent;
}

/* İşletmeni Tanıt - Görselin tamamını kullan */
.isletmeni-tanit-full-image {
    position: relative;
    display: block;
    min-height: 500px;
    border-radius: 20px;
    overflow: hidden;
}

/* My Second Med - Görselin tamamını kullan (İşletmeni Tanıt ile aynı yapı) */
.my-second-med-full-image {
    position: relative;
    display: block;
    min-height: 500px;
    border-radius: 20px;
    overflow: hidden;
}

.banner-image-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner-image-full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-overlay-full {
    position: relative;
    z-index: 2;
    padding: 50px 60px;
    color: var(--white);
    height: 100%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 40%, transparent 70%);
}

.banner-text-content {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* My Second Med - Satır aralarındaki boşlukları kısalt */
.my-second-med .banner-text-content {
    gap: 0;
}

.banner-text-content .partner-label {
    margin-bottom: 20px;
}

.banner-text-content .partner-title {
    margin-bottom: 15px;
}

/* İşletmeni Tanıt spacing görsele göre */
.isletmeni-tanit .banner-text-content .partner-label {
    margin-bottom: 10px;
}

.isletmeni-tanit .banner-text-content .partner-title {
    margin-bottom: 6px;
}

.banner-text-content .partner-subtitle {
    margin-bottom: 30px;
}

/* İşletmeni Tanıt - Subtitle görsele göre ayarla */
.isletmeni-tanit .banner-text-content .partner-subtitle {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}


/* Elips Şeklinde Badge - Görsele göre ayarla */
.partner-badge-ellipse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--orange);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    border: none;
    line-height: 1.4;
    margin-top: -5px;
    cursor: pointer;
    white-space: nowrap;
    width: fit-content;
}

.partner-badge-ellipse:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 59, 0, 0.4);
    cursor: pointer;
}

.banner-overlay {
    padding: 50px 60px;
    color: var(--white);
    z-index: 2;
    width: 100%;
}

.partner-label {
    font-size: 14px;
    margin-bottom: 15px;
    color: #FFD700;
    font-weight: 500;
}

.partner-label-gold {
    color: #FFD700 !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* İşletmeni Tanıt - Partnerimiz fontunu görsele göre ayarla */
.isletmeni-tanit .partner-label-gold {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 500;
}

.partner-title {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* İşletmeni Tanıt - Başlık fontunu görsele göre ayarla */
.isletmeni-tanit .partner-title {
    font-size: 48px;
    margin-bottom: 15px;
    line-height: 1.1;
}

/* İşletmeni Tanıt Logo Stili */
.isletmeni-tanit .banner-text-content .partner-logo {
    margin-bottom: 12px;
}

.isletmeni-tanit .banner-text-content .partner-logo-img {
    max-width: 140px;
    height: auto;
    filter: none;
}

/* My Second Med - İşletmeni Tanıt ile aynı tasarım özellikleri */
.my-second-med .banner-text-content {
    gap: 0;
}

.my-second-med .banner-text-content .partner-label-gold {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
}

.my-second-med .banner-text-content .partner-title {
    font-size: 48px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1;
}

.my-second-med .banner-text-content .partner-logo {
    margin-bottom: 0;
    margin-top: 0;
}

.my-second-med .banner-text-content .partner-logo-img {
    max-width: 180px;
    height: auto;
    filter: brightness(0) invert(1);
}

.my-second-med .banner-text-content .partner-badge-ellipse {
    margin-bottom: 0;
    margin-top: 1px;
    width: fit-content;
    display: inline-flex;
}

/* Bilgilendirme mesajı - Yapıdan ayrı */
.my-second-med .banner-text-content .coming-soon-badge {
    margin-bottom: 0;
    margin-top: 30px;
    max-width: 100%;
    white-space: normal;
    text-align: left;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 165, 0, 0.15) 100%);
    border: 2px solid rgba(255, 215, 0, 0.4);
}

.partner-subtitle {
    font-size: 24px;
    margin-bottom: 30px;
    color: var(--white);
}

.tani-plus {
    color: var(--orange);
    font-weight: 700;
}

.partner-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
}

.heart-icon {
    width: 55px;
    height: 55px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--purple-dark);
    font-weight: bold;
    font-size: 26px;
    flex-shrink: 0;
}

.partner-logo span {
    font-size: 20px;
    font-weight: 500;
}

.partner-btn {
    display: inline-block;
    background-color: var(--orange);
    color: var(--white);
    padding: 16px 35px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 0.3s, transform 0.2s;
}

.partner-btn:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
}

.banner-right {
    flex: 1;
    position: relative;
    min-height: 450px;
}

.banner-image {
    width: 100%;
    height: 100%;
    min-height: 450px;
    background-size: cover;
    background-position: center;
}

.banner-image img {
    width: 100%;
    height: 100%;
    min-height: 450px;
    object-fit: cover;
    object-position: center;
}

.doctor-image {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.craft-image {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* Technology Solutions Section */
.tech-solutions {
    padding: 100px 0;
    background-color: var(--white);
}

/* İşletmeni Tanıt Technology Solutions - Üst boşluğu kaldır */
.isletmeni-tanit + .tech-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-title {
    text-align: center;
    margin-bottom: 80px;
}

/* İşletmeni Tanıt Technology Solutions - Başlığı sola yasla */
.isletmeni-tanit + .tech-solutions .section-title {
    text-align: left;
    margin-bottom: 30px;
}

/* İşletmeni Tanıt - Teknoloji Çözümleri tipografi ayarları */
.isletmeni-tanit + .tech-solutions .title-main {
    font-size: 44.22px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0;
    color: #000000;
    margin-top: 0;
}

.isletmeni-tanit + .tech-solutions .section-description {
    text-align: justify;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    text-justify: inter-word;
    hyphens: auto;
    padding-right: 0;
}

.title-accent {
    color: var(--orange);
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

/* İşletmeni Tanıt - title-accent tipografi ayarları */
.isletmeni-tanit + .tech-solutions .title-accent {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
    color: var(--orange);
    margin-bottom: 4px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.title-main {
    color: var(--gray-dark);
    font-size: 44.22px;
    font-weight: 500;
    display: block;
    line-height: 53.4px;
    letter-spacing: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.solution-column {
    padding: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.solution-column:hover {
    transform: translateY(-4px);
}

.solution-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}

.check-icon {
    color: var(--orange);
    font-size: 18px;
    font-weight: bold;
}

.solution-header h3 {
    color: var(--gray-dark);
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.solution-column p {
    color: var(--gray-light);
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 15px;
    font-weight: 400;
}

/* İşletmeni Tanıt - Premium içerik stilleri */
.isletmeni-tanit + .tech-solutions .solution-column p {
    font-size: 16px;
    line-height: 1.75;
    color: #4a4a4a;
}

.solution-list {
    color: var(--gray-light);
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
    counter-reset: solution-item;
}

.solution-list li {
    margin-bottom: 12px;
    line-height: 1.8;
    font-size: 15px;
    padding-left: 25px;
    position: relative;
    transition: color 0.2s ease, padding-left 0.2s ease;
    counter-increment: solution-item;
}

.solution-list li:hover {
    color: var(--gray-dark);
    padding-left: 30px;
}

/* İşletmeni Tanıt - Premium liste stilleri */
.isletmeni-tanit + .tech-solutions .solution-list li {
    font-size: 15px;
    line-height: 1.75;
    color: #5a5a5a;
    font-weight: 400;
}

.solution-list li::before {
    content: counter(solution-item);
    position: absolute;
    left: 0;
    color: var(--gray-light);
    font-weight: 500;
}

/* Footer */
.footer {
    background-color: #431E66;
    color: var(--white);
    padding: 60px 0 0;
    position: relative;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.footer-content {
    display: grid;
    grid-template-columns: 1.5fr 3fr 1.5fr;
    gap: 40px;
    margin-bottom: 40px;
}

.footer-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.footer-logo {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.footer-logo-img {
    height: 90px;
    width: auto;
}

.footer-company-name {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--white);
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.follow-us-btn {
    background-color: #7545AD;
    color: var(--white);
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    align-self: center;
}

.follow-us-btn:hover {
    background-color: #8a5bc4;
}

.social-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.social-icons a {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons a:hover {
    color: #FF3B00;
}

.footer-middle {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 38px;
}

.footer-column h4 {
    margin-bottom: 6px;
    font-size: 16px;
    color: #FAB92C;
    font-weight: 600;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 16px;
    letter-spacing: -0.33px;
    margin: 0 0 6px 0;
    white-space: nowrap;
}

.footer-column ul {
    list-style: none;
}

.footer-column ul li {
    margin-bottom: 4px;
}

.footer-column ul li a {
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 14px;
    letter-spacing: -0.33px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
}

.footer-column ul li a:hover {
    color: #FF3B00;
}

.footer-section-title {
    color: #FAB92C;
    font-size: 16.74px;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    white-space: nowrap;
    line-height: 16px;
}


.footer-right h4 {
    margin-bottom: 10px;
    font-size: 18px;
}

/* Footer Contact Section - Premium Design */
.footer-contact-section {
    margin-bottom: 30px;
}

.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.footer-contact-item {
    display: flex;
    align-items: center;
}

.footer-contact-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 14px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    line-height: 1.5;
}

.footer-contact-link i {
    color: #FAB92C;
    font-size: 14px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.footer-contact-link:hover {
    color: var(--white);
    transform: translateX(3px);
}

.footer-contact-link:hover i {
    color: #FF3B00;
}

.footer-contact-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.footer-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
    line-height: 1.4;
    white-space: nowrap;
}

.footer-action-btn i {
    font-size: 16px;
    flex-shrink: 0;
}

.footer-action-btn-primary {
    background: linear-gradient(135deg, #FAB92C 0%, #FF3B00 100%);
    color: var(--white);
    box-shadow: 0 4px 12px rgba(250, 185, 44, 0.3);
}

.footer-action-btn-primary:hover {
    background: linear-gradient(135deg, #FF3B00 0%, #FAB92C 100%);
    box-shadow: 0 6px 20px rgba(250, 185, 44, 0.5);
    transform: translateY(-2px);
}

.footer-action-btn-secondary {
    background-color: transparent;
    color: var(--white);
    border: 2px solid #FAB92C;
}

.footer-action-btn-secondary:hover {
    background-color: #FAB92C;
    color: var(--white);
    border-color: #FAB92C;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(250, 185, 44, 0.3);
}

.footer-action-btn-whatsapp {
    background-color: #25D366;
    color: var(--white);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

.footer-action-btn-whatsapp:hover {
    background-color: #20BA5A;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
    transform: translateY(-2px);
}

/* Responsive Footer Contact */
@media (max-width: 768px) {
    .footer-contact-actions {
        gap: 8px;
    }
    
    .footer-action-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .footer-contact-link {
        font-size: 13px;
    }
}

.newsletter-description {
    color: var(--white);
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.6;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.footer-right h5 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}

.footer-right p {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.newsletter-form {
    display: flex;
    margin-bottom: 15px;
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
}

.newsletter-form input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 8px 0 0 8px;
    font-size: 14px;
    color: var(--gray-dark);
}

.newsletter-form input::placeholder {
    color: #999;
}

.newsletter-submit-btn {
    background-color: #FAB92C;
    color: var(--white);
    border: none;
    padding: 12px 20px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsletter-submit-btn:hover {
    background-color: #e5a826;
}

.newsletter-submit-btn i {
    font-size: 16px;
}

.newsletter-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.newsletter-checkbox input[type="checkbox"] {
    margin-top: 4px;
    cursor: pointer;
}

.newsletter-checkbox label {
    color: var(--white);
    font-size: 11.18px;
    line-height: 1.5;
    cursor: pointer;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Newsletter section temporarily disabled - will be developed in next phase */
.footer-right .newsletter-description,
.footer-right .newsletter-form,
.footer-right .newsletter-checkbox,
.footer-right h4.footer-section-title:nth-of-type(2),
.footer-right h4.footer-section-title:nth-of-type(2) ~ .newsletter-description,
.footer-right h4.footer-section-title:nth-of-type(2) ~ .newsletter-form,
.footer-right h4.footer-section-title:nth-of-type(2) ~ .newsletter-checkbox {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Disable newsletter form inputs and buttons */
.footer-right .newsletter-form input,
.footer-right .newsletter-form button,
.footer-right .newsletter-checkbox input {
    display: none !important;
    pointer-events: none !important;
}

.footer-bottom-bar {
    background-color: #FAB92C;
    width: 100%;
    margin-top: 40px;
    padding: 10px 0;
}

.footer-bottom-bar .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-copyright {
    color: #431E66;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.newsletter-form button:hover {
    background-color: var(--orange);
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
    margin-top: 3px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-middle {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .footer-left {
        align-items: flex-start;
        text-align: left;
    }
    
    .footer-logo {
        justify-content: flex-start;
    }
    
    .social-icons {
        justify-content: flex-start;
    }
}

@media (max-width: 968px) {
    .nav-menu {
        display: none;
    }
    
    .solutions-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 20px;
    }
    
    .footer-middle {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .footer-left {
        align-items: flex-start;
        text-align: left;
    }
    
    .footer-logo {
        justify-content: flex-start;
    }
    
    .footer-logo-img {
        height: 70px;
    }
    
    .social-icons {
        justify-content: flex-start;
    }
    
    .banner-content {
        flex-direction: column;
    }
    
    .hero-title {
        font-size: 32px;
    }
    
    .partner-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 40px 0 0;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 30px;
    }
    
    .footer-middle {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-left {
        align-items: center;
        text-align: center;
    }
    
    .footer-logo {
        justify-content: center;
    }
    
    .footer-logo-img {
        height: 60px;
    }
    
    .footer-column {
        text-align: center;
    }
    
    .footer-column h4 {
        font-size: 15px;
        margin-bottom: 12px;
    }
    
    .footer-column ul li a {
        font-size: 12px;
        word-wrap: break-word;
        line-height: 1.6;
    }
    
    .footer-right {
        text-align: center;
    }
    
    .footer-section-title {
        font-size: 15px;
        white-space: normal;
    }
    
    .footer-contact-item {
        justify-content: center;
    }
    
    .footer-contact-link {
        justify-content: center;
        font-size: 13px;
    }
    
    .social-icons {
        justify-content: center;
    }
    
    .footer-bottom-bar {
        padding: 15px 0;
    }
    
    .footer-copyright {
        font-size: 11px;
        text-align: center;
        padding: 0 20px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 30px 0 0;
    }
    
    .footer-content {
        gap: 25px;
        margin-bottom: 25px;
    }
    
    .footer-middle {
        gap: 25px;
    }
    
    .footer-logo-img {
        height: 50px;
    }
    
    .footer-column h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .footer-column ul li {
        margin-bottom: 6px;
    }
    
    .footer-column ul li a {
        font-size: 11px;
    }
    
    .footer-section-title {
        font-size: 14px;
    }
    
    .footer-contact-item {
        justify-content: center;
    }
    
    .footer-contact-link {
        font-size: 12px;
    }
    
    .footer-contact-link i {
        font-size: 12px;
        width: 16px;
    }
    
    .footer-copyright {
        font-size: 10px;
    }
    
    /* Digital Products Extra Small Mobile Fixes */
    .product-card {
        overflow: visible;
    }
    
    .product-card-image {
        height: 380px;
        overflow: visible;
    }
    
    .product-card-image .product-card-overlay {
        overflow: visible;
        padding: 15px;
    }
    
    .product-logo-container {
        padding-top: 0;
        margin-top: 25px;
        margin-bottom: 15px;
        overflow: visible;
        min-height: 100px;
        flex-shrink: 0;
        padding: 8px 0;
    }
    
    .product-logo-image {
        max-width: 200px;
        max-height: none;
        width: auto;
        height: auto;
        object-fit: contain;
    }
    
    .product-card-overlay {
        padding: 15px;
        justify-content: center;
        overflow: visible;
    }
    
    /* MySecondMed logo özel konumlandırma - küçük mobil */
    .digital-products .container {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .products-carousel {
        gap: 8px;
    }
    
    .product-card:has(.product-image-mysecondmed) {
        border-radius: 15px;
        overflow: hidden;
    }
    
    .product-card-image:has(.product-image-mysecondmed) {
        overflow: hidden;
        border-radius: 15px;
    }
    
    .product-logo-image-mysecondmed {
        max-width: 240px;
        max-height: none;
        width: auto !important;
        height: auto;
        object-fit: contain;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Services Section (icerik-1.html) */
.services-section {
    padding: 80px 0;
    background-color: var(--white);
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-label {
    color: var(--gray-lighter);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.section-title-large {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 30px;
}

.section-title-large .title-accent {
    color: var(--orange);
    font-size: 48px;
}

.section-description {
    color: var(--gray-light);
    font-size: 16px;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto;
}

/* Accordion Styles */
.accordion-container {
    max-width: 1000px;
    margin: 0 auto;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}

.accordion-item.active {
    border-color: var(--orange);
}

.accordion-header {
    background-color: var(--white);
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.accordion-item.active .accordion-header {
    background-color: var(--orange);
    color: var(--white);
}

.accordion-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.accordion-header i {
    transition: transform 0.3s;
}

.accordion-item.active .accordion-header i {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: var(--white);
}

.accordion-item.active .accordion-content {
    max-height: 2000px;
    padding: 25px;
}

.accordion-content p {
    color: var(--gray-light);
    line-height: 1.8;
    margin-bottom: 20px;
}

.accordion-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 20px;
}

.detail-column h4 {
    color: var(--gray-dark);
    font-size: 18px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-column h4 i {
    color: var(--orange);
}

.detail-column ul {
    list-style: none;
    padding: 0;
}

.detail-column ul li {
    color: var(--gray-light);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-column ul li i {
    color: var(--orange);
    font-size: 12px;
}

/* Premium Accordion Styles (Technology Solutions) */
.services-section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.services-section-eyebrow {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--orange);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 500;
}

.services-section-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 55.34px;
    font-weight: 600;
    line-height: 62.7px;
    letter-spacing: -1.37px;
    margin-bottom: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    text-align: center;
    position: relative;
    display: block;
    padding-bottom: 12px;
}

.services-title-orange {
    color: var(--orange);
}

.services-title-black {
    color: #1a1a2e;
}

.services-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background-color: var(--orange);
}

.services-section-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray-light);
    max-width: 900px;
    margin: 0 auto;
}

.accordion-container-premium {
    max-width: 1200px;
    margin: 0 auto;
}

.accordion-item-premium {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background-color: var(--white);
    overflow: hidden;
    transition: all 0.22s ease;
}

.accordion-header-premium {
    background-color: var(--white);
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.22s ease, color 0.22s ease;
    min-height: 64px;
    height: auto;
    border: none;
    outline: none;
}

.accordion-header-premium:hover {
    background-color: rgba(255, 59, 0, 0.05);
}

.accordion-header-premium:focus {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

.accordion-item-premium.active .accordion-header-premium {
    background-color: var(--orange);
    color: var(--white);
}

.accordion-item-premium.active .accordion-header-premium:hover {
    background-color: rgba(255, 59, 0, 0.95);
}

.accordion-item-premium.active .accordion-header-premium:focus {
    outline-color: var(--white);
}

.accordion-header-premium h3 {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--gray-dark);
    transition: color 0.22s ease;
}

.accordion-item-premium.active .accordion-header-premium h3 {
    color: var(--white);
}

.accordion-chevron {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.26s ease;
    stroke: var(--gray-dark);
}

.accordion-item-premium.active .accordion-chevron {
    transform: rotate(180deg);
    stroke: var(--white);
}

.accordion-content-premium {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.26s ease-out, opacity 0.22s ease;
    opacity: 0;
    background-color: var(--white);
}

.accordion-item-premium.active .accordion-content-premium {
    max-height: 2000px;
    padding: 30px;
    opacity: 1;
}

.accordion-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray-light);
    margin-bottom: 30px;
    max-width: 720px;
}

.accordion-grid-premium {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.accordion-column-premium {
    display: flex;
    flex-direction: column;
}

.accordion-column-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-dark);
    margin-bottom: 16px;
}

.accordion-list-premium {
    list-style: none;
    padding: 0;
    margin: 0;
}

.accordion-list-premium li {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--gray-light);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.accordion-list-premium li i {
    margin-top: 6px;
    flex-shrink: 0;
}

.accordion-list-premium li i.fa-circle {
    font-size: 6px;
    color: var(--gray-light);
}

.accordion-list-premium li i.fa-check-circle {
    font-size: 16px;
    color: var(--orange);
}

/* Responsive Accordion */
@media (max-width: 768px) {
    .accordion-grid-premium {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .accordion-header-premium {
        padding: 18px 20px;
        min-height: 60px;
    }
    
    .accordion-header-premium h3 {
        font-size: 16px;
    }
    
    .accordion-item-premium.active .accordion-content-premium {
        padding: 20px;
    }
    
    .services-section-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.8px;
    }
    
    .services-section-title::after {
        width: 120px;
        bottom: 0;
    }
    
    .services-section-description {
        font-size: 15px;
    }
}

/* Corporate Transformation Split Section */
.corporate-transformation-split-section {
    padding: 0;
    background-color: var(--white);
    width: 100%;
    overflow: hidden;
}

.corporate-split-wrapper {
    display: grid;
    grid-template-columns: 600px 1fr;
    min-height: 700px;
    align-items: stretch;
}

.corporate-split-left {
    background-color: #000000;
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--white);
    width: 600px;
    height: 100%;
    flex-shrink: 0;
}

.corporate-split-eyebrow {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--orange);
    margin-bottom: 20px;
}

.corporate-split-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 55.34px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}

.corporate-split-title-white {
    color: var(--white);
}

.corporate-split-title-orange {
    color: var(--orange);
}

.corporate-split-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--white);
    max-width: 600px;
}

.corporate-split-right {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.corporate-split-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Responsive Corporate Split Section */
@media (max-width: 968px) {
    .corporate-split-wrapper {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    
    .corporate-split-left {
        width: 100%;
        height: auto;
        min-height: 500px;
        padding: 60px 40px;
    }
    
    .corporate-split-right {
        min-height: 600px;
        width: 100%;
        height: auto;
    }
    
    .corporate-split-right img {
        object-fit: cover;
        object-position: center center;
    }
    
    .corporate-split-title {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 0px;
    }
}

@media (max-width: 768px) {
    .corporate-split-left {
        padding: 50px 30px;
    }
    
    .corporate-split-title {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: 0px;
    }
    
    .corporate-split-description {
        font-size: 15px;
    }
}

/* Corporate Services Accordion Section */
.corporate-services-accordion-section {
    padding: 80px 0;
    background-color: var(--white);
}

.corporate-accordion-container {
    max-width: 1200px;
    margin: 0 auto;
}

.corporate-accordion-item {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background-color: var(--white);
    overflow: hidden;
    transition: all 0.22s ease;
}

.corporate-accordion-header {
    background-color: var(--orange);
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.22s ease;
    min-height: 64px;
    border: none;
    outline: none;
}

.corporate-accordion-header:hover {
    background-color: rgba(255, 59, 0, 0.95);
}

.corporate-accordion-header:focus {
    outline: 2px solid var(--white);
    outline-offset: 2px;
}

.corporate-accordion-header h3 {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--white);
}

.corporate-accordion-chevron {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.26s ease;
    stroke: var(--white);
}

.corporate-accordion-item.active .corporate-accordion-chevron {
    transform: rotate(180deg);
}

.corporate-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.26s ease-out, opacity 0.22s ease;
    opacity: 0;
    background-color: var(--white);
}

.corporate-accordion-item.active .corporate-accordion-content {
    max-height: 5000px;
    padding: 30px;
    opacity: 1;
}

.corporate-accordion-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray-dark);
    margin-bottom: 30px;
}

/* Sub Items */
.corporate-accordion-sub-items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.corporate-accordion-sub-item {
    background-color: #f8f9fa;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.22s ease;
}

.corporate-sub-item-header {
    background-color: #f8f9fa;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.22s ease;
    border: none;
    outline: none;
}

.corporate-sub-item-header:hover {
    background-color: #ececec;
}

.corporate-sub-item-header:focus {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

.corporate-sub-item-header h4 {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: var(--gray-dark);
}

.corporate-sub-chevron {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.26s ease;
    stroke: var(--gray-dark);
}

.corporate-accordion-sub-item.active .corporate-sub-chevron {
    transform: rotate(90deg);
}

.corporate-sub-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.26s ease-out, opacity 0.22s ease;
    opacity: 0;
    background-color: var(--white);
}

.corporate-accordion-sub-item.active .corporate-sub-item-content {
    max-height: 2000px;
    padding: 24px;
    opacity: 1;
}

.corporate-sub-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--gray-light);
    margin-bottom: 20px;
}

.corporate-sub-details {
    margin-top: 20px;
}

.corporate-sub-detail-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--gray-dark);
    margin-bottom: 12px;
}

.corporate-sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.corporate-sub-list li {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--gray-light);
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.corporate-sub-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--orange);
    font-weight: bold;
}

/* Responsive Corporate Accordion */
@media (max-width: 768px) {
    .corporate-accordion-header {
        padding: 18px 20px;
        min-height: 60px;
    }
    
    .corporate-accordion-header h3 {
        font-size: 16px;
    }
    
    .corporate-accordion-item.active .corporate-accordion-content {
        padding: 20px;
    }
    
    .corporate-sub-item-header {
        padding: 14px 20px;
    }
    
    .corporate-sub-item-header h4 {
        font-size: 15px;
    }
    
    .corporate-accordion-sub-item.active .corporate-sub-item-content {
        padding: 20px;
    }
}

/* Corporate Transformation Section */
.corporate-transformation {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.transformation-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 60px;
    align-items: center;
}

.transformation-left {
    text-align: left;
}

.transformation-right {
    position: relative;
}

.transformation-image {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

.image-placeholder {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.office-meeting {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* About Section (hakkimizda.html) */
.about-hero {
    position: relative;
    min-height: 600px;
    display: block;
}

.about-hero .hero-content {
    position: relative;
    z-index: 2;
}

.hero-image-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.about-hero .hero-image-placeholder {
    position: relative;
    height: 600px;
}

.hero-image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    filter: brightness(1) contrast(1.1) saturate(1.1);
}

/* White About Section */
.white-about-section {
    padding: 80px 0;
    background-color: var(--white);
}

.white-section-content {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.white-section-label {
    color: var(--orange);
    font-size: 16px;
    font-weight: 600;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 16%;
    line-height: 30px;
}

.white-section-label strong {
    font-weight: 700;
}

.white-section-subtitle {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-dark);
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.6;
}

.white-section-title {
    font-size: 42px;
    font-weight: bold;
    color: var(--gray-dark);
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.3;
}

.white-section-wrapper {
    display: grid;
    grid-template-columns: 612px 1fr;
    gap: 60px;
    align-items: start;
    margin-top: 40px;
    width: 100%;
    box-sizing: border-box;
}

/* Mobile First - Force responsive at 1200px and below */
@media screen and (max-width: 1200px) {
    .white-section-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .white-section-image-small {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        flex-shrink: 1 !important;
    }
    
    .white-section-image-small img {
        width: 100% !important;
        height: auto !important;
        max-height: 400px !important;
        object-fit: cover !important;
    }
}

/* Tablet and Mobile */
@media screen and (max-width: 768px) {
    .white-section-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-top: 30px !important;
    }
    
    .white-section-image-small {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    .white-section-image-small img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
    }
    
    .white-section-text {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
    .white-section-wrapper {
        gap: 24px !important;
        margin-top: 24px !important;
    }
    
    .white-section-image-small img {
        max-height: 250px !important;
    }
}

.white-section-image-small {
    width: 612px;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    align-self: stretch;
    max-width: 100%;
    box-sizing: border-box;
}

.white-section-image-small img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    object-fit: cover;
    transform: scaleX(-1);
}

.white-section-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    height: 100%;
    align-self: stretch;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}

.white-section-text p {
    color: var(--gray-dark);
    line-height: 24px;
    margin-bottom: 12px;
    font-size: 17px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: -0.33px;
    text-align: justify;
}

.white-section-text p strong {
    font-weight: bold;
    color: var(--gray-dark);
}

.white-section-text ul {
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
}

.white-section-text ul li {
    color: var(--gray-dark);
    line-height: 25.8px;
    font-size: 15px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: -0.33px;
    margin-bottom: 8px;
    padding-left: 25px;
    position: relative;
}

.white-section-text ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    font-size: 20px;
    color: var(--gray-dark);
}

/* New Mission & Vision Section */
.mission-vision-new-section {
    padding: 80px 0;
    background-color: var(--orange);
    width: 100%;
}

.mission-vision-content-wrapper {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.mission-vision-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

/* Mobile responsive for mission-vision */
@media screen and (max-width: 768px) {
    .mission-vision-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .mission-vision-image {
        order: -1 !important;
        width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
    }
    
    .mission-vision-image img {
        width: 100% !important;
        height: 100% !important;
        max-height: 250px !important;
        object-fit: cover !important;
    }
}

@media screen and (max-width: 480px) {
    .mission-vision-wrapper {
        gap: 24px !important;
    }
    
    .mission-vision-image {
        height: 200px !important;
        max-height: 200px !important;
    }
    
    .mission-vision-image img {
        max-height: 200px !important;
    }
}

.mission-vision-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: 100%;
    align-self: stretch;
    justify-content: center;
}

.mission-block-new,
.vision-block-new {
    color: var(--white);
}

.mission-vision-heading {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 16%;
    color: var(--white);
    margin-bottom: 12px;
    text-transform: uppercase;
}

.mission-vision-text {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.33px;
    color: var(--white);
    margin-bottom: 12px;
    text-align: justify;
}

.mission-vision-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 20px;
    overflow: hidden;
}

.mission-vision-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

/* Work Process New Section */
.work-process-new-section {
    padding: 0;
    background-color: var(--white);
    position: relative;
}

.work-process-top-line {
    width: 100%;
    height: 2px;
    background-color: var(--orange);
    margin: 0;
}

.work-process-content-wrapper {
    text-align: center;
    padding: 60px 20px 80px 20px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.work-process-label {
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.work-process-title {
    font-size: 48px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 15px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.work-process-underline {
    width: 80px;
    height: 3px;
    background-color: var(--orange);
    margin: 0 auto 30px;
}

.work-process-description {
    font-size: 16px;
    color: var(--gray-light);
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto 60px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.work-process-grid-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Mobile responsive for work-process */
@media screen and (max-width: 768px) {
    .work-process-grid-new {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        max-width: 100% !important;
    }
    
    .work-process-item-new {
        padding: 20px 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .work-process-item-content {
        gap: 15px !important;
    }
    
    .work-process-number {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }
    
    .work-process-item-title {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    
    .work-process-item-description {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

@media screen and (max-width: 480px) {
    .work-process-grid-new {
        gap: 16px !important;
    }
    
    .work-process-item-new {
        padding: 18px 14px !important;
    }
    
    .work-process-number {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    
    .work-process-item-title {
        font-size: 17px !important;
    }
    
    .work-process-item-description {
        font-size: 13px !important;
    }
}

.work-process-item-new {
    text-align: left;
    padding: 30px;
}

.work-process-item-content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.work-process-number {
    width: 60px;
    height: 60px;
    background-color: var(--orange);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    flex-shrink: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.work-process-text-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.work-process-item-title {
    font-size: 22px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.work-process-item-description {
    font-size: 15px;
    color: var(--gray-light);
    line-height: 1.7;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Responsive styles for hakkimizda.html */
@media (max-width: 1024px) {
    .about-hero {
        min-height: 500px;
    }
    
    .about-hero .hero-image-placeholder {
        height: 500px;
        position: relative;
    }
    
    .white-section-wrapper {
        grid-template-columns: 1fr !important;
        gap: 40px;
    }
    
    .white-section-image-small {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        flex-shrink: 1 !important;
    }
    
    .white-section-image-small img {
        height: auto !important;
        min-height: 300px;
    }
    
    .mission-vision-wrapper {
        grid-template-columns: 1fr !important;
        gap: 40px;
    }
    
    .mission-vision-image {
        order: -1;
    }
    
    .work-process-grid-new {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
    
    .about-hero {
        min-height: 400px;
    }
    
    .about-hero .hero-image-placeholder {
        height: 400px;
        position: relative;
    }
    
    .white-about-section {
        padding: 60px 0;
    }
    
    .white-about-section .container {
        padding: 0;
    }
    
    .white-section-content {
        padding: 0 16px;
    }
    
    .white-section-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .white-section-wrapper {
        grid-template-columns: 1fr !important;
        gap: 30px;
        margin-top: 30px;
    }
    
    .white-section-image-small {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        flex-shrink: 1 !important;
        align-self: auto !important;
    }
    
    .white-section-image-small img {
        height: auto !important;
        min-height: 250px;
    }
    
    .white-section-text {
        width: 100%;
    }
    
    .white-section-text p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .mission-vision-new-section {
        padding: 60px 0;
    }
    
    .mission-vision-new-section .container {
        padding: 0;
    }
    
    .mission-vision-content-wrapper {
        padding: 0 16px;
    }
    
    .mission-vision-wrapper {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }
    
    .mission-vision-content {
        gap: 30px;
    }
    
    .mission-vision-image {
        order: -1 !important;
        height: 300px;
        width: 100%;
    }
    
    .work-process-new-section {
        padding: 0;
    }
    
    .work-process-content-wrapper {
        padding: 50px 16px 60px 16px;
    }
    
    .work-process-title {
        font-size: 36px;
    }
    
    .work-process-description {
        font-size: 15px;
        margin-bottom: 40px;
    }
    
    .work-process-grid-new {
        grid-template-columns: 1fr !important;
        gap: 24px;
    }
    
    .work-process-item-new {
        padding: 24px 20px;
    }
    
    .work-process-item-content {
        gap: 16px;
    }
    
    .work-process-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .work-process-item-title {
        font-size: 20px;
    }
    
    .work-process-item-description {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 16px;
    }
    
    .about-hero {
        min-height: 300px;
    }
    
    .about-hero .hero-image-placeholder {
        height: 300px;
        position: relative;
    }
    
    .white-about-section {
        padding: 40px 0;
    }
    
    .white-about-section .container {
        padding: 0;
    }
    
    .white-section-content {
        padding: 0 16px;
    }
    
    .white-section-label {
        font-size: 14px;
    }
    
    .white-section-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .white-section-wrapper {
        grid-template-columns: 1fr !important;
        gap: 24px;
        margin-top: 24px;
    }
    
    .white-section-image-small {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    .white-section-image-small img {
        height: auto !important;
        min-height: 200px;
    }
    
    .white-section-text p {
        font-size: 15px;
        line-height: 1.6;
    }
    
    .mission-vision-new-section {
        padding: 40px 0;
    }
    
    .mission-vision-new-section .container {
        padding: 0;
    }
    
    .mission-vision-content-wrapper {
        padding: 0 16px;
    }
    
    .mission-vision-heading {
        font-size: 14px;
    }
    
    .mission-vision-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .mission-vision-image {
        order: -1 !important;
        height: 250px;
        width: 100%;
    }
    
    .work-process-content-wrapper {
        padding: 40px 16px 50px 16px;
    }
    
    .work-process-label {
        font-size: 12px;
    }
    
    .work-process-title {
        font-size: 28px;
    }
    
    .work-process-description {
        font-size: 14px;
        margin-bottom: 30px;
    }
    
    .work-process-grid-new {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    .work-process-item-new {
        padding: 20px 16px;
    }
    
    .work-process-item-content {
        flex-direction: column;
        gap: 12px;
    }
    
    .work-process-number {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    
    .work-process-item-title {
        font-size: 18px;
    }
    
    .work-process-item-description {
        font-size: 13px;
    }
}

.about-section {
    padding: 80px 0;
    background-color: var(--orange);
}

.about-content-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 50px;
    margin-bottom: 60px;
}

.about-text-block {
    background-color: var(--white);
    padding: 40px;
    border-radius: 10px;
    text-align: right;
}

.about-text-block p {
    color: var(--gray-dark);
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;
}

.about-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-image-top,
.about-image-bottom {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}

.about-image-bottom {
    border: 3px solid var(--white);
}

.team-photo {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.tech-woman {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.mission-vision-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.mission-block,
.vision-block {
    color: var(--white);
}

.mission-block h3,
.vision-block h3 {
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: bold;
}

.vision-quote,
.mission-quote {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 25px;
    font-style: italic;
}

.vision-subtitle,
.mission-subtitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.vision-list,
.mission-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vision-list li,
.mission-list li {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.vision-list li::before,
.mission-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    font-size: 20px;
    color: var(--white);
}

.mission-block p,
.vision-block p {
    line-height: 1.8;
    font-size: 16px;
}

/* Values Section */
.values-section {
    padding: 60px 0;
    background-color: var(--white);
}

.values-title {
    font-size: 32px;
    font-weight: bold;
    color: var(--gray-dark);
    text-align: center;
    margin-bottom: 50px;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.value-item {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    border-left: 4px solid var(--orange);
}

.value-item h4 {
    font-size: 20px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 15px;
}

.value-item p {
    color: var(--gray-light);
    line-height: 1.8;
    font-size: 15px;
    margin: 0;
}

/* Work Process Section */
.work-process-section {
    padding: 80px 0;
    background-color: var(--white);
}

.work-process-header {
    text-align: left;
    margin-bottom: 60px;
}

.section-label-right {
    color: var(--gray-lighter);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    margin-bottom: 10px;
}

.section-title-left {
    font-size: 48px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 30px;
}

.work-process-intro {
    color: var(--gray-light);
    font-size: 16px;
    line-height: 1.8;
    max-width: 900px;
}

.work-process-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.process-item {
    padding: 30px;
}

.process-number {
    width: 60px;
    height: 60px;
    background-color: var(--orange);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.process-item h3 {
    font-size: 24px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 15px;
}

.process-item p {
    color: var(--gray-light);
    line-height: 1.8;
}

/* Content Page Styles (icerik.html) */
.content-hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.hero-title-large {
    color: var(--white);
    font-size: 72px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.hero-subtitle {
    color: var(--white);
    font-size: 24px;
}

/* Services Slider Section - Pixel-perfect match to reference */
.services-slider-section {
    padding: 80px 0;
    background-color: var(--white);
}

.services-section-label {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--orange);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Services Typography - Matching Work Process Section */
.services-slider-section.services-typography .services-section-label {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #FF3B00 !important;
    font-size: 14.76px !important;
    text-transform: uppercase !important;
    letter-spacing: 2.36px !important; /* Matching ÇALIŞMA SÜRECİMİZ */
    text-align: center !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important; /* SemiBold - matching Çalışma Sürecimiz */
    line-height: 27.7px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

.services-section-headline {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 1100px;
}

.services-section-title-main {
    font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 42px;
    font-weight: 200;
    color: #1a1a1a;
    text-align: center;
    margin: 0 0 12px 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
    padding: 0;
}

/* Services Typography - Matching Work Process Section */
.services-slider-section.services-typography .services-section-title-main,
.services-slider-section.services-typography h2.services-section-title-main {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 55.34px !important; /* Matching Çalışma Sürecimiz main title */
    font-weight: 700 !important; /* Bold - matching Çalışma Sürecimiz */
    color: #1a1a2e !important;
    text-align: center !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.15 !important; /* Matching Çalışma Sürecimiz */
    letter-spacing: -0.02em !important; /* Matching Çalışma Sürecimiz */
    padding: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-kerning: normal !important;
}

.services-section-title-sub {
    font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #5f5f5f;
    text-align: center;
    margin: 0;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 0;
}

/* Services Typography - Subtitle (keeping Inter as it's a subtitle, but matching font rendering) */
.services-slider-section.services-typography .services-section-title-sub {
    font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-kerning: normal !important;
}

.services-swiper-container {
    position: relative;
    width: 100%;
    padding-bottom: 60px;
}

.servicesSwiper {
    width: 100%;
    padding-bottom: 0;
    overflow: visible;
}

.service-slide {
    height: auto;
}

.service-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    outline: none;
}

.service-card-link:focus {
    outline: 2px solid var(--orange);
    outline-offset: 4px;
    border-radius: 12px;
}

.service-card {
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.service-card:hover,
.service-card-link:focus .service-card {
    transform: translateY(-4px);
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.6) 0%, rgba(106, 27, 154, 0.6) 100%);
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

.service-card-link:hover .service-card::before,
.service-card-link:focus .service-card::before {
    opacity: 1;
}

.service-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.service-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.service-card:hover .service-card-image img {
    transform: scale(1.05);
}

/* Enhance glow effect for fingertip image */
.service-card-image img[alt="Technology Services"] {
    filter: brightness(1.2) contrast(1.3) saturate(1.2);
}

.service-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.6) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 10;
    pointer-events: none;
}

.service-card:hover .service-card-overlay {
    z-index: 1;
}

.service-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    z-index: 20;
    pointer-events: none;
    width: 100%;
}

.service-card-title {
    color: var(--white);
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px 0;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-card-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
}

/* CTA Icon - Top Right White Circle with Arrow */
.cardCtaIcon {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 9999px;
    display: grid;
    place-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: scale(0.92);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease, background-color 0.2s ease-in-out;
    z-index: 30;
}

.cardCtaIcon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.cardCtaIcon svg path {
    stroke: #111111;
    transition: stroke 0.2s ease-in-out;
}

/* Arrow icon hover - change background color to #FF3B00 and arrow to white */
.cardCtaIcon:hover {
    background-color: #FF3B00;
}

.cardCtaIcon:hover svg path {
    stroke: #ffffff !important;
}

/* Show icon on card hover and focus */
.service-card-link:hover .service-card .cardCtaIcon,
.service-card-link:focus .service-card .cardCtaIcon,
.service-card:focus-within .cardCtaIcon {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Services Slider Navigation */
.services-slider-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.services-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid var(--gray-dark);
    color: var(--gray-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 0;
    font-size: 18px;
}

.services-nav-btn:hover {
    background-color: var(--gray-dark);
    color: var(--white);
    transform: scale(1.1);
}

.services-nav-btn:active {
    transform: scale(0.95);
}

.services-nav-btn:focus {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

/* Services Pagination Dots */
.services-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 30px;
    text-align: center;
}

.services-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: var(--gray-dark);
    opacity: 0.3;
    margin: 0 6px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.services-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--orange);
    width: 24px;
    border-radius: 5px;
}

.services-pagination .swiper-pagination-bullet:hover {
    opacity: 0.7;
}

/* Responsive Design for Services Slider */
@media (max-width: 1024px) {
    .services-section-title-main {
        font-size: 36px;
    }
    
    .services-slider-section.services-typography .services-section-title-main {
        font-size: 36px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    
    .services-section-title-sub {
        font-size: 20px;
    }
    
    .service-card {
        height: 420px;
    }
    
    .service-card-title {
        font-size: 21px;
    }
}

@media (max-width: 768px) {
    .services-slider-section {
        padding: 60px 0;
    }
    
    .services-section-headline {
        margin-bottom: 40px;
        max-width: 100%;
    }
    
    .services-section-title-main {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .services-slider-section.services-typography .services-section-title-main {
        font-size: 32px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    
    .services-section-title-sub {
        font-size: 18px;
    }
    
    .service-card {
        height: 380px;
    }
    
    .service-card-content {
        padding: 25px;
    }
    
    .service-card-title {
        font-size: 18px;
    }
    
    .service-card-subtitle {
        font-size: 14px;
    }
    
    .services-slider-nav {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .service-card {
        height: 320px;
    }
    
    .service-card-content {
        padding: 20px;
    }
    
    .service-card-title {
        font-size: 16px;
    }
}

.section-title-center {
    font-size: 42px;
    font-weight: bold;
    color: var(--gray-dark);
    text-align: center;
    margin-bottom: 60px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.section-title-center.white {
    color: var(--white);
}

.section-label-center {
    color: var(--orange);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 15px;
}

.section-label-referanslar {
    font-weight: 700;
    margin-bottom: 4px;
}

.card-content {
    padding: 30px;
    color: var(--white);
}

.card-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-content p {
    font-size: 15px;
    opacity: 0.9;
    margin: 0;
}

.carousel-nav {
    display: none;
}

.carousel-nav i {
    width: 40px;
    height: 40px;
    background-color: var(--gray-lighter);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.carousel-nav i:hover {
    background-color: var(--orange);
}

/* Solutions Showcase */
/* Solutions Section */
.solutions-showcase {
    padding: 100px 0;
    background: #431E66;
    position: relative;
    overflow: hidden;
}

.solutions-showcase::before {
    content: '';
    position: absolute;
    top: -400px;
    right: -200px;
    width: 1400px;
    height: 1400px;
    background: radial-gradient(circle, #3F64E9 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0.43;
    z-index: 0;
    filter: blur(100px);
    mix-blend-mode: normal;
}

.solutions-showcase::after {
    content: '';
    position: absolute;
    top: -600px;
    left: -400px;
    width: 1800px;
    height: 1800px;
    background: radial-gradient(circle, #E93F3F 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0.43;
    z-index: 0;
    filter: blur(120px);
    mix-blend-mode: normal;
}

.solutions-showcase .container {
    position: relative;
    z-index: 1;
}

.solutions-section-label {
    color: #FFCD04;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
}

.solutions-section-title {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 57px;
    font-weight: 400;
    color: var(--white);
    text-align: center;
    margin: 0 auto 60px;
    max-width: 1000px;
    line-height: 64px;
    letter-spacing: -0.25px;
    position: relative;
    z-index: 1;
}

.solutions-grid-large {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    position: relative;
    z-index: 1;
}

.solution-card {
    position: relative;
    padding: 32px;
    border-radius: 12px;
    background-color: transparent;
    color: var(--white);
    cursor: pointer;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    transition: all 0.3s ease;
    min-height: 200px;
    overflow: hidden;
    border: none;
}

.solution-card-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
}

.solution-card-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* White icons by default */
    transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.solution-card-icon svg {
    width: 32px;
    height: 32px;
    color: var(--white);
    stroke: var(--white);
    transition: color 0.3s ease-in-out, stroke 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.solution-card-content {
    flex: 1;
    position: relative;
    z-index: 5;
}

/* Themexriver 4-part hover effect */
.solution-card .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.solution-card .hover .hover-one,
.solution-card .hover .hover-two,
.solution-card .hover .hover-three,
.solution-card .hover .hover-four {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25%;
    background: var(--white);
    opacity: 0;
    z-index: 1;
    transition: all 0.35s ease;
    transform: scaleY(0);
}

.solution-card .hover .hover-one {
    top: 0;
    border-radius: 12px 12px 0 0;
    transform-origin: top;
    transition-delay: 0.25s;
}

.solution-card .hover .hover-two {
    top: 25%;
    transform-origin: center;
    transition-delay: 0.105s;
}

.solution-card .hover .hover-three {
    top: 50%;
    transform-origin: center;
    transition-delay: 0.105s;
}

.solution-card .hover .hover-four {
    top: 75%;
    border-radius: 0 0 12px 12px;
    transform-origin: bottom;
    transition-delay: 0s;
}

.solution-card-title {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20.36px;
    font-weight: 600; /* SemiBold */
    margin-bottom: 12px;
    color: var(--white);
    line-height: 25px;
    letter-spacing: 0;
    transition: color 0.3s ease-in-out;
}

.solution-card-description {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16.66px;
    font-weight: 400; /* Regular */
    line-height: 23px;
    letter-spacing: -0.33px;
    color: rgba(255, 255, 255, 0.9);
    transition: color 0.3s ease-in-out;
}

/* Highlight Card (Card 8 - Same as other cards by default) */
.solution-card-highlight {
    background-color: transparent;
    overflow: hidden;
    border: none;
}

.solution-card-highlight .solution-card-icon img {
    filter: brightness(0) invert(1); /* White icons by default, same as other cards */
}

.solution-card-highlight .solution-card-title {
    color: var(--white);
}

.solution-card-highlight .solution-card-description {
    color: rgba(255, 255, 255, 0.8);
}

/* Hover States - Themexriver 4-part reveal (Desktop Only) */
@media (hover: hover) {
    .solution-card:hover .hover .hover-one,
    .solution-card:hover .hover .hover-two,
    .solution-card:hover .hover .hover-three,
    .solution-card:hover .hover .hover-four {
        transform: scaleY(1);
        opacity: 1;
    }

    .solution-card:hover .solution-card-icon img {
        filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(10000%) hue-rotate(0deg); /* Orange on hover - #FF3B00 */
        transition: filter 0.35s ease;
    }

    .solution-card:hover .solution-card-icon svg {
        color: var(--orange);
        stroke: var(--orange);
        transition: color 0.35s ease, stroke 0.35s ease;
    }

    .solution-card:hover .solution-card-title,
    .solution-card:hover .solution-card-content .solution-card-title {
        color: #FF3B00;
        transition: color 0.35s ease;
    }

    .solution-card:hover .solution-card-description {
        color: rgba(26, 26, 46, 0.8);
        transition: color 0.35s ease;
    }
}

/* Hover States for Highlight Card (Desktop Only) - Themexriver style */
@media (hover: hover) {
    .solution-card-highlight:hover .hover .hover-one,
    .solution-card-highlight:hover .hover .hover-two,
    .solution-card-highlight:hover .hover .hover-three,
    .solution-card-highlight:hover .hover .hover-four {
        transform: scaleY(1);
        opacity: 1;
    }

    .solution-card-highlight:hover .solution-card-title {
        color: #FF3B00;
        transition: color 0.35s ease;
    }

    .solution-card-highlight:hover .solution-card-description {
        color: rgba(26, 26, 46, 0.8);
        transition: color 0.35s ease;
    }

    .solution-card-highlight:hover .solution-card-icon img {
        filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(10000%) hue-rotate(0deg); /* Orange on hover - #FF3B00 */
        transition: filter 0.35s ease;
    }

    .solution-card-highlight:hover .solution-card-icon svg {
        color: var(--orange);
        stroke: var(--orange);
        transition: color 0.35s ease, stroke 0.35s ease;
    }
}

/* Responsive Styles for Solutions Section */
@media (max-width: 1024px) {
    .solutions-grid-large {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    
    .solutions-section-title {
        font-size: 36px;
    }
    
    .solution-card {
        padding: 28px;
        min-height: 180px;
    }
}

@media (max-width: 768px) {
    .solutions-showcase {
        padding: 80px 0;
    }
    
    .solutions-grid-large {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .solutions-section-title {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 40px;
    }
    
    .solution-card {
        padding: 24px;
        gap: 20px;
        min-height: auto;
    }
    
    .solution-card-icon {
        width: 40px;
        height: 40px;
    }
    
    .solution-card-icon img {
        width: 28px;
        height: 28px;
    }
    
    .solution-card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .solution-card-description {
        font-size: 15px;
    }
}

/* Work Process Showcase */
.work-process-showcase {
    padding: 100px 0 40px 0;
    background-color: var(--white);
}

/* Section Label (Subtitle) */
.work-process-showcase.work-process-typography .section-label-center {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #FF3B00 !important;
    font-size: 14.76px !important;
    text-transform: uppercase !important;
    letter-spacing: 2.36px !important; /* 16% of 14.76px ≈ 2.36px */
    text-align: center !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important; /* SemiBold */
    line-height: 27.7px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* Main Title */
.work-process-showcase.work-process-typography .work-process-title,
.work-process-showcase.work-process-typography h2.work-process-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 55.34px !important;
    font-weight: 700 !important; /* Bold - matching Figma */
    color: #1a1a2e !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    line-height: 1.15 !important; /* 62.7px / 55.34px ≈ 1.15 */
    letter-spacing: -0.02em !important; /* Normalized from -1.37px */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-kerning: normal !important;
}

/* Divider Line */
.work-process-divider {
    width: 60px;
    height: 2px;
    background-color: #FF3B00;
    margin: 0 auto 60px;
}

/* Grid Layout - Two Columns */
.work-process-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
    max-width: 1000px;
    margin: 0 auto;
}

/* Step Container */
.work-step {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

/* Step Content Wrapper */
.work-step-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Step Number Circle */
.step-number {
    width: 64px;
    height: 64px;
    background-color: #FF3B00;
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Step Title */
.work-process-showcase.work-process-typography .work-step-content h3,
.work-process-showcase.work-process-typography .work-step-content .step-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important; /* Bold - matching Figma */
    color: #1a1a2e !important;
    margin-bottom: 12px !important;
    margin-top: 0 !important;
    line-height: 1.2 !important; /* 33.2px / 22px ≈ 1.51, but using 1.2 for tighter spacing */
    letter-spacing: -0.015em !important; /* Slightly negative for premium look */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-kerning: normal !important;
    transition: color 0.3s ease;
}

/* Step Description */
.work-process-showcase.work-process-typography .work-step-content p,
.work-process-showcase.work-process-typography .work-step-content .step-body {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #6B7280 !important; /* Adjusted gray for better readability */
    line-height: 1.6 !important; /* 25.8px / 15px ≈ 1.72, using 1.6 for better readability */
    font-size: 15px !important;
    font-weight: 400 !important; /* Regular */
    letter-spacing: -0.01em !important; /* Normalized from -0.33px */
    margin: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-kerning: normal !important;
}

/* Hover Effect for Work Steps */
.work-step:hover .step-number {
    background-color: var(--purple-dark);
    color: var(--white);
}

.work-step:hover .work-step-content h3 {
    color: var(--purple-dark) !important;
}

/* Responsive Styles for Work Process Section */
@media (max-width: 1024px) {
    .work-process-showcase {
        padding: 80px 0;
    }
    
    .work-process-showcase.work-process-typography .work-process-title {
        font-size: 36px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    
    .work-process-list {
        gap: 40px 60px;
    }
}

@media (max-width: 968px) {
    .work-process-list {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .work-process-showcase.work-process-typography .work-process-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    
    .work-step {
        gap: 20px;
    }
    
    .step-number {
        width: 56px;
        height: 56px;
    font-size: 22px;
    }
    
    .work-process-showcase.work-process-typography .work-step-content h3 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.015em !important;
}

    .work-process-showcase.work-process-typography .work-step-content p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        letter-spacing: -0.01em !important;
    }
}

/* Interactive Section */
.interactive-section {
    padding: 0;
    margin: 0;
}

.interactive-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 600px;
}

.interactive-left {
    position: relative;
    overflow: hidden;
}

.interactive-image {
    width: 100%;
    height: 100%;
    min-height: 600px;
    position: relative;
    overflow: hidden;
}

.interactive-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.nav-arrow-left {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.image-overlay {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: var(--white);
    z-index: 2;
}

.overlay-text {
    flex: 1;
}

.overlay-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.overlay-text p {
    font-size: 18px;
    margin: 4px 0;
    line-height: 1.4;
}

.nav-arrow-left,
.nav-arrow-right {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 20px;
    margin-left: 20px;
}

.nav-arrow-left:hover,
.nav-arrow-right:hover {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: var(--white);
}

.interactive-right {
    background: linear-gradient(135deg, var(--purple-dark) 0%, var(--purple-light) 100%);
    padding: 60px 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.interactive-list {
    width: 100%;
    position: relative;
}

.nav-arrow-right {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.list-item {
    padding: 20px 25px;
    background-color: rgba(255,255,255,0.1);
    margin-bottom: 12px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    cursor: pointer;
    transition: background-color 0.3s;
}

.list-item:hover {
    background-color: rgba(255,255,255,0.15);
}

.list-item.active {
    background-color: rgba(255,255,255,0.25);
}

.list-item span {
    font-size: 16px;
    font-weight: 500;
}

.list-item i {
    font-size: 14px;
    opacity: 0.8;
}

/* Digital Products */
.digital-products {
    padding: 40px 0 80px 0;
    background-color: var(--white);
}

.products-carousel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

.product-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;
}

/* MySecondMed card - normal state: same as İşletmeni Tanıt (overflow, corners) */
.product-card:has(.product-image-mysecondmed) {
    overflow: hidden;
    border-radius: 15px;
}

.product-card-image:has(.product-image-mysecondmed) {
    border-radius: 15px;
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
}

.product-card-image {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

/* MySecondMed: same overflow as İşletmeni Tanıt in normal state (hidden) */
.product-card-image:has(.product-image-mysecondmed) {
    overflow: hidden;
}

.product-card-image .product-card-overlay {
    overflow: visible;
}

.product-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s, filter 0.3s;
    filter: brightness(0.7) contrast(1.1);
}

/* Normal state: same look as İşletmeni Tanıt (brightness, contrast, no blur) */
.product-image-mysecondmed {
    object-position: center 3%;
    filter: brightness(0.7) contrast(1.1);
}

.product-image-isletmeni {
    object-position: center top;
}

.product-card:hover .product-card-image img {
    transform: scale(1.05);
}

/* MySecondMed card: same hover behavior as İşletmeniTanıt (lift, shadow, image zoom, overlay) */
.product-card:hover .product-card-image:has(.product-image-mysecondmed) {
    overflow: hidden;
}
.product-card:hover .product-image-mysecondmed {
    filter: brightness(0.7) contrast(1.1);
}

.product-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white);
    transition: background 0.3s ease;
}

.product-card:hover .product-card-overlay {
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.85) 0%, rgba(106, 27, 154, 0.75) 100%);
}

.product-title {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
}

.product-title-text {
    font-weight: 400;
}

.product-title-bold {
    font-weight: bold;
}

.product-title-plus {
    color: var(--orange);
    font-size: 56px;
    font-weight: bold;
    margin-left: 5px;
}

.product-logo {
    display: flex;
    align-items: center;
    gap: 20px;
}

.heart-icon-small {
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--purple-dark);
    font-weight: bold;
    font-size: 32px;
    flex-shrink: 0;
}

.product-logo span {
    font-size: 32px;
    font-weight: 500;
    color: var(--white);
}

.product-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 40px;
    width: 100%;
    padding-top: 160px;
    overflow: visible;
    min-height: 120px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.product-logo-image {
    max-width: 300px;
    max-height: none;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* MySecondMed normal state: same overlay and logo as İşletmeni Tanıt */
.product-logo-image-mysecondmed {
    max-width: 300px;
    max-height: none;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.detail-link {
    color: var(--white);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.detail-link:hover {
    color: var(--orange);
}

.detail-link::after {
    content: '→';
    font-size: 18px;
}

/* Team Showcase */
.team-showcase {
    padding: 80px 0;
    background-color: var(--white);
}

.team-carousel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

.team-member {
    text-align: center;
}

.member-photo {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.member-overlay {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
    padding: 15px 30px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    text-align: center;
    white-space: nowrap;
    z-index: 2;
}

.member-name {
    color: var(--orange);
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.member-title {
    color: var(--gray-dark);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

/* Creative Team Section */
.creative-team-section {
    padding: 10px 0 40px 0;
    background-color: var(--white);
}

.creative-team-label {
    color: var(--orange);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 700;
}

.creative-team-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 55.34px;
    font-weight: 700;
    color: #1a1a2e;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
}

.creative-team-carousel-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.creative-team-carousel {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    transition: transform 0.5s ease;
    will-change: transform;
}

.creative-team-member-card {
    flex: 0 0 calc(25% - 15px);
    min-width: 250px;
    max-width: calc(25% - 15px);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.creative-team-member-card-highlighted {
    opacity: 0.4;
}

.creative-team-member-card-highlighted .creative-member-image img {
    opacity: 0.5;
}

.creative-member-image {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: visible;
    border-radius: 20px;
}

.creative-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.3s ease;
}


/* Premium Avatar for team members without photo */
.creative-member-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FF3B00 0%, #FF6B3D 50%, #FF8C5A 100%);
}

.avatar-background {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FF3B00 0%, #FF6B3D 50%, #FF8C5A 100%);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.avatar-background::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    animation: avatar-shine 3s ease-in-out infinite;
}

@keyframes avatar-shine {
    0%, 100% {
        transform: rotate(0deg);
        opacity: 0.3;
    }
    50% {
        transform: rotate(180deg);
        opacity: 0.6;
    }
}

.avatar-initials {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 4px;
    z-index: 1;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    position: relative;
}

.creative-member-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 20px;
}

.creative-team-member-card:hover .creative-member-image::before {
    opacity: 1;
}

.creative-team-member-card:hover .creative-member-image img {
    transform: scale(1.05);
}

.creative-team-member-card:hover .avatar-background {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.creative-member-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
}

.creative-team-member-card:hover .creative-member-overlay {
    opacity: 1;
}

.creative-team-member-card-highlighted .creative-member-overlay {
    opacity: 1;
}

.creative-member-name {
    color: var(--orange);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px 0;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    width: 100%;
}

.creative-member-title {
    color: var(--gray-dark);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    width: 100%;
}

.creative-member-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--orange);
    color: var(--white);
    border-radius: 50%;
    text-decoration: none;
    margin-top: 8px;
    transition: all 0.3s ease;
    font-size: 16px;
    flex-shrink: 0;
}

.creative-member-linkedin:hover {
    background-color: #0077b5;
    transform: scale(1.1);
    color: var(--white);
}

.creative-member-linkedin:focus {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

.creative-team-carousel-nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.creative-team-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--gray-dark);
    background-color: transparent;
    color: var(--gray-dark);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 18px;
}

.creative-team-nav-btn:hover {
    background-color: var(--gray-dark);
    color: var(--white);
}

.creative-team-nav-btn:focus {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

/* Responsive Design for Creative Team */
@media (max-width: 1024px) {
    .creative-team-member-card {
        flex: 0 0 calc(33.333% - 14px);
        min-width: 220px;
    }
    
    .creative-member-image {
        height: 300px;
    }
}

@media (max-width: 968px) {
    .creative-team-title {
        font-size: 36px;
        line-height: 1.15;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 768px) {
    .creative-team-title {
        font-size: 32px;
        line-height: 1.15;
        letter-spacing: -0.02em;
    }
    
    .creative-team-member-card {
        flex: 0 0 calc(50% - 10px);
        min-width: 200px;
    }
    
    .creative-member-image {
        height: 280px;
    }
    
    .creative-team-carousel {
        gap: 15px;
    }
    
    .creative-member-overlay {
        bottom: 20px;
        left: 0;
        right: 0;
        padding: 0 20px;
    }
    
    .creative-member-name {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .creative-member-title {
        font-size: 13px;
    }
    
    .creative-member-linkedin {
        margin-top: 8px;
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .creative-team-member-card {
        flex: 0 0 100%;
        min-width: 100%;
    }
    
    .creative-member-image {
        height: 300px;
    }
    
    .creative-member-overlay {
        bottom: 20px;
        left: 20px;
        right: 20px;
        width: auto;
    }
    
    .creative-member-name {
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    .creative-member-title {
        font-size: 12px;
    }
    
    .creative-member-linkedin {
        margin-top: 8px;
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    
    .creative-member-name {
        font-size: 15px;
    }
    
    .creative-member-title {
        font-size: 12px;
    }
}

/* CTA Section */
.cta-section {
    padding: 40px 0 30px 0;
    background-color: var(--white);
    text-align: center;
}

.cta-question {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: -0.5px;
}

.cta-question-orange {
    color: var(--orange);
}

.cta-question-black {
    color: var(--gray-dark);
}

.cta-button {
    background-color: var(--orange);
    color: var(--white);
    border: none;
    padding: 18px 40px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.cta-button:hover {
    background-color: #e55a2b;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
    transform: translateY(-2px);
}

/* Blog Showcase - Premium & SEO Optimized */
.blog-showcase {
    padding: 60px 0 100px 0;
    background-color: var(--white);
    position: relative;
}

.blog-section-header {
    margin-bottom: 60px;
}

.blog-title {
    font-size: 48px;
    font-weight: bold;
    color: var(--gray-dark);
    margin-bottom: 16px;
    text-align: left;
    position: relative;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.2;
}

.blog-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 1px;
    background-color: #E0E0E0;
}

.blog-section-description {
    font-size: 18px;
    color: var(--gray-light);
    line-height: 1.7;
    max-width: 800px;
    margin-top: 20px;
    font-weight: 400;
}

.blog-carousel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.blog-card {
    background-color: var(--white);
    /* Premium: Corner radius: Tüm köşeler yuvarlatılmış */
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    /* Premium: Stroke: Inside, 1.35 weight, Neutral/200 */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.05),
        inset 0 0 0 1.35px rgba(0, 0, 0, 0.08);
    position: relative;
    /* Premium: Gradient border effect on hover */
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, rgba(255, 59, 0, 0.1), rgba(74, 20, 140, 0.1)) border-box;
    border: 1.35px solid transparent;
}

/* Premium hover effect with depth */
.blog-card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.12),
        0 4px 12px rgba(0, 0, 0, 0.08),
        inset 0 0 0 1.35px rgba(0, 0, 0, 0.12);
    border-color: rgba(255, 59, 0, 0.2);
}

.blog-card-image {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    /* Premium: Tüm köşeler yuvarlatılmış */
    border-radius: 16px 16px 0 0;
    /* Premium: Gradient overlay for depth */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.blog-card-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.blog-card:hover .blog-card-image::before {
    opacity: 1;
}

/* Premium: Image overlay gradient for better text readability */
.blog-card-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    z-index: 1;
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.blog-card:hover .blog-card-image::after {
    opacity: 0.8;
}

.blog-card-image a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    filter: brightness(1) contrast(1.05) saturate(1.1);
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.1);
    filter: brightness(1.05) contrast(1.1) saturate(1.15);
}

.blog-nav-button {
    position: absolute;
    /* Premium: Sağ alt köşede normal konumlandırma */
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--white) 0%, #F8F8F8 100%);
    color: var(--gray-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* Premium: 3D görünüm için çoklu gölge efekti */
    box-shadow: 
        0 6px 20px rgba(0, 0, 0, 0.15),
        0 2px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.05);
    /* Premium: Subtle pulse animation */
    animation: subtlePulse 3s ease-in-out infinite;
}

@keyframes subtlePulse {
    0%, 100% {
        box-shadow: 
            0 6px 20px rgba(0, 0, 0, 0.15),
            0 2px 8px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }
    50% {
        box-shadow: 
            0 8px 24px rgba(0, 0, 0, 0.18),
            0 3px 10px rgba(0, 0, 0, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }
}

.blog-nav-button:hover {
    background: linear-gradient(135deg, var(--gray-dark) 0%, #2a2a2a 100%);
    color: var(--white);
    transform: scale(1.08);
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.3),
        0 4px 12px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    animation: none;
}

.blog-nav-button:active {
    transform: scale(1.04);
}

.blog-nav-button svg {
    width: 22px;
    height: 22px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.blog-nav-button:hover svg {
    transform: translateX(3px);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.blog-card-content {
    padding: 28px;
    background-color: var(--white);
    /* Premium: Alt köşeler yuvarlatılmış */
    border-radius: 0 0 16px 16px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* Premium: Subtle background gradient */
    background: linear-gradient(to bottom, var(--white) 0%, #FAFAFA 100%);
    /* Premium: Content fade effect */
    position: relative;
}

.blog-card-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.blog-card:hover .blog-card-content::before {
    opacity: 1;
}

.blog-card-title {
    color: var(--gray-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 16px;
    margin-top: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: -0.3px;
}

.blog-card-title a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    position: relative;
}

.blog-card-title a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--orange), #FF6B35);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog-card:hover .blog-card-title a::after {
    width: 60px;
}

.blog-card-title a:hover {
    color: var(--orange);
    transform: translateX(2px);
}

.blog-description {
    color: var(--gray-light);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
    font-weight: 400;
    min-height: 64px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
    padding-top: 4px;
    border-top: 1px solid #F0F0F0;
}

.blog-category {
    padding: 7px 16px;
    border-radius: 24px;
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.blog-card:hover .blog-category {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.category-tech {
    background-color: #FF8C42;
}

.category-digital {
    background-color: #E63946;
}

.category-education {
    background-color: #FF6B6B;
}

.blog-separator {
    color: #B0B0B0;
    margin: 0 8px;
    font-size: 14px;
}

.blog-date {
    color: var(--gray-dark);
    font-size: 14px;
}

.blog-reading-time {
    color: var(--gray-light);
    font-size: 13px;
    font-style: italic;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.blog-card:hover .blog-reading-time {
    background: rgba(0, 0, 0, 0.04);
    color: var(--gray-dark);
}

.blog-link {
    color: var(--gray-dark);
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
}

.blog-link::before {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: var(--orange);
    transition: width 0.3s ease;
}

.blog-link:hover {
    color: var(--orange);
    transform: translateX(4px);
}

.blog-link:hover::before {
    width: 4px;
}

.blog-link i {
    font-size: 12px;
}

/* Blog CTA - View All Button */
.blog-cta {
    margin-top: 60px;
    text-align: center;
    padding-top: 40px;
    border-top: 1px solid #E0E0E0;
}

.blog-view-all-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background-color: transparent;
    color: var(--gray-dark);
    border: 2px solid var(--gray-dark);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-view-all-button:hover {
    background-color: var(--gray-dark);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.blog-view-all-button i {
    transition: transform 0.3s ease;
}

.blog-view-all-button:hover i {
    transform: translateX(4px);
}

.blog-link i {
    font-size: 12px;
}

@media (max-width: 968px) {
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative;
    }
    
    body > * {
        max-width: 100vw;
        box-sizing: border-box;
    }
    
    img, video, iframe, embed, object {
        max-width: 100%;
        height: auto;
    }
    
    section {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .container {
        padding: 0 16px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .top-bar {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .top-bar .container {
        padding: 0 16px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .main-nav {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .main-nav {
        position: relative;
        width: 100%;
        overflow: visible;
        padding: 12px 0;
        top: 0;
    }
    
    .main-nav .container {
        flex-direction: row;
        gap: 0;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 0 16px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        overflow: visible;
    }
    
    /* Ensure nav-center is positioned relative to main-nav, not container */
    .main-nav .container {
        position: relative;
    }
    
    .nav-left {
        order: 1;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-width: 0 !important;
        padding-right: 8px;
        max-width: none;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .logo {
        max-width: 100%;
        box-sizing: border-box;
        flex-shrink: 1;
        min-width: 0;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }
    
    .logo-svg {
        max-width: 100%;
        height: auto;
        max-height: 45px;
        display: block;
        margin: 0;
        padding: 0;
        object-fit: contain;
    }
    
    .nav-right {
        display: none !important; /* Hide social icons on mobile */
        min-width: 0 !important;
    }
    
    .hamburger {
        display: flex; /* Show hamburger on mobile */
        order: 1;
        margin-left: auto;
        position: relative;
        flex-shrink: 0;
        min-width: 44px;
        box-sizing: border-box;
    }
    
    .nav-center {
        order: 2;
        width: 100vw;
        max-width: 100vw;
        position: absolute;
        top: 100%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        box-sizing: border-box;
        z-index: 1000;
        padding: 0;
        margin: 0;
    }
    
    .nav-menu {
        position: relative;
        background-color: var(--white);
        flex-direction: column;
        padding: 20px 16px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        display: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    
    .nav-menu.active {
        display: flex;
    }
    
    /* Prevent body scroll when mobile menu is open */
    body.menu-open {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    
    .nav-menu li {
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .nav-menu li:last-child {
        border-bottom: none;
    }
    
    .nav-menu a {
        display: block;
        width: 100%;
        padding: 8px 0;
        box-sizing: border-box;
    }
    
    /* Fix for all elements to prevent horizontal overflow */
    div, section, article, aside, header, footer, nav, main {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Ensure no element causes horizontal scroll */
    * {
        box-sizing: border-box;
    }
    
    /* Fix for images and media */
    img, video, iframe, embed, object, svg {
        max-width: 100% !important;
        height: auto;
    }
    
    /* Fix for tables */
    table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto;
    }
    
    .solutions-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .footer-middle {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .banner-content {
        flex-direction: column;
    }
    
    .hero-title {
        font-size: 36px;
    }
    
    .partner-title {
        font-size: 40px;
    }
    
    .title-main {
        font-size: 36px;
    }
    
    .title-accent {
        font-size: 16px;
    }
    
    .services-carousel,
    .products-carousel,
    .team-carousel,
    .blog-carousel {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .blog-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    
    .blog-section-description {
        font-size: 16px;
        margin-top: 16px;
    }
    
    .blog-showcase {
        padding: 40px 0 60px 0;
    }
    
    .cta-section {
        padding: 40px 0 20px 0;
    }
    
    .blog-card-image {
        height: 260px;
    }
    
    .blog-nav-button {
        width: 48px;
        height: 48px;
        bottom: 16px;
        right: 16px;
    }
    
    .blog-nav-button:hover {
        transform: scale(1.06);
    }
    
    .blog-nav-button svg {
        width: 18px;
        height: 18px;
    }
    
    .blog-card-content {
        padding: 24px;
    }
    
    .blog-card-title {
        font-size: 20px;
    }
    
    .blog-description {
        font-size: 14px;
        min-height: 60px;
        -webkit-line-clamp: 3;
    }
    
    .blog-cta {
        margin-top: 40px;
        padding-top: 30px;
    }
    
    .blog-view-all-button {
        padding: 14px 28px;
        font-size: 14px;
    }
    
    .blog-section-description {
        font-size: 16px;
    }
    
    .solutions-grid-large {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .interactive-content {
        grid-template-columns: 1fr;
    }
    
    .work-process-grid,
    .work-process-list {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .work-process-showcase.work-process-typography .work-process-title {
        font-size: 36px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    
    .work-step {
        gap: 20px;
    }
    
    .step-number {
        width: 56px;
        height: 56px;
        font-size: 22px;
    }
    
    .work-process-showcase.work-process-typography .work-step-content h3 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.015em !important;
    }
    
    .work-process-showcase.work-process-typography .work-step-content p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        letter-spacing: -0.01em !important;
    }
    
    .transformation-content,
    .about-content-wrapper {
        grid-template-columns: 1fr;
    }
    
    .mission-vision-section {
        grid-template-columns: 1fr;
    }
    
    .values-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .top-bar {
        padding: 12px 0;
        font-size: 12px;
    }
    
    .top-bar .container {
        flex-direction: row;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px;
    }
    
    .top-bar-left {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        width: auto;
        flex: 1;
        min-width: 0;
    }
    
    .top-bar-left a {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .top-bar-left span {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .top-bar-phones {
        flex-direction: row;
        gap: 8px;
        flex-wrap: wrap;
    }
    
    .top-bar-phones span {
        font-size: 11px;
        white-space: nowrap;
    }
    
    .top-bar-right {
        display: none;
    }
    
    .footer-middle {
        grid-template-columns: 1fr;
    }
    
    .solutions-grid-large {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .solutions-section-title {
        font-size: 28px;
        line-height: 1.4;
    }
    
    .solution-card {
        padding: 24px;
        gap: 20px;
        min-height: auto;
    }
    
    .solution-card-icon {
        width: 40px;
        height: 40px;
    }
    
    .solution-card-icon img {
        width: 28px;
        height: 28px;
    }
    
    .solution-card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .solution-card-description {
        font-size: 15px;
    }
    
    .hero-title-large {
        font-size: 42px;
    }
    
    .section-title-center {
        font-size: 32px;
    }
    
    /* Digital Products Mobile Fixes */
    .product-card {
        overflow: visible;
    }
    
    .product-card-image {
        height: 400px;
        overflow: visible;
    }
    
    .product-card-image .product-card-overlay {
        overflow: visible;
        padding: 20px;
    }
    
    .product-logo-container {
        padding-top: 0;
        margin-top: 30px;
        margin-bottom: 20px;
        overflow: visible;
        min-height: 120px;
        flex-shrink: 0;
        padding: 10px 0;
    }
    
    /* MySecondMed logo özel konumlandırma - mobil */
    .digital-products .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .products-carousel {
        gap: 10px;
    }
    
    .product-card:has(.product-image-mysecondmed) {
        border-radius: 15px;
        overflow: hidden;
    }
    
    .product-card-image:has(.product-image-mysecondmed) {
        overflow: hidden;
        border-radius: 15px;
    }
    
    .product-logo-image-mysecondmed {
        max-width: 240px;
        max-height: none;
        width: auto !important;
        height: auto;
        object-fit: contain;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .product-logo-image {
        max-width: 240px;
        max-height: none;
        width: auto;
        height: auto;
        object-fit: contain;
    }
    
    .product-card-overlay {
        padding: 20px;
        justify-content: center;
        overflow: visible;
    }
}

/* Contact Page Styles */
.contact-hero {
    min-height: 500px;
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.contact-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.contact-hero-content {
    text-align: center;
    z-index: 2;
    position: relative;
    padding: 80px 20px;
    max-width: 800px;
}

.contact-hero-subtitle {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400;
}

.contact-hero-title {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 40px 0;
    letter-spacing: -0.5px;
}

.contact-hero-button {
    display: inline-block;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    color: var(--white);
    padding: 18px 50px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3);
}

.contact-hero-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(238, 90, 111, 0.4);
}

.contact-info-section {
    padding: 100px 0;
    background-color: var(--white);
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-info-card {
    text-align: center;
    padding: 50px 30px;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.contact-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 32px;
    color: var(--white);
}

.contact-info-card h3 {
    color: var(--gray-dark);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-link {
    color: var(--orange);
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.3s;
}

.contact-link:hover {
    color: #e55a2b;
    text-decoration: underline;
}

.contact-text {
    color: var(--gray-light);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

.contact-cta-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #8b2635 0%, #6b1a2a 100%);
    position: relative;
    overflow: hidden;
}

.contact-cta-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.contact-cta-title {
    color: var(--white);
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

.contact-cta-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.contact-cta-button {
    display: inline-block;
    background: transparent;
    color: var(--white);
    padding: 18px 50px;
    border: 2px solid var(--white);
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
}

.contact-cta-button:hover {
    background-color: var(--white);
    color: #8b2635;
}

.section-header-contact {
    text-align: center;
    margin-bottom: 60px;
}

.section-description-contact {
    color: var(--gray-light);
    font-size: 18px;
    line-height: 1.8;
    max-width: 700px;
    margin: 20px auto 0;
}

.contact-card-desc {
    color: var(--gray-light);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact-details-section {
    padding: 100px 0;
    background-color: #f8f9fa;
}

.contact-details-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-details-card {
    background-color: var(--white);
    padding: 50px 40px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}

.contact-details-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.details-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--orange) 0%, #FF3B00 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 28px;
    color: var(--white);
}

.contact-details-card h3 {
    color: var(--gray-dark);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}

.working-hours {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.hours-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.hours-item:last-child {
    border-bottom: none;
}

.hours-day {
    color: var(--gray-dark);
    font-weight: 500;
    font-size: 16px;
}

.hours-time {
    color: var(--orange);
    font-weight: 600;
    font-size: 16px;
}

.social-desc {
    color: var(--gray-light);
    font-size: 14px;
    margin-bottom: 20px;
}

.social-media-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.social-link-contact {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: var(--gray-dark);
    font-weight: 500;
    transition: all 0.3s;
}

.social-link-contact:hover {
    transform: translateX(5px);
}

.social-link-contact.facebook:hover {
    background-color: #1877f2;
    color: var(--white);
}

.social-link-contact.instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: var(--white);
}

.social-link-contact.linkedin:hover {
    background-color: #0077b5;
    color: var(--white);
}

.social-link-contact.youtube:hover {
    background-color: #ff0000;
    color: var(--white);
}

.social-link-contact i {
    font-size: 20px;
    width: 24px;
    text-align: center;
}

.support-info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.support-info p {
    color: var(--gray-light);
    font-size: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.support-info i {
    color: var(--orange);
    font-size: 16px;
}

.contact-why-section {
    padding: 100px 0;
    background-color: var(--white);
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.why-card {
    text-align: center;
    padding: 40px 30px;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s, background-color 0.3s;
}

.why-card:hover {
    transform: translateY(-5px);
    background-color: var(--white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.why-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 28px;
    color: var(--white);
}

.why-card h4 {
    color: var(--gray-dark);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.why-card p {
    color: var(--gray-light);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .contact-hero-title {
        font-size: 32px;
    }
    
    .contact-hero-button {
        padding: 15px 40px;
        font-size: 16px;
    }
    
    .contact-info-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .contact-details-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .contact-cta-title {
        font-size: 32px;
    }
    
    .contact-cta-text {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .why-grid {
        grid-template-columns: 1fr;
    }
}

/* Blog Page Styles */
.blog-hero {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #2d1b4e 100%);
    text-align: center;
}

.blog-hero-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.blog-hero-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.blog-hero-title {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.blog-hero-subtitle {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    line-height: 1.6;
}

.blog-page-section {
    padding: 100px 0;
    background-color: var(--white);
}

.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.blog-post-card {
    background-color: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
}

.blog-post-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.blog-post-image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.blog-post-card:hover .blog-post-image img {
    transform: scale(1.1);
}

.blog-post-overlay {
    position: absolute;
    top: 20px;
    left: 20px;
}

.blog-post-category {
    padding: 6px 14px;
    border-radius: 20px;
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-post-content {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-post-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    color: var(--gray-light);
}

.blog-post-date,
.blog-post-read-time {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-post-date i,
.blog-post-read-time i {
    font-size: 12px;
}

.blog-post-title {
    color: var(--gray-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    margin-top: 0;
}

.blog-post-excerpt {
    color: var(--gray-light);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
    flex: 1;
}

.blog-post-link {
    color: var(--orange);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s;
}

.blog-post-link:hover {
    gap: 12px;
}

.blog-post-link i {
    font-size: 12px;
}

.blog-newsletter-section {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #2d1b4e 100%);
}

.blog-newsletter-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

.newsletter-title {
    color: var(--white);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.newsletter-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.newsletter-form-large {
    display: flex;
    gap: 15px;
    max-width: 500px;
    margin: 0 auto;
}

.newsletter-form-large input {
    flex: 1;
    padding: 16px 20px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
}

.newsletter-form-large button {
    padding: 16px 30px;
    background-color: var(--orange);
    color: var(--white);
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.newsletter-form-large button:hover {
    background-color: #e55a2b;
}

@media (max-width: 968px) {
    .blog-posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .blog-hero-title {
        font-size: 36px;
    }
    
    .newsletter-form-large {
        flex-direction: column;
    }
    
    .newsletter-form-large button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .blog-posts-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .blog-hero {
        padding: 60px 0;
    }
    
    .blog-hero-title {
        font-size: 28px;
    }
    
    .blog-hero-subtitle {
        font-size: 16px;
    }
    
    .blog-page-section {
        padding: 60px 0;
    }
    
    .newsletter-title {
        font-size: 28px;
    }
}

/* Blog Post Detail Page Styles */
.blog-post-header {
    padding: 80px 0 40px;
    background-color: var(--white);
}

.blog-post-header-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.back-to-blog {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--orange);
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 30px;
    transition: gap 0.3s;
}

.back-to-blog:hover {
    gap: 12px;
    color: #e55a2b;
}

.blog-post-meta-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.blog-post-date-header,
.blog-post-read-time-header {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--gray-light);
    font-size: 14px;
}

.blog-post-title-header {
    color: var(--gray-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.blog-post-subtitle {
    color: var(--gray-light);
    font-size: 20px;
    line-height: 1.6;
}

.blog-post-image-section {
    padding: 0;
    background-color: var(--white);
}

.blog-post-featured-image {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
}

.blog-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-post-content-section {
    padding: 60px 0 100px;
    background-color: var(--white);
}

.blog-post-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 60px;
}

.blog-post-article {
    max-width: 800px;
}

.blog-post-article h2 {
    color: var(--gray-dark);
    font-size: 32px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.blog-post-article h3 {
    color: var(--gray-dark);
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.blog-post-article p {
    color: var(--gray-light);
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.blog-post-tags {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.tag-label {
    color: var(--gray-dark);
    font-weight: 600;
    font-size: 16px;
}

.blog-tag {
    padding: 6px 16px;
    background-color: #f0f0f0;
    color: var(--gray-dark);
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s;
}

.blog-tag:hover {
    background-color: var(--orange);
    color: var(--white);
}

/* Sidebar */
.blog-sidebar {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-widget {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.sidebar-widget h3 {
    color: var(--gray-dark);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.recent-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recent-posts li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.recent-posts li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.recent-posts a {
    color: var(--gray-dark);
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    transition: color 0.3s;
}

.recent-posts a:hover {
    color: var(--orange);
}

.blog-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-categories li {
    margin-bottom: 12px;
}

.blog-categories a {
    color: var(--gray-dark);
    text-decoration: none;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s;
}

.blog-categories a:hover {
    color: var(--orange);
}

.blog-categories span {
    color: var(--gray-light);
    font-size: 14px;
}

@media (max-width: 968px) {
    .blog-post-content-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .blog-sidebar {
        position: static;
    }
    
    .blog-post-title-header {
        font-size: 32px;
    }
    
    .blog-post-article h2 {
        font-size: 28px;
    }
    
    .blog-post-article h3 {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .blog-post-header {
        padding: 60px 0 30px;
    }
    
    .blog-post-title-header {
        font-size: 26px;
    }
    
    .blog-post-subtitle {
        font-size: 18px;
    }
    
    .blog-post-content-section {
        padding: 40px 0 60px;
    }
    
    .blog-post-article h2 {
        font-size: 24px;
    }
    
    .blog-post-article h3 {
        font-size: 20px;
    }
    
    .blog-post-article p {
        font-size: 16px;
    }
}

/* ========================================
   Split Hero / Consulting Section Styles
   Critical styles with high specificity
   ======================================== */

/* Consulting List Items - Hover/Active States */
.split-hero-right.consulting-split-hero .split-hero-item,
.consulting-split-hero .split-hero-item,
.split-hero-right .split-hero-item,
.split-hero-section .split-hero-item {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 24px 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    text-align: left !important;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    position: relative !important;
}

.split-hero-right.consulting-split-hero .split-hero-item:hover,
.consulting-split-hero .split-hero-item:hover,
.split-hero-right .split-hero-item:hover,
.split-hero-section .split-hero-item:hover {
    background-color: #FFFFFF !important;
    color: #431E66 !important;
}

.split-hero-right.consulting-split-hero .split-hero-item.active,
.consulting-split-hero .split-hero-item.active,
.split-hero-right .split-hero-item.active,
.split-hero-section .split-hero-item.active {
    background-color: #FFFFFF !important;
    color: #431E66 !important;
}

.split-hero-right.consulting-split-hero .split-hero-item:hover .split-hero-item-text,
.split-hero-right.consulting-split-hero .split-hero-item.active .split-hero-item-text,
.consulting-split-hero .split-hero-item:hover .split-hero-item-text,
.consulting-split-hero .split-hero-item.active .split-hero-item-text,
.split-hero-right .split-hero-item:hover .split-hero-item-text,
.split-hero-right .split-hero-item.active .split-hero-item-text,
.split-hero-section .split-hero-item:hover .split-hero-item-text,
.split-hero-section .split-hero-item.active .split-hero-item-text {
    color: #431E66 !important;
}

.split-hero-right.consulting-split-hero .split-hero-item:hover .split-hero-item-arrow,
.split-hero-right.consulting-split-hero .split-hero-item.active .split-hero-item-arrow,
.consulting-split-hero .split-hero-item:hover .split-hero-item-arrow,
.consulting-split-hero .split-hero-item.active .split-hero-item-arrow,
.split-hero-right .split-hero-item:hover .split-hero-item-arrow,
.split-hero-right .split-hero-item.active .split-hero-item-arrow,
.split-hero-section .split-hero-item:hover .split-hero-item-arrow,
.split-hero-section .split-hero-item.active .split-hero-item-arrow {
    color: #431E66 !important;
    transform: translateX(4px) !important;
}

.split-hero-right.consulting-split-hero .split-hero-item:hover .split-hero-item-arrow path,
.split-hero-right.consulting-split-hero .split-hero-item.active .split-hero-item-arrow path,
.consulting-split-hero .split-hero-item:hover .split-hero-item-arrow path,
.consulting-split-hero .split-hero-item.active .split-hero-item-arrow path,
.split-hero-right .split-hero-item:hover .split-hero-item-arrow path,
.split-hero-right .split-hero-item.active .split-hero-item-arrow path,
.split-hero-section .split-hero-item:hover .split-hero-item-arrow path,
.split-hero-section .split-hero-item.active .split-hero-item-arrow path {
    stroke: #431E66 !important;
}

.split-hero-right.consulting-split-hero .split-hero-item-text,
.consulting-split-hero .split-hero-item-text,
.split-hero-right .split-hero-item-text,
.split-hero-section .split-hero-item-text {
    flex: 1 !important;
    transition: color 0.2s ease !important;
    color: inherit !important;
}

.split-hero-right.consulting-split-hero .split-hero-item-arrow,
.consulting-split-hero .split-hero-item-arrow,
.split-hero-right .split-hero-item-arrow,
.split-hero-section .split-hero-item-arrow {
    width: 20px !important;
    height: 20px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
    margin-left: 16px !important;
}

.split-hero-right.consulting-split-hero .split-hero-item-arrow path,
.consulting-split-hero .split-hero-item-arrow path,
.split-hero-right .split-hero-item-arrow path,
.split-hero-section .split-hero-item-arrow path {
    stroke: currentColor !important;
    transition: stroke 0.2s ease !important;
}

/* ============================================
   PREMIUM CONTACT PAGE STYLES
   ============================================ */

/* Premium Hero Section */
.contact-hero-premium {
    background-color: #431E66;
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}

.contact-hero-premium-wrapper {
    display: grid;
    grid-template-columns: 600px 1fr;
    gap: 60px;
    align-items: center;
}

.contact-hero-left {
    width: 600px;
    height: 600px;
    padding: 80px 60px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    background-color: #431E66;
    flex-shrink: 0;
}

.contact-hero-content-premium {
    width: 100%;
    max-width: 100%;
}

.contact-hero-eyebrow {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FF3B00;
    margin-bottom: 24px;
    display: block;
}

.contact-hero-title-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
    color: var(--white);
    margin: 0 0 30px 0;
}

.contact-title-accent {
    color: #FAB92C;
}

.contact-hero-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 50px;
}

.contact-hero-stats {
    display: flex;
    gap: 50px;
    margin-top: 50px;
}

.contact-stat-item {
    display: flex;
    flex-direction: column;
}

.stat-number {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #FAB92C;
    margin-bottom: 8px;
}

.stat-label {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.contact-hero-right {
    position: relative;
    overflow: hidden;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-hero-image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.contact-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Premium Contact Section - Split Layout */
.contact-section-premium {
    padding: 120px 0;
    background-color: #f8f9fa;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);
}

.contact-section-premium-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: start;
}

/* Premium centered layout when form is hidden */
.contact-section-premium-wrapper.contact-section-centered {
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 900px;
    margin: 0 auto;
}

/* Premium Contact Form */
.contact-form-premium-wrapper {
    background-color: var(--white);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.contact-form-header {
    margin-bottom: 40px;
}

.contact-form-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 12px;
}

.contact-form-subtitle {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    color: var(--gray-light);
    line-height: 1.6;
}

.contact-form-premium {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-row-premium {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.form-group-premium {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-input-premium,
.form-textarea-premium,
.form-select-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    padding: 16px 20px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    background-color: var(--white);
    color: #1a1a2e;
    transition: all 0.3s ease;
    outline: none;
}

.form-input-premium:focus,
.form-textarea-premium:focus,
.form-select-premium:focus {
    border-color: #FF3B00;
    box-shadow: 0 0 0 3px rgba(255, 59, 0, 0.1);
}

.form-input-premium::placeholder,
.form-textarea-premium::placeholder {
    color: #9ca3af;
}

.form-textarea-premium {
    resize: vertical;
    min-height: 150px;
}

.form-select-premium {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a2e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 50px;
}

.form-checkbox-premium {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 8px;
}

.form-checkbox-premium input[type="checkbox"] {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
}

.form-checkbox-premium label {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    color: var(--gray-light);
    line-height: 1.6;
    cursor: pointer;
}

.form-submit-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 40px;
    background-color: #FF3B00;
    color: var(--white);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.3s ease;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-submit-premium:hover {
    background-color: #e53500;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.3);
}

.form-submit-premium:active {
    transform: translateY(0);
}

.form-submit-premium i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.form-submit-premium:hover i {
    transform: translateX(4px);
}

/* Premium Contact Information */
.contact-info-premium-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 100%;
}

/* Premium centered layout styling */
.contact-section-centered .contact-info-premium-wrapper {
    gap: 32px;
}

.contact-info-header-premium {
    margin-bottom: 20px;
}

.contact-info-title-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 12px;
}

.contact-info-subtitle-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    color: var(--gray-light);
    line-height: 1.6;
}

.contact-info-cards-premium {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-info-card-premium {
    background-color: var(--white);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    display: flex;
    gap: 24px;
    align-items: flex-start;
    transition: all 0.3s ease;
}

.contact-info-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.contact-card-icon-premium {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--white);
    flex-shrink: 0;
}

.contact-card-icon-premium.email {
    background: linear-gradient(135deg, #431E66 0%, #6a1b9a 100%);
}

.contact-card-icon-premium.phone {
    background: linear-gradient(135deg, #FF3B00 0%, #e53500 100%);
}

.contact-card-icon-premium.location {
    background: linear-gradient(135deg, #FAB92C 0%, #f0a800 100%);
}

.contact-card-content-premium {
    flex: 1;
}

.contact-card-title-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 12px;
}

.contact-card-link-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    color: #FF3B00;
    text-decoration: none;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    transition: color 0.3s ease;
}

.contact-card-link-premium:hover {
    color: #e53500;
    text-decoration: underline;
}

.contact-card-text-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    color: #1a1a2e;
    line-height: 1.6;
    margin-bottom: 8px;
}

.contact-card-desc-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: var(--gray-light);
    line-height: 1.5;
    margin-top: 8px;
}

/* Working Hours */
.contact-hours-premium {
    background-color: var(--white);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.contact-hours-title-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 20px;
}

.contact-hours-list-premium {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-hour-item-premium {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.contact-hour-item-premium:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.hour-day-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a2e;
}

.hour-time-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #FF3B00;
}

/* Social Media */
.contact-social-premium {
    background-color: var(--white);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.contact-social-title-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 8px;
}

.contact-social-desc-premium {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: var(--gray-light);
    margin-bottom: 20px;
}

.contact-social-icons-premium {
    display: flex;
    gap: 16px;
}

.contact-social-icon-premium {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #431E66;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.contact-social-icon-premium:hover {
    background-color: #431E66;
    color: var(--white);
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(67, 30, 102, 0.3);
}

/* Contact Action Buttons */
.contact-action-buttons-premium {
    background-color: var(--white);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-action-buttons-premium .footer-action-btn {
    width: 100%;
    justify-content: center;
}

.contact-action-buttons-premium .footer-action-btn-secondary {
    background-color: transparent;
    color: #FAB92C;
    border: 2px solid #FAB92C;
}

.contact-action-buttons-premium .footer-action-btn-secondary:hover {
    background-color: #FAB92C;
    color: var(--white);
    border-color: #FAB92C;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(250, 185, 44, 0.3);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .contact-hero-premium-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-hero-left {
        width: 100%;
        height: auto;
        padding: 60px 40px;
    }

    .contact-hero-right {
        height: 400px;
    }

    .contact-section-premium-wrapper {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .contact-form-premium-wrapper {
        padding: 50px;
    }

    .contact-hero-title-premium {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    .contact-hero-premium {
        padding: 60px 0;
    }

    .contact-hero-premium-wrapper {
        gap: 30px;
    }

    .contact-hero-left {
        padding: 50px 30px;
    }

    .contact-hero-right {
        height: 300px;
    }

    .contact-hero-title-premium {
        font-size: 42px;
    }

    .contact-hero-stats {
        gap: 30px;
    }

    .stat-number {
        font-size: 28px;
    }

    .contact-form-premium-wrapper {
        padding: 40px 30px;
    }

    .contact-form-title {
        font-size: 32px;
    }

    .form-row-premium {
        grid-template-columns: 1fr;
    }

    .contact-info-title-premium {
        font-size: 28px;
    }

    .contact-info-card-premium {
        flex-direction: column;
        gap: 20px;
    }

    .contact-card-icon-premium {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .contact-hero-premium {
        padding: 40px 0;
    }

    .contact-hero-left {
        padding: 40px 24px;
    }

    .contact-hero-right {
        height: 250px;
    }

    .contact-hero-title-premium {
        font-size: 36px;
    }

    .contact-hero-stats {
        flex-direction: column;
        gap: 24px;
    }

    .contact-form-premium-wrapper {
        padding: 30px 24px;
    }

    .contact-form-title {
        font-size: 28px;
    }
}

/* ============================================
   SOLUTIONS SPLIT BANNER SLIDER (PREMIUM)
   ============================================ */

.vt-solutions-slider {
    width: 100%;
    position: relative;
    overflow: visible;
    min-height: 500px;
    padding: 20px 0;
}

.vt-slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

.vt-slide {
    display: none;
    position: relative;
    width: 100%;
    min-height: 500px;
}

.vt-slide.active {
    display: block;
}

/* Background Layer - Full-bleed */
.vtBannerBg {
    position: absolute;
    inset: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    border-radius: 0;
}

.vt-left-panel-bg {
    position: relative;
    overflow: hidden;
}

.vt-left-panel-bg .vt-left-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 130%;
    background-position: 60% 50%;
    filter: brightness(1.15) contrast(1.15) saturate(1.25);
    transition: transform 0.3s ease;
}

.vt-left-panel-bg .vt-left-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        /* Enhanced radial gradient for finger touch light area - very vibrant */
        radial-gradient(
            ellipse 450px 550px at 60% 50%,
            rgba(255, 255, 255, 0.25) 0%,
            rgba(255, 255, 255, 0.12) 25%,
            rgba(255, 255, 255, 0.05) 45%,
            transparent 70%
        ),
        /* Secondary light glow for digital screen effect */
        radial-gradient(
            ellipse 300px 400px at 58% 48%,
            rgba(100, 150, 255, 0.15) 0%,
            rgba(100, 150, 255, 0.08) 30%,
            transparent 60%
        ),
        /* Base dark overlay - reduced to show more detail */
        linear-gradient(
            135deg,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0.2) 50%,
            rgba(0, 0, 0, 0.45) 100%
        );
    z-index: 1;
}

.vt-right-panel-bg {
    background-color: #431E66;
    position: relative;
}

/* Content Layer - Centered */
.vtBannerContent {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

.vt-slide-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 500px;
    align-items: stretch;
}

/* Left Content Wrapper - Contains text and navigation */
.vt-left-content-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero Text Group - Anchor for LEFT arrow */
.heroTextGroup {
    position: relative;
}

/* Consultancy List Container - Anchor for RIGHT arrow */
.consultancyListContainer {
    position: relative;
}

/* LEFT ARROW - Flat icon, no circle - Anchored to hero text group */
.vt-left-content {
    position: relative;
}

/* LEFT ARROW - White circle button (same as right arrow) */
.vtPrev {
    position: absolute;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    color: #111111;
    pointer-events: auto;
    padding: 0;
    z-index: 10;
}

.vtPrev:hover {
    transform: translateY(-50%) scale(1.06);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.vtPrev:active {
    transform: translateY(-50%) scale(1.02);
}

.vtPrev svg {
    width: 20px;
    height: 20px;
}

/* RIGHT ARROW - White circle button - Anchored to consultancy list container */
.vt-right-panel-content {
    position: relative;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.vtNext {
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    color: #111111;
    pointer-events: auto;
    padding: 0;
    z-index: 10;
}

.vtNext:hover {
    transform: translateY(-50%) scale(1.06);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.vtNext:active {
    transform: translateY(-50%) scale(1.02);
}

.vtNext svg {
    width: 20px;
    height: 20px;
}

/* Seam Strip - Curved to the right side */
.vtBannerContent {
    position: relative;
}

.vtSeamStrip {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    transform: translateX(-50%);
    background: linear-gradient(
        to bottom,
        rgba(67, 30, 102, 0.6) 0%,
        rgba(233, 63, 63, 0.3) 50%,
        rgba(67, 30, 102, 0.6) 100%
    );
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    z-index: 1;
    pointer-events: none;
    margin-left: -2px;
}


.vt-left-content {
    position: relative;
    z-index: 1;
    padding: 60px 80px;
    color: var(--white);
    max-width: 600px;
    width: 100%;
}

.vt-slide-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    color: var(--white);
}

.vt-slide-subtitle {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.95);
}

.vt-slide-micro {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

/* Right Panel: Dark Purple Gradient Background */
.vt-right-panel {
    position: relative;
    background: linear-gradient(
        to bottom,
        rgba(67, 30, 102, 1) 0%,
        rgba(74, 37, 112, 0.95) 30%,
        rgba(93, 45, 133, 0.90) 60%,
        rgba(74, 37, 112, 0.95) 80%,
        rgba(67, 30, 102, 1) 100%
    );
    border-radius: 0;
    overflow: visible;
    padding: 40px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

/* Enhanced Ellipse Glows - More Visible */
.vt-right-panel::before,
.vt-right-panel::after {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 1;
    border-radius: 50%;
}

/* Blue Ellipse - Stronger */
.vt-right-panel::before {
    width: 600px;
    height: 600px;
    right: -200px;
    top: -120px;
    background: radial-gradient(
        circle closest-side,
        rgba(63, 100, 233, 0.85) 0%,
        rgba(63, 100, 233, 0.45) 50%,
        rgba(63, 100, 233, 0.20) 70%,
        transparent 100%
    );
    filter: blur(50px);
}

/* Red Ellipse - Positioned at center of list items, spreading outward */
.vt-right-panel::after {
    width: 520px;
    height: 520px;
    right: -240px;
    top: 50%;
    transform: translateY(-50%);
    background: radial-gradient(
        circle closest-side,
        rgba(233, 63, 63, 0.58) 0%,
        rgba(233, 63, 63, 0.38) 45%,
        rgba(233, 63, 63, 0.22) 75%,
        transparent 100%
    );
    filter: blur(55px);
}

/* Additional Red Glow Layer - Centered on list items */
.vt-right-panel-content::before {
    content: '';
    position: absolute;
    width: 480px;
    height: 480px;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    background: radial-gradient(
        circle closest-side,
        rgba(233, 63, 63, 0.20) 0%,
        rgba(233, 63, 63, 0.12) 50%,
        transparent 100%
    );
    filter: blur(45px);
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
}

.vt-right-panel-content {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: visible;
}

/* Premium Row Design - "Our Services" Style */
.vtRow {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
    transition: all 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Sliding Highlight Background */
.vtRow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    transform: translateX(-110%);
    transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
    border-radius: 12px;
}

.vtRow:hover::before,
.vtRow.is-active::before {
    transform: translateX(0);
}

.vtRowInner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 24px;
    transition: all 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Divider line under each row title - closer to text */
.vtRowInner::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 24px;
    right: 24px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.18);
    transition: opacity 0.24s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.vtLabel {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.92);
    transition: color 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
    flex: 1 1 auto;
}

.vtArrow {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    margin-left: 2px;
    color: rgba(255, 255, 255, 0.92);
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.vtArrow path {
    stroke-width: 1.5;
    transition: stroke-width 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Hover/Active States */
.vtRow:hover,
.vtRow.is-active {
    transform: translateX(-8px) scale(1.01);
    z-index: 5;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.vtRow:hover .vtLabel,
.vtRow.is-active .vtLabel {
    color: #431E66;
}

/* Divider remains visible on hover, slightly fade */
.vtRow:hover .vtRowInner::after,
.vtRow.is-active .vtRowInner::after {
    opacity: 0.3;
    background-color: rgba(67, 30, 102, 0.18);
}

.vtRow:hover .vtArrow,
.vtRow.is-active .vtArrow {
    color: #431E66;
    transform: scale(1.15);
}

.vtRow:hover .vtArrow path,
.vtRow.is-active .vtArrow path {
    stroke-width: 2.2;
}

/* Focus States */
.vtRow:focus {
    outline: 2px solid #3F64E9;
    outline-offset: 2px;
}

.vtRow:focus:not(:focus-visible) {
    outline: none;
}




/* Responsive Design */
@media (max-width: 1024px) {
    .vt-solutions-slider {
        padding: 30px 0;
        overflow: visible;
    }

    .vt-slider-container {
        padding: 0 20px;
    }

    .vt-slide-wrapper {
        grid-template-columns: 1fr;
    }

    .vt-left-content {
        padding: 50px 60px;
        max-width: 600px;
    }

    .vt-slide-wrapper {
        grid-template-columns: 1fr;
    }

    .vt-right-panel {
        padding: 35px 40px;
    }

    .vt-slide-title {
        font-size: 40px;
    }

    .vtPrev {
        left: -68px;
        width: 48px;
        height: 48px;
    }

    .vtPrev svg {
        width: 18px;
        height: 18px;
    }

    .vtNext {
        right: -68px;
        width: 48px;
        height: 48px;
    }

    .vtNext svg {
        width: 18px;
        height: 18px;
    }

    .vtSeamStrip {
        width: 3px;
    }
}

@media (max-width: 768px) {
    .vt-solutions-slider {
        min-height: auto;
        padding: 20px 0;
        overflow: visible;
    }

    .vt-slider-container {
        padding: 0 16px;
    }

    .vt-slide {
        min-height: auto;
    }

    .vt-left-content {
        padding: 40px 30px;
        max-width: 100%;
    }

    .vt-slide-wrapper {
        grid-template-columns: 1fr;
    }

    .vt-slide-title {
        font-size: 32px;
    }

    .vt-slide-subtitle {
        font-size: 18px;
    }

    .vt-right-panel {
        padding: 30px 30px;
    }

    .vtRowInner {
        padding: 10px 20px;
    }

    .vtRowInner::after {
        left: 20px;
        right: 20px;
        bottom: 10px;
    }

    .vtLabel {
        font-size: 16px;
    }

    .vtRow:hover,
    .vtRow.is-active {
        transform: translateX(-5px) scale(1.01);
    }

    .vtPrev {
        left: -60px;
        width: 44px;
        height: 44px;
    }

    .vtPrev svg {
        width: 18px;
        height: 18px;
    }

    .vtNext {
        right: -60px;
        width: 44px;
        height: 44px;
    }

    .vtNext svg {
        width: 18px;
        height: 18px;
    }

    .vtSeamStrip {
        width: 2px;
    }
}

@media (max-width: 480px) {
    .vt-solutions-slider {
        padding: 15px 0;
        overflow: visible;
    }

    .vt-slider-container {
        padding: 0 12px;
    }

    .vt-left-content {
        padding: 30px 24px;
        max-width: 100%;
    }

    .vt-slide-title {
        font-size: 28px;
    }

    .vt-slide-subtitle {
        font-size: 16px;
    }

    .vt-right-panel {
        padding: 25px 20px;
    }

    .vtRowInner {
        padding: 10px 16px;
    }

    .vtRowInner::after {
        left: 16px;
        right: 16px;
        bottom: 10px;
    }

    .vtLabel {
        font-size: 15px;
    }

    .vtArrow {
        font-size: 16px;
    }

    .vtPrev {
        left: -52px;
        width: 40px;
        height: 40px;
    }

    .vtPrev svg {
        width: 16px;
        height: 16px;
    }

    .vtNext {
        right: -52px;
        width: 40px;
        height: 40px;
    }

    .vtNext svg {
        width: 16px;
        height: 16px;
    }
}

/* ============================================
   Enhanced Blog Page Styles
   ============================================ */

/* Enhanced Blog Hero Section */
.blog-hero-enhanced {
    position: relative;
    padding: 120px 0 100px;
    background: linear-gradient(135deg, #4A148C 0%, #2d1b4e 50%, #431E66 100%);
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.blog-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blog-hero-gradient {
    position: absolute;
    top: -50%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 59, 0, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
    animation: pulse-gradient 8s ease-in-out infinite;
}

.blog-hero-gradient::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(63, 100, 233, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    animation: pulse-gradient 6s ease-in-out infinite reverse;
}

@keyframes pulse-gradient {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.blog-hero-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
    background-size: 40px 40px;
    opacity: 0.5;
}

.blog-hero-content-enhanced {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.blog-hero-label-enhanced {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    backdrop-filter: blur(10px);
}

.blog-hero-title-enhanced {
    color: var(--white);
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.blog-hero-highlight {
    color: var(--orange);
    display: block;
    margin-top: 10px;
    background: linear-gradient(135deg, var(--orange) 0%, #FF8C42 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blog-hero-subtitle-enhanced {
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.blog-hero-stats {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.blog-stat-item {
    text-align: center;
}

.blog-stat-number {
    display: block;
    color: var(--orange);
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.blog-stat-label {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Blog Filter Section */
.blog-filter-section {
    padding: 40px 0;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.blog-filter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

.blog-search-box {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

.blog-search-box i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray-light);
    font-size: 18px;
}

.blog-search-box input {
    width: 100%;
    padding: 16px 20px 16px 55px;
    border: 2px solid #e9ecef;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    outline: none;
    transition: all 0.3s ease;
    background-color: var(--white);
}

.blog-search-box input:focus {
    border-color: var(--purple-dark);
    box-shadow: 0 0 0 4px rgba(74, 20, 140, 0.1);
}

.blog-category-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.category-filter-btn {
    padding: 12px 24px;
    border: 2px solid #e9ecef;
    border-radius: 30px;
    background-color: var(--white);
    color: var(--gray-dark);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.category-filter-btn:hover {
    border-color: var(--purple-dark);
    color: var(--purple-dark);
    transform: translateY(-2px);
}

.category-filter-btn.active {
    background-color: var(--purple-dark);
    border-color: var(--purple-dark);
    color: var(--white);
}

/* Enhanced Blog Post Cards */
.blog-post-card {
    position: relative;
    background-color: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
}

.blog-post-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.blog-post-image {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
}

.blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-post-image img {
    transform: scale(1.12);
}

.blog-post-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(74, 20, 140, 0.8) 0%, transparent 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.blog-post-card:hover .blog-post-hover-overlay {
    opacity: 1;
}

.blog-post-hover-link {
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--purple-dark);
    font-size: 24px;
    transition: all 0.3s ease;
    transform: scale(0.8);
}

.blog-post-card:hover .blog-post-hover-link {
    transform: scale(1);
}

.blog-post-hover-link:hover {
    background-color: var(--orange);
    color: var(--white);
    transform: scale(1.1);
}

.blog-post-content {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-post-title a {
    color: var(--gray-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-post-title a:hover {
    color: var(--orange);
}

.blog-post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

.blog-post-share {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-post-share-label {
    font-size: 12px;
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-share-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-dark);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.blog-share-icon:hover {
    background-color: var(--purple-dark);
    color: var(--white);
    transform: translateY(-2px);
}

.blog-no-results {
    text-align: center;
    padding: 80px 20px;
    color: var(--gray-light);
}

.blog-no-results i {
    font-size: 64px;
    margin-bottom: 20px;
    opacity: 0.5;
}

.blog-no-results h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--gray-dark);
}

.blog-no-results p {
    font-size: 16px;
    color: var(--gray-light);
}

/* FAQ Section */
.blog-faq-section {
    padding: 100px 0;
    background-color: var(--white);
}

.blog-faq-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
}

.blog-faq-label {
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.blog-faq-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 20px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.blog-faq-subtitle {
    font-size: 18px;
    color: var(--gray-light);
    line-height: 1.7;
}

.blog-faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.blog-faq-item {
    margin-bottom: 20px;
    border: 2px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.blog-faq-item:hover {
    border-color: var(--purple-dark);
}

.blog-faq-item.active {
    border-color: var(--purple-dark);
    box-shadow: 0 4px 20px rgba(74, 20, 140, 0.1);
}

.blog-faq-question {
    width: 100%;
    padding: 25px 30px;
    background-color: var(--white);
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-dark);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: background-color 0.3s ease;
}

.blog-faq-question:hover {
    background-color: #f8f9fa;
}

.blog-faq-question i {
    color: var(--purple-dark);
    transition: transform 0.3s ease;
    font-size: 14px;
}

.blog-faq-item.active .blog-faq-question i {
    transform: rotate(180deg);
}

.blog-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 30px;
}

.blog-faq-item.active .blog-faq-answer {
    max-height: 500px;
    padding: 0 30px 25px;
}

.blog-faq-answer p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--gray-light);
    margin: 0;
}

.blog-faq-answer a {
    color: var(--orange);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.blog-faq-answer a:hover {
    color: var(--purple-dark);
    text-decoration: underline;
}

/* Enhanced Newsletter Section */
.blog-newsletter-section {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #2d1b4e 50%, #431E66 100%);
    position: relative;
    overflow: hidden;
}

.blog-newsletter-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 59, 0, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
}

.blog-newsletter-content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.blog-newsletter-icon {
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    backdrop-filter: blur(10px);
}

.blog-newsletter-icon i {
    font-size: 36px;
    color: var(--white);
}

.newsletter-title {
    color: var(--white);
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.newsletter-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.newsletter-form-large {
    display: flex;
    gap: 15px;
    max-width: 550px;
    margin: 0 auto 20px;
}

.newsletter-form-large input {
    flex: 1;
    padding: 18px 25px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    font-size: 16px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    backdrop-filter: blur(10px);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
}

.newsletter-form-large input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.newsletter-form-large input:focus {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.15);
}

.newsletter-submit-btn-large {
    padding: 18px 35px;
    background-color: var(--orange);
    color: var(--white);
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    white-space: nowrap;
}

.newsletter-submit-btn-large:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.3);
}

.newsletter-privacy {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.newsletter-privacy i {
    font-size: 14px;
}

/* Responsive Styles for Enhanced Blog */
@media (max-width: 1024px) {
    .blog-hero-title-enhanced {
        font-size: 42px;
    }
    
    .blog-hero-stats {
        gap: 40px;
    }
    
    .blog-stat-number {
        font-size: 36px;
    }
    
    .blog-faq-title {
        font-size: 36px;
    }
    
    .newsletter-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .blog-hero-enhanced {
        padding: 80px 0 60px;
        min-height: 400px;
    }
    
    .blog-hero-title-enhanced {
        font-size: 32px;
    }
    
    .blog-hero-subtitle-enhanced {
        font-size: 16px;
    }
    
    .blog-hero-stats {
        gap: 30px;
    }
    
    .blog-stat-number {
        font-size: 28px;
    }
    
    .blog-stat-label {
        font-size: 12px;
    }
    
    .blog-filter-wrapper {
        gap: 20px;
    }
    
    .blog-category-filters {
        gap: 10px;
    }
    
    .category-filter-btn {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .blog-post-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .blog-post-share {
        width: 100%;
        justify-content: flex-start;
    }
    
    .blog-faq-section {
        padding: 60px 0;
    }
    
    .blog-faq-title {
        font-size: 28px;
    }
    
    .blog-faq-question {
        padding: 20px;
        font-size: 16px;
    }
    
    .blog-faq-answer {
        padding: 0 20px;
    }
    
    .blog-faq-item.active .blog-faq-answer {
        padding: 0 20px 20px;
    }
    
    .blog-newsletter-section {
        padding: 60px 0;
    }
    
    .newsletter-title {
        font-size: 28px;
    }
    
    .newsletter-text {
        font-size: 16px;
    }
    
    .newsletter-form-large {
        flex-direction: column;
        max-width: 100%;
    }
    
    .newsletter-submit-btn-large {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .blog-hero-title-enhanced {
        font-size: 28px;
    }
    
    .blog-hero-label-enhanced {
        font-size: 12px;
        padding: 6px 15px;
    }
    
    .blog-hero-stats {
        flex-direction: column;
        gap: 25px;
    }
}

/* ============================================
   Premium Blog Detail Page Styles
   ============================================ */

/* Premium Blog Detail Hero */
.blog-detail-hero {
    position: relative;
    padding: 100px 0 60px;
    background: linear-gradient(135deg, #4A148C 0%, #2d1b4e 50%, #431E66 100%);
    overflow: hidden;
    min-height: 400px;
    display: flex;
    align-items: center;
}

.blog-detail-hero-with-image {
    min-height: 500px;
    padding: 120px 0 80px;
}

.blog-detail-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blog-detail-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.blog-detail-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.85) 0%, rgba(45, 27, 78, 0.8) 50%, rgba(67, 30, 102, 0.85) 100%);
    z-index: 1;
}

.blog-detail-hero-with-image .blog-detail-hero-overlay {
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.75) 0%, rgba(45, 27, 78, 0.7) 50%, rgba(67, 30, 102, 0.75) 100%);
}

.blog-detail-hero-gradient {
    position: absolute;
    top: -30%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 59, 0, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
    animation: pulse-gradient 8s ease-in-out infinite;
    z-index: 2;
}

.blog-detail-hero-content {
    position: relative;
    z-index: 3;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.back-to-blog-premium {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 30px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.back-to-blog-premium:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
    transform: translateX(-5px);
}

.blog-detail-meta-top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.blog-detail-date,
.blog-detail-read-time {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.blog-detail-title {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.blog-detail-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 40px;
}

.blog-detail-author-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    flex-wrap: wrap;
    gap: 20px;
}

.blog-detail-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--white);
}

.blog-author-info {
    display: flex;
    flex-direction: column;
}

.blog-author-name {
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
}

.blog-author-title {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.blog-detail-share {
    display: flex;
    align-items: center;
    gap: 12px;
}

.share-label {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 600;
}

.share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.share-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}

.share-facebook:hover { background-color: #1877F2; }
.share-twitter:hover { background-color: #1DA1F2; }
.share-linkedin:hover { background-color: #0077B5; }
.share-copy:hover { background-color: var(--orange); }

/* Featured Image */
.blog-detail-featured-image {
    padding: 0;
    background-color: var(--white);
}

.blog-detail-image-wrapper {
    position: relative;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}

.blog-detail-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-detail-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
}

/* Content Section */
.blog-detail-content-section {
    padding: 80px 0 100px;
    background-color: var(--white);
}

.blog-detail-content-wrapper {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 280px 1fr 350px;
    gap: 50px;
}

/* Table of Contents */
.blog-detail-toc {
    position: sticky;
    top: 120px;
    height: fit-content;
    background-color: #f8f9fa;
    border-radius: 12px;
    padding: 25px;
}

.toc-header h3 {
    color: var(--gray-dark);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toc-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-nav ul li {
    margin-bottom: 12px;
}

.toc-nav ul li a {
    color: var(--gray-light);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.6;
    transition: color 0.3s ease;
    display: block;
    padding: 6px 0;
}

.toc-nav ul li a:hover {
    color: var(--orange);
}

.toc-nav ul ul {
    margin-left: 20px;
    margin-top: 8px;
}

.toc-nav ul ul li a {
    font-size: 13px;
    color: var(--gray-lighter);
}

/* Article Content */
.blog-detail-article {
    max-width: 900px;
    width: 100%;
}

.blog-detail-intro {
    margin-bottom: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-left: 4px solid var(--orange);
    border-radius: 8px;
}

.blog-detail-lead {
    font-size: 19px;
    line-height: 1.8;
    color: var(--gray-dark);
    margin: 0;
}

.blog-detail-article h2 {
    color: var(--gray-dark);
    font-size: 36px;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 25px;
    line-height: 1.3;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    scroll-margin-top: 120px;
}

.blog-detail-article h3 {
    color: var(--gray-dark);
    font-size: 26px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
    scroll-margin-top: 120px;
}

.blog-detail-article p {
    color: var(--gray-light);
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 25px;
}

/* Highlight Boxes */
.blog-detail-highlight-box {
    background: linear-gradient(135deg, #fff4e6 0%, #ffe0b2 100%);
    border-left: 4px solid var(--orange);
    border-radius: 8px;
    padding: 25px;
    margin: 30px 0;
    display: flex;
    gap: 20px;
}

.blog-detail-highlight-box.highlight-success {
    background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    border-left-color: #4caf50;
}

.highlight-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 20px;
}

.highlight-content {
    flex: 1;
    color: var(--gray-dark);
    font-size: 16px;
    line-height: 1.7;
}

.highlight-content strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    color: var(--gray-dark);
}

.highlight-content ul {
    margin-top: 12px;
    padding-left: 20px;
}

.highlight-content li {
    margin-bottom: 8px;
}

.blog-detail-tip-box {
    background-color: #e3f2fd;
    border-left: 4px solid #2196f3;
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0;
    display: flex;
    gap: 15px;
}

.tip-icon {
    flex-shrink: 0;
    color: #2196f3;
    font-size: 24px;
}

.tip-content {
    flex: 1;
    color: var(--gray-dark);
    font-size: 16px;
    line-height: 1.7;
}

.tip-content code {
    background-color: rgba(33, 150, 243, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
}

.blog-detail-warning-box {
    background-color: #fff3e0;
    border-left: 4px solid #ff9800;
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0;
    display: flex;
    gap: 15px;
}

.warning-icon {
    flex-shrink: 0;
    color: #ff9800;
    font-size: 24px;
}

.warning-content {
    flex: 1;
    color: var(--gray-dark);
    font-size: 16px;
    line-height: 1.7;
}

/* Code Examples */
.blog-detail-code-example {
    margin: 30px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.code-header {
    background-color: #2d2d2d;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.code-label {
    color: #a9a9a9;
    font-size: 13px;
    font-weight: 600;
}

.code-copy-btn {
    background: transparent;
    border: none;
    color: #a9a9a9;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.code-copy-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
}

.blog-detail-code-example pre {
    margin: 0;
    padding: 20px;
    background-color: #1e1e1e;
    overflow-x: auto;
}

.blog-detail-code-example code {
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.6;
}

/* Tables */
.blog-detail-table-wrapper {
    margin: 30px 0;
    overflow-x: auto;
}

.blog-detail-table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.blog-detail-table thead {
    background-color: var(--purple-dark);
    color: var(--white);
}

.blog-detail-table th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
}

.blog-detail-table td {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    color: var(--gray-dark);
    font-size: 15px;
}

.blog-detail-table tbody tr:hover {
    background-color: #f8f9fa;
}

.blog-detail-table tbody tr:last-child td {
    border-bottom: none;
}

/* FAQ Section */
.blog-detail-faq {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 2px solid #f0f0f0;
}

.blog-detail-faq h2 {
    margin-bottom: 40px;
}

.blog-detail-faq-item {
    margin-bottom: 20px;
    border: 2px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.blog-detail-faq-item:hover {
    border-color: var(--purple-dark);
}

.blog-detail-faq-item.active {
    border-color: var(--purple-dark);
    box-shadow: 0 4px 20px rgba(74, 20, 140, 0.1);
}

.blog-detail-faq-question {
    width: 100%;
    padding: 25px 30px;
    background-color: var(--white);
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-dark);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.blog-detail-faq-question i {
    color: var(--purple-dark);
    transition: transform 0.3s ease;
    font-size: 14px;
}

.blog-detail-faq-item.active .blog-detail-faq-question i {
    transform: rotate(180deg);
}

.blog-detail-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: none;
    padding: 0 30px;
}

.blog-detail-faq-item.active .blog-detail-faq-answer {
    max-height: none !important;
    overflow: auto !important;
    padding: 0 30px 25px !important;
}

.blog-detail-faq-answer p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--gray-light);
    margin: 0;
}

.blog-detail-faq-answer code {
    background-color: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
}

/* Tags */
.blog-detail-tags {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.tag-label {
    color: var(--gray-dark);
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-detail-tag {
    padding: 8px 18px;
    background-color: #f0f0f0;
    color: var(--gray-dark);
    text-decoration: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.blog-detail-tag:hover {
    background-color: var(--orange);
    color: var(--white);
    transform: translateY(-2px);
}

/* Sidebar */
.blog-detail-sidebar {
    position: sticky;
    top: 120px;
    height: fit-content;
}

.sidebar-widget {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.sidebar-widget h3 {
    color: var(--gray-dark);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.related-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.related-post-item {
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.related-post-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.related-post-image {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
}

.related-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-post-content {
    flex: 1;
}

.related-post-title {
    display: block;
    color: var(--gray-dark);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.related-post-title:hover {
    color: var(--orange);
}

.related-post-date {
    color: var(--gray-light);
    font-size: 13px;
}

.blog-detail-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-detail-categories li {
    margin-bottom: 12px;
}

.blog-detail-categories a {
    color: var(--gray-dark);
    text-decoration: none;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    transition: color 0.3s ease;
}

.blog-detail-categories a:hover {
    color: var(--orange);
}

.blog-detail-categories span {
    color: var(--gray-light);
    font-size: 14px;
}

.sidebar-cta {
    background: linear-gradient(135deg, var(--purple-dark) 0%, #431E66 100%);
    color: var(--white);
}

.sidebar-cta-content h3 {
    color: var(--white);
    font-size: 20px;
    margin-bottom: 15px;
}

.sidebar-cta-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.sidebar-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 25px;
    background-color: var(--orange);
    color: var(--white);
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.sidebar-cta-btn:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
    gap: 15px;
}

/* Related Articles Section */
.blog-detail-related-section {
    padding: 100px 0;
    background-color: #f8f9fa;
}

.related-section-header {
    text-align: center;
    margin-bottom: 60px;
}

.related-section-header h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 15px;
}

.related-section-header p {
    font-size: 18px;
    color: var(--gray-light);
}

.related-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.related-article-card {
    background-color: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
}

.related-article-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.related-article-image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.related-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.related-article-card:hover .related-article-image img {
    transform: scale(1.1);
}

.related-article-category {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 14px;
    border-radius: 20px;
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.related-article-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.related-article-date {
    color: var(--gray-light);
    font-size: 13px;
    margin-bottom: 12px;
}

.related-article-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
}

.related-article-content h3 a {
    color: var(--gray-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.related-article-content h3 a:hover {
    color: var(--orange);
}

.related-article-content p {
    color: var(--gray-light);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
    flex: 1;
}

.related-article-link {
    color: var(--orange);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease;
}

.related-article-link:hover {
    gap: 12px;
}

/* CTA Section */
.blog-detail-cta-section {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--orange) 0%, #FF8C42 50%, #FF6B35 100%);
    position: relative;
    overflow: hidden;
}

.blog-detail-cta-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
}

.blog-detail-cta-content {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.blog-detail-cta-content h2 {
    color: var(--white);
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

.blog-detail-cta-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.blog-detail-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cta-btn-primary,
.cta-btn-secondary {
    padding: 18px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.cta-btn-primary {
    background-color: var(--white);
    color: var(--orange);
    border: 2px solid var(--white);
}

.cta-btn-primary:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: var(--orange);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);
    gap: 18px;
}

.cta-btn-secondary {
    background-color: transparent;
    color: var(--white);
    border: 2px solid var(--white);
    backdrop-filter: blur(10px);
}

.cta-btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
    gap: 18px;
}

/* Responsive Styles for Blog Detail */
@media (max-width: 1200px) {
    .blog-detail-content-wrapper {
        grid-template-columns: 280px 1fr 350px;
        gap: 40px;
    }
}

@media (max-width: 1024px) {
    .blog-detail-content-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .blog-detail-toc {
        position: static;
        order: -1;
    }
    
    .blog-detail-sidebar {
        position: static;
    }
    
    .blog-detail-title {
        font-size: 36px;
    }
    
    .related-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog-detail-hero {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .blog-detail-hero-with-image {
        min-height: 400px;
        padding: 80px 0 50px;
    }
    
    .blog-detail-hero-content {
        padding: 0 15px;
    }
    
    .back-to-blog-premium {
        font-size: 14px;
        padding: 8px 15px;
        margin-bottom: 20px;
    }
    
    .blog-detail-meta-top {
        gap: 12px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    
    .blog-detail-date,
    .blog-detail-read-time {
        font-size: 12px;
        gap: 6px;
    }
    
    .blog-detail-category {
        font-size: 12px;
        padding: 4px 12px;
    }
    
    .blog-detail-title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    
    .blog-detail-subtitle {
        font-size: 17px;
        line-height: 1.6;
        margin-bottom: 30px;
    }
    
    .blog-detail-author-share {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding-top: 20px;
    }
    
    .blog-detail-share {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .share-label {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .share-btn {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    
    .blog-detail-content-section {
        padding: 40px 0 60px;
    }
    
    .blog-detail-content-wrapper {
        padding: 0 15px;
        gap: 30px;
    }
    
    .blog-detail-toc {
        padding: 20px;
        margin-bottom: 30px;
    }
    
    .toc-header h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .toc-nav ul li a {
        font-size: 13px;
        padding: 5px 0;
    }
    
    .toc-nav ul ul {
        margin-left: 15px;
    }
    
    .blog-detail-intro {
        padding: 20px;
        margin-bottom: 30px;
    }
    
    .blog-detail-lead {
        font-size: 17px;
        line-height: 1.7;
    }
    
    .blog-detail-article h2 {
        font-size: 28px;
        margin-top: 40px;
        margin-bottom: 20px;
        scroll-margin-top: 80px;
    }
    
    .blog-detail-article h3 {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 15px;
        scroll-margin-top: 80px;
    }
    
    .blog-detail-article p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    
    .blog-detail-highlight-box,
    .blog-detail-tip-box,
    .blog-detail-warning-box {
        padding: 18px;
        margin: 25px 0;
        flex-direction: column;
        gap: 12px;
    }
    
    .highlight-icon,
    .tip-icon,
    .warning-icon {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .highlight-content,
    .tip-content,
    .warning-content {
        font-size: 15px;
    }
    
    .highlight-content strong {
        font-size: 16px;
    }
    
    .blog-detail-code-example {
        margin: 25px 0;
        border-radius: 6px;
    }
    
    .code-header {
        padding: 10px 15px;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .code-label {
        font-size: 12px;
    }
    
    .blog-detail-code-example pre {
        padding: 15px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .blog-detail-code-example code {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .blog-detail-table-wrapper {
        margin: 25px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .blog-detail-table {
        min-width: 600px;
    }
    
    .blog-detail-table th,
    .blog-detail-table td {
        padding: 12px 10px;
        font-size: 14px;
    }
    
    .blog-detail-faq {
        margin-top: 50px;
        padding-top: 50px;
    }
    
    .blog-detail-faq h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .blog-detail-faq-question {
        padding: 20px 18px;
        font-size: 16px;
    }
    
    .blog-detail-faq-answer {
        padding: 0 18px;
    }
    
    .blog-detail-faq-item.active .blog-detail-faq-answer {
        padding: 0 18px 20px !important;
    }
    
    .blog-detail-faq-answer p {
        font-size: 15px;
        line-height: 1.7;
    }
    
    .blog-detail-tags {
        margin-top: 40px;
        padding-top: 25px;
        gap: 12px;
    }
    
    .tag-label {
        font-size: 14px;
        width: 100%;
    }
    
    .blog-detail-tag {
        padding: 6px 15px;
        font-size: 13px;
    }
    
    .sidebar-widget {
        padding: 20px;
        margin-bottom: 25px;
    }
    
    .sidebar-widget h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .related-post-item {
        gap: 12px;
        padding-bottom: 15px;
    }
    
    .related-post-image {
        width: 70px;
        height: 70px;
    }
    
    .related-post-title {
        font-size: 14px;
    }
    
    .related-post-date {
        font-size: 12px;
    }
    
    .sidebar-cta-content h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .sidebar-cta-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .sidebar-cta-btn {
        padding: 12px 20px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }
    
    .blog-detail-related-section {
        padding: 60px 0;
    }
    
    .related-section-header {
        margin-bottom: 40px;
    }
    
    .related-section-header h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    
    .related-section-header p {
        font-size: 16px;
    }
    
    .related-articles-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .related-article-content {
        padding: 20px;
    }
    
    .related-article-content h3 {
        font-size: 18px;
    }
    
    .related-article-content p {
        font-size: 14px;
    }
    
    .blog-detail-cta-section {
        padding: 60px 0;
    }
    
    .blog-detail-cta-content {
        padding: 0 15px;
    }
    
    .blog-detail-cta-content h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .blog-detail-cta-content p {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 30px;
    }
    
    .blog-detail-cta-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .cta-btn-primary,
    .cta-btn-secondary {
        width: 100%;
        justify-content: center;
        padding: 16px 30px;
        font-size: 15px;
    }
    
    .sidebar-toc-mobile {
        display: block;
    }
}

@media (max-width: 480px) {
    .blog-detail-hero-with-image {
        min-height: 350px;
        padding: 60px 0 40px;
    }
    
    .blog-detail-title {
        font-size: 24px;
    }
    
    .blog-detail-subtitle {
        font-size: 15px;
    }
    
    .blog-detail-meta-top {
        gap: 10px;
        font-size: 11px;
    }
    
    .blog-detail-article h2 {
        font-size: 24px;
    }
    
    .blog-detail-article h3 {
        font-size: 20px;
    }
    
    .blog-detail-article p {
        font-size: 15px;
    }
    
    .blog-detail-lead {
        font-size: 16px;
    }
    
    .blog-detail-code-example code {
        font-size: 12px;
    }
    
    .blog-detail-table {
        min-width: 500px;
    }
    
    .blog-detail-table th,
    .blog-detail-table td {
        padding: 10px 8px;
        font-size: 13px;
    }
    
    .related-section-header h2 {
        font-size: 28px;
    }
    
    .blog-detail-cta-content h2 {
        font-size: 24px;
    }
    
    .blog-detail-faq-question {
        padding: 18px 15px;
        font-size: 15px;
    }
    
    .blog-detail-faq-answer {
        padding: 0 15px;
    }
    
    .blog-detail-faq-item.active .blog-detail-faq-answer {
        padding: 0 15px 18px !important;
    }
}

@media (min-width: 769px) {
    .sidebar-toc-mobile {
        display: none;
    }
}

/* ============================================
   Dijital Ürünlerimiz Sayfası - Premium Stiller
   ============================================ */

/* Partner Logo Image */
.partner-logo-img {
    max-width: 200px;
    height: auto;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
}

/* İşletmeni Tanıt Logo - Normal renk */
.isletmeni-tanit .partner-logo-img {
    filter: none;
    max-width: 180px;
}

/* Partner Description */
.partner-description {
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 30px;
    max-width: 600px;
}

/* Coming Soon Badge */
.coming-soon-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 165, 0, 0.2) 100%);
    border: 2px solid rgba(255, 215, 0, 0.5);
    padding: 12px 24px;
    border-radius: 50px;
    margin-bottom: 30px;
    color: #FFD700;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    animation: pulse-glow 2s ease-in-out infinite;
}

.coming-soon-badge i {
    font-size: 16px;
    animation: sparkle 1.5s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 215, 0, 0.6);
    }
}

@keyframes sparkle {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.2);
    }
}

/* Section Description */
.section-description {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
}

/* Partner Button Enhancement */
.partner-btn i {
    margin-left: 8px;
    font-size: 14px;
}

/* Value Proposition Section */
.value-proposition {
    padding: 120px 0;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.value-proposition::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(74, 20, 140, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(255, 107, 53, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

.value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 60px auto 0;
    position: relative;
    z-index: 1;
}

.value-card {
    background: var(--white);
    padding: 40px 35px;
    border-radius: 16px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

.value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--purple-dark) 0%, var(--orange) 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    border-color: rgba(74, 20, 140, 0.2);
}

.value-card:hover::before {
    transform: scaleX(1);
}

.value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, var(--purple-dark) 0%, var(--orange) 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 32px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.value-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.value-card:hover .value-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 25px rgba(74, 20, 140, 0.3);
}

.value-card:hover .value-icon::before {
    width: 200px;
    height: 200px;
}

.value-card h3 {
    color: var(--gray-dark);
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3;
}

.value-card p {
    color: var(--gray-light);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Responsive Design for Value Proposition */
@media (max-width: 1024px) {
    .value-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .value-proposition {
        padding: 80px 0;
    }
}

@media (max-width: 768px) {
    .value-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .value-card {
        padding: 30px 25px;
    }
    
    .value-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
    
    .value-card h3 {
        font-size: 20px;
    }
    
    .section-description {
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    .partner-description {
        font-size: 16px;
    }
    
    .coming-soon-badge {
        font-size: 12px;
        padding: 10px 20px;
    }
    
    .my-second-med .banner-text-content .coming-soon-badge {
        font-size: 13px;
        padding: 12px 18px;
        line-height: 1.5;
    }
    
    .partner-logo-img {
        max-width: 150px;
    }
    
    .isletmeni-tanit-full-image {
        min-height: 400px;
    }
    
    .banner-overlay-full {
        min-height: 400px;
        padding: 40px 30px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
    }
    
    .banner-text-content {
        max-width: 100%;
    }
    
    .partner-title {
        font-size: 42px;
    }
    
    .partner-subtitle {
        font-size: 20px;
    }
    
    .isletmeni-tanit .partner-label-gold,
    .my-second-med .banner-text-content .partner-label-gold {
        font-size: 14px;
    }
    
    .isletmeni-tanit .partner-title,
    .my-second-med .banner-text-content .partner-title {
        font-size: 36px;
    }
    
    .isletmeni-tanit .banner-text-content .partner-subtitle {
        font-size: 18px;
    }
    
    .isletmeni-tanit .banner-text-content .partner-logo-img {
        max-width: 120px;
    }
    
    .my-second-med .banner-text-content .partner-logo-img {
        max-width: 150px;
    }
    
    .partner-badge-ellipse {
        font-size: 13px;
        padding: 7px 14px;
        margin-top: -5px;
    }
    
    .my-second-med + .tech-solutions .title-accent {
        font-size: 28px;
        line-height: 28px;
    }
    
    .my-second-med + .tech-solutions .title-main {
        font-size: 36px;
        line-height: 36px;
    }
}

@media (max-width: 480px) {
    .isletmeni-tanit-full-image,
    .my-second-med-full-image {
        min-height: 350px;
    }
    
    .banner-overlay-full {
        min-height: 350px;
        padding: 30px 20px;
    }
    
    .banner-text-content {
        max-width: 100%;
    }
    
    .partner-title {
        font-size: 32px;
    }
    
    .partner-subtitle {
        font-size: 18px;
    }
    
    .partner-logo-img {
        max-width: 120px;
    }
    
    .isletmeni-tanit .partner-label-gold,
    .my-second-med .banner-text-content .partner-label-gold {
        font-size: 13px;
    }
    
    .isletmeni-tanit .partner-title,
    .my-second-med .banner-text-content .partner-title {
        font-size: 28px;
    }
    
    .isletmeni-tanit .banner-text-content .partner-subtitle {
        font-size: 16px;
    }
    
    .isletmeni-tanit .banner-text-content .partner-logo-img {
        max-width: 100px;
    }
    
    .my-second-med .banner-text-content .partner-logo-img {
        max-width: 130px;
    }
    
    .partner-badge-ellipse {
        font-size: 12px;
        padding: 6px 12px;
        margin-top: -5px;
    }
    
    .my-second-med .banner-text-content .coming-soon-badge {
        font-size: 12px;
        padding: 10px 16px;
        line-height: 1.5;
    }
    
    .my-second-med + .tech-solutions .title-accent {
        font-size: 24px;
        line-height: 24px;
    }
    
    .my-second-med + .tech-solutions .title-main {
        font-size: 28px;
        line-height: 28px;
    }
    
    .my-second-med + .tech-solutions .title-accent {
        font-size: 24px;
        line-height: 24px;
    }
    
    .my-second-med + .tech-solutions .title-main {
        font-size: 28px;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .value-proposition {
        padding: 60px 0;
    }
    
    .value-card {
        padding: 25px 20px;
    }
    
    .value-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .value-card h3 {
        font-size: 18px;
    }
    
    .value-card p {
        font-size: 14px;
    }
}

/* ============================================
   TEAM PAGE (EKİBİM) STYLES
   ============================================ */

/* Team Page Hero Section */
.team-page-hero {
    position: relative;
    padding: 120px 0 100px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    overflow: hidden;
}

.team-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(255, 59, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 59, 0, 0.08) 0%, transparent 50%);
    z-index: 1;
}

.team-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    color: var(--white);
}

.team-hero-label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--orange);
    margin-bottom: 20px;
    display: block;
}

.team-hero-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 30px;
    color: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.team-hero-subtitle {
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
    max-width: 800px;
    margin: 0 auto;
    font-weight: 400;
}

/* Team Values Section */
.team-values-section {
    padding: 100px 0;
    background-color: var(--white);
}

.team-values-content {
    max-width: 1200px;
    margin: 0 auto;
}

.team-values-intro {
    text-align: center;
    margin-bottom: 70px;
}

.team-values-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 25px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.team-values-description {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    max-width: 850px;
    margin: 0 auto;
}

.team-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.team-value-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    padding: 45px 35px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.team-value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--orange) 0%, #FF6B3D 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
    border-color: rgba(255, 59, 0, 0.2);
}

.team-value-card:hover::before {
    transform: scaleX(1);
}

.team-value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    background: linear-gradient(135deg, var(--orange) 0%, #FF6B3D 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 32px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 30px rgba(255, 59, 0, 0.25);
}

.team-value-card:hover .team-value-icon {
    transform: scale(1.1) rotate(5deg);
}

.team-value-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 18px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.team-value-card p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--gray-light);
    margin: 0;
}

/* Team Members Showcase Section */
.team-members-showcase-section {
    padding: 100px 0;
    background: linear-gradient(to bottom, #f8f9fa 0%, var(--white) 100%);
}

.team-members-header {
    text-align: center;
    margin-bottom: 70px;
}

.team-members-label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--orange);
    margin-bottom: 20px;
    display: block;
}

.team-members-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 25px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.team-members-subtitle {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    max-width: 850px;
    margin: 0 auto;
}

.team-members-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.team-member-card-premium {
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.team-member-card-premium:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
}

.team-member-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 133.33%; /* 3:4 aspect ratio for better portrait display */
    overflow: hidden;
    background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
}

.team-member-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.team-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-member-card-premium:hover .team-member-image img {
    transform: scale(1.1);
}

.team-member-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 60%, transparent 100%);
    padding: 50px 35px 35px;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-member-card-premium:hover .team-member-overlay {
    transform: translateY(0);
    opacity: 1;
}

.team-member-info {
    color: var(--white);
}

.team-member-name {
    font-size: 28px;
    font-weight: 700;
    color: var(--orange);
    margin-bottom: 10px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.team-member-role {
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.team-member-bio {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* Team Culture Section */
.team-culture-section {
    padding: 100px 0;
    background-color: var(--white);
}

.team-culture-content {
    max-width: 1100px;
    margin: 0 auto;
}

.team-culture-text {
    text-align: left;
}

.team-culture-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 35px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.team-culture-description {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    margin-bottom: 50px;
}

.culture-points {
    display: grid;
    gap: 35px;
}

.culture-point {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    padding: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 16px;
    border-left: 4px solid var(--orange);
    transition: all 0.3s ease;
}

.culture-point:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transform: translateX(5px);
}

.culture-point i {
    color: var(--orange);
    font-size: 24px;
    margin-top: 5px;
    flex-shrink: 0;
}

.culture-point h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 12px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.culture-point p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--gray-light);
    margin: 0;
}

/* Team CTA Section */
.team-cta-section {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--gray-dark) 0%, #1a1a2e 100%);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.team-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 30% 50%, rgba(255, 59, 0, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(255, 59, 0, 0.1) 0%, transparent 50%);
    z-index: 1;
}

.team-cta-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
    color: var(--white);
}

.team-cta-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 25px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.team-cta-description {
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 40px;
}

.team-cta-button {
    display: inline-block;
    padding: 18px 45px;
    background: linear-gradient(135deg, var(--orange) 0%, #FF6B3D 100%);
    color: var(--white);
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 10px 30px rgba(255, 59, 0, 0.3);
}

.team-cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 59, 0, 0.4);
    background: linear-gradient(135deg, #FF4D1A 0%, var(--orange) 100%);
}

.team-cta-button:active {
    transform: translateY(-1px);
}

/* Responsive Styles for Team Page */
@media (max-width: 1024px) {
    .team-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .team-members-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .team-hero-title {
        font-size: 52px;
    }
    
    .team-values-title,
    .team-members-title,
    .team-culture-title,
    .team-cta-title {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .team-page-hero {
        padding: 80px 0 70px;
    }
    
    .team-hero-title {
        font-size: 42px;
    }
    
    .team-hero-subtitle {
        font-size: 18px;
    }
    
    .team-values-section,
    .team-members-showcase-section,
    .team-culture-section,
    .team-cta-section {
        padding: 70px 0;
    }
    
    .team-values-title,
    .team-members-title,
    .team-culture-title,
    .team-cta-title {
        font-size: 36px;
    }
    
    .team-values-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .team-members-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .team-value-card {
        padding: 35px 30px;
    }
    
    .culture-point {
        flex-direction: column;
        gap: 15px;
        padding: 25px;
    }
    
    .team-cta-button {
        padding: 16px 40px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .team-hero-title {
        font-size: 32px;
    }
    
    .team-hero-subtitle {
        font-size: 16px;
    }
    
    .team-values-title,
    .team-members-title,
    .team-culture-title,
    .team-cta-title {
        font-size: 28px;
    }
    
    .team-values-description,
    .team-members-subtitle,
    .team-culture-description,
    .team-cta-description {
        font-size: 16px;
    }
    
    .team-value-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
    
    .team-value-card h3 {
        font-size: 20px;
    }
    
    .culture-point {
        padding: 20px;
    }
    
    .culture-point h4 {
        font-size: 18px;
    }
}

/* Career Page Styles */
.career-hero {
    position: relative;
    min-height: 500px;
}

.career-hero .hero-image-placeholder {
    position: relative;
}

.career-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.75) 0%, rgba(22, 33, 62, 0.8) 100%);
    z-index: 1;
}

.career-hero .hero-content {
    position: relative;
    z-index: 2;
    padding: 80px 20px;
    text-align: center;
}

.career-hero .hero-label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: block;
}

.career-hero .hero-title {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.career-hero .hero-subtitle {
    color: rgba(255, 255, 255, 0.95);
    font-size: 20px;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.career-hero .hero-image-placeholder img {
    opacity: 1;
    filter: brightness(0.8) contrast(1.1);
}

/* Career Intro Section */
.career-intro-section {
    padding: 100px 0;
}

.career-intro-wrapper {
    margin-top: 60px;
}

.career-intro-wrapper .white-section-text p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* Career Benefits Section */
.career-benefits-section {
    background-color: #f8f9fa;
}

.career-benefits-grid {
    margin-top: 60px;
}

.career-benefit-item .work-process-number {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--white);
    flex-shrink: 0;
}

.career-benefit-item .work-process-number i {
    font-size: 32px;
}

.career-benefit-item:hover .work-process-number {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Career Culture Premium Section */
.career-culture-premium-section {
    background-color: var(--white);
    padding: 100px 0;
    position: relative;
}

.career-culture-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

.career-culture-label {
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-culture-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 25px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.2;
}

.career-culture-underline {
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    margin: 0 auto 30px;
    border-radius: 2px;
}

.career-culture-intro {
    font-size: 18px;
    line-height: 1.7;
    color: var(--gray-dark);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-culture-content-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: start;
    padding: 0 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.career-culture-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.career-culture-card {
    background-color: #f8f9fa;
    border-radius: 16px;
    padding: 40px 35px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.career-culture-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.career-culture-card:hover::before {
    transform: scaleX(1);
}

.career-culture-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    background-color: var(--white);
    border-color: rgba(255, 59, 0, 0.1);
}

.career-value-card {
    background: linear-gradient(135deg, rgba(255, 59, 0, 0.03) 0%, rgba(229, 90, 43, 0.03) 100%);
}

.career-value-card:hover {
    background: linear-gradient(135deg, rgba(255, 59, 0, 0.08) 0%, rgba(229, 90, 43, 0.08) 100%);
}

.career-culture-card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    color: var(--white);
    font-size: 32px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.25);
}

.career-culture-card:hover .career-culture-card-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 12px 30px rgba(255, 59, 0, 0.35);
}

.career-culture-card-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 15px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.3;
}

.career-culture-card-text {
    font-size: 16px;
    line-height: 1.7;
    color: var(--gray-light);
    margin: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-culture-image-wrapper {
    position: sticky;
    top: 120px;
    height: fit-content;
}

.career-culture-image {
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.career-culture-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.career-culture-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 59, 0, 0.05) 0%, rgba(74, 20, 140, 0.05) 100%);
    pointer-events: none;
}

/* Legacy support for old class names */
.career-culture-section {
    background-color: var(--white);
    padding: 100px 0;
}

.career-culture-section .mission-vision-heading {
    color: var(--gray-dark);
}

.career-culture-section .mission-vision-text {
    color: var(--gray-dark);
}

.career-culture-section .mission-block-new,
.career-culture-section .vision-block-new {
    color: var(--gray-dark);
}

/* Career Positions Section */
.career-positions-section {
    background-color: #f8f9fa;
    padding: 100px 0;
}

.career-positions-wrapper {
    max-width: 1000px;
    margin: 60px auto 0;
}

.career-position-card {
    background-color: var(--white);
    border-radius: 15px;
    padding: 60px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.career-position-content {
    width: 100%;
}

.career-position-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 20px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-position-description {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-dark);
    margin-bottom: 50px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-positions-list {
    display: grid;
    gap: 30px;
    margin-bottom: 50px;
}

.career-position-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 30px;
    background-color: #f8f9fa;
    border-radius: 12px;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

.career-position-item:hover {
    background-color: #fff;
    border-left-color: var(--orange);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transform: translateX(5px);
}

.career-position-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 24px;
    flex-shrink: 0;
}

.career-position-info h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 10px;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-position-info p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray-light);
    margin: 0;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-cta-button-wrapper {
    text-align: center;
    margin-top: 40px;
}

.career-apply-button {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background: linear-gradient(135deg, var(--orange) 0%, #e55a2b 100%);
    color: var(--white);
    padding: 18px 40px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(255, 59, 0, 0.3);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.career-apply-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(255, 59, 0, 0.4);
}

.career-apply-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.career-apply-button:hover i {
    transform: translateX(5px);
}

.career-apply-note {
    margin-top: 20px;
    font-size: 14px;
    color: var(--gray-light);
    font-style: italic;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Career CTA Section */
.career-cta-section {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    padding: 80px 0;
}

.career-cta-section .cta-question {
    margin-bottom: 25px;
}

.career-cta-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 40px;
    text-align: center;
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Responsive Design for Career Page */
@media (max-width: 1024px) {
    .career-hero .hero-title {
        font-size: 40px;
    }
    
    .career-hero .hero-subtitle {
        font-size: 18px;
    }
    
    .career-position-card {
        padding: 40px;
    }
    
    .career-intro-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .career-hero {
        min-height: 400px;
    }
    
    .career-hero .hero-content {
        padding: 60px 20px;
    }
    
    .career-hero .hero-title {
        font-size: 32px;
    }
    
    .career-hero .hero-subtitle {
        font-size: 16px;
    }
    
    .career-intro-section,
    .career-benefits-section,
    .career-culture-premium-section,
    .career-culture-section,
    .career-positions-section {
        padding: 60px 0;
    }
    
    .career-culture-content-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .career-culture-image-wrapper {
        position: relative;
        top: 0;
        order: -1;
    }
    
    .career-culture-cards-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .career-culture-title {
        font-size: 32px;
    }
    
    .career-culture-header {
        margin-bottom: 50px;
    }
    
    .career-position-card {
        padding: 30px 20px;
    }
    
    .career-position-item {
        flex-direction: column;
        text-align: center;
    }
    
    .career-position-icon {
        margin: 0 auto;
    }
    
    .career-benefit-item .work-process-item-content {
        flex-direction: column;
        text-align: center;
    }
    
    .career-benefit-item .work-process-number {
        margin: 0 auto 20px;
    }
    
    .career-apply-button {
        padding: 16px 30px;
        font-size: 16px;
    }
    
    .career-cta-subtitle {
        font-size: 18px;
        padding: 0 20px;
    }
    
    .career-culture-card {
        padding: 30px 25px;
    }
    
    .career-culture-card-icon {
        width: 60px;
        height: 60px;
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .career-culture-card-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .career-culture-card-text {
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
    .career-culture-content-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .career-culture-image-wrapper {
        position: relative;
        top: 0;
    }
    
    .career-culture-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .career-culture-cards-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   CONSULTANTS PAGE STYLES
   ============================================ */

/* Consultants Hero Section */
.consultants-hero-section {
    padding: 120px 0 80px;
    background: linear-gradient(135deg, #431E66 0%, #2a1240 100%);
    color: var(--white);
    position: relative;
    overflow: hidden;
}

.consultants-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

.consultants-hero-content {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.consultants-hero-label {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--orange);
    margin-bottom: 24px;
    display: block;
}

.consultants-hero-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    color: var(--white);
}

.consultants-hero-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 48px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.consultants-hero-stats {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 48px;
}

.consultant-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.stat-number {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--orange);
    line-height: 1;
}

.stat-label {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Consultants Intro Section */
.consultants-intro-section {
    padding: 80px 0;
    background-color: var(--white);
}

.consultants-intro-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.consultants-intro-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 24px;
}

.consultants-intro-text {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    margin-bottom: 24px;
}

.consultants-intro-highlight {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--orange);
    font-style: italic;
    margin-top: 32px;
}

/* Consultants Grid Section */
.consultants-grid-section {
    padding: 80px 0;
    background: linear-gradient(to bottom, #f8f9fa 0%, var(--white) 100%);
}

.consultants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.consultant-card {
    background-color: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

.consultant-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.consultant-card-image {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: linear-gradient(135deg, #431E66 0%, #2a1240 100%);
}

.consultant-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.consultant-image-alp {
    object-position: center top;
}

.consultant-image-cemal {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    filter: contrast(1.25) saturate(1.1) brightness(1.02);
    -webkit-filter: contrast(1.25) saturate(1.1) brightness(1.02);
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-interpolation-mode: bicubic;
    object-fit: cover;
    object-position: center;
}

.consultant-card:hover .consultant-card-image img {
    transform: scale(1.1);
}

.consultant-card-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #431E66 0%, #2a1240 100%);
}

.consultant-avatar-placeholder {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

.avatar-initials {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 64px;
    font-weight: 700;
    color: var(--white);
}

.consultant-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.consultant-card:hover .consultant-card-overlay {
    opacity: 1;
}

.consultant-social-links {
    display: flex;
    gap: 16px;
}

.consultant-social-link {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--gray-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 18px;
}

.consultant-social-link:hover {
    background-color: var(--orange);
    color: var(--white);
    transform: scale(1.1);
}

.consultant-card-content {
    padding: 32px;
}

.consultant-name {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 8px;
}

.consultant-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--orange);
    margin-bottom: 16px;
}

.consultant-location {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: var(--gray-light);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.consultant-location i {
    color: var(--orange);
}

.consultant-description {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--gray-light);
    margin-bottom: 24px;
}

.consultant-expertise {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.expertise-tag {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    background-color: #f0f0f0;
    color: var(--gray-dark);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.expertise-tag:hover {
    background-color: var(--orange);
    color: var(--white);
}

.consultant-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
}

.consultant-email,
.consultant-phone {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    color: var(--gray-dark);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.3s ease;
}

.consultant-email:hover,
.consultant-phone:hover {
    color: var(--orange);
}

.consultant-email i,
.consultant-phone i {
    color: var(--orange);
    width: 20px;
}

/* Consultants Value Section */
.consultants-value-section {
    padding: 80px 0;
    background-color: var(--white);
}

.consultants-value-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.consultants-value-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 16px;
}

.consultants-value-subtitle {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--orange);
    margin-bottom: 24px;
}

.consultants-value-text {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    margin-bottom: 24px;
}

.consultants-value-highlight {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--orange);
    font-style: italic;
    margin-top: 32px;
}

/* Consultants CTA Section */
.consultants-cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #431E66 0%, #2a1240 100%);
    color: var(--white);
}

.consultants-cta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.consultants-cta-title {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 24px;
}

.consultants-cta-text {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 40px;
}

.consultants-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.consultants-cta-button {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.consultants-cta-primary {
    background-color: var(--orange);
    color: var(--white);
}

.consultants-cta-primary:hover {
    background-color: #e53500;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.3);
}

.consultants-cta-secondary {
    background-color: transparent;
    color: var(--white);
    border-color: var(--white);
}

.consultants-cta-secondary:hover {
    background-color: var(--white);
    color: var(--gray-dark);
}

/* Responsive Styles for Consultants Page */
@media (max-width: 1024px) {
    .consultants-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .consultants-hero-title {
        font-size: 40px;
    }
    
    .consultants-hero-stats {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .consultants-hero-section {
        padding: 80px 0 60px;
    }
    
    .consultants-hero-title {
        font-size: 32px;
    }
    
    .consultants-hero-description {
        font-size: 16px;
    }
    
    .consultants-hero-stats {
        flex-direction: column;
        gap: 30px;
    }
    
    .consultants-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .consultant-card-image {
        height: 350px;
    }
    
    .consultants-intro-title,
    .consultants-value-title,
    .consultants-cta-title {
        font-size: 28px;
    }
    
    .consultants-cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .consultants-cta-button {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================
   ÖZEL YAZILIM GELİŞTİRME SAYFASI STİLLERİ
   ============================================ */

/* Hero Section - Custom Software */
.custom-software-hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 120px 0 80px;
}

.custom-software-hero .hero-image-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.custom-software-hero .hero-image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.7) contrast(1.1) saturate(1.1);
}

.custom-software-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.75) 0%, rgba(106, 27, 154, 0.7) 50%, rgba(67, 30, 102, 0.8) 100%);
    z-index: 1;
}

.hero-content-custom {
    position: relative;
    z-index: 2;
    width: 100%;
}

.hero-text-wrapper {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.hero-eyebrow {
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: inline-block;
}

.hero-title-custom {
    font-size: 56px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.2;
    margin-bottom: 24px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-subtitle-custom {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.hero-cta-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-button-primary,
.cta-button-secondary {
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cta-button-primary {
    background-color: var(--orange);
    color: var(--white);
    border: 2px solid var(--orange);
}

.cta-button-primary:hover {
    background-color: #e53500;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.4);
}

.cta-button-secondary {
    background-color: transparent;
    color: var(--white);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.cta-button-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: var(--white);
}

.hero-visual-element {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    opacity: 0.1;
    z-index: 1;
}

.code-visualization {
    width: 100%;
    height: 100%;
    background: 
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.03) 4px),
        repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.03) 4px);
}

/* Introduction Section */
.intro-section-custom {
    padding: 100px 0;
    background-color: var(--white);
}

.intro-content-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.intro-text-block {
    text-align: center;
}

.section-title-large {
    font-size: 48px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 40px;
    line-height: 1.2;
}

.intro-text-content {
    text-align: left;
    max-width: 900px;
    margin: 0 auto;
}

.lead-text {
    font-size: 20px;
    line-height: 1.8;
    color: var(--gray-dark);
    margin-bottom: 24px;
    font-weight: 500;
}

.intro-text-content p {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    margin-bottom: 20px;
}

.intro-text-content strong {
    color: var(--purple-dark);
    font-weight: 600;
}

/* Expertise Section */
.expertise-section {
    padding: 100px 0;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.section-header-center {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
}

.section-eyebrow {
    color: var(--orange);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.section-description-center {
    font-size: 18px;
    color: var(--gray-light);
    line-height: 1.7;
    margin-top: 20px;
}

.expertise-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 60px;
}

.expertise-card {
    background: var(--white);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.expertise-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.expertise-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--purple-dark), var(--purple-light));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: var(--white);
    font-size: 24px;
}

.expertise-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 16px;
}

.expertise-card > p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--gray-light);
    margin-bottom: 24px;
}

.expertise-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.expertise-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: var(--gray-dark);
    margin-bottom: 12px;
}

.expertise-list li i {
    color: var(--orange);
    font-size: 12px;
}

/* Technology Stack Section */
.tech-stack-section {
    padding: 100px 0;
    background-color: var(--white);
    position: relative;
    contain: layout style;
}

.tech-categories {
    margin-top: 60px;
    position: relative;
}

.tech-category {
    margin-bottom: 80px;
    position: relative;
}

.tech-category:last-child {
    margin-bottom: 0;
}

.tech-category-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--purple-dark);
}

.tech-category-header i {
    font-size: 32px;
    color: var(--purple-dark);
}

.tech-category-header h3 {
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-dark);
    margin: 0;
}

.tech-stack-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    position: relative;
}

.tech-item {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 32px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    isolation: isolate;
}

.tech-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: var(--purple-light);
}

.tech-icon {
    font-size: 40px;
    margin-bottom: 16px;
    display: block;
}

.tech-item h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 12px;
}

.tech-item p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--gray-light);
    margin: 0;
}

/* Process Section */
.process-section-custom {
    padding: 100px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
}

.process-timeline {
    max-width: 1000px;
    margin: 60px auto 0;
    position: relative;
}

.process-timeline::before {
    content: '';
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--purple-dark), var(--orange));
}

.process-step {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
}

.process-step:last-child {
    margin-bottom: 0;
}

.process-step-number {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, var(--purple-dark), var(--purple-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 20px rgba(74, 20, 140, 0.3);
}

.process-step-content {
    flex: 1;
    padding-top: 20px;
}

.process-step-content h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 16px;
}

.process-step-content > p {
    font-size: 18px;
    line-height: 1.8;
    color: var(--gray-light);
    margin-bottom: 20px;
}

.process-details {
    list-style: none;
    padding: 0;
    margin: 0;
}

.process-details li {
    font-size: 16px;
    color: var(--gray-dark);
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative;
}

.process-details li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--orange);
    font-weight: 700;
}

/* Value Proposition Section */
.value-proposition-section {
    padding: 100px 0;
    background: linear-gradient(135deg, var(--purple-dark) 0%, #431E66 100%);
    color: var(--white);
}

.value-content-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.value-text-block {
    text-align: center;
}

.value-text-block .section-title-large {
    color: var(--white);
    margin-bottom: 30px;
}

.value-text-block .lead-text {
    color: rgba(255, 255, 255, 0.95);
    font-size: 22px;
    margin-bottom: 50px;
}

.value-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin: 60px 0;
}

.value-metric {
    text-align: center;
}

.metric-number {
    font-size: 64px;
    font-weight: 700;
    color: var(--orange);
    margin-bottom: 12px;
    line-height: 1;
}

.metric-label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

.value-points {
    margin-top: 60px;
    text-align: left;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.value-point {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    align-items: flex-start;
}

.value-point i {
    color: var(--orange);
    font-size: 24px;
    margin-top: 4px;
    flex-shrink: 0;
}

.value-point h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 8px;
}

.value-point p {
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* CTA Section */
.cta-section-custom {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.cta-content-wrapper {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.cta-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--gray-dark);
    margin-bottom: 24px;
    line-height: 1.2;
}

.cta-description {
    font-size: 18px;
    line-height: 1.7;
    color: var(--gray-light);
    margin-bottom: 40px;
}

.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-button-primary-large,
.cta-button-secondary-large {
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.cta-button-primary-large {
    background-color: var(--orange);
    color: var(--white);
    border: 2px solid var(--orange);
}

.cta-button-primary-large:hover {
    background-color: #e53500;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 59, 0, 0.4);
}

.cta-button-secondary-large {
    background-color: transparent;
    color: var(--purple-dark);
    border: 2px solid var(--purple-dark);
}

.cta-button-secondary-large:hover {
    background-color: var(--purple-dark);
    color: var(--white);
}

/* Responsive Styles for Custom Software Page */
@media (max-width: 1024px) {
    .hero-title-custom {
        font-size: 42px;
    }
    
    .expertise-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .tech-stack-grid {
        grid-template-columns: 1fr;
    }
    
    .value-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .custom-software-hero {
        min-height: 60vh;
        padding: 100px 0 60px;
    }
    
    .hero-title-custom {
        font-size: 32px;
    }
    
    .hero-subtitle-custom {
        font-size: 18px;
    }
    
    .hero-cta-wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    
    .cta-button-primary,
    .cta-button-secondary {
        width: 100%;
        justify-content: center;
    }
    
    .section-title-large {
        font-size: 36px;
    }
    
    .intro-section-custom,
    .expertise-section,
    .tech-stack-section,
    .process-section-custom,
    .value-proposition-section,
    .cta-section-custom {
        padding: 60px 0;
    }
    
    .expertise-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .expertise-card {
        padding: 30px;
    }
    
    .tech-category-header h3 {
        font-size: 28px;
    }
    
    .process-timeline::before {
        display: none;
    }
    
    .process-step {
        flex-direction: column;
        gap: 20px;
        position: relative;
    }
    
    .process-step-number {
        width: 100px;
        height: 100px;
        font-size: 28px;
        position: relative;
        z-index: 1;
        align-self: flex-start;
    }
    
    .process-step-content {
        position: relative;
        z-index: 10;
        padding-top: 0;
        background-color: #ffffff;
        padding: 20px;
        border-radius: 8px;
        margin-top: -10px;
    }
    
    .process-step-content h3,
    .process-step-content p,
    .process-step-content ul,
    .process-step-content li {
        position: relative;
        z-index: 10;
    }
    
    .process-section-custom {
        background-color: #ffffff;
    }
    
    .process-section-custom .process-step-content {
        background-color: #ffffff;
    }
    
    .value-metrics {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .metric-number {
        font-size: 48px;
    }
    
    .cta-title {
        font-size: 32px;
    }
    
    .cta-buttons {
        flex-direction: column;
    }
    
    .cta-button-primary-large,
    .cta-button-secondary-large {
        width: 100%;
        justify-content: center;
    }
    
    .related-content-section {
        padding: 60px 0 !important;
    }
    
    .related-content-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin-top: 40px !important;
    }
    
    .related-content-card {
        padding: 24px !important;
    }
    
    .related-content-card h3 {
        font-size: 18px !important;
    }
}

/* Related Content Section Styles */
.related-content-section {
    background: #f8fafc;
    padding: 80px 0;
}

.related-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-top: 48px;
}

.related-content-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related-content-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.related-content-card > div:first-child {
    color: #6366f1;
    font-size: 24px;
    margin-bottom: 16px;
}

.related-content-card h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 12px;
}

.related-content-card h3 a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s;
}

.related-content-card h3 a:hover {
    color: #6366f1;
}

.related-content-card p {
    color: #64748b;
    line-height: 1.7;
    margin: 0;
}

/* Responsive Styles for Related Content */
@media (max-width: 1024px) {
    .related-content-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (max-width: 768px) {
    .related-content-section {
        padding: 60px 0;
    }
    
    .related-content-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 40px;
    }
    
    .related-content-card {
        padding: 24px;
    }
    
    .related-content-card > div:first-child {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .related-content-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .related-content-card p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .related-content-section {
        padding: 40px 0;
    }
    
    .related-content-grid {
        gap: 20px;
        margin-top: 30px;
    }
    
    .related-content-card {
        padding: 20px;
    }
    
    .related-content-card > div:first-child {
        font-size: 18px;
    }
    
    .related-content-card h3 {
        font-size: 16px;
    }
    
    .related-content-card p {
        font-size: 13px;
    }
}

/* UX/UI Tasarım Page Specific Styles */
.ux-ui-hero {
    background: linear-gradient(135deg, rgba(74, 20, 140, 0.95) 0%, rgba(106, 27, 154, 0.9) 100%);
}

.ux-ui-hero .hero-image-placeholder {
    opacity: 0.15;
}

.ux-process-section {
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
}

.ux-process-timeline {
    position: relative;
}

.ux-process-step {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px;
}

.ux-process-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(74, 20, 140, 0.15);
}

.ux-process-step .process-step-number {
    background: linear-gradient(135deg, #4A148C 0%, #6A1B9A 100%);
    color: #ffffff;
    border: 3px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(74, 20, 140, 0.3);
}

.ux-process-step h3 {
    color: #4A148C;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.ux-process-step .process-details {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.ux-process-step .process-details li {
    padding: 12px 0 12px 30px;
    position: relative;
    color: #666666;
    font-size: 15px;
    line-height: 1.7;
    border-bottom: 1px solid #f0f0f0;
}

.ux-process-step .process-details li:last-child {
    border-bottom: none;
}

.ux-process-step .process-details li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #FF3B00;
    font-weight: bold;
    font-size: 18px;
}

@media (max-width: 768px) {
    .ux-process-step {
        padding: 30px 20px;
    }
    
    .ux-process-step h3 {
        font-size: 24px;
    }
    
    .ux-process-step .process-details li {
        font-size: 14px;
        padding-left: 25px;
    }
}

/* ============================================
   HAKKIMIZDA.HTML MOBIL RESPONSIVE FIXES
   High Priority - Added at end of file
   ============================================ */

/* Force mobile responsive for hakkimizda.html sections */
@media screen and (max-width: 1200px) {
    .white-about-section .white-section-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .white-about-section .white-section-image-small {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        flex-shrink: 1 !important;
        align-self: auto !important;
    }
    
    .white-about-section .white-section-image-small img {
        width: 100% !important;
        height: auto !important;
        max-height: 400px !important;
        min-height: 250px !important;
        object-fit: cover !important;
    }
    
    .mission-vision-new-section .mission-vision-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .mission-vision-new-section .mission-vision-image {
        order: -1 !important;
        width: 100% !important;
    }
    
    .work-process-new-section .work-process-grid-new {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

@media screen and (max-width: 768px) {
    .white-about-section {
        padding: 60px 0 !important;
    }
    
    .white-about-section .container {
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .white-about-section .white-section-content {
        padding: 0 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .white-about-section .white-section-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        margin-top: 30px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .white-about-section .white-section-image-small {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        flex-shrink: 1 !important;
        align-self: auto !important;
        min-width: 0 !important;
    }
    
    .white-about-section .white-section-image-small img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        min-height: 200px !important;
        object-fit: cover !important;
    }
    
    .white-about-section .white-section-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }
    
    .white-about-section .white-section-text p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .white-about-section .white-section-title {
        font-size: 32px !important;
        margin-bottom: 40px !important;
    }
    
    .mission-vision-new-section {
        padding: 60px 0 !important;
    }
    
    .mission-vision-new-section .container {
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .mission-vision-new-section .mission-vision-content-wrapper {
        padding: 0 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .mission-vision-new-section .mission-vision-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .mission-vision-new-section .mission-vision-image {
        order: -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
    }
    
    .mission-vision-new-section .mission-vision-image img {
        width: 100% !important;
        height: 100% !important;
        max-height: 250px !important;
        object-fit: cover !important;
    }
    
    .mission-vision-new-section .mission-vision-content {
        width: 100% !important;
        overflow: visible !important;
    }
    
    .mission-vision-new-section .mission-vision-text {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 12px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .work-process-new-section .container {
        padding: 0 !important;
        max-width: 100% !important;
    }
    
    .work-process-new-section .work-process-content-wrapper {
        padding: 40px 16px 50px 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    .work-process-new-section .work-process-label {
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    
    .work-process-new-section .work-process-title {
        font-size: 32px !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }
    
    .work-process-new-section .work-process-underline {
        margin-bottom: 20px !important;
    }
    
    .work-process-new-section .work-process-description {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .work-process-new-section .work-process-grid-new {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .work-process-new-section .work-process-item-new {
        padding: 20px 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    .work-process-new-section .work-process-item-content {
        display: flex !important;
        gap: 15px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    .work-process-new-section .work-process-number {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
        flex-shrink: 0 !important;
    }
    
    .work-process-new-section .work-process-text-wrapper {
        flex: 1 !important;
        min-width: 0 !important;
        overflow: visible !important;
    }
    
    .work-process-new-section .work-process-item-title {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .work-process-new-section .work-process-item-description {
        font-size: 14px !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .about-hero {
        min-height: 350px !important;
        max-height: 350px !important;
        overflow: hidden !important;
    }
    
    .about-hero .hero-image-placeholder {
        height: 350px !important;
        max-height: 350px !important;
        position: relative !important;
        width: 100% !important;
    }
    
    .about-hero .hero-image-placeholder img {
        width: 100% !important;
        height: 100% !important;
        max-height: 350px !important;
        object-fit: cover !important;
    }
}

@media screen and (max-width: 480px) {
    .white-about-section {
        padding: 40px 0 !important;
    }
    
    .white-about-section .white-section-content {
        padding: 0 16px !important;
    }
    
    .white-about-section .white-section-title {
        font-size: 28px !important;
        margin-bottom: 30px !important;
    }
    
    .white-about-section .white-section-wrapper {
        gap: 24px !important;
        margin-top: 24px !important;
    }
    
    .white-about-section .white-section-image-small img {
        max-height: 250px !important;
        min-height: 180px !important;
    }
    
    .white-about-section .white-section-text p {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    .mission-vision-new-section {
        padding: 40px 0 !important;
    }
    
    .mission-vision-new-section .mission-vision-content-wrapper {
        padding: 0 16px !important;
    }
    
    .mission-vision-new-section .mission-vision-image {
        height: 200px !important;
        max-height: 200px !important;
    }
    
    .mission-vision-new-section .mission-vision-image img {
        max-height: 200px !important;
    }
    
    .mission-vision-new-section .mission-vision-text {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    
    .work-process-new-section .work-process-content-wrapper {
        padding: 30px 16px 40px 16px !important;
    }
    
    .work-process-new-section .work-process-title {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    
    .work-process-new-section .work-process-description {
        font-size: 14px !important;
        margin-bottom: 25px !important;
    }
    
    .work-process-new-section .work-process-grid-new {
        gap: 16px !important;
    }
    
    .work-process-new-section .work-process-item-new {
        padding: 18px 14px !important;
    }
    
    .work-process-new-section .work-process-number {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    
    .work-process-new-section .work-process-item-title {
        font-size: 17px !important;
    }
    
    .work-process-new-section .work-process-item-description {
        font-size: 13px !important;
    }
    
    .about-hero {
        min-height: 250px !important;
        max-height: 250px !important;
    }
    
    .about-hero .hero-image-placeholder {
        height: 250px !important;
        max-height: 250px !important;
    }
    
    .about-hero .hero-image-placeholder img {
        max-height: 250px !important;
    }
}