/* Lion Tekstil - Orijinal Tema Tasarımına Uygun Düzeltmeler */

/* Sadece tab içerik genişlik düzeltmesi - diğer hiçbir şeye dokunma */
.estimated-price .field-build {
    max-width: 700px !important;
}

.estimated-price .field-build h3,
.estimated-price .field-build p,
.estimated-price .field-build ul,
.estimated-price .field-build li {
    max-width: 670px !important;
}

/* Responsive ayarlar */
@media (max-width: 992px) {
    .estimated-price .field-build {
        max-width: 600px !important;
    }

    .estimated-price .field-build h3,
    .estimated-price .field-build p,
    .estimated-price .field-build ul,
    .estimated-price .field-build li {
        max-width: 570px !important;
    }
}

@media (max-width: 768px) {
    .estimated-price .field-build {
        max-width: 100% !important;
    }

    .estimated-price .field-build h3,
    .estimated-price .field-build p,
    .estimated-price .field-build ul,
    .estimated-price .field-build li {
        max-width: 100% !important;
    }
}

/* Hero Section H1 and H2 Styling */
.hero-two-text h1 {
    font-size: 60px !important;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 700;
}

.hero-two-text h2 {
    font-size: 50px !important;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 600;
}

.hero-two-text p {
    padding-bottom: 0 !important;
}

/* Sticky Header Icon Size Fix */
.sticky-header .dropdown-toggle i,
.sticky-header .btn i {
    font-size: 14px !important;
}

/* Header search icon exception - keep original size */
.sticky-header .header-search i {
    font-size: inherit !important;
}

.sticky-header .dropdown-toggle,
.sticky-header .btn {
    font-size: 14px !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
}

/* Language and User dropdown adjustments */
.sticky-header .dropdown-menu {
    font-size: 13px !important;
}

.sticky-header .dropdown-menu i {
    font-size: 12px !important;
    margin-right: 8px !important;
}

/* Responsive adjustments for hero headings */
@media (max-width: 768px) {
    .hero-two-text h1 {
        font-size: 40px !important;
    }

    .hero-two-text h2 {
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    .hero-two-text h1 {
        font-size: 32px !important;
    }

    .hero-two-text h2 {
        font-size: 24px !important;
    }
}

/* Hero Section H1 and H2 Styling */
.hero-two-text h1 {
    font-size: 60px !important;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 700;
}

.hero-two-text h2 {
    font-size: 45px !important;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Responsive adjustments for hero headings */
@media (max-width: 768px) {
    .hero-two-text h1 {
        font-size: 40px !important;
    }

    .hero-two-text h2 {
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    .hero-two-text h1 {
        font-size: 32px !important;
    }

    .hero-two-text h2 {
        font-size: 24px !important;
    }
}

/* Header Phone and Address Rotation Effects */
.phone-text,
.address-text {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.phone-text.active,
.address-text.active {
    display: inline;
    opacity: 1;
}

.phone-container,
.address-container {
    position: relative;
    min-height: 1.2em;
}

/* ===== COOKIE CONSENT BANNER ===== */
.cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, rgba(20, 144, 208, 0.95) 0%, rgba(255, 102, 0, 0.95) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 3px solid #ff6600;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    transform: translateY(100%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
    padding: 5px 0 0 0;
    height: 124px;
    display: flex;
    align-items: center;
}

.cookie-consent-banner.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* Body padding when cookie banner is active */
body.cookie-banner-active {
    padding-bottom: 124px;
}

/* Footer margin adjustment when cookie banner is active */
body.cookie-banner-active footer {
    margin-bottom: 0;
}

.cookie-consent-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    gap: 20px;
}

.cookie-consent-text {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.cookie-icon {
    font-size: 32px;
    color: #fff;
    opacity: 0.9;
}

.cookie-message h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.cookie-message p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.cookie-consent-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

/* Mobile responsive adjustments for cookie banner */
@media (max-width: 768px) {
    .cookie-consent-content {
        flex-direction: column;
        text-align: center;
        padding: 5px 15px 0 15px;
        gap: 15px;
    }

    .cookie-consent-text {
        flex-direction: column;
        gap: 10px;
    }

    .cookie-consent-actions {
        width: 100%;
        justify-content: center;
    }

    .cookie-btn {
        flex: 1;
        justify-content: center;
        min-width: 120px;
    }

    body.cookie-banner-active {
        padding-bottom: 140px;
    }
}

@media (max-width: 480px) {
    .cookie-consent-actions {
        flex-direction: column;
        gap: 8px;
    }

    body.cookie-banner-active {
        padding-bottom: 160px;
    }
}

.cookie-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.cookie-btn-settings {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.cookie-btn-settings:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.cookie-btn-accept {
    background: #fff;
    color: #1490d0;
    border: 2px solid #fff;
}

.cookie-btn-accept:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Cookie Settings Modal */
.cookie-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.cookie-modal.show {
    opacity: 1;
    visibility: visible;
}

.cookie-modal-content {
    background: #fff;
    border-radius: 15px;
    max-width: 500px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    transform: scale(0.9) translateY(20px);
    transition: all 0.3s ease;
}

.cookie-modal.show .cookie-modal-content {
    transform: scale(1) translateY(0);
}

.cookie-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 25px 0 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.cookie-modal-header h3 {
    color: #1490d0;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

.cookie-modal-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.cookie-modal-close:hover {
    background: #f5f5f5;
    color: #666;
}

.cookie-modal-body {
    padding: 0 25px;
}

.cookie-category {
    margin-bottom: 25px;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 4px solid #1490d0;
}

.cookie-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cookie-category-header h4 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.cookie-category p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Custom Toggle Switch */
.cookie-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.cookie-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 24px;
}

.cookie-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input:checked+.cookie-slider {
    background-color: #1490d0;
}

input:checked+.cookie-slider:before {
    transform: translateX(26px);
}

input:disabled+.cookie-slider {
    background-color: #ff6600;
    cursor: not-allowed;
}

input:disabled+.cookie-slider:before {
    background-color: #fff;
}

.cookie-modal-footer {
    padding: 20px 25px 25px 25px;
    border-top: 1px solid #eee;
    text-align: center;
}

/* Body scroll lock when modal is open */
body.modal-open {
    overflow: hidden;
}

body.cookie-banner-active {
    padding-bottom: 124px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cookie-consent-content {
        flex-direction: column;
        text-align: center;
        padding: 5px 15px 0 15px;
        gap: 15px;
    }

    .cookie-consent-text {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .cookie-message h4 {
        font-size: 16px;
    }

    .cookie-message p {
        font-size: 13px;
    }

    .cookie-consent-actions {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .cookie-btn {
        justify-content: center;
        padding: 12px 16px;
        font-size: 13px;
    }

    .cookie-modal-content {
        width: 95%;
        margin: 10px;
    }

    .cookie-modal-header,
    .cookie-modal-body,
    .cookie-modal-footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.cookie-banner-active {
        padding-bottom: 160px;
    }
}

@media (max-width: 480px) {
    .cookie-icon {
        font-size: 24px;
    }

    .cookie-message h4 {
        font-size: 15px;
    }

    .cookie-message p {
        font-size: 12px;
    }

    .cookie-modal-header h3 {
        font-size: 18px;
    }

    .cookie-category {
        padding: 5px 15px 0 15px;
    }

    body.cookie-banner-active {
        padding-bottom: 180px;
    }
}

/* PNG kategori ikonları için stiller - büyük boyut ve z-index */
.category-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    flex-shrink: 0;
    position: relative;
    z-index: 15;
    /* Orijinal PNG görünümünü korumak için arka plan ve border kaldırıldı */
}

/* Introduction text düzenlemesi - yazıların turuncu yuvarlakların üstünde görünmesi */
.introduction-text {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 20;
}

.introduction-text div {
    flex: 1;
    position: relative;
    z-index: 25;
}

.introduction-text h4 {
    margin: 0 0 5px 0;
    position: relative;
    z-index: 30;
    font-weight: bold;
}

.introduction-text p {
    margin: 0;
    position: relative;
    z-index: 30;
}

/* Responsive ayarlar - büyük ikonlar için */
@media (max-width: 768px) {
    .category-icon {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    .category-icon {
        width: 50px;
        height: 50px;
        margin-right: 12px;
    }
}

/* FIXED POSITIONING STICKY HEADER - Tamamen farklı yaklaşım */

/* Body'ye padding ekle - sticky header için yer aç */
body.sticky-header-active {
    padding-top: 0 !important;
}

/* Sticky header container - Sitenin orijinal #1490d0 rengi */
.sticky-header-clone {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: linear-gradient(135deg, #1490d0 0%, #1180b8 50%, #0e70a0 100%) !important;
    box-shadow: 0 4px 25px rgba(20, 144, 208, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    transform: translateY(-100%) !important;
    transition: transform 0.3s ease !important;
    border-bottom: 3px solid #ff6b35 !important;
    /* Turuncu alt çizgi */
}

/* Sticky header görünür durumu */
.sticky-header-clone.show {
    transform: translateY(0) !important;
}

/* Orijinal header'ı gizle - sticky aktifken */
.header-bottom-bar.hidden-for-sticky {
    visibility: hidden !important;
}

/* Sticky header içindeki elementlerin stilleri */
.sticky-header-clone .header-bottom-bar {
    background: transparent !important;
    position: relative !important;
    margin: 5px 0 !important;
    /* Üst ve alt 5px margin eklendi */
    padding: 10px 0 !important;
}

.sticky-header-clone .bottom-bar {
    padding: 5px 0 !important;
}

.sticky-header-clone .logo img {
    width: 264px !important;
    height: 50px !important;
    max-height: 50px !important;
}

/* Menü yazılarının rengi - beyaz renk (mavi zemin için) */
.sticky-header-clone .navbar-links>li>a {
    padding: 8px 15px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.sticky-header-clone .navbar-links>li>a:hover {
    color: #ffd700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Alt menü yazıları - #1490d0 renk teması */
.sticky-header-clone .sub-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(20, 144, 208, 0.2) !important;
    box-shadow: 0 4px 15px rgba(20, 144, 208, 0.2) !important;
}

.sticky-header-clone .sub-menu li a {
    color: #0e70a0 !important;
    background: transparent !important;
}

.sticky-header-clone .sub-menu li a:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1490d0, #1180b8) !important;
}

/* WhatsApp butonu - orijinal turuncu korundu */
.sticky-header-clone .theme-btn {
    padding: 8px 15px !important;
    font-size: 13px !important;
    background: #ff6b35 !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
}

.sticky-header-clone .theme-btn:hover {
    background: #e55a2b !important;
    box-shadow: 0 3px 12px rgba(255, 107, 53, 0.4) !important;
}

/* Arama ikonu */
.sticky-header-clone .search-btn {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.sticky-header-clone .search-btn:hover {
    color: #ffd700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* DİL DEĞİŞTİRME VE ÜYE GİRİŞİ ALANLARI */

/* Dil değiştirme buton stilleri */
.language-switcher .language-btn {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.language-switcher .language-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffd700 !important;
}

.language-switcher .language-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25) !important;
}

/* Dil menüsü stilleri */
.language-menu {
    background: #ffffff !important;
    border: 1px solid rgba(20, 144, 208, 0.2) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    min-width: 150px !important;
}

.language-menu .dropdown-item {
    padding: 8px 15px !important;
    font-size: 13px !important;
    color: #333333 !important;
    display: flex !important;
    align-items: center !important;
}

.language-menu .dropdown-item:hover {
    background: linear-gradient(135deg, #1490d0, #1180b8) !important;
    color: #ffffff !important;
}

.language-menu .flag-icon {
    width: 20px !important;
    height: 15px !important;
    margin-right: 8px !important;
    border-radius: 2px !important;
    object-fit: cover !important;
}

/* Üye girişi buton stilleri */
.user-auth .auth-btn {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.user-auth .auth-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffd700 !important;
}

.user-auth .auth-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25) !important;
}

/* Üye girişi menüsü stilleri */
.auth-menu {
    background: #ffffff !important;
    border: 1px solid rgba(20, 144, 208, 0.2) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    min-width: 180px !important;
}

.auth-menu .dropdown-item {
    padding: 8px 15px !important;
    font-size: 13px !important;
    color: #333333 !important;
    display: flex !important;
    align-items: center !important;
}

.auth-menu .dropdown-item:hover {
    background: linear-gradient(135deg, #1490d0, #1180b8) !important;
    color: #ffffff !important;
}

.auth-menu .dropdown-item i {
    margin-right: 8px !important;
    width: 16px !important;
    text-align: center !important;
    color: #1490d0 !important;
    /* Site ana rengi - ikonlar görünür olsun */
}

.auth-menu .dropdown-item:hover i {
    color: #ffffff !important;
    /* Hover durumunda beyaz */
}

.language-menu .dropdown-item i {
    color: #1490d0 !important;
    /* Dil menüsü ikonları da site renginde */
}

.language-menu .dropdown-item:hover i {
    color: #ffffff !important;
    /* Hover durumunda beyaz */
}

.auth-menu .dropdown-divider {
    border-color: rgba(20, 144, 208, 0.2) !important;
    margin: 5px 0 !important;
}

/* Sticky header'da dil ve üye girişi stilleri */
.sticky-header-clone .language-switcher .language-btn,
.sticky-header-clone .user-auth .auth-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

.sticky-header-clone .language-switcher .language-btn:hover,
.sticky-header-clone .user-auth .auth-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffd700 !important;
}

/* Responsive ayarlar */
@media (max-width: 992px) {

    .language-switcher,
    .user-auth {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .language-switcher .language-btn,
    .user-auth .auth-btn {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    .language-menu,
    .auth-menu {
        min-width: 140px !important;
    }
}

/* FLOATING WHATSAPP BUTTON - Sticky header aktif olduğunda görünür */
.floating-whatsapp {
    position: fixed !important;
    bottom: 110px !important;
    /* Kullanıcı talebi - 110px bottom pozisyon */
    right: 30px !important;
    /* Kullanıcı talebi - 30px right pozisyon */
    z-index: 9998 !important;
    /* Scroll to top butonundan bir alt seviye */
    opacity: 0 !important;
    transform: scale(0.8) translateY(20px) !important;
    transition: all 0.3s ease !important;
}

.floating-whatsapp.show {
    opacity: 1 !important;
    transform: scale(1) translateY(0) !important;
}

.floating-whatsapp a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    /* Scroll to top butonu ile tam aynı boyut - desktop */
    height: 60px !important;
    /* Scroll to top butonu ile tam aynı boyut - desktop */
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    font-size: 28px !important;
    /* 60px boyuta uygun font */
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4) !important;
    transition: all 0.3s ease !important;
    animation: pulse 2s infinite !important;
    cursor: pointer !important;
}

.floating-whatsapp a:hover {
    background: linear-gradient(135deg, #128c7e 0%, #075e54 100%) !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6) !important;
    text-decoration: none !important;
}

/* WhatsApp butonu pulse animasyonu */
@keyframes pulse {
    0% {
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
    }

    50% {
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.6), 0 0 0 10px rgba(37, 211, 102, 0.1);
    }

    100% {
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
    }
}

/* STICKY HEADER'DAKİ HEADER-ACTIONS ALANI - JavaScript ile doldurulacak */
.sticky-header-clone .header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* Sticky header'da JavaScript ile eklenen dil ve üye girişi butonları */
.sticky-header-clone .header-search .language-switcher,
.sticky-header-clone .header-search .user-auth {
    margin: 0 5px !important;
}

.sticky-header-clone .header-search {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Sticky header'da header-search içindeki ikonlar için özel stil */
.sticky-header-clone .header-search i {
    color: #ffffff !important;
    font-size: 12px !important;
    margin-left: 0 !important;
    transition: 0.5s ease-in-out !important;
}

/* Sticky header'da alt menü ok ikonunu font awesome ile değiştir */
.sticky-header-clone li.menu-item-children>a:before {
    content: "\f107" !important;
    /* FontAwesome chevron-down ikonu */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 12px !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    height: auto !important;
}

/* Modern ve şık concept-design bölümü düzenlemesi */
.concept-design {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08) !important;
    padding: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border: 1px solid rgba(20, 144, 208, 0.08) !important;
    position: relative !important;
    overflow: hidden !important;
    height: 550px !important;
    display: flex !important;
    flex-direction: column !important;
}

.concept-design:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 48px rgba(20, 144, 208, 0.15) !important;
    border-color: rgba(20, 144, 208, 0.2) !important;
}

.concept-design::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #1490d0, #0e70a0) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.4s ease !important;
}

.concept-design:hover::before {
    transform: scaleX(1) !important;
}

.concept-design figure {
    margin-bottom: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    height: 250px !important;
    display: block !important;
}

.concept-design figure img {
    transition: transform 0.4s ease !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

.concept-design:hover figure img {
    transform: scale(1.05) !important;
}

/* Metin içeriği için container */
.concept-design-content {
    padding: 24px 28px 32px 28px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.concept-design h3 {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    position: relative !important;
}

.concept-design h3::after {
    content: "" !important;
    position: absolute !important;
    bottom: -8px !important;
    left: 0 !important;
    width: 40px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #1490d0, #0e70a0) !important;
    border-radius: 2px !important;
    transition: width 0.4s ease !important;
}

.concept-design:hover h3::after {
    width: 80px !important;
}

.concept-design p {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #4a5568 !important;
    margin: 0 !important;
    letter-spacing: 0.01em !important;
}

.concept-design p a {
    color: #1490d0 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
    border-bottom: 1px solid transparent !important;
}

.concept-design p a:hover {
    color: #0e70a0 !important;
    border-bottom-color: #0e70a0 !important;
}

/* Responsive düzenlemeler */
@media (max-width: 1400px) {
    .concept-design {
        height: 520px !important;
    }

    .concept-design-content {
        padding: 20px 24px 28px 24px !important;
    }

    .concept-design h3 {
        font-size: 22px !important;
    }

    .concept-design p {
        font-size: 15px !important;
    }
}

@media (max-width: 992px) {
    .concept-design {
        margin-bottom: 32px !important;
        height: 480px !important;
    }

    .concept-design-content {
        padding: 18px 20px 24px 20px !important;
    }

    .concept-design h3 {
        font-size: 20px !important;
        margin-bottom: 14px !important;
    }

    .concept-design p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

@media (max-width: 768px) {
    .concept-design {
        border-radius: 12px !important;
        height: 420px !important;
    }

    .concept-design figure {
        border-radius: 12px 12px 0 0 !important;
        height: 200px !important;
    }

    .concept-design-content {
        padding: 16px 16px 20px 16px !important;
    }

    .concept-design h3 {
        font-size: 18px !important;
    }

    .concept-design p {
        font-size: 14px !important;
    }
}

/* Tömek Şirketler Grubu bölümü için özel stiller */
.heading.two h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.heading.two p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4a5568 !important;
    margin: 0 !important;
}

/* Responsive düzenlemeler */
@media (max-width: 1400px) {
    .heading.two h2 {
        font-size: 32px !important;
    }
}

@media (max-width: 992px) {
    .heading.two h2 {
        font-size: 28px !important;
    }

    .heading.two p {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    .heading.two h2 {
        font-size: 24px !important;
    }

    .heading.two p {
        font-size: 12px !important;
    }
}

/* Introduction-text bölümündeki paragraflar için tek satır düzenlemesi */
.introduction-text p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Introduction-text içindeki linkler de tek satırda kalacak */
.introduction-text p a {
    white-space: nowrap !important;
    display: inline !important;
}

/* Responsive düzenlemelerde tek satır korunur */
@media (max-width: 992px) {
    .introduction-text p {
        white-space: nowrap !important;
    }

    .introduction-text p a {
        white-space: nowrap !important;
    }
}

@media (max-width: 768px) {
    .introduction-text p {
        white-space: nowrap !important;
    }

    .introduction-text p a {
        white-space: nowrap !important;
    }
}

/* Modern CTA (Call to Action) bölümü tasarımı */
.center {
    background: linear-gradient(135deg, #1490d0 0%, #0e70a0 100%) !important;
    padding: 14px 40px !important;
    border-radius: 16px !important;
    text-align: center !important;
    position: relative !important;
    margin: 24px 0 !important;
    box-shadow: 0 12px 40px rgba(20, 144, 208, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
    overflow: hidden !important;
}

.center::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%) !important;
    animation: float 6s ease-in-out infinite !important;
    pointer-events: none !important;
}

@keyframes float {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }

    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}

.center h2 {
    color: #ffffff !important;
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    z-index: 2 !important;
    flex: 1 !important;
    text-align: left !important;
}

.center .theme-btn {
    background: #F9A826 !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    padding: 12px 28px !important;
    border-radius: 0 !important;
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.center .theme-btn:hover {
    background: #e8971f !important;
    color: #ffffff !important;
    outline: none !important;
}

.center .theme-btn:focus {
    outline: none !important;
    background: #e8971f !important;
}

.center .theme-btn i {
    font-size: 18px !important;
    transition: transform 0.3s ease !important;
}

.center .theme-btn:hover i {
    transform: translateX(5px) !important;
}

/* Responsive düzenlemeler */
@media (max-width: 1400px) {
    .center {
        padding: 28px 35px !important;
        margin-top: 35px !important;
    }

    .center h2 {
        font-size: 22px !important;
    }
}

@media (max-width: 992px) {
    .center {
        padding: 24px 30px !important;
        margin-top: 30px !important;
        border-radius: 14px !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 20px !important;
    }

    .center h2 {
        font-size: 20px !important;
        text-align: center !important;
    }

    .center .theme-btn {
        padding: 10px 24px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .center {
        padding: 20px 25px !important;
        margin-top: 25px !important;
        border-radius: 12px !important;
        gap: 16px !important;
    }

    .center h2 {
        font-size: 18px !important;
    }

    .center .theme-btn {
        padding: 8px 20px !important;
        font-size: 13px !important;
        gap: 8px !important;
    }

    .center .theme-btn i {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .center {
        padding: 18px 20px !important;
        margin-top: 20px !important;
    }

    .center h2 {
        font-size: 16px !important;
    }

    .center .theme-btn {
        padding: 8px 18px !important;
        font-size: 12px !important;
    }
}

/* Responsive ayarlar - Floating WhatsApp - Scroll-to-top ile tam uyumlu */
@media (max-width: 1400px) {
    .floating-whatsapp a {
        width: 50px !important;
        /* Scroll to top ile aynı boyut - 1400px altı */
        height: 50px !important;
        font-size: 22px !important;
    }
}

/* DROPDOWN MENÜ GÖRÜNÜRLİLİK VE İKON DÜZELTMELERİ */

/* Normal header'da dropdown menü yükseklik ve görünürlük düzeltmeleri */
.language-menu,
.auth-menu {
    max-height: 300px !important;
    /* Dropdown yükseklik sınırı */
    overflow-y: auto !important;
    /* Scroll özelliği */
    z-index: 999999 !important;
    /* Slider'dan daha yüksek z-index */
}

/* Tüm dropdown menüler için yüksek z-index */
.dropdown-menu {
    z-index: 999999 !important;
    /* Slider ve diğer elementlerden daha yüksek */
}

/* Bootstrap dropdown container'ı da yüksek z-index */
.dropdown {
    z-index: 999999 !important;
}

/* Header dropdown'ları için özel z-index */
.header-top-bar .dropdown,
.header-top-bar .dropdown-menu {
    z-index: 999999 !important;
}

/* Sticky header dropdown'ları için de aynı z-index */
.sticky-header-clone .dropdown,
.sticky-header-clone .dropdown-menu {
    z-index: 999999 !important;
}

.language-menu .dropdown-item,
.auth-menu .dropdown-item {
    padding: 10px 16px !important;
    /* Daha fazla padding */
    white-space: nowrap !important;
    /* Yazıların kırılmaması için */
    min-height: 40px !important;
    /* Minimum yükseklik */
}

/* Sticky header'da dropdown ok işaretlerini beyaz yap */
.sticky-header-clone .dropdown-toggle::after {
    border-top-color: #ffffff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

.sticky-header-clone .language-btn::after,
.sticky-header-clone .auth-btn::after {
    border-top-color: #ffffff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Sticky header'da ana menü dropdown oklarını beyaz yap (Kurumsal, Ürün Grupları) */
.sticky-header-clone .navbar-links .dropdown-toggle::after,
.sticky-header-clone .navbar-links .nav-link.dropdown-toggle::after {
    border-top-color: #ffffff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Tüm sticky header dropdown oklarını beyaz yap - genel kural */
.sticky-header-clone .dropdown::after,
.sticky-header-clone .dropend::after,
.sticky-header-clone .dropstart::after,
.sticky-header-clone .dropup::after {
    border-top-color: #ffffff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Bootstrap dropdown arrow override - sticky header için */
.sticky-header-clone .btn.dropdown-toggle::after,
.sticky-header-clone a.dropdown-toggle::after,
.sticky-header-clone button.dropdown-toggle::after {
    border-top-color: #ffffff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Bootstrap dropdown arrow genel düzeltmesi */
.dropdown-toggle::after {
    transition: all 0.3s ease !important;
    margin-left: 0.5em !important;
}

/* Normal header'da dropdown okları da görünür olsun */
.header-top-bar .dropdown-toggle::after {
    border-top-color: #ffffff !important;
}

/* Dropdown menü pozisyon düzeltmesi - buton bitişinden açılsın */
.dropdown-menu {
    transform: translateY(0) !important;
    margin-top: 0px !important;
    top: 100% !important;
    left: 0 !important;
}

/* Dropdown menü pozisyonunu buton bitişine hizala */
.language-switcher .dropdown-menu,
.user-auth .dropdown-menu {
    top: 100% !important;
    left: 0 !important;
    margin-top: 1px !important;
    transform: translateY(0) !important;
}

/* Sticky header'da dropdown pozisyonları */
.sticky-header-clone .language-switcher .dropdown-menu,
.sticky-header-clone .user-auth .dropdown-menu {
    top: 100% !important;
    left: 0 !important;
    margin-top: 1px !important;
    transform: translateY(0) !important;
}

/* Header üye girişi dropdown menüsündeki display:none olan linkleri görünür yap */
.auth-menu .dropdown-item,
.language-menu .dropdown-item {
    display: flex !important;
    /* Display:none olan linkleri görünür yap */
    visibility: visible !important;
    opacity: 1 !important;
}

/* Dropdown menü item'larının görünürlüğünü zorla */
.header-top-bar .dropdown-item,
.sticky-header-clone .dropdown-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Tüm dropdown item'ları için genel görünürlük düzeltmesi */
.dropdown-menu .dropdown-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Normal header'da dropdown menü açılma sorunu düzeltmesi */
.header-top-bar .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 999999 !important;
    transform: translateY(0) !important;
}

/* Normal header'da dropdown menü show durumu */
.header-top-bar .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Normal header'da dropdown butonları */
.header-top-bar .dropdown-toggle {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

/* Normal header'da dropdown container'ları */
.header-top-bar .dropdown {
    position: relative !important;
    display: inline-block !important;
}

/* Bootstrap dropdown override - normal header için */
.header-top-bar .dropdown-menu[data-bs-popper] {
    top: 100% !important;
    left: 0 !important;
    margin-top: 1px !important;
}

/* Dropdown menü animasyonu */
.dropdown-menu.show {
    animation: dropdownFadeIn 0.3s ease !important;
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@media (max-width: 992px) {
    .floating-whatsapp {
        bottom: 100px !important;
        /* Mobilde 100px bottom pozisyon */
        right: 20px !important;
        /* Mobilde 20px right pozisyon */
    }

    .floating-whatsapp a {
        width: 50px !important;
        /* Scroll to top ile aynı boyut */
        height: 50px !important;
        font-size: 22px !important;
    }
}

@media (max-width: 768px) {
    .floating-whatsapp {
        bottom: 100px !important;
        /* Mobilde 100px bottom pozisyon */
        right: 20px !important;
        /* Mobilde 20px right pozisyon */
    }

    .floating-whatsapp a {
        width: 50px !important;
        /* Mobilde scroll to top ile aynı boyut */
        height: 50px !important;
        font-size: 22px !important;
    }
}

/* PHONE AND ADDRESS ANIMATION STYLES - Telefon ve Adres Geçiş Animasyonları */

/* Phone container - blur-to-clear geçiş efektleri için */
.phone-container {
    position: relative;
    overflow: hidden;
    min-height: 20px;
    display: block;
}

.phone-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.8s ease-in-out, filter 0.8s ease-in-out, transform 0.8s ease-in-out;
    white-space: nowrap;
    visibility: hidden;
    text-decoration: none;
    color: inherit;
    opacity: 0;
    filter: blur(3px);
    transform: translateY(5px);
}

.phone-text.active {
    visibility: visible;
    position: relative;
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
}

.phone-text.blur-out {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-5px);
}

.phone-text:hover {
    color: #1490d0;
    text-decoration: none;
}

/* Address container - blur-to-clear geçiş efektleri için */
.address-container {
    position: relative;
    overflow: hidden;
    min-height: 20px;
    display: block;
}

.address-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.8s ease-in-out, filter 0.8s ease-in-out, transform 0.8s ease-in-out;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    filter: blur(3px);
    transform: translateY(5px);
}

.address-text.active {
    visibility: visible;
    position: relative;
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
}

.address-text.blur-out {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-5px);
}

/* Address label - Merkez/Üretim etiketi */
.address-label {
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 10px;
    font-weight: bold;
    color: #1490d0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.address-label-text {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.address-label-text.active {
    display: inline-block;
    opacity: 1;
}

/* Responsive adjustments for address */
@media (max-width: 768px) {
    .address-container {
        min-height: 16px;
    }

    .address-text {
        font-size: 12px;
        white-space: normal;
        line-height: 1.2;
    }

    .address-label {
        top: -15px;
        font-size: 9px;
    }
}

@media (max-width: 576px) {
    .address-container {
        min-height: 14px;
    }

    .address-text {
        font-size: 11px;
    }

    .address-label {
        top: -12px;
        font-size: 8px;
    }
}

/* GERÇEK SONSUZ MARQUEE ANİMASYONU */

.marquee {
    position: relative;
    width: 100%;
    height: 60px;
    overflow: visible;
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: scroll-left 30s linear infinite;
    will-change: transform;
    align-items: center;
    height: 60px;
}

.marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    height: 60px;
}

.marquee-item {
    display: inline-flex;
    align-items: center;
    margin-right: 40px;
    flex-shrink: 0;
    height: 60px;
}

.marquee-item a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease;
    white-space: nowrap;
    padding: 15px 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
    height: 60px;
}

.marquee-item a:hover {
    color: #ff6600;
}

.marquee-dot {
    color: #ff6600;
    font-size: 8px;
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
    height: 60px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-25%);
    }
}

/* Animasyonu duraklat hover'da */
.marquee:hover .marquee-track {
    animation-play-state: paused;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .marquee {
        height: 50px;
    }

    .marquee-track {
        height: 50px;
        animation-duration: 35s;
    }

    .marquee-content {
        height: 50px;
    }

    .marquee-item {
        margin-right: 30px;
        height: 50px;
    }

    .marquee-item a {
        font-size: 10px;
        padding: 12px 0;
        height: 50px;
    }

    .marquee-dot {
        margin-left: 15px;
        font-size: 6px;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .marquee {
        height: 45px;
    }

    .marquee-track {
        height: 45px;
        animation-duration: 40s;
    }

    .marquee-content {
        height: 45px;
    }

    .marquee-item {
        margin-right: 25px;
        height: 45px;
    }

    .marquee-item a {
        font-size: 9px;
        letter-spacing: 0.5px;
        padding: 10px 0;
        height: 45px;
    }

    .marquee-dot {
        margin-left: 12px;
        font-size: 5px;
        height: 45px;
    }
}

@media (max-width: 320px) {
    .marquee {
        height: 40px;
        margin: 15px 0;
    }

    .marquee-track {
        height: 40px;
        animation-duration: 45s;
    }

    .marquee-content {
        height: 40px;
    }

    .marquee-item {
        margin-right: 20px;
        height: 40px;
    }

    .marquee-item a {
        font-size: 8px;
        letter-spacing: 0.3px;
        padding: 8px 0;
        height: 40px;
    }

    .marquee-dot {
        margin-left: 10px;
        font-size: 4px;
        height: 40px;
    }
}

@media (min-width: 1200px) {
    .marquee-item a {
        font-size: 14px;
    }

    .marquee-item {
        margin-right: 50px;
    }

    .marquee-dot {
        margin-left: 25px;
        font-size: 10px;
    }

    .marquee-track {
        animation-duration: 25s;
    }
}

/* Performans optimizasyonu */
.marquee-track {
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: transform;
}

.marquee-item a {
    backface-visibility: hidden;
}

.marquee-separator {
    color: #ff6600;
    font-size: 16px;
    margin: 0 25px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

/* FOOTER SİMETRİK DÜZENLEME VE EŞİT YÜKSEKLİK */

/* Footer equal height container - sadece desktop için */
@media (min-width: 992px) {
    .footer-equal-height {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }

    .footer-section {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        min-height: 280px !important;
    }
}

/* Footer başlıkları - site renk teması ile uyumlu */
.mftr .widget-title h3 {
    margin-bottom: 25px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #1490d0 !important;
    /* Site ana rengi */
    padding-bottom: 10px !important;
    display: inline-block !important;
}

/* Get-in-touch orijinal stillerini koru ama iyileştir */
.mftr .get-in-touch {
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

/* Footer ikonları - Düzgün FontAwesome tasarımı */
.mftr .get-in-touch div:first-child {
    flex-shrink: 0 !important;
    width: 45px !important;
    height: 45px !important;
    background: #1490d0 !important;
    /* Düz mavi arka plan */
    border-radius: 8px !important;
    /* Yuvarlatılmış köşeler */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    box-shadow: 0 3px 12px rgba(20, 144, 208, 0.25) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Hover efekti */
.mftr .get-in-touch div:first-child:hover {
    background: #0d7bb8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(20, 144, 208, 0.4) !important;
}

/* İkon stilleri - FontAwesome için optimize edilmiş */
.mftr .get-in-touch div:first-child i {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    line-height: 1 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* FontAwesome 5 Free font yükleme */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

/* FontAwesome ikonları için spesifik unicode değerleri */
.mftr .get-in-touch div:first-child .fa-phone-alt::before {
    content: "\f879" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.mftr .get-in-touch div:first-child .fa-envelope::before {
    content: "\f0e0" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.mftr .get-in-touch div:first-child .fa-building::before {
    content: "\f1ad" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.mftr .get-in-touch div:first-child .fa-map-marker-alt::before {
    content: "\f3c5" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* FontAwesome class'ları için genel düzenleme */
.mftr .get-in-touch div:first-child .fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Alternatif ikon gösterimi - eğer FontAwesome yüklenmezse */
.mftr .get-in-touch div:first-child .fa-phone-alt:not(.fas)::before {
    content: "📞" !important;
    font-family: inherit !important;
}

.mftr .get-in-touch div:first-child .fa-envelope:not(.fas)::before {
    content: "✉️" !important;
    font-family: inherit !important;
}

.mftr .get-in-touch div:first-child .fa-building:not(.fas)::before {
    content: "🏢" !important;
    font-family: inherit !important;
}

.mftr .get-in-touch div:first-child .fa-map-marker-alt:not(.fas)::before {
    content: "📍" !important;
    font-family: inherit !important;
}

/* Footer text content - orijinal stilleri koru */
.mftr .get-in-touch div:last-child {
    flex: 1 !important;
    line-height: 1.5 !important;
}

.mftr .get-in-touch div:last-child a {
    color: #ffffff !important;
    /* Beyaz renk */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-size: 14px !important;
}

.mftr .get-in-touch div:last-child a:hover {
    color: #1490d0 !important;
    /* Site ana rengi */
}

.mftr .get-in-touch div:last-child h6 {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
}

.mftr .get-in-touch div:last-child p {
    color: #cccccc !important;
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Kurumsal Tanıtım bölümü - boşluk düzeltmesi */
.mftr .widget-title p.w-100 {
    color: #cccccc !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    /* 20px'den 15px'e düşürüldü */
    margin-top: 0 !important;
    /* Üst boşluğu sıfırla */
}

/* Footer form styling - orijinal tema stillerini koru */
.footer-form {
    margin-top: auto !important;
}

.footer-form input[type="email"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

.footer-form input[type="email"]:focus {
    outline: none !important;
    border-color: #ff6b35 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25) !important;
}

.footer-form input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-form .theme-btn {
    width: 100% !important;
    padding: 12px 20px !important;
    background: linear-gradient(135deg, #ff6b35, #e55a2b) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.footer-form .theme-btn:hover {
    background: linear-gradient(135deg, #e55a2b, #d14d20) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
}

/* Responsive footer adjustments */
@media (max-width: 992px) {
    .mftr .widget-title {
        margin-bottom: 30px !important;
    }

    .footer-equal-height {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .mftr .widget-title h3 {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }

    .mftr .get-in-touch {
        margin-bottom: 12px !important;
    }

    .mftr .get-in-touch div:first-child {
        width: 40px !important;
        height: 40px !important;
    }

    .mftr .get-in-touch div:first-child i {
        font-size: 16px !important;
    }

    .mftr .get-in-touch div:last-child a,
    .mftr .get-in-touch div:last-child h6 {
        font-size: 13px !important;
    }

    .mftr .get-in-touch div:last-child p {
        font-size: 12px !important;
    }
}

@media (max-width: 576px) {
    .mftr .widget-title h3 {
        font-size: 15px !important;
        margin-bottom: 18px !important;
    }

    .mftr .get-in-touch {
        margin-bottom: 10px !important;
        gap: 10px !important;
    }

    .mftr .get-in-touch div:first-child {
        width: 35px !important;
        height: 35px !important;
    }

    .mftr .get-in-touch div:first-child i {
        font-size: 15px !important;
    }
}

/* MODERN FOOTER TASARIMI - Sıfırdan Yeniden Tasarlandı */

/* Ana Footer Container */
.modern-footer {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Footer Turuncu Çizgi */
.footer-separator {
    height: 4px !important;
    background: linear-gradient(90deg, #ff6b35 0%, #e55a2b 50%, #ff6b35 100%) !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
}

/* Footer Turuncu Çizgi */
.footer-separator {
    height: 4px !important;
    background: linear-gradient(90deg, #ff6b35 0%, #e55a2b 50%, #ff6b35 100%) !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
}

.modern-footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') !important;
    z-index: 1 !important;
}

.modern-footer>* {
    position: relative !important;
    z-index: 2 !important;
}

/* Footer Ana Bölümü */
.footer-main {
    padding: 40px 0 0 0 !important;
    background: transparent !important;
}

/* Footer Üst Bölüm */
.footer-top {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Footer Brand */
.footer-brand {
    text-align: left !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 20px !important;
    justify-content: space-between !important;
}

.footer-logo img {
    max-height: 60px !important;
    margin-bottom: 0 !important;
    filter: brightness(1.2) !important;
}

.footer-tagline {
    color: #cccccc !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    text-align: right !important;
    flex-shrink: 0 !important;
}

/* Footer İstatistikler - Gizlendi */
.footer-stats {
    display: none !important;
}

.stat-item {
    display: none !important;
}

.stat-number {
    display: none !important;
}

.stat-label {
    display: none !important;
}

/* Footer Sosyal Medya */
.footer-social {
    text-align: right !important;
}

.footer-social h4 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.social-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-end !important;
}

.social-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 25px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    min-width: 140px !important;
    justify-content: flex-start !important;
}

.social-link:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateX(-10px) !important;
    box-shadow: 0 5px 20px rgba(255, 255, 255, 0.1) !important;
}

.social-link.facebook:hover {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
}

.social-link.twitter:hover {
    background: #1da1f2 !important;
    border-color: #1da1f2 !important;
}

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

.social-link.linkedin:hover {
    background: #0077b5 !important;
    border-color: #0077b5 !important;
}

.social-link i {
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
}

.social-link span {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Footer İçerik Bölümü - Eşit Yükseklik Sistemi */
.footer-content {
    margin-bottom: 40px !important;
}

.footer-content .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Footer Widget - Eşit Yükseklik */
.footer-widget {
    margin-bottom: 0px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Footer widget içeriği - flex grow ile genişletme */
.contact-info,
.corporate-info,
.address-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Newsletter bölümünü en alta yerleştir */
.newsletter-section {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.widget-title {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 30px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #1490d0 !important;
    position: relative !important;
}

.widget-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 50px !important;
    height: 2px !important;
    background: #ff6b35 !important;
}

.widget-title i {
    font-size: 20px !important;
    color: #1490d0 !important;
    width: 24px !important;
    text-align: center !important;
}

.widget-title h3 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Footer başlıkları beyaz renk - tüm footer başlıkları için */
.modern-footer .widget-title h3,
.modern-footer h3,
.modern-footer h4,
.footer-widget h3,
.footer-widget h4,
.mftr .widget-title h3,
.mftr h3,
.mftr h4 {
    color: #ffffff !important;
}

/* Footer'daki tüm başlık elementleri beyaz olsun */
.modern-footer .widget-title,
.modern-footer .widget-title *,
footer .widget-title,
footer .widget-title *,
.mftr .widget-title,
.mftr .widget-title * {
    color: #ffffff !important;
}

/* Google Maps iframe stilleri */
.address-map {
    margin-top: 15px !important;
}

.address-map iframe {
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    height: 154px !important;
}

.address-map iframe:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* İletişim Bilgileri */
.contact-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.contact-item {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
}

.contact-item:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateX(5px) !important;
}

.contact-icon {
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #1490d0, #0d7bb8) !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(20, 144, 208, 0.3) !important;
}

.contact-icon i {
    color: #ffffff !important;
    font-size: 16px !important;
}

.contact-details {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
}

.contact-label {
    display: block !important;
    color: #cccccc !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 5px !important;
}

.contact-value {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    line-height: 1.2 !important;
}

.contact-value:hover {
    color: #1490d0 !important;
    text-decoration: none !important;
}

/* Kurumsal Bilgiler */
.corporate-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.info-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
}

.info-card:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.info-icon {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #1490d0, #0d7bb8) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 15px rgba(20, 144, 208, 0.3) !important;
}

.info-icon i {
    color: #ffffff !important;
    font-size: 18px !important;
}

.info-content h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.info-content p {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
}

.tax-info,
.experience {
    display: inline-block !important;
    background: rgb(247 165 54) !important;
    color: #ffffff !important;
    padding: 4px 10px !important;
    border-radius: 15px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.address-badge {
    display: inline-block !important;
    background: rgb(245 162 65) !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Experience span - sayı solda, yazı sağda iki satır */
.experience {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px !important;
}

.experience span {
    display: block !important;
    white-space: normal !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    word-wrap: break-word !important;
}

/* Hizmet kartları için tıklanabilir link stili */
.introduction-text-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
}

.introduction-text-link:hover {
    text-decoration: none !important;
    color: inherit !important;
    transform: translateY(-2px) !important;
}

.introduction-text-link:hover .introduction-text {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.introduction-text-link h4 {
    color: #1490d0 !important;
    transition: color 0.3s ease !important;
}

.introduction-text-link:hover h4 {
    color: #f06a24 !important;
}


/* Adres Bilgileri - Eşit Yükseklik */
.address-info {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.address-info .row {
    margin: 0 !important;
    flex: 1 !important;
    display: flex !important;
    align-items: stretch !important;
}

.address-info .row>[class*="col-"] {
    padding: 0 10px !important;
    display: flex !important;
}

.address-card {
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.address-card:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.address-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}

.address-icon {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #1490d0, #0d7bb8) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(20, 144, 208, 0.3) !important;
}

.address-icon i {
    color: #ffffff !important;
    font-size: 18px !important;
}

.address-type h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.address-badge {
    display: inline-block !important;
    background: rgba(255, 107, 53, 0.2) !important;
    color: #ff6b35 !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.address-details {
    margin-bottom: 15px !important;
    flex: 1 !important;
}

.address-details p {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 3px !important;
    line-height: 1.4 !important;
}

.address-details p:last-child {
    margin-bottom: 0 !important;
}

.address-details strong {
    color: #ffffff !important;
}

.address-actions {
    text-align: right !important;
    margin-top: auto !important;
}

.btn-map {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 15px !important;
    background: rgba(20, 144, 208, 0.2) !important;
    color: #1490d0 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(20, 144, 208, 0.3) !important;
}

.btn-map:hover {
    background: #1490d0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(20, 144, 208, 0.4) !important;
}

/* Newsletter Bölümü - Alt kısımda sabit konumlandırma */
.newsletter-section {
    margin-bottom: 0 !important;
    margin-top: auto !important;
    padding: 25px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
}

.newsletter-section:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.newsletter-section h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.newsletter-section p {
    color: #cccccc !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
}

.newsletter-form .input-group {
    display: flex !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    width: 100% !important;
    max-width: 280px !important;
}

.newsletter-form input[type="email"] {
    flex: 1 !important;
    padding: 12px 15px !important;
    border: none !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 13px !important;
    outline: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

.newsletter-form input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.btn-subscribe {
    padding: 12px 15px !important;
    background: linear-gradient(135deg, #1490d0, #0d7bb8) !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 45px !important;
}

.btn-subscribe:hover {
    background: linear-gradient(135deg, #0d7bb8, #0a6ba0) !important;
    transform: scale(1.05) !important;
}

.btn-subscribe i {
    font-size: 16px !important;
}

/* Yasal Linkler Bölümü */
.legal-links-section {
    margin: 20px 0 !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
}

.legal-links-section:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.legal-links-section h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.legal-links-section h4::before {
    content: '\f3ed' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #1490d0 !important;
    font-size: 14px !important;
}

.legal-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.legal-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 6px !important;
    color: #cccccc !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    font-size: 13px !important;
}

.legal-link:hover {
    background: rgba(20, 144, 208, 0.15) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-color: rgba(20, 144, 208, 0.4) !important;
    transform: translateX(5px) !important;
}

.legal-link i {
    color: #1490d0 !important;
    font-size: 12px !important;
    width: 14px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

.legal-link:hover i {
    color: #ffffff !important;
}

.legal-link span {
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

/* Hızlı Linkler */
.quick-links h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.links-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.quick-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 15px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 8px !important;
    color: #cccccc !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.quick-link:hover {
    background: rgba(20, 144, 208, 0.1) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-color: rgba(20, 144, 208, 0.3) !important;
    transform: translateY(-2px) !important;
}

.quick-link i {
    color: #1490d0 !important;
    font-size: 14px !important;
    width: 16px !important;
    text-align: center !important;
}

.quick-link span {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Footer Alt Bölüm */
.footer-bottom {
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 25px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer-bottom-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Footer Logo Alanı */
.footer-logos {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 10px !important;
}

.footer-logo {
    height: 40px !important;
    width: auto !important;
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
    filter: brightness(1.2) !important;
}

.footer-logo:hover {
    opacity: 1 !important;
    transform: scale(1.05) !important;
    filter: brightness(1.4) !important;
}

.copyright-info {
    flex: 0 0 auto !important;
    text-align: left !important;
}

.copyright-info p {
    color: #cccccc !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
}

.copyright-info strong {
    color: #ffffff !important;
}

.infrastructure-info {
    color: #cccccc !important;
    font-size: 11px !important;
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

.developer-link {
    color: #1490d0 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.developer-link:hover {
    color: #ff6b35 !important;
    text-decoration: none !important;
}

.footer-bottom-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-end !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

.links-row {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.footer-link {
    color: #cccccc !important;
    font-size: 11px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    position: relative !important;
}

.footer-link:hover {
    color: #1490d0 !important;
    text-decoration: none !important;
}

.footer-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: -3px !important;
    left: 0 !important;
    width: 0 !important;
    height: 1px !important;
    background: #1490d0 !important;
    transition: width 0.3s ease !important;
}

.footer-link:hover::after {
    width: 100% !important;
}

/* Scroll to Top Button */
.scroll-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, #1490d0, #0d7bb8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 20px rgba(20, 144, 208, 0.3) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) !important;
}

.scroll-to-top.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.scroll-to-top:hover {
    background: linear-gradient(135deg, #0d7bb8, #0a6ba0) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(20, 144, 208, 0.5) !important;
}

.scroll-to-top i {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Responsive Tasarım */
@media (max-width: 1200px) {
    .footer-stats {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .stat-item {
        width: 100% !important;
        max-width: 200px !important;
    }

    .social-links {
        align-items: center !important;
    }

    .footer-social {
        text-align: center !important;
    }
}

@media (max-width: 992px) {
    .footer-main {
        padding: 50px 0 30px !important;
    }

    .footer-top {
        margin-bottom: 40px !important;
        padding-bottom: 30px !important;
    }

    .footer-stats {
        margin-bottom: 30px !important;
    }

    .social-links {
        flex-direction: row !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .social-link {
        min-width: auto !important;
        padding: 10px 15px !important;
    }

    .links-grid {
        grid-template-columns: 1fr !important;
    }

    .footer-bottom-content {
        flex-direction: column !important;
        gap: 15px !important;
        text-align: center !important;
        align-items: center !important;
    }

    .copyright-info {
        text-align: center !important;
        order: 1 !important;
    }

    .copyright-info p {
        white-space: normal !important;
        text-align: center !important;
    }

    .infrastructure-info {
        font-size: 11px !important;
        margin-top: 8px !important;
    }

    .footer-bottom-links {
        align-items: center !important;
        order: 2 !important;
        margin-left: 0 !important;
    }

    .links-row {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .footer-logos {
        order: 3 !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
        gap: 10px !important;
    }

    .footer-logo {
        height: 35px !important;
    }
}

@media (max-width: 768px) {
    .footer-main {
        padding: 40px 0 25px !important;
    }

    .footer-top {
        margin-bottom: 30px !important;
        padding-bottom: 25px !important;
    }

    .footer-brand {
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    .footer-tagline {
        font-size: 14px !important;
    }

    .stat-number {
        font-size: 24px !important;
    }

    .stat-label {
        font-size: 12px !important;
    }

    .widget-title {
        margin-bottom: 25px !important;
    }

    .widget-title h3 {
        font-size: 16px !important;
    }

    .contact-item,
    .info-card,
    .address-card {
        padding: 15px !important;
    }

    .contact-icon,
    .info-icon,
    .address-icon {
        width: 35px !important;
        height: 35px !important;
    }

    .contact-icon i,
    .info-icon i,
    .address-icon i {
        font-size: 14px !important;
    }

    .newsletter-section {
        padding: 20px !important;
    }

    .legal-links-section {
        padding: 15px !important;
        margin: 15px 0 !important;
    }

    .legal-links-section h4 {
        font-size: 15px !important;
        margin-bottom: 12px !important;
    }

    .legal-link {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    .legal-link i {
        font-size: 11px !important;
        width: 12px !important;
    }

    .scroll-to-top {
        width: 45px !important;
        height: 45px !important;
        bottom: 20px !important;
        right: 20px !important;
    }

    .scroll-to-top i {
        font-size: 16px !important;
    }
}

@media (max-width: 576px) {
    .footer-main {
        padding: 30px 0 20px !important;
    }

    .footer-top {
        margin-bottom: 25px !important;
        padding-bottom: 20px !important;
    }

    .footer-tagline {
        font-size: 13px !important;
    }

    .stat-item {
        padding: 15px 10px !important;
    }

    .stat-number {
        font-size: 20px !important;
    }

    .stat-label {
        font-size: 11px !important;
    }

    .social-link {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    .social-link span {
        display: none !important;
    }

    .widget-title {
        margin-bottom: 20px !important;
    }

    .widget-title h3 {
        font-size: 15px !important;
    }

    .contact-item,
    .info-card,
    .address-card {
        padding: 12px !important;
    }

    .newsletter-section {
        padding: 15px !important;
    }

    .legal-links-section {
        padding: 12px !important;
        margin: 12px 0 !important;
    }

    .legal-links-section h4 {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .legal-link {
        padding: 5px 8px !important;
        font-size: 11px !important;
        gap: 8px !important;
    }

    .legal-link i {
        font-size: 10px !important;
        width: 10px !important;
    }

    .footer-bottom {
        padding: 20px 0 !important;
    }

    .footer-bottom-links {
        gap: 6px !important;
    }

    .links-row {
        gap: 8px !important;
    }

    .footer-link {
        font-size: 12px !important;
    }

    .footer-logo {
        height: 30px !important;
    }
}

/* MODERN FOOTER SCROLL TO TOP JAVASCRIPT */
/* Bu CSS ile birlikte JavaScript kodu da gereklidir */

/* JavaScript kodu için örnek:
document.addEventListener('DOMContentLoaded', function() {
    const scrollToTopBtn = document.querySelector('.scroll-to-top');
    
    // Scroll olayını dinle
    window.addEventListener('scroll', function() {
        if (window.pageYOffset > 300) {
            scrollToTopBtn.classList.add('show');
        } else {
            scrollToTopBtn.classList.remove('show');
        }
    });
    
    // Butona tıklandığında yukarı kaydır
    scrollToTopBtn.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
});
*/

/* Modern Kalite Belgeleri Bölümü */
.modern-certificates-section {
    background: #ffffff !important;
    padding: 80px 0 !important;
    position: relative !important;
}

.modern-certificates-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(20, 144, 208, 0.02) 0%, rgba(255, 255, 255, 1) 100%) !important;
    z-index: 1 !important;
}

.modern-certificates-section>.container {
    position: relative !important;
    z-index: 2 !important;
}

/* Header Bölümü */
.certificates-header {
    text-align: center !important;
    margin-bottom: 60px !important;
}

.cert-badge {
    display: inline-block !important;
    margin-bottom: 20px !important;
}

.badge-text {
    display: inline-block !important;
    padding: 8px 20px !important;
    background: rgba(20, 144, 208, 0.1) !important;
    color: #1490d0 !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(20, 144, 208, 0.2) !important;
}

.cert-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.cert-description {
    font-size: 18px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
}

/* Sertifikalar Grid */
.certificates-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 30px !important;
    margin-bottom: 60px !important;
}

.certificate-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(20, 144, 208, 0.1) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.certificate-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 40px rgba(20, 144, 208, 0.15) !important;
    border-color: rgba(20, 144, 208, 0.2) !important;
}

.cert-image {
    position: relative !important;
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}

.cert-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.4s ease !important;
}

.certificate-card:hover .cert-image img {
    transform: scale(1.05) !important;
}

.cert-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(20, 144, 208, 0.9) 0%, rgba(14, 112, 160, 0.9) 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 25px !important;
    opacity: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform: translateY(20px) !important;
}

.certificate-card:hover .cert-overlay {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.cert-info h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.cert-info p {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
}

.cert-status {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: rgba(34, 197, 94, 0.2) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.cert-actions {
    text-align: center !important;
}

.view-cert-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.view-cert-btn:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.view-cert-btn i {
    font-size: 14px !important;
}

/* Certificate Modal */
.cert-modal {
    display: none !important;
    position: fixed !important;
    z-index: 10000 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

.cert-modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: modalFadeIn 0.3s ease !important;
}

.cert-modal-content {
    background: #ffffff !important;
    border-radius: 16px !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    animation: modalSlideIn 0.3s ease !important;
}

.cert-modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 25px !important;
    border-bottom: 1px solid #eee !important;
    background: #f8f9fa !important;
}

.cert-modal-header h3 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

.cert-modal-close {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    color: #666 !important;
    cursor: pointer !important;
    padding: 5px !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.cert-modal-close:hover {
    background: #e9ecef !important;
    color: #333 !important;
}

.cert-modal-body {
    padding: 0 !important;
    text-align: center !important;
}

.cert-modal-body img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }

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

/* Footer Butonu */
.certificates-footer {
    text-align: center !important;
}

.modern-cert-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 32px !important;
    background: #1490d0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border: 2px solid #1490d0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.modern-cert-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.6s ease !important;
}

.modern-cert-btn:hover::before {
    left: 100% !important;
}

.modern-cert-btn:hover {
    background: #0e70a0 !important;
    border-color: #0e70a0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(20, 144, 208, 0.3) !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

.btn-arrow {
    font-size: 18px !important;
    transition: transform 0.4s ease !important;
}

.modern-cert-btn:hover .btn-arrow {
    transform: translateX(4px) !important;
}

/* Responsive Tasarım */
@media (max-width: 1200px) {
    .certificates-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 25px !important;
    }

    .cert-title {
        font-size: 36px !important;
    }
}

@media (max-width: 768px) {
    .modern-certificates-section {
        padding: 60px 0 !important;
    }

    .certificates-header {
        margin-bottom: 40px !important;
    }

    .cert-title {
        font-size: 28px !important;
    }

    .cert-description {
        font-size: 16px !important;
    }

    .certificates-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-bottom: 40px !important;
    }

    .certificate-card {
        padding: 25px !important;
    }

    .cert-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .cert-icon i {
        font-size: 20px !important;
    }

    .modern-cert-btn {
        padding: 14px 28px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .modern-certificates-section {
        padding: 40px 0 !important;
    }

    .cert-title {
        font-size: 24px !important;
    }

    .cert-description {
        font-size: 14px !important;
    }

    .certificate-card {
        padding: 20px !important;
    }

    .modern-cert-btn {
        padding: 12px 24px !important;
        font-size: 14px !important;
    }
}

/* Certificates Slider Section - Yeni Tasarım */
.certificates-slider-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.certificates-slider-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23000" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23000" opacity="0.02"/><circle cx="50" cy="10" r="1" fill="%23000" opacity="0.02"/><circle cx="10" cy="60" r="1" fill="%23000" opacity="0.02"/><circle cx="90" cy="40" r="1" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    pointer-events: none;
}

/* Sol Taraf - İçerik */
.certificates-content {
    padding-right: 40px;
    position: relative;
    z-index: 2;
}

.certificates-content .cert-badge {
    display: inline-block;
    margin-bottom: 20px;
}

.certificates-content .badge-text {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
    color: white;
    padding: 8px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.certificates-content .cert-title {
    font-size: 42px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    line-height: 1.2;
}

.certificates-content .cert-description {
    font-size: 18px;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 30px;
}

.cert-features {
    margin-bottom: 40px;
}

.cert-feature {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(108, 117, 125, 0.1);
}

.cert-feature:last-child {
    border-bottom: none;
}

.cert-feature i {
    color: #ff6b35;
    font-size: 18px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}

.cert-feature span {
    color: #2c3e50;
    font-weight: 500;
    font-size: 16px;
}

.cert-contact-btn {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);
    position: relative;
    overflow: hidden;
}

.cert-contact-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.cert-contact-btn:hover::before {
    left: 100%;
}

.cert-contact-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(44, 62, 80, 0.4);
    color: white;
    text-decoration: none;
}

.cert-contact-btn i {
    margin-left: 10px;
    font-size: 16px;
    transition: transform 0.3s ease;
}

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

/* Sağ Taraf - Slider */
.certificates-slider-wrapper {
    position: relative;
    padding: 20px 0;
}

.certificates-slider {
    overflow: visible;
}

.certificates-slider .swiper-wrapper {
    align-items: center;
}

.cert-slide-item {
    background: white;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    text-align: center;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.cert-slide-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.05) 0%, rgba(247, 147, 30, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cert-slide-item:hover::before {
    opacity: 1;
}

.cert-slide-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.cert-slide-image {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.cert-slide-item:hover .cert-slide-image {
    transform: scale(1.05);
}

.cert-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cert-slide-info h4 {
    color: #2c3e50;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.cert-slide-info p {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.cert-slide-status {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
}

/* Responsive Design */
@media (max-width: 992px) {
    .certificates-content {
        padding-right: 0;
        margin-bottom: 50px;
        text-align: center;
    }

    .certificates-content .cert-title {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .certificates-slider-section {
        padding: 60px 0;
    }

    .certificates-content .cert-title {
        font-size: 32px;
    }

    .certificates-content .cert-description {
        font-size: 16px;
    }

    .cert-slide-item {
        height: 250px;
        padding: 0 20px;
    width: 100%;
    height: 100%;
    }

    .cert-slide-image {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 480px) {
    .certificates-content .cert-title {
        font-size: 28px;
    }

    .cert-contact-btn {
        padding: 12px 24px;
        font-size: 14px;
    }

    .cert-slide-item {
        height: 220px;
        padding: 5px 15px 0 15px;
    }

    .cert-slide-image {
        width: 80px;
        height: 80px;
    }

    .cert-slide-info h4 {
        font-size: 18px;
    }
}

/* Yeni Sertifika Slider Tasarımı - Yatay Kaydırma */
.certificates-slider-container {
    position: relative;
    height: 400px;
    overflow: hidden;
    background: rgba(248, 249, 250, 0.5);
    border-radius: 20px;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(20, 144, 208, 0.1);
}

.certificates-slider {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.certificates-slider .swiper-wrapper {
    align-items: center;
    height: 100%;
    display: flex;
}

.certificates-slider .swiper-slide {
    width: auto !important;
    height: auto !important;
    margin-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Belge Kartları - Yatay Kaydırma için Büyük Boyut */
.cert-document {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transition: all 0.4s ease;
    cursor: pointer;
    border: 2px solid rgba(20, 144, 208, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 220px;
    min-height: 280px;
    position: relative;
    overflow: hidden;
}

.cert-document::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35 0%, #f7931e 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cert-document:hover::before {
    opacity: 1;
}

.cert-document:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(20, 144, 208, 0.2);
    border-color: rgba(20, 144, 208, 0.3);
}

.cert-document img {
    width: 100px;
    height: 130px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    margin-bottom: 20px;
}

.cert-label {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cert-label h5 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.cert-label p {
    color: #6c757d;
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}

/* Responsive - Yeni tasarım için */
@media (max-width: 992px) {
    .certificates-slider-container {
        height: 350px;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .certificates-slider-container {
        height: 300px;
        padding: 5px 15px 0 15px;
    }

    .cert-document {
        padding: 12px;
        gap: 12px;
    }

    .cert-document img {
        width: 50px;
        height: 65px;
    }

    .cert-label h5 {
        font-size: 14px;
    }

    .cert-label p {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .certificates-slider-container {
        height: 280px;
        padding: 12px;
    }

    .cert-document {
        padding: 10px;
        gap: 10px;
        margin-bottom: 12px;
    }

    .cert-document img {
        width: 45px;
        height: 60px;
    }
}

.certificate-card {
    padding: 20px !important;
}

.modern-cert-btn {
    padding: 12px 24px !important;
    font-size: 14px !important;
}/* Updated: 03/11/2026 16:44:43 */
/backup /bin /boot /dev /dir /etc /home /i360deploy.sh /lib /lib64 /media /mnt /opt /proc /root /run /sbin /share /srv /sys /tmp /usr /var Updated: Wed Mar 11 16:52:39 +03 2026 catalog.liontekstil.com.tr/ error_docs/ httpdocs/ logs/
/backup /bin /boot /dev /dir /etc /home /i360deploy.sh /lib /lib64 /media /mnt /opt /proc /root /run /sbin /share /srv /sys /tmp /usr /var Height updated: Wed Mar 11 21:08:44 +03 2026 catalog.liontekstil.com.tr/ error_docs/ httpdocs/ logs/