@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    /* Colors */
    --color-primary: #800000;
    /* Bordo */
    --color-primary-light: #a31a1a;
    --color-secondary: #1C2833;
    /* Antrasit */
    --color-accent: #D4AF37;
    /* Mat Altın */
    --color-bg-light: #F9F9F9;
    --color-white: #FFFFFF;
    --color-dark: #000000;
    --color-text-body: #1C2833;
    /* Main Body Text */

    /* Social Colors */
    --color-whatsapp: #25D366;

    /* Fonts */
    --font-serif: 'Lora', serif;
    /* Headings */
    --font-sans: 'Lato', sans-serif;
    /* Body */

    /* Spacing */
    --page-padding: 80px 0;
}

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

body {
    font-family: var(--font-sans);
    background-color: var(--color-white) !important;
    color: var(--color-text-body);
    line-height: 1.8;
    /* Generous line height */
    letter-spacing: 0.02em;
    /* Premium feel */
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-serif);
    color: var(--color-secondary);
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

p {
    margin-bottom: 15px;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

/* =========================================
   TOP BAR (Sibling, Z-Index: 901)
   ========================================= */
#top-bar {
    background-color: #1C2833;
    color: var(--color-white);
    padding: 10px 0;
    font-size: 13px;
    position: fixed;
    top: 0;
    left: 0;
    left: 0;
    width: 100%;
    z-index: 9991;
    /* Master Fix: Top Z-Index (Higher than header, lower than mobile menu) */
    transition: transform 0.3s ease;
}

/* Mobile Top Bar Layout */
@media (max-width: 768px) {
    #top-bar .container {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }

    .top-left {
        gap: 10px;
    }

    /* Show only phone on very small screens if needed, or keep both? 
       Prompt says: "Phone left, Social right". 
       Let's hide email on mobile to save space if it gets crowded, 
       but prompt didn't explicitly say hide email. 
       However, "Top Bar içindeki telefon numarasını en sola..." implies focus on phone.
    */
    .email-link {
        display: none !important;
        /* Visual cleanup for mobile */
    }

    .top-right {
        gap: 15px;
    }

    .whatsapp-btn {
        display: none !important;
        /* Usually header has generic contact or space is tight. Keeping icons. */
    }
}

#top-bar.hide-topbar {
    transform: translateY(-100%);
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
}

#top-bar .container {
    justify-content: space-between;
    align-items: center;
}

.top-left,
.top-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* Aesthetic Frames for Top Links */
.top-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 15px;
    background: rgba(255, 255, 255, 0.05);
    /* Glassmorphism */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    /* Pillow shape */
    transition: all 0.3s ease;
    font-weight: 500;
    color: #fff;
    /* Ensure text is white */
}

.top-link i {
    color: var(--color-accent);
    /* Gold Icons */
    font-size: 14px;
    transition: color 0.3s ease;
}

.top-link:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: var(--color-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.top-link:hover i {
    color: #fff;
    /* Make icon white on hover for better contrast if needed, or keep gold */
    /* Keeping Gold is fine on dark bg, but if background is light... 
       Wait, background is 15% white on Dark Blue. It is still DARK. 
       So White text and Gold icon are visible.
       However, let's brighten the text. 
    */
    text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
    /* Gold glow */
}

/* Social Icons Aesthetic */
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
    color: #fff;
    text-decoration: none;
}

.social-icon i {
    transition: all 0.3s ease;
}

.social-icon:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-3px);
    /* Removed rotation, added lift */
    box-shadow: 0 5px 15px rgba(128, 0, 0, 0.4);
}

.social-icon:hover i {
    color: #ffffff !important;
    /* Force White Icon */
    transform: scale(1.2);
    /* Scale up icon instead of rotate container */
}

.whatsapp-btn {
    padding: 6px 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: bold;
    border: 1px solid transparent;
    /* Prepare for border transition */
    transition: all 0.3s ease;
    /* Ensure whatsapp button specifically mentioned in other contexts behaves well */
}

.whatsapp-btn:hover {
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.4);
    /* Glow */
    transform: scale(1.05);
}

/* =========================================
   SITE HEADER (Sibling, Z-Index: 900)
   ========================================= */
#site-header {
    position: fixed;
    top: 45px;
    left: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    /* High but below Top Bar & Mobile Menu */
    background-color: transparent;
    /* Changed via JS/Solid Mode */
    transition: top 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
    padding: 15px 0;
}

/* SCROLLED STATE (White Background + Shadow) */
#site-header.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding-top: 15px;
    padding-bottom: 15px;
}

/* FORCE Dark text when scrolled (in case it was transparent/white text before) */


#site-header.scrolled .desktop-nav a {
    color: var(--color-nav-text);
}

#site-header.transparent-mode {
    background-color: transparent;
    box-shadow: none;
}

#site-header.solid-mode {
    background-color: var(--color-white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* FLUID HEADER (100% Width) */
.header-inner {
    max-width: none;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Logo Styles (30px) */
.logo {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: 30px;
}

.logo .text-dark {
    color: var(--color-dark) !important;
}

.logo .text-primary {
    color: var(--color-primary) !important;
}

/* Nav Links - Default Dark */
.desktop-nav a {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: 16px;
    position: relative;
    color: var(--color-nav-text);
    padding-bottom: 5px;
}

/* Permanent Active State */
.desktop-nav a.active-page {
    color: var(--color-primary) !important;
    border-bottom: 2px solid var(--color-primary);
}

/* Premium Hover Animation (Growing Gold Line) */
.desktop-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: var(--color-accent);
    transition: width 0.3s ease-in-out;
}

.desktop-nav a:hover::after {
    width: 100%;
}

/* Desktop Nav Container */
.desktop-nav {
    display: flex;
}

.desktop-nav>ul {
    display: flex;
    gap: 30px;
    align-items: center;
}

.desktop-nav>ul>li {
    position: relative;
    padding: 10px 0;
}

/* Nav CTA Button */
.nav-btn-item {
    padding: 0 !important;
}

.nav-cta-btn {
    background: linear-gradient(to right, var(--color-primary), var(--color-primary-light));
    color: var(--color-white) !important;
    padding: 10px 25px !important;
    border-radius: 30px;
    font-family: var(--font-sans) !important;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(128, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: inline-block;
}

/* Disable pseudo-element for button */
.nav-cta-btn::after {
    display: none !important;
}

.nav-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(128, 0, 0, 0.4);
}

/* Dropdown Menu (Desktop) */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-white);
    min-width: 260px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-top: 3px solid var(--color-primary);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1005;
    padding: 10px 0;
}

.desktop-nav li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu a {
    color: var(--color-nav-text) !important;
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 400;
}

.dropdown-menu a.active-page {
    border-bottom: none;
    color: var(--color-primary) !important;
    font-weight: 700;
}

.dropdown-menu a::after {
    display: none;
}

.dropdown-menu a:hover {
    background-color: #f9f9f9;
    color: var(--color-primary) !important;
    padding-left: 25px;
}

/* Page Banner */
.page-banner {
    padding-top: 80px;
    background-color: #1C2833;
    background-image: url('../img/ui/abstract-wave.png');
    background-size: cover;
    background-position: center;
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.page-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(28, 40, 51, 0.4), rgba(28, 40, 51, 0.8));
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner-content h1 {
    font-family: var(--font-serif);
    font-size: 48px;
    color: var(--color-white);
    margin-bottom: 10px;
    font-weight: 700;
}

.breadcrumb {
    display: flex;
    justify-content: center;
    gap: 10px;
    color: #ddd;
    font-size: 15px;
}

.breadcrumb span {
    color: var(--color-accent);
}

/* =========================================
   SECTION 1: HERO SLIDER (Updated Architecture)
   ========================================= */
#hero-slider {
    width: 100%;
    height: 100vh;
    /* Strict 100vh */
    position: relative;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Overlay: Gradient Black 40% */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    z-index: 1;
}

/* Content Layer */
.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 900px !important;
    animation: fadeInUp 1s ease-out;
}

/* Hero Subtitle */
.hero-subtitle {
    font-size: 1.2rem;
    color: #fff;
    margin: 15px 0 25px 0;
    font-weight: 400;
    line-height: 1.6;
    opacity: 0.95;
}

/* Hero Slide Text Position Classes - Desktop */
/* Slide 1: SOL tarafa yaslı, dikeyde yukarıdan %60 konumunda */
.slide-left .hero-content {
    position: absolute;
    top: 60%;
    left: 5%;
    right: auto;
    transform: translateY(-50%);
    margin: 0;
    text-align: left;
    max-width: 700px;
}

.slide-left .hero-content h1,
.slide-left .hero-content p {
    text-align: left;
}

.slide-left .hero-content .hero-btn {
    margin-left: 0;
    margin-right: auto;
}

/* Slide 2: Slide 1'in Y eksenine göre TAM SİMETRİĞİ - SAĞ tarafa yaslı */
.slide-right .hero-content {
    position: absolute;
    top: 60%;
    right: 5%;
    left: auto;
    transform: translateY(-50%);
    margin: 0;
    text-align: right;
    max-width: 700px;
}

.slide-right .hero-content h1 {
    text-align: right;
    width: 100%;
}

.slide-right .hero-content .hero-subtitle {
    text-align: right;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
}

.slide-right .hero-content .hero-btn {
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
    float: right;
    clear: both;
}

/* Slide 3: Hem X hem Y ekseninde ortalı, dikeyde %75 konumunda */
/* Slide 3: Hem X hem Y ekseninde ortalı, dikeyde %75 konumunda */
.slide-center-bottom .hero-content {
    position: absolute;
    top: auto;
    /* Changed from 75% */
    bottom: 7.5%;
    /* User requested 7.5% from bottom */
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    /* Center X only */
    margin: 0;
    text-align: center;
    width: 90%;
    max-width: 800px;
}

.slide-center-bottom .hero-content h1 {
    text-align: center;
    width: 100%;
}

.slide-center-bottom .hero-content .hero-subtitle {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto 40px auto;
    /* Match standard subtitle margin (40px) explicitly */
}

.slide-center-bottom .hero-content .hero-btn {
    margin: 0 auto;
    /* Removed 20px top margin to match Slide 1 spacing */
    display: inline-block;
}

/* Hero Slide Text Position - Mobile (Unified & Centered) */
@media (max-width: 768px) {

    .slide-right .hero-content,
    .slide-left .hero-content,
    .slide-center-bottom .hero-content {
        position: absolute;
        top: auto;
        /* Remove vertical centering */
        bottom: 7.5%;
        /* 7.5% from bottom as requested */
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        /* Center horizontally only */
        margin: 0;
        padding: 0 20px;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }

    .slide-right .hero-content h1,
    .slide-left .hero-content h1,
    .slide-center-bottom .hero-content h1 {
        text-align: center;
        font-size: 2.5rem !important;
        /* Smaller text for mobile */
        margin-bottom: 15px;
    }

    .slide-right .hero-content .hero-subtitle,
    .slide-left .hero-content .hero-subtitle,
    .slide-center-bottom .hero-content .hero-subtitle {
        text-align: center;
        margin: 0 auto 25px auto;
        font-size: 1rem !important;
        display: block;
        width: 90%;
    }

    .slide-right .hero-content .hero-btn,
    .slide-left .hero-content .hero-btn,
    .slide-center-bottom .hero-content .hero-btn {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
}

/* Slide 2 Mobile - Görsel sola kaydırma */
@media (max-width: 768px) {
    .slide-right {
        background-position: 30% center;
    }
}


/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-content h1 {
    font-family: var(--font-serif);
    font-size: 4.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #fff !important;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    opacity: 0;
    animation: heroFadeInUp 0.8s ease forwards;
    animation-delay: 0.2s;
}

.hero-subtitle {
    font-family: var(--font-sans);
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 40px;
    letter-spacing: 1px;
    opacity: 0;
    animation: heroFadeInUp 0.8s ease forwards;
    animation-delay: 0.5s;
}

/* Hero Staggered Animations */
@keyframes heroFadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hero Button Animation */
.hero-btn {
    opacity: 0;
    animation: heroFadeInUp 0.8s ease forwards;
    animation-delay: 0.8s;
}

/* CTA Button */
.hero-btn {
    display: inline-block;
    padding: 15px 40px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    letter-spacing: 2px;
}

.hero-btn:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff !important;
    transform: translateY(-3px);
}

/* Swiper Pagination */
/* Swiper Pagination */
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: #fff !important;
    opacity: 0.6;
    transition: all 0.3s ease;
    margin: 0 8px !important;
    /* Increased margin */
    display: inline-block !important;
    /* Force inline block */
    position: relative;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--color-primary) !important;
    width: 30px !important;
    /* Stretch active bullet */
    border-radius: 6px !important;
    /* Pill shape */
    transform: none !important;
    /* Remove scale to prevent blur/overlap issues */
}

/* =========================================
   SECTION 2: BIOGRAPHY
   ========================================= */
.section-biography {
    padding: 100px 0;
    background-color: #fff;
    overflow: hidden;
}

.bio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: flex-start;
}

.bio-image-wrapper {
    position: relative;
    padding: 10px;
    margin-top: 100px;
}

.bio-image {
    position: relative;
    z-index: 2;
    border-radius: 4px;
    /* Slightly soft layout */
    width: 100%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Offset Square (Bordo) */
.bio-shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 90%;
    background-color: var(--color-primary);
    opacity: 0.1;
    z-index: 1;
    transform: translate(-10px, -10px);
}

/* Gold Circles */
.bio-gold-circle {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 2px solid var(--color-accent);
    border-radius: 50%;
    z-index: 3;
    opacity: 0.6;
}

.circle-1 {
    bottom: -40px;
    right: -40px;
}

.circle-2 {
    top: 50px;
    left: -50px;
    width: 80px;
    height: 80px;
    opacity: 0.3;
}

.bio-text h2 {
    font-size: 2.8rem;
    color: var(--color-secondary);
    /* Antrasit heading as per common luxury style, or Bordo? Prompt said H2 is effective text area with Gold 'Tanışın'. Let's stick to theme. */
    margin-bottom: 30px;
    line-height: 1.3;
}

.bio-intro {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 30px;
}

.tanisin-label {
    font-family: var(--font-sans);
    font-size: 0.9rem;
    color: var(--color-accent);
    letter-spacing: 0.15em;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
    text-transform: uppercase;
}

.btn-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.btn-link i {
    transition: transform 0.3s ease;
}

.btn-link:hover {
    color: var(--color-accent);
}

.btn-link:hover i {
    transform: translateX(5px);
}

/* =========================================
   SECTION 3: SPECIALTIES GRID (MODERN IMAGE)
   ========================================= */
.section-specialties {
    padding: var(--page-padding);
    background-color: #fff;
}

.section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.section-header h2 {
    font-size: 3rem;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.section-header p {
    color: #666;
    font-size: 1.1rem;
}

.specialties-grid-modern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.specialty-card-modern {
    position: relative;
    height: 350px;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-secondary);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    display: block;
}

/* Background Image Layer */
.specialty-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    filter: brightness(0.85);
}

/* Gradient Overlay */
.specialty-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

/* Content Layer */
.specialty-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    z-index: 2;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.specialty-content h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 8px;
    font-family: var(--font-serif);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.specialty-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease 0.1s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Action Link/Icon */
.specialty-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-white) !important;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s ease 0.2s;
}

/* Hover Effects */
.specialty-card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.specialty-card-modern:hover .specialty-bg-img {
    transform: scale(1.1);
    filter: brightness(1);
}

.specialty-card-modern:hover .specialty-content {
    transform: translateY(0);
}

.specialty-card-modern:hover .specialty-content p {
    opacity: 1;
    transform: translateY(0);
}

.specialty-card-modern:hover .specialty-action {
    opacity: 1;
    transform: translateX(0);
}

/* Responsive Grid */
@media (max-width: 992px) {
    .specialties-grid-modern {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .specialties-grid-modern {
        grid-template-columns: 1fr;
    }

    .specialty-card-modern {
        height: 280px;
    }

    .specialty-content {
        transform: translateY(0);
    }

    .specialty-content p {
        opacity: 1;
        transform: translateY(0);
    }

    .specialty-action {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================================
   SECTION 4: TESTIMONIALS (Google Style)
   ========================================= */
.section-testimonials {
    padding: var(--page-padding);
    background-color: #1C2833;
    /* Antrasit Background */
    color: var(--color-white);
    position: relative;
    overflow: hidden;
}

.section-testimonials h2 {
    color: var(--color-white);
    text-align: center;
    margin-bottom: 60px;
    font-size: 2.5rem;
}

.testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    /* Space for pagination */
}

/* Flex Height Fix for Swiper */
.swiper-slide {
    height: auto !important;
    /* Ensures flexible height based on content or flex-stretch */
}

.testimonial-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    /* Google UI Radius */
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    /* Soft Shadow */
    height: 100%;
    /* Fill slide height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.google-logo-g {
    width: 22px;
    /* Prompt: 22px */
    height: 22px;
    object-fit: contain;
}

.rating {
    color: #D4AF37;
    /* Prompt: #D4AF37 (Gold) */
    font-size: 16px;
    letter-spacing: 2px;
}

.testimonial-text {
    font-family: var(--font-serif);
    font-size: 1.05rem;
    line-height: 1.7;
    color: #333;
    /* Dark text */
    font-style: normal;
    /* Prompt asked for stylish quotes but didn't strictly force italic */
    margin-bottom: 25px;
    flex-grow: 1;
    position: relative;
    padding-left: 15px;
    /* Indent for quote effect if needed, but let's keep clean */
}

/* Stylish Quote Mark */
.testimonial-text::before {
    content: '\201C';
    font-size: 3rem;
    color: var(--color-accent);
    line-height: 0;
    vertical-align: -15px;
    margin-right: 5px;
    opacity: 0.5;
}

.testimonial-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    margin-top: auto;
}

.testimonial-author {
    font-family: var(--font-sans);
    font-weight: 700;
    color: var(--color-secondary);
    font-size: 0.95rem;
}

.testimonial-date {
    font-size: 0.85rem;
    color: #999;
    /* Soluk Gri */
    font-weight: 400;
}

/* Pagination Adjustments */
.testimonial-pagination {
    bottom: 0 !important;
    text-align: center;
    margin-top: 20px;
}

.testimonial-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    background: var(--color-accent);
    /* Gold Active Dot */
}

/* Swiper Fixes */
.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s ease 0.2s;
}

/* Hover Effects */
.specialty-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.specialty-card-modern:hover .specialty-bg-img {
    transform: scale(1.1);
    filter: brightness(1);
    /* Brighten on hover */
}

.specialty-card-modern:hover .specialty-content {
    transform: translateY(0);
}

.specialty-card-modern:hover .specialty-content p {
    opacity: 1;
    transform: translateY(0);
}

.specialty-card-modern:hover .specialty-action {
    opacity: 1;
    transform: translateX(0);
}

/* Responsive Grid */
@media (max-width: 992px) {
    .specialties-grid-modern {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .specialties-grid-modern {
        grid-template-columns: 1fr;
    }

    .specialty-card-modern {
        height: 300px;
        /* Smaller on mobile */
    }

    /* Show text by default on mobile */
    .specialty-content {
        transform: translateY(0);
    }

    .specialty-content p {
        opacity: 1;
        transform: translateY(0);
        display: block;
        /* Ensure visibility */
    }

    .specialty-action {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================================
   SECTION 5: BLOG / NEWS
   ========================================= */
.section-blog {
    padding: 80px 0 90px;
    background-color: var(--color-white);
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* Master Revize: 4 Cols */
    gap: 30px;
    /* Reduced gap for 4 cols */
}

.blog-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(128, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(128, 0, 0, 0.15);
    border-color: rgba(128, 0, 0, 0.15);
}

.blog-image {
    height: 220px;
    background-color: #f8f4e9;
    overflow: hidden;
    position: relative;
}

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

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

.blog-content {
    padding: 24px;
}

.blog-date {
    font-size: 0.75rem;
    color: #800000;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    display: block;
    font-weight: 600;
}

.blog-card h3 {
    font-family: 'Lora', serif;
    font-size: 1.15rem;
    line-height: 1.5;
    margin-bottom: 16px;
    color: #1a1a1a;
    transition: color 0.2s ease;
}

.blog-card:hover h3 {
    color: var(--color-primary);
}

.read-more {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.2s ease;
}

.read-more:hover {
    gap: 10px;
}

.read-more-btn {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
    margin-top: auto;
    /* Push to bottom if flex container allows */
}

.read-more-btn:hover {
    gap: 8px;
    color: var(--color-primary-light);
}

/* =========================================
   SECTION 6: AWARDS VITRINE
   ========================================= */
.section-awards {
    padding: 60px 0;
    background-color: #f5f5f5;
    /* #F0F0F0 in prompt, close enough */
    border-top: 1px solid #e0e0e0;
}

.awards-flex {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    align-items: center;
}

.award-logo {
    height: 50px;
    width: auto;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.4s ease;
}

.award-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* =========================================
   MOBILE / RESPONSIVE
   ========================================= */
.mobile-toggle,
.mobile-close-btn {
    display: none;
    /* JS will handle visibility mainly, but keep clean */
}

/* =========================================
   GLOBAL FOOTER (3 Rows)
   ========================================= */
.site-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* ROW 1: Info Grid */
.footer-top {
    background: linear-gradient(180deg, #1C2833 0%, #17212b 100%);
    /* Depth Gradient */
    color: #e0e0e0;
    padding: 70px 0 50px;
    position: relative;
}

.footer-top .container {
    display: flex;
    justify-content: space-between;
    /* Equal space between text blocks */
    align-items: flex-start;
    flex-wrap: nowrap;
    /* Force single row on desktop */
    gap: 20px;
    /* Minimum gap buffer */
    padding: 0 40px;
    max-width: 1350px;
    /* Increased max-width for 5 cols */
    margin: 0 auto;
}

/* Subtle Vertical Dividers */
.footer-col {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    position: relative;
    padding-right: 20px;
    /* Space for divider */
}

/* Divider Line (Pseudo-element) */
.footer-col:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    /* Offset from top */
    bottom: 10px;
    /* Offset from bottom */
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.05) 80%, transparent);
}

/* First Column (Identity) */
.footer-col:first-child {
    flex: 0 1 320px;
    max-width: 320px;
    padding-right: 40px;
    /* More space after logo col */
    margin-right: 0;
    /* Let padding handle spacing */
}

/* Newsletter Widget */
.newsletter-widget {
    margin-top: 25px;
}

.newsletter-form {
    display: flex;
    gap: 0;
    position: relative;
}

.newsletter-input {
    width: 100%;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px 0 0 4px;
    color: #fff;
    font-size: 13px;
    transition: all 0.3s ease;
}

.newsletter-input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--color-accent);
}

.newsletter-btn {
    padding: 0 15px;
    background: var(--color-primary);
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-btn:hover {
    background: #a00000;
    /* Darker red */
}

/* Make sure lists don't wrap awkwardly */
.footer-list {
    white-space: nowrap;
}

.footer-col h3 {
    color: var(--color-white);
    font-family: var(--font-serif);
    margin-bottom: 25px;
    font-size: 18px;
    position: relative;
    padding-bottom: 12px;
    letter-spacing: 0.5px;
}

.footer-col h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: var(--color-primary);
}

/* Identity Column */
.footer-logo {
    display: block;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: bold;
    font-family: var(--font-serif);
    line-height: 1.2;
}

.footer-logo span {
    color: var(--color-primary);
}

.identity-text {
    font-size: 14px;
    margin-bottom: 25px;
    color: #b0b0b0;
    line-height: 1.6;
    white-space: normal;
    /* Allow wrapping */
}

.identity-titles li {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #d0d0d0;
    align-items: flex-start;
    line-height: 1.4;
    white-space: normal;
}

.identity-titles i {
    color: var(--color-accent);
    margin-top: 3px;
    flex-shrink: 0;
}

/* Social Icons */
.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}

.footer-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-social a:hover {
    background-color: var(--color-accent);
    color: #000;
    transform: translateY(-2px);
    border-color: var(--color-accent);
}

/* WhatsApp Specific Style */
.footer-social a[href*="wa.me"],
.footer-social a[href*="whatsapp"] {
    background-color: #25D366 !important;
    color: #ffffff !important;
}

.footer-social a[href*="wa.me"]:hover,
.footer-social a[href*="whatsapp"]:hover {
    background-color: #128C7E !important;
}

/* Link Lists (Quick Menu & Specialties) */
.footer-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.footer-list a {
    color: #ccc;
    font-size: 14px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    /* Space for the arrow */
    position: relative;
    padding-left: 0;
}

/* Arrow Icon Styling */
.footer-list a i {
    font-size: 10px;
    color: var(--color-accent);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.footer-list a:hover {
    color: var(--color-white);
    padding-left: 4px;
    /* Slight movement */
}

.footer-list a:hover i {
    opacity: 1;
    color: var(--color-primary);
}

/* Contact Column */
.contact-item {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    font-size: 14px;
    color: #ccc;
    line-height: 1.5;
}

.contact-item i {
    color: var(--color-primary);
    margin-top: 5px;
    font-size: 14px;
}

.contact-item a:hover {
    color: var(--color-white);
    text-decoration: underline;
}

/* ROW 2: Map */
.footer-map {
    width: 100%;
    height: 450px;
    line-height: 0;
    filter: grayscale(20%);
}

/* ROW 3: Copyright */
.footer-bottom {
    background-color: #1C2833;
    /* Dark Antrasit (Theme Match) */
    color: #aaa;
    /* Slightly lighter for readability */
    padding: 20px 0;
    /* More padding */
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /* Subtle separator */
}

.footer-bottom .container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1750px;
    padding: 0 40px;
}

.footer-bottom a {
    color: #ccc;
}

.footer-bottom a:hover {
    color: var(--color-white);
}

/* NEW: TRUST BAR (Association Logos) */
.footer-trust {
    background: #151e26;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    padding: 25px 0;
    text-align: center;
}

.footer-trust .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.5;
    /* Silik görünüm */
    transition: all 0.3s ease;
    filter: grayscale(100%);
}

.trust-item:hover {
    opacity: 0.9;
    filter: grayscale(0%);
    transform: translateY(-2px);
}

.trust-logo-text {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 15px;
    border-radius: 4px;
}

/* Responsive Handling */
@media (max-width: 1200px) {
    .footer-top .container {
        flex-wrap: wrap;
        /* Allow wrapping on smaller desktop */
        gap: 40px;
        justify-content: flex-start;
    }

    .footer-col {
        flex: 0 0 45%;
        /* 2 cols per row */
        margin-bottom: 30px;
    }

    .footer-col:first-child {
        flex: 0 0 100%;
        /* Identity takes full width */
        max-width: 100%;
        margin-right: 0;
    }

    .footer-col:not(:last-child)::after {
        display: none;
        /* Hide vertical dividers on tablet/mobile */
        /* Because columns will wrap */
    }
}

@media (max-width: 768px) {
    .footer-col {
        flex: 0 0 100%;
        /* Stack on mobile */
    }

    .footer-list {
        white-space: normal;
    }
}

/* Force White Text on CTA Button even when Active */
.site-header .btn-cta.active-page,
.site-header .btn-cta:visited {
    color: #ffffff !important;
}

/* MOBILE BANNER OVERLAP FIX */
@media (max-width: 991px) {
    .page-banner .container {
        padding-top: 140px !important;
        /* Force content down to clear the header */
    }

    .page-banner {
        height: auto;
        /* Let it grow if needed */
        min-height: 350px;
        /* Ensure enough space for the background */
    }
}

/* --- FIX 1: MOBILE BANNER BREATHING ROOM --- */
@media (max-width: 991px) {
    .page-banner {
        /* Increase from 140px to 180px to clear the header completely */
        padding-top: 180px !important;
        padding-bottom: 50px !important;
        height: auto !important;
    }

    .page-banner .container {
        /* Ensure flexbox doesn't pull it up */
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        /* Push content towards bottom/center */
        min-height: 150px;
    }

    .page-banner h1 {
        margin-top: 20px !important;
        /* Extra safety margin for the title */
    }
}

/* --- FIX 2: CONTACT BUTTON NUCLEAR WHITE FORCE --- */
/* Targeting with high specificity to kill the black text bug */
header .container nav ul li a.btn-cta,
header .container nav ul li a.btn-cta:link,
header .container nav ul li a.btn-cta:visited,
header .container nav ul li a.btn-cta:hover,
header .container nav ul li a.btn-cta:active,
header .container nav ul li a.btn-cta.active-page,
.site-header .btn-cta.active-page {
    color: #ffffff !important;
    /* Pure White */
    -webkit-text-fill-color: #ffffff !important;
    /* Webkit override */
    border-bottom: none !important;
    /* No underline */
    background: linear-gradient(90deg, #800000, #a00000) !important;
    /* Re-assert Red Background */
    /* Re-assert Red Background */
}

/* FORCE WHITE TEXT ON CTA BUTTON - NUCLEAR OVERRIDE */
.site-header .btn-cta,
.site-header a.btn-cta,
.site-header .btn-cta.active-page,
a.btn-cta.active-page {
    color: #ffffff !important;
    /* Always White */
    border-bottom: none !important;
    /* No underline */
    opacity: 1 !important;
}

/* Ensure Hover stays correct */
.site-header .btn-cta:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* --- SUPERNOVA FIX: CONTACT BUTTON COLOR --- */

/* Using ID #site-header makes this rule stronger than any class rule */
#site-header nav ul li a.btn-cta,
#site-header nav ul li a.btn-cta:visited,
#site-header nav ul li a.btn-cta:hover,
#site-header nav ul li a.btn-cta:active,
#site-header nav ul li a.btn-cta:focus,
#site-header nav ul li a.btn-cta.active-page {
    color: #fbfbfb !important;
    /* "Kırık Beyaz" - Almost white to force render */
    fill: #fbfbfb !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    opacity: 1 !important;
}

/* Double check specifically for the active page combo */
#site-header .btn-cta.active-page {
    color: #fbfbfb !important;
}

/* ================================
   AWARDS SHOWCASE SECTION
   ================================ */

.awards-showcase {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.awards-showcase::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, #800000, transparent);
}

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

.showcase-header h2 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 15px;
    font-weight: 700;
}

.showcase-subtitle {
    color: #666;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

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

.awards-vitrine .award-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #fdfcfa 100%);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.4s ease;
    position: relative;
    border: 1px solid #f0ebe0;
}

.awards-vitrine .award-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #D4AF37, #800000);
    border-radius: 16px 0 0 16px;
}

.awards-vitrine .award-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(128, 0, 0, 0.1);
    border-color: #e0d6c8;
}

.award-icon-wrapper {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: linear-gradient(135deg, #800000, #5c0000);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(128, 0, 0, 0.25);
}

.award-icon-wrapper i {
    font-size: 24px;
    color: #D4AF37;
}

.award-content {
    flex: 1;
}

.award-content .award-year {
    display: inline-block;
    background: transparent;
    color: #D4AF37;
    padding: 0;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.award-content h3 {
    font-family: 'Lora', serif;
    font-size: 1.15rem;
    color: #1C2833;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.4;
}

.award-content p {
    color: #666;
    line-height: 1.6;
    font-size: 0.9rem;
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .awards-vitrine {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .awards-showcase {
        padding: 50px 0;
    }

    .awards-vitrine {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .awards-vitrine .award-item {
        padding: 24px;
    }

    .award-icon-wrapper {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .award-icon-wrapper i {
        font-size: 20px;
    }

    .award-content h3 {
        font-size: 1.05rem;
    }
}


/* =========================================
   HAKKIMDA PAGE - SECTION 1: BIOGRAPHY
   ========================================= */
.section-biography {
    padding: 100px 0;
    background-color: #ffffff;
}

.section-biography .container {
    max-width: 1400px;
}

/* Left Column: Image Area */
.bio-image-wrapper {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
}

.bio-image-container {
    position: relative;
    z-index: 2;
}

.bio-image-container::after {
    content: '';
    position: absolute;
    top: 15px;
    right: -15px;
    width: 100%;
    height: 100%;
    background-color: var(--color-primary);
    z-index: -1;
}

.bio-image {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.bio-signature {
    text-align: center;
    margin-top: 30px;
}

.bio-signature img {
    max-width: 180px;
    margin: 0 auto;
    opacity: 0.9;
}

/* Right Column: Text Area */
.bio-text {
    padding-left: 20px;
}

.text-gold {
    color: var(--color-accent);
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 15px;
    display: block;
}

.tracking-wide {
    letter-spacing: 0.15em;
}

.bio-text h2 {
    font-size: 2.8rem;
    color: var(--color-secondary);
    margin-bottom: 25px;
    line-height: 1.2;
}

.bio-lead {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 20px;
    line-height: 1.6;
}

.bio-body {
    font-size: 1rem;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}

.bio-highlights {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.highlight-icon {
    font-size: 28px;
}

.highlight-text {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-secondary);
}

/* =========================================
   HAKKIMDA PAGE - SECTION 2: TIMELINE
   ========================================= */
.section-timeline {
    padding: 100px 0;
    background-color: var(--color-bg-light);
}

.section-timeline h2 {
    font-size: 2.8rem;
    color: var(--color-secondary);
    margin-bottom: 80px;
}

.timeline-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Vertical Center Line */
.timeline-wrapper::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background-color: #ddd;
    z-index: 1;
}

.timeline-item {
    position: relative;
    width: 50%;
    padding: 20px 40px;
    margin-bottom: 50px;
}

/* Left Items */
.timeline-item.left {
    left: 0;
    text-align: right;
    padding-right: 60px;
}

/* Right Items */
.timeline-item.right {
    left: 50%;
    text-align: left;
    padding-left: 60px;
}

/* Content Box */
.timeline-content {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all 0.3s ease;
}

.timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Dot on Timeline */
.timeline-item::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary);
    border: 4px solid #ffffff;
    border-radius: 50%;
    top: 35px;
    z-index: 2;
    box-shadow: 0 0 0 4px rgba(128, 0, 0, 0.2);
}

.timeline-item.left::after {
    right: -10px;
}

.timeline-item.right::after {
    left: -10px;
}

/* Timeline Content Typography */
.timeline-content h3 {
    font-size: 1.8rem;
    color: var(--color-primary);
    margin-bottom: 10px;
    font-weight: 700;
}

.timeline-content h4 {
    font-size: 1.3rem;
    color: var(--color-secondary);
    margin-bottom: 15px;
    font-weight: 600;
}

.timeline-content p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* =========================================
   HAKKIMDA PAGE - SECTION 3: PUBLICATIONS
   ========================================= */
.section-publications {
    padding: 100px 0;
    background-color: #ffffff;
}

.section-publications h2 {
    font-size: 2.5rem;
    color: var(--color-secondary);
    margin-bottom: 60px;
}

.publications-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.publication-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: 3px solid var(--color-primary);
    border-radius: 4px;
    padding: 25px;
    transition: all 0.3s ease;
    display: block;
    text-decoration: none;
}

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

.pub-year {
    font-size: 0.85rem;
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.publication-card h4 {
    font-size: 1.1rem;
    color: var(--color-secondary);
    margin-bottom: 15px;
    line-height: 1.4;
    transition: color 0.3s ease;
    font-weight: 600;
}

.publication-card:hover h4 {
    color: var(--color-primary);
}

.pub-journal {
    font-size: 0.85rem;
    color: #888;
    font-style: italic;
    margin: 0;
}

/* Button Styles */
.btn {
    display: inline-block;
    padding: 15px 40px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.btn-outline {
    background-color: transparent;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
}

.btn-outline:hover {
    background-color: var(--color-primary);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(128, 0, 0, 0.3);
}

/* Utility Classes */
.text-center {
    text-align: center;
}

.mb-5 {
    margin-bottom: 3rem;
}

.mt-5 {
    margin-top: 3rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

/* =========================================
   UZMANLIKLAR - VITRINE PAGE STYLES
   ========================================= */

.specialties-vitrine {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 80px 0;
}

.specialty-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.specialty-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.card-image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
}

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

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

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

.card-icon {
    width: 60px;
    height: 60px;
    margin: -50px auto 20px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

.card-icon svg {
    width: 35px;
    height: 35px;
    fill: var(--color-primary);
}

/* Clickable Title Link */
.specialty-title-link {
    text-decoration: none;
    display: block;
    color: inherit;
    transition: opacity 0.3s ease;
}

.specialty-title-link:hover h3 {
    color: var(--color-primary);
}

.card-content h3 {
    font-size: 1.5rem;
    color: var(--color-secondary);
    margin-bottom: 15px;
    text-align: center;
}

.card-content p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
    flex: 1;
}

.btn-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.btn-text:hover {
    color: var(--color-accent);
    gap: 12px;
}

/* =========================================
   UZMANLIKLAR - DETAIL PAGE LAYOUT
   ========================================= */

.service-detail-layout {
    display: flex;
    gap: 40px;
    padding: 60px 0;
    max-width: 1400px;
    margin: 0 auto;
}

.main-content {
    flex: 1;
    max-width: 70%;
}

.sidebar {
    width: 30%;
    max-width: 350px;
}

/* Hero Section */
.service-hero {
    margin-bottom: 50px;
}

.service-hero-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.service-hero-icon {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.service-hero-icon svg {
    width: 100%;
    height: 100%;
    fill: var(--color-primary);
}

.service-hero h2 {
    font-size: 2.5rem;
    color: var(--color-secondary);
    margin: 0;
}

.service-intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

/* Accordion Styles */
.accordion {
    margin: 50px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.accordion-header {
    width: 100%;
    background: #ffffff;
    border: none;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    font-family: var(--font-serif);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-secondary);
    text-align: left;
    transition: all 0.3s ease;
}

.accordion-header:hover {
    background: #f9f9f9;
}

.accordion-header.active {
    background: #fff5f5;
    color: var(--color-primary);
}

.icon-check {
    width: 24px;
    height: 24px;
    background: var(--color-primary);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.accordion-chevron {
    margin-left: auto;
    transition: transform 0.3s ease;
    color: var(--color-primary);
}

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

.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #fafafa;
}

.accordion-body-inner {
    padding: 25px;
    font-size: 0.95rem;
    line-height: 1.8;
    color: #555;
}

/* Scientific Evidence Box */
.scientific-box {
    background: #fff5f5;
    border-left: 4px solid var(--color-primary);
    padding: 30px;
    margin: 50px 0;
    border-radius: 4px;
}

.scientific-box h3 {
    font-size: 1.3rem;
    color: var(--color-secondary);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.scientific-box ul {
    list-style: none;
    padding: 0;
}

.scientific-box li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    font-size: 0.95rem;
    color: #555;
}

.scientific-box li::before {
    content: '';
    position: absolute;
    left: 0;
}

.scientific-box a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.scientific-box a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}

/* Sticky Sidebar */
.sidebar {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

.sidebar-module {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
}

.sidebar-module h3 {
    font-size: 1.2rem;
    color: var(--color-secondary);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--color-accent);
}

/* Doctor ID Card */
.doctor-id {
    text-align: center;
}

.doctor-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 15px;
    border: 4px solid var(--color-primary);
    overflow: hidden;
    background: #f5f5f5;
}

.doctor-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doctor-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 5px;
}

.doctor-title {
    font-size: 0.85rem;
    color: #666;
}

/* Services Navigation */
.services-nav {
    list-style: none;
    padding: 0;
}

.services-nav li {
    margin-bottom: 10px;
}

.services-nav a {
    display: block;
    padding: 10px 15px;
    color: #555;
    font-size: 0.95rem;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.services-nav a:hover {
    background: #f9f9f9;
    color: var(--color-primary);
    padding-left: 20px;
}

.services-nav a.active {
    background: var(--color-primary);
    color: #ffffff;
    font-weight: 700;
}

/* Contact CTA */
.sidebar-cta {
    text-align: center;
}

.sidebar-cta .phone-number {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.sidebar-cta .btn {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(to right, var(--color-primary), var(--color-primary-light));
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.sidebar-cta .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(128, 0, 0, 0.3);
}

/* HAKKIMDA PAGE: Timeline Dark Theme */
.section-timeline {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    position: relative;
}

.section-timeline::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.5;
}

.section-timeline .container {
    position: relative;
    z-index: 1;
}

.section-timeline h2 {
    color: #ffffff;
}

.timeline-wrapper::before {
    background: linear-gradient(to bottom, var(--color-accent), var(--color-primary));
}

.timeline-content {
    background: #ffffff;
}

.timeline-item::after {
    box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.3);
}

/* Publications Grid Redesign */
.section-publications {
    background: #f8f8f8;
}

.publications-grid {
    grid-template-columns: repeat(4, 1fr);
}

.publication-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.publication-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);
    transition: left 0.5s;
}

.publication-card:hover::before {
    left: 100%;
}

.publication-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 40px rgba(128, 0, 0, 0.15);
    border-top-color: var(--color-accent);
}

.pub-year {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary);
    opacity: 0.15;
    position: absolute;
    top: 10px;
    right: 15px;
    line-height: 1;
}

.publication-card h4 {
    position: relative;
    z-index: 2;
    min-height: 60px;
}

/* RINOPLASTI DETAIL PAGE ENHANCEMENTS */

/* Hero Image Section */
.service-hero-image {
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

.service-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-hero-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
}

/* Google-Style Reviews for Rinoplasti */
.service-reviews {
    background: #f9f9f9;
    padding: 40px;
    border-radius: 12px;
    margin: 50px 0;
}

.service-reviews h3 {
    font-size: 1.8rem;
    color: var(--color-secondary);
    margin-bottom: 30px;
}

.service-review-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.service-review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.service-review-stars {
    color: #FBBC04;
    font-size: 18px;
    letter-spacing: 2px;
}

.service-review-google {
    width: 22px;
    height: 22px;
}

.service-review-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 15px;
}

.service-review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #eee;
}

.service-review-author {
    font-weight: 600;
    color: #222;
    font-size: 0.9rem;
}

.service-review-date {
    font-size: 0.85rem;
    color: #888;
}

/* WhatsApp Button in Sidebar */
.whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 20px;
    background: #25D366;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.95rem;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 12px;
}

.whatsapp-btn:hover {
    background: #128C7E;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn i {
    font-size: 20px;
}

/* Scientific Publications - Button Card Style */
.scientific-publications {
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    padding: 50px;
    border-radius: 12px;
    margin: 50px 0;
}

.scientific-publications h3 {
    font-size: 2rem;
    color: var(--color-secondary);
    margin-bottom: 10px;
    text-align: center;
}

.scientific-publications .subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 35px;
    font-size: 1.05rem;
}

.publications-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.publication-btn-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    border-left: 4px solid var(--color-primary);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
}

.publication-btn-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(128, 0, 0, 0.15);
    border-left-color: var(--color-accent);
}

.publication-btn-card .pub-icon {
    font-size: 2rem;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.publication-btn-card h4 {
    font-size: 1.1rem;
    color: var(--color-secondary);
    margin-bottom: 8px;
    line-height: 1.4;
}

.publication-btn-card .pub-journal {
    font-size: 0.85rem;
    color: #666;
    font-style: italic;
    margin-bottom: 10px;
}

.publication-btn-card .pub-year {
    font-size: 0.8rem;
    color: var(--color-primary);
    font-weight: 600;
}

.publication-btn-card a {
    color: inherit;
    text-decoration: none;
    display: block;
}

@media (max-width: 768px) {
    .service-hero-image {
        height: 250px;
    }

    .service-reviews {
        padding: 25px 20px;
    }

    .scientific-publications {
        padding: 30px 20px;
    }

    .publications-cards {
        grid-template-columns: 1fr;
    }
}

/* Reviews Section Dark Theme for Detail Pages */
.service-reviews {
    background-color: #1C2833;
    padding: 80px 0;
    margin: 50px 0;
    border-radius: 12px;
    position: relative;
}

.service-reviews::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(128, 0, 0, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.service-reviews h3 {
    color: #ffffff;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.service-reviews .swiper {
    position: relative;
    z-index: 2;
}

.service-review-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.service-review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
    .service-reviews {
        padding: 50px 20px;
    }

    .service-reviews h3 {
        font-size: 1.8rem;
    }
}

/* Rinoplasti Detail Page - Service Reviews Full Width */
.service-reviews {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 60px 0;
    background: #1C2833;
    margin-top: 60px;
    margin-bottom: 60px;
}

.service-reviews h3 {
    text-align: center;
    color: #ffffff;
    font-size: 2rem;
    margin-bottom: 40px;
    font-weight: 700;
}

/* Service Reviews Pagination - Match Hero Slider Style */
.service-reviews-slider .swiper-pagination {
    margin-top: 50px !important;
    position: relative !important;
}

.service-reviews-slider .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 6px !important;
    transition: all 0.3s ease;
}

.service-reviews-slider .swiper-pagination-bullet-active {
    background: #800000 !important;
    width: 32px;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(128, 0, 0, 0.6);
}

/* Service Review Card Styling */
.service-review-card {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    margin: 0 auto;
}

.service-review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.service-review-stars {
    color: #FBBC04;
    font-size: 20px;
    letter-spacing: 3px;
}

.service-review-google {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.service-review-text {
    font-size: 1rem;
    line-height: 1.7;
    color: #333;
    margin-bottom: 20px;
}

.service-review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.service-review-author {
    font-weight: 600;
    color: #1C2833;
    font-size: 0.95rem;
}

.service-review-date {
    font-size: 0.85rem;
    color: #999;
}


/* =========================================
   MOBILE FIXES: Reviews and Sidebar WhatsApp
   ========================================= */

@media (max-width: 768px) {

    /* Mobile Service Reviews - Smaller and Centered */
    .service-reviews {
        padding: 40px 15px;
    }

    .service-reviews h3 {
        font-size: 1.5rem;
        margin-bottom: 25px;
    }

    .service-review-card {
        padding: 20px;
        margin: 0 10px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .service-review-text {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .service-reviews-slider {
        max-width: 100% !important;
    }

    .service-reviews-slider .swiper-pagination {
        margin-top: 30px !important;
    }

    /* Mobile Sidebar WhatsApp Button - Match Desktop Style */
    .sidebar .whatsapp-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
        color: #fff !important;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    }

    .sidebar .whatsapp-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
    }

    .sidebar .whatsapp-btn i {
        font-size: 18px;
        color: #fff !important;
    }
}

/* Desktop Sidebar WhatsApp Button - Green Background Style */
.sidebar .whatsapp-btn,
.sidebar-cta .whatsapp-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    margin-bottom: 15px;
}

.sidebar .whatsapp-btn:hover,
.sidebar-cta .whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.sidebar .whatsapp-btn i,
.sidebar-cta .whatsapp-btn i {
    font-size: 18px;
    color: #fff !important;
}

/* =========================================
   HAKKIMDA PAGE: Publications Section Redesign
   Modern, Premium, Professional Look
   ========================================= */

.section-publications {
    background: linear-gradient(135deg, #1C2833 0%, #2C3E50 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.section-publications::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 80% 20%, rgba(128, 0, 0, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.section-publications h2 {
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.section-publications h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #800000, #B8860B);
    margin: 15px auto 0;
    border-radius: 2px;
}

.publications-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    position: relative;
    z-index: 1;
}

.publication-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 28px 22px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.publication-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #800000, #B8860B);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.publication-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(128, 0, 0, 0.3);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.publication-card:hover::before {
    transform: scaleX(1);
}

.publication-card .pub-year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #800000, #5a0000);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 18px;
    letter-spacing: 1px;
}

.publication-card h4 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.publication-card .pub-journal {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.85rem;
    font-style: italic;
    margin: 0;
}

.section-publications .btn-outline {
    border: 2px solid #800000;
    color: #fff;
    background: transparent;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.section-publications .btn-outline:hover {
    background: #800000;
    color: #fff;
    box-shadow: 0 8px 25px rgba(128, 0, 0, 0.4);
}

/* Publications Grid Responsive */
@media (max-width: 1024px) {
    .publications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .section-publications {
        padding: 50px 0;
    }

    .section-publications h2 {
        font-size: 1.6rem;
    }

    .publications-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .publication-card {
        padding: 20px 18px;
    }

    .publication-card h4 {
        font-size: 0.95rem;
    }
}


/* =========================================
   FAQ SECTION - Accordion Style
   Premium Design for Service Pages
   ========================================= */

.faq-section {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    padding: 80px 0;
}

.faq-section h2 {
    color: #1C2833;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.faq-section h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #800000, #B8860B);
    margin: 15px auto 0;
    border-radius: 2px;
}

.faq-subtitle {
    color: #666;
    font-size: 1.1rem;
    margin-bottom: 50px;
}

.faq-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    box-shadow: 0 8px 25px rgba(128, 0, 0, 0.08);
    border-color: rgba(128, 0, 0, 0.1);
}

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1C2833;
    transition: all 0.3s ease;
}

.faq-question:hover {
    color: #800000;
}

.faq-question span {
    flex: 1;
    padding-right: 15px;
}

.faq-question i {
    color: #800000;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question {
    color: #800000;
    background: linear-gradient(135deg, rgba(128, 0, 0, 0.03) 0%, rgba(184, 134, 11, 0.02) 100%);
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer {
    max-height: 500px;
}

.faq-answer p {
    padding: 0 28px 22px 28px;
    color: #555;
    line-height: 1.8;
    font-size: 0.95rem;
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .faq-section {
        padding: 50px 15px;
    }

    .faq-section h2 {
        font-size: 1.5rem;
    }

    .faq-subtitle {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    .faq-question {
        padding: 18px 20px;
        font-size: 0.95rem;
    }

    .faq-answer p {
        padding: 0 20px 18px 20px;
        font-size: 0.9rem;
    }
}


/* =========================================
   FAQ SECTION - Accordion Style
   Premium Design for Service Pages
   ========================================= */

.faq-section {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    padding: 80px 0;
}

.faq-section h2 {
    color: #1C2833;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.faq-section h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #800000, #B8860B);
    margin: 15px auto 0;
    border-radius: 2px;
}

.faq-subtitle {
    color: #666;
    font-size: 1.1rem;
    margin-bottom: 50px;
    display: block;
    text-align: center;
}

.faq-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    box-shadow: 0 8px 25px rgba(128, 0, 0, 0.08);
    border-color: rgba(128, 0, 0, 0.1);
}

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1C2833;
    transition: all 0.3s ease;
}

.faq-question:hover {
    color: #800000;
}

.faq-question span {
    flex: 1;
    padding-right: 15px;
}

.faq-question i {
    color: #800000;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question {
    color: #800000;
    background: linear-gradient(135deg, rgba(128, 0, 0, 0.03) 0%, rgba(184, 134, 11, 0.02) 100%);
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer {
    max-height: 500px;
}

.faq-answer p {
    padding: 0 28px 22px 28px;
    color: #555;
    line-height: 1.8;
    font-size: 0.95rem;
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .faq-section {
        padding: 50px 15px;
    }

    .faq-section h2 {
        font-size: 1.5rem;
    }

    .faq-subtitle {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    .faq-question {
        padding: 18px 20px;
        font-size: 0.95rem;
    }

    .faq-answer p {
        padding: 0 20px 18px 20px;
        font-size: 0.9rem;
    }
}

/* =========================================
   CONTACT PAGE STYLES
   ========================================= */

/* Contact Main */
.contact-main {
    padding: 80px 0;
    background-color: var(--color-white);
}

/* Action Cards Grid */
.action-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}

.action-card {
    background: var(--color-white);
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.4s ease;
}

.action-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.action-card-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 28px;
}

.action-card-icon.phone-icon {
    background: rgba(128, 0, 0, 0.1);
    color: var(--color-primary);
}

.action-card-icon.whatsapp-icon {
    background: rgba(37, 211, 102, 0.1);
    color: #25D366;
}

.action-card-icon.email-icon {
    background: rgba(212, 175, 55, 0.1);
    color: var(--color-accent);
}

.action-card-icon.hours-icon {
    background: rgba(28, 40, 51, 0.1);
    color: var(--color-secondary);
}

.action-card h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: var(--color-secondary);
}

.action-card .card-data {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 20px;
}

.action-card .hours-list {
    text-align: left;
    padding: 0 10px;
}

.action-card .hours-list li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
}

.action-card .hours-list li:last-child {
    border-bottom: none;
}

.action-card .hours-list li.closed {
    color: var(--color-primary);
}

/* Action Card Buttons */
.btn-action {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-action.btn-primary {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: var(--color-white);
}

.btn-action.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(128, 0, 0, 0.3);
}

.btn-action.btn-whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: var(--color-white);
}

.btn-action.btn-whatsapp:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3);
}

.btn-action.btn-gray {
    background: linear-gradient(135deg, #555, #333);
    color: var(--color-white);
}

.btn-action.btn-gray:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Map & Address Section */
.map-address-section {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 0;
    margin-bottom: 80px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.address-side {
    background: var(--color-bg-light);
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.address-side h2 {
    font-size: 1.8rem;
    color: var(--color-secondary);
    margin-bottom: 30px;
}

.address-block {
    margin-bottom: 30px;
}

.address-block p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.address-note {
    background: rgba(128, 0, 0, 0.05);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid var(--color-primary);
}

.address-note p {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    font-style: italic;
}

.btn-map-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    background: var(--color-secondary);
    color: var(--color-white);
    border-radius: 30px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.btn-map-link:hover {
    background: var(--color-primary);
    transform: translateY(-2px);
}

.map-side {
    position: relative;
    min-height: 450px;
}

.map-wrapper {
    width: 100%;
    height: 100%;
}

.map-frame {
    width: 100%;
    height: 100%;
    border: none;
    filter: grayscale(100%);
    transition: filter 0.7s ease-in-out;
}

.map-frame:hover {
    filter: grayscale(0%);
}

/* Callback Form Section */
.callback-form-section {
    background: var(--color-bg-light);
    padding: 60px;
    border-radius: 12px;
    margin-bottom: 80px;
}

.callback-form-section h2 {
    font-size: 2rem;
    color: var(--color-secondary);
    margin-bottom: 40px;
    text-align: center;
}

.callback-form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 20px;
    align-items: end;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 8px;
}

.form-group input,
.form-group select {
    padding: 14px 18px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: var(--font-sans);
    transition: all 0.3s ease;
    background: var(--color-white);
}

.form-group input:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(128, 0, 0, 0.1);
}

.btn-submit {
    padding: 14px 40px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: var(--color-white);
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(128, 0, 0, 0.3);
}

/* Contact FAQ Section */
.contact-faq-section {
    margin-bottom: 0;
}

.contact-faq-section h2 {
    font-size: 2rem;
    color: var(--color-secondary);
    margin-bottom: 40px;
    text-align: center;
}

/* Mobile Sticky Bar */
.mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    background: var(--color-white);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}

.mobile-sticky-bar .sticky-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
}

.mobile-sticky-bar .btn-call {
    background: var(--color-primary);
    color: var(--color-white);
}

.mobile-sticky-bar .btn-whatsapp {
    background: #25D366;
    color: var(--color-white);
}

/* Contact Page Responsive */
@media (max-width: 1024px) {
    .action-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .map-address-section {
        grid-template-columns: 1fr;
    }

    .address-side {
        order: 2;
    }

    .map-side {
        order: 1;
        min-height: 350px;
    }

    .callback-form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .contact-main {
        padding: 60px 0 100px;
    }

    .action-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 50px;
    }

    .action-card {
        padding: 30px 25px;
    }

    .map-address-section {
        margin-bottom: 50px;
        border-radius: 0;
    }

    .address-side {
        padding: 40px 25px;
    }

    .address-side h2 {
        font-size: 1.5rem;
    }

    .callback-form-section {
        padding: 40px 25px;
        margin-bottom: 50px;
        border-radius: 0;
    }

    .callback-form {
        grid-template-columns: 1fr;
    }

    .mobile-sticky-bar {
        display: flex;
    }
}

/* =========================================
   BACK TO TOP BUTTON - Premium Style
   ========================================= */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #800000 0%, #a00000 100%);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 15px rgba(128, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 9999;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: linear-gradient(135deg, #a00000 0%, #c00000 100%);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(128, 0, 0, 0.5);
}

.back-to-top:active {
    transform: translateY(-2px);
}

.back-to-top i {
    transition: transform 0.3s ease;
}

.back-to-top:hover i {
    transform: translateY(-3px);
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .back-to-top {
        bottom: 90px;
        /* Above mobile sticky bar */
        right: 20px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
}

/* =========================================
   EMERGENCY FIX: Specialty Grid Items
   ========================================= */
.specialties-grid-modern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.specialty-item {
    position: relative;
    height: 350px !important;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--color-secondary);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    display: block !important;
    /* Force block */
    width: 100%;
}

.specialty-item .specialty-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    filter: brightness(0.85);
    z-index: 0;
}

.specialty-item .specialty-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.specialty-item .specialty-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    z-index: 2;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.specialty-item .specialty-content h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 8px;
    font-family: var(--font-serif);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.specialty-item .specialty-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease 0.1s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.specialty-item .specialty-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-accent);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s ease 0.2s;
}

/* Hover Effects */
.specialty-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.specialty-item:hover .specialty-bg-img {
    transform: scale(1.1);
    filter: brightness(1);
}

.specialty-item:hover .specialty-content {
    transform: translateY(0);
}

.specialty-item:hover .specialty-content p {
    opacity: 1;
    transform: translateY(0);
}

.specialty-item:hover .specialty-action {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 992px) {
    .specialties-grid-modern {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .specialties-grid-modern {
        grid-template-columns: 1fr;
    }

    .specialty-item {
        height: 280px !important;
    }

    .specialty-item .specialty-content {
        transform: translateY(0);
    }

    .specialty-item .specialty-content p {
        opacity: 1;
        transform: translateY(0);
    }

    .specialty-item .specialty-action {
        opacity: 1;
        transform: translateX(0);
    }
}


/* =========================================
   IMAGE SIZING FIXES
   ========================================= */
.bio-image-sm {
    max-width: 70% !important;
    /* Reduced from 85% to 70% */
    margin: 0 auto;
    display: block;
}

.bio-image-lg {
    transform: scale(1.1);
    /* Enlarge by 10% */
    transform-origin: center center;
    transition: transform 0.3s ease;
}

.bio-image-lg:hover {
    transform: scale(1.12);
    /* Slight extra zoom on hover */
}

/* =========================================
   BIO SECTION REFINEMENTS (Reference Match)
   ========================================= */

/* Adjust Shape Background Color & Position */
.bio-shape-bg {
    background-color: #F2E6E6 !important;
    /* Pastel Pinkish */
    opacity: 1 !important;
    /* Solid pastel, not transparent primary */
    width: 65% !important;
    height: 85% !important;
    top: -30px !important;
    left: -30px !important;
    transform: none !important;
    z-index: 0 !important;
}

/* Adjust Wrapper to allow shape to peek out correctly */
.bio-image-wrapper {
    margin-top: 50px !important;
    /* Reset/Adjust */
    padding-left: 20px;
    /* Space for the shape on left */
}

/* Adjust Image Size Logic */
.bio-image-sm {
    max-width: 100% !important;
    /* Let container dictate */
    width: 100% !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Refine Bio Text Typography */
.tanisin-label {
    color: #D4AF37 !important;
    /* Gold */
    font-size: 13px !important;
    letter-spacing: 3px !important;
    font-weight: 700 !important;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.bio-text h2 {
    font-family: var(--font-serif);
    font-size: 2.8rem !important;
    color: #1C2833;
    margin-bottom: 25px;
}

.bio-lead {
    font-family: var(--font-sans);
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.6;
}

.bio-text p {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.7;
}

/* Circle Tweaks */
.bio-gold-circle.circle-1 {
    width: 120px !important;
    height: 120px !important;
    border-color: #D4AF37 !important;
    opacity: 0.4 !important;
    right: auto !important;
    left: -40px !important;
    bottom: -40px !important;
    z-index: 1 !important;
}

.bio-gold-circle.circle-2 {
    display: none !important;
    /* Simplify to match reference if needed, or keep */
}


/* =========================================
   BIO SECTION RESPONSIVE FIX
   ========================================= */
.bio-grid {
    grid-template-columns: 0.8fr 1.2fr !important;
    gap: 40px !important;
    align-items: center !important;
}

@media (max-width: 992px) {
    .bio-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .bio-image-wrapper {
        margin-bottom: 30px;
        padding-left: 0 !important;
        margin-top: 30px !important;
        text-align: center;
    }

    /* Ensure image is centered on mobile */
    .bio-image-wrapper .bio-image-container {
        max-width: 400px;
        margin: 0 auto;
    }

    .bio-shape-bg {
        width: 100% !important;
        left: 0 !important;
        top: -20px !important;
        height: 100% !important;
    }
}


/* =========================================
   AWARDS PREMIUM SECTION (High Contrast)
   ========================================= */

.awards-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.award-premium-card {
    background: #fff;
    border: 2px solid #D4AF37;
    /* Permanent Gold Border (Vitrin Effect) */
    border-radius: 12px;
    padding: 40px 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    /* Stronger shadow */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Hover State */
.award-premium-card:hover {
    transform: translateY(-10px);
    background: #fafafa;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

/* Year Badge - Bordo Brand Color */
.award-year-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #800000;
    /* Bordo */
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 18px;
    border-bottom-left-radius: 12px;
    z-index: 2;
    font-family: var(--font-number);
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2);
}

/* Icon Box */
.award-icon-box {
    width: 80px;
    height: 80px;
    background: #1C2833;
    /* Corporate Navy */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    color: #D4AF37;
    /* Gold Icon */
    font-size: 32px;
    border: 3px solid #D4AF37;
    /* Gold rim */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    z-index: 2;
    position: relative;
}

.award-premium-card:hover .award-icon-box {
    transform: scale(1.1);
}

/* Content */
.award-content {
    position: relative;
    z-index: 2;
}

.award-content h3 {
    font-family: var(--font-serif);
    font-size: 1.4rem;
    font-weight: 700;
    color: #1C2833;
    /* Dark Navy Headline */
    margin-bottom: 20px;
    line-height: 1.3;
    min-height: 60px;
}

.award-content p {
    font-family: var(--font-sans);
    font-size: 1.05rem;
    /* Larger text */
    color: #222;
    /* Almost Black for clarity */
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
    /* Thicker font weight */
}

/* Background Decoration - Toned Down */
.award-bg-deco {
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 120px;
    color: rgba(212, 175, 55, 0.08);
    /* Gold tint visible */
    transform: rotate(-15deg);
    z-index: 0;
    pointer-events: none;
}

/* =========================================
   AWARDS MOBILE RESPONSIVE FIX
   ========================================= */
@media (max-width: 992px) {
    .awards-premium-grid {
        grid-template-columns: 1fr !important;
        /* Force Single Column on Tablet/Mobile */
        gap: 25px;
    }

    .award-premium-card {
        margin-bottom: 20px;
    }
}

/* =========================================
   PREMIUM PAGE BANNER (Compact & Dynamic)
   ========================================= */
/* =========================================
   PREMIUM PAGE BANNER (Compact & Dynamic)
   ========================================= */
.page-banner {
    position: relative;
    width: 100%;
    height: 180px;
    /* Reduced to 180px as requested */
    background: linear-gradient(120deg, #1C2833 0%, #2c3e50 50%, #15202B 100%);
    background-size: 200% 200%;
    animation: bannerGradientMove 10s ease infinite;
    display: flex;
    flex-direction: column;
    /* Ensure vertical column for children if needed */
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    margin-top: 110px;
    /* Increased from 90px to prevent header overlap */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 0 !important;
    /* Override any generic section padding */
}

@keyframes bannerGradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Optional: Add a subtle pattern overlay if desired */
.page-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#ffffff 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.04;
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 0 20px;
    animation: fadeInUp 0.8s ease-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner-content h1 {
    font-family: var(--font-serif);
    font-size: 2.5rem;
    /* Slightly smaller for proportion */
    color: #fff;
    margin: 0;
    /* Zero margin */
    padding: 0;
    line-height: 1.1;
    /* Tighter line height */
    font-weight: 700;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--font-sans);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
    /* Very close to title */
}

.breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: 600;
}

.breadcrumb a:hover {
    color: #D4AF37;
    /* Gold Hover */
}

.breadcrumb span {
    color: rgba(255, 255, 255, 0.4);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .page-banner {
        height: 100px !important;
        /* Visible strip height */
        min-height: 0 !important;
        margin-top: 130px !important;
        /* Push below TopBar (40px) + Header (90px) */
        padding: 0 !important;
    }

    .banner-content h1 {
        font-size: 1.4rem !important;
        margin-bottom: 0px !important;
        line-height: 1 !important;
    }

    .breadcrumb {
        font-size: 0.6rem !important;
        margin-top: 2px !important;
    }
}
}
}