/* --------------------------------------------------------
  |  Author :  RGB Creative Agency
  |  Modern Professional Design System
----------------------------------------------------------- */

/*--------------------------------------------------------------
# CSS VARIABLES - MODERN COLOR PALETTE
--------------------------------------------------------------*/
:root {
    /* Ana Renkler - #072042 Lacivert Teması */
    --primary-color: #072042;
    --primary-light: #0a2a5a;
    --primary-lighter: #0d3572;
    --primary-dark: #051629;
    --primary-darker: #030d1a;
    
    /* Gradient Kombinasyonları */
    --gradient-primary: linear-gradient(135deg, #072042 0%, #0a2a5a 100%);
    --gradient-primary-reverse: linear-gradient(135deg, #0a2a5a 0%, #072042 100%);
    --gradient-primary-radial: radial-gradient(circle at top right, #0a2a5a, #072042);
    --gradient-ocean: linear-gradient(135deg, #072042 0%, #0a4d8c 50%, #0d6bb8 100%);
    
    /* Accent Renkler */
    --accent-orange: #ef8120;
    --accent-orange-light: #f39c52;
    --accent-orange-dark: #d9710e;
    --accent-gold: #f4a522;
    --accent-cyan: #00d4ff;
    
    /* Gradient Accent */
    --gradient-accent: linear-gradient(135deg, #ef8120 0%, #f4a522 100%);
    --gradient-accent-reverse: linear-gradient(135deg, #f4a522 0%, #ef8120 100%);
    
    /* Semantic Colors */
    --success-color: #28a745;
    --success-light: #48c774;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    
    /* Neutral Colors - Modern Gray Scale */
    --white: #ffffff;
    --gray-50: #fafbfc;
    --gray-100: #f5f7fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --black: #000000;
    
    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #636e72;
    --text-light: #95a5a6;
    --text-white: #ffffff;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-light: #fafbfc;
    --bg-dark: #072042;
    
    /* Modern Shadows */
    --shadow-xs: 0 1px 2px rgba(7, 32, 66, 0.04);
    --shadow-sm: 0 2px 4px rgba(7, 32, 66, 0.06);
    --shadow-md: 0 4px 8px rgba(7, 32, 66, 0.08);
    --shadow-lg: 0 8px 16px rgba(7, 32, 66, 0.1);
    --shadow-xl: 0 12px 24px rgba(7, 32, 66, 0.12);
    --shadow-2xl: 0 24px 48px rgba(7, 32, 66, 0.15);
    --shadow-inner: inset 0 2px 4px rgba(7, 32, 66, 0.06);
    
    /* Modern Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 15px;
    --radius-xl: 20px;
    --radius-2xl: 25px;
    --radius-full: 9999px;
    
    /* Spacing System */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    
    /* Transitions */
    --transition-fast: 150ms ease-in-out;
    --transition-base: 250ms ease-in-out;
    --transition-slow: 400ms ease-in-out;
    --transition-slower: 600ms ease-in-out;
    
    /* Z-index Scale */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}

/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-secondary);
    background: var(--bg-primary);
    overflow-x: hidden;
}

*:focus {
    outline: none;
}

a {
    text-decoration: none !important;
    color: var(--primary-color);
    transition: var(--transition-base);
}

a:hover {
    color: var(--accent-orange);
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Selection Color */
::selection {
    background: var(--primary-color);
    color: var(--white);
}

::-moz-selection {
    background: var(--primary-color);
    color: var(--white);
}

/*--------------------------------------------------------------
# SIDEBAR STYLES
--------------------------------------------------------------*/
.sidebar-search-input {
    width: 100%;
    height: 35px;
    font-size: 13px;
    color: red;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 3px;
}

.sidebar-search-btn {
    position: absolute;
    border: hidden;
    background: #ed1c24;
    color: #fff;
    height: 35px;
    width: 40px;
    margin-left: -40px;
    border-radius: 0px 6px 5px 0px;
}

.price-filter-btn {
    width: 100%;
    margin-top: 15px;
    background-color: #28a745;
    border-color: #28a745;
}

.category-link {
    color: #636e72;
    text-decoration: none;
    display: block;
    margin: 5px 0;
}

.category-link.active {
    background-color: #17a2b8;
    color: white !important;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Sidebar category hierarchy */
.category-link.cat-top { font-weight: 600; color: #1c486f; }
.category-link.cat-sub { padding-left: 12px; position: relative; }
.category-link.cat-sub::before { content: '›'; position: absolute; left: 0; color: #adb5bd; }
.cat-count, .mark-count { color: #999; font-size: 12px; margin-left: 4px; }

.mark-checkbox {
    margin: 5px 0;
}

.mark-checkbox input[type="checkbox"] {
    margin-right: 8px;
}

.mark-checkbox label {
    cursor: pointer;
    font-size: 14px;
}

/*--------------------------------------------------------------
# MINIMAL PAGINATION STYLES
--------------------------------------------------------------*/
/* jplist pagination - minimal tasarım */
.jplist-pagination {display: flex;flex-direction: column;align-items: center;gap: 10px;margin-top: 20px;}
.jplist-pagination .jplist-label {display: none !important;}
.jplist-pagination .jplist-pagingprev,
.jplist-pagination .jplist-pagingmid,
.jplist-pagination .jplist-pagingnext {display: flex;gap: 3px;}
/* Tüm pagination butonlarını tek satırda göster */
.jplist-pagination .jplist-pagingprev,
.jplist-pagination .jplist-pagingmid,
.jplist-pagination .jplist-pagingnext {display: inline-flex !important;}
/* Pagination container'ı tek satır yap */
.jplist-pagination > div {display: flex !important;align-items: center;gap: 3px;flex-wrap: nowrap !important;}
/* Ana pagination container'ı da yatay yap */
.jplist-pagination {display: flex !important;flex-direction: row !important;align-items: center;justify-content: center;gap: 10px;margin-top: 20px;}
/* Label'ı da yanına al */
.jplist-pagination .jplist-label {display: none !important;}
.jplist-pagination button {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;font-size: 13px;font-weight: 400;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;border-radius: 4px;transition: all 0.2s ease;cursor: pointer;text-decoration: none;}
.jplist-pagination button:hover {color: #495057;background-color: #f8f9fa;border-color: #adb5bd;}
.jplist-pagination button.jplist-current {color: #fff;background-color: #0d6efd;border-color: #0d6efd;font-weight: 500;}
.jplist-pagination button.jplist-disabled {color: #adb5bd;background-color: #f8f9fa;border-color: #e9ecef;cursor: not-allowed;opacity: 0.6;}
.jplist-pagination .jplist-pagingprev button,
.jplist-pagination .jplist-pagingnext button {font-size: 14px;font-weight: 500;}
/* Responsive */
@media (max-width: 576px) {
    .jplist-pagination button {width: 28px;height: 28px;font-size: 12px;}
    .jplist-pagination .jplist-pagingprev,
    .jplist-pagination .jplist-pagingmid,
    .jplist-pagination .jplist-pagingnext {gap: 2px;}
}

/*--------------------------------------------------------------
# PRODUCTS PER PAGE DROPDOWN STYLES
--------------------------------------------------------------*/
/* Sayfa başına ürün dropdown stilleri */
.dropdown .btn-outline-secondary {border: none !important;color: #888 !important;background: none !important;padding: 5px 10px !important;font-size: 14px;box-shadow: none !important;}
.dropdown .btn-outline-secondary:hover,
.dropdown .btn-outline-secondary:focus {color: #495057 !important;background: none !important;border: none !important;box-shadow: none !important;}
.dropdown .btn-outline-secondary::after {margin-left: 5px;}
.dropdown-menu {border: 1px solid #dee2e6;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);min-width: 180px;}
.dropdown-item {padding: 8px 15px;font-size: 14px;color: #495057;border-bottom: 1px solid #f8f9fa;}
.dropdown-item:hover {background-color: #f8f9fa;color: #212529;}
.dropdown-item:last-child {border-bottom: none;}
/* Responsive dropdown */
@media (max-width: 768px) {
    .d-flex.justify-content-end {flex-direction: column;gap: 10px !important;}
    .dropdown .btn-outline-secondary {font-size: 13px;padding: 4px 8px !important;}
    .dropdown-menu {min-width: 160px;}
}

/*--------------------------------------------------------------
# PRICE RANGE SLIDER STYLES
--------------------------------------------------------------*/
::selection {color: #fff;background: #17a2b8;}
.range-rw {border-radius: 10px;padding: 20px 25px 40px;border: 1px solid #f5f5f5;padding: 20px;}
.price-input {width: 100%;display: flex;margin: 30px 0 35px;}
.price-input .field {display: flex;font-size:12px;width: 100%;height: 45px;align-items: center;}
.field input {width: 100%;height: 100%;outline: none;font-size: 16px;margin-left: 12px;border-radius: 5px;text-align: center;border: 1px solid #999;-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.price-input .separator {width: 130px;display: flex;font-size: 19px;align-items: center;justify-content: center;}
.slider {height: 5px;position: relative;background: #ddd;border-radius: 5px;}
.slider .progress {height: 100%;left: 25%;right: 25%;position: absolute;border-radius: 5px;background: #17a2b8;}
.range-input {position: relative;}
.range-input input {position: absolute;width: 100%;height: 5px;top: -5px;background: none;pointer-events: none;-webkit-appearance: none;-moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {height: 17px;width: 17px;border-radius: 50%;background: #17a2b8;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
input[type="range"]::-moz-range-thumb {height: 17px;width: 17px;border: none;border-radius: 50%;background: #17a2b8;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}


/*--------------------------------------------------------------
# HEADER & NAVBAR - MODERN
--------------------------------------------------------------*/
.header { 
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--white);
    margin-bottom: 0;
    box-shadow: var(--shadow-sm);
}

/* Navbar modern styling */
.navbar {
    margin-top:-10px;
    transition: all var(--transition-base);
    background: var(--white) !important;
}

.navbar.scrolled {
    padding: var(--space-sm) 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-lg);
}

.navbar-brand {
    transition: transform var(--transition-base);
}

.navbar-brand:hover {
    transform: scale(1.05);
}

.navbar-nav .nav-link {
    color: var(--text-primary) !important;
    font-weight: 500;
    font-size: 14px;
    padding: var(--space-sm) var(--space-md) !important;
    border-radius: var(--radius-sm);
    transition: all var(--transition-base);
    position: relative;
}
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 80%;
    height: 2px;
    background: var(--gradient-primary);
    transition: transform var(--transition-base);
    border-radius: var(--radius-full);
}

.navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
    background: var(--gray-50);
}

.navbar-nav .nav-link:hover::after {
    transform: translateX(-50%) scaleX(1);
}

.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .logo { width: 70px; transition: width var(--transition-base); }
    .head-social {
        display: inline-block;
        vertical-align: middle;
        padding: 0 2px;
        color: var(--primary-color);
        transition: var(--transition-base);
    }
}

@media only screen and (min-width: 767px) {
    .logo { 
        width: 225px;
        transition: width var(--transition-base);
    }
    .navbar.scrolled .logo {
        width: 180px;
    }
    .head-social {
        display: inline-block;
        margin-right: 4px;
        vertical-align: middle;
        padding: 0 2px;
        color: var(--white);
        transition: all var(--transition-base);
        background: var(--gradient-primary);
        width: 28px;
        height: 28px;
        text-align: center;
        border-radius: 50%;
        padding-top: 5px;
        font-size: 13px;
        box-shadow: var(--shadow-sm);
    }
    .head-social:hover {
        background: var(--gradient-accent);
        transform: translateY(-2px) scale(1.1);
        box-shadow: var(--shadow-md);
    }
}

/*--------------------------------------------------------------
# TOP HEADER - MODERN
--------------------------------------------------------------*/
.head-social:last-child {
    margin-right: 0;
}

.contact-head {
    font-size: 13px;
    color: var(--text-secondary);
    margin-right: var(--space-xl);
    transition: all var(--transition-base);
    font-weight: 500;
    position: relative;
}

.contact-head::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--gradient-accent);
    transition: width var(--transition-base);
}

.contact-head:hover {
    color: var(--primary-color);
}

.contact-head:hover::after {
    width: 100%;
}

/* Yardım butonu özel renkler - turuncu normal, lacivert hover */
.help-link {
    color: var(--accent-orange) !important;
    font-weight: 600;
}

.help-link::after {
    background: var(--accent-orange) !important;
}

.help-link:hover {
    color: var(--primary-color) !important;
}

.help-link:hover::after {
    background: var(--primary-color) !important;
}

.contact-call {
    font-size: 14px;
    color: var(--text-primary);
    font-weight: 600;
    transition: all var(--transition-base);
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.contact-call:hover {
    color: var(--accent-orange);
    transform: translateX(3px);
}

.contact-call img {
    transition: transform var(--transition-base);
}

.contact-call:hover img {
    transform: rotate(10deg) scale(1.1);
}

/* Modern Profile Button */
.modern-profile-btn {
    background: var(--gradient-primary) !important;
    color: var(--white) !important;
    border: 2px solid transparent !important;
    padding: 5px 25px !important;
    border-radius: var(--radius-full) !important;
    font-weight: 600;
    font-size: 13px;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.modern-profile-btn:hover {
    background: var(--gradient-primary-reverse) !important;
    color: var(--white) !important;
    border-color: var(--accent-orange) !important;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.modern-profile-btn:focus {
    box-shadow: 0 0 0 4px rgba(7, 32, 66, 0.2) !important;
}

.modern-profile-btn i {
    font-size: 16px;
}

.profile-name {
    font-size:12px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Dropdown menu styling */
.modern-profile-btn + .dropdown-menu {
    border-radius: var(--radius-md);
    border: 1px solid var(--gray-200);
    box-shadow: var(--shadow-lg);
    padding: var(--space-sm) 0;
    margin-top: 0 !important;
    min-width: 220px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Dropdown focus styling */
.modern-profile-btn:focus,
.modern-profile-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(7, 32, 66, 0.2) !important;
}

/* Profil dropdown container hover fix */
.profile-dropdown-hover {
    position: relative;
}

.profile-dropdown-hover .dropdown-menu {
    top: 100% !important;
    margin-top: 0 !important;
}

.modern-profile-btn + .dropdown-menu .dropdown-item {
    padding: var(--space-sm) var(--space-lg);
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
}

.modern-profile-btn + .dropdown-menu .dropdown-item:hover {
    background: var(--gray-50);
    color: var(--primary-color);
    padding-left: calc(var(--space-lg) + 5px);
}

.modern-profile-btn + .dropdown-menu .dropdown-item i {
    width: 20px;
    text-align: center;
}

.modern-profile-btn + .dropdown-menu .dropdown-divider {
    margin: var(--space-sm) 0;
    opacity: 0.5;
}

.modern-profile-btn + .dropdown-menu .text-danger {
    color: var(--danger-color) !important;
}

.modern-profile-btn + .dropdown-menu .text-danger:hover {
    background: rgba(220, 53, 69, 0.1);
    color: var(--danger-color) !important;
}

/* Responsive için mobil */
@media (max-width: 767px) {
    .modern-profile-btn {
        padding: 8px 15px !important;
        font-size: 12px;
    }
    
    .profile-name {
        max-width: 100px;
    }
    
    .modern-profile-btn i {
        font-size: 14px;
    }
}
.search-head-btn {position: absolute;background: transparent;border: hidden;right: 5%;top: 28%;color: #1c486f;font-size: 18px;}
.head-icn{font-size:13px;color:#1c486f;margin-right: 20px;transition:0.5s;position:relative;display:inline-block;}
.head-icn:hover {color:#ef8120;transition:0.5s;}
/* Badge count styles */
.badge-count {position: absolute;top: -8px;right: -8px;background: rgba(237, 28, 36, 0.8);color: white;border-radius: 50%;width: 18px;height: 18px;font-size: 10px;font-weight: bold;display: flex;align-items: center;justify-content: center;line-height: 1;min-width: 18px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}

/*--------------------------------------------------------------
# HOME SLIDER
--------------------------------------------------------------*/
.carousel-item:after { left: 0; top: 0; width: 100%; height: 100%; }
.fill { width: 100%;  background-position: center;  -webkit-background-size: cover;  -moz-background-size: cover;  background-size: cover;  -o-background-size: cover;  overflow:hidden;}
.slider-detail { position:absolute;color:#fff;top:54%;left:15%;right:20%;width:60%;font-size:16px;font-weight:400;}
.carousel-control-left {position:absolute;bottom:41%;text-decoration:none;left:6%;}
.carousel-control-right {position:absolute;bottom:41%;right:6%;text-decoration:none;}

@media only screen and (max-width: 767px) {
    .fill{height:170px;border-radius:10px;}
    .slider-detail {display:none;}
    .carousel-caption {position:absolute;text-align:left;line-height:17px;font-size:15px;font-weight:500;color:#fff;top: 18%;width:55%;left:7%;}
    .carousel-indicators {bottom:-18px;}
    .carousel-indicators li {width:10px;height:10px;}
    .toplk {position: absolute;top: -3%;font-size: 10px;border:1px solid #636e72;background: #fff;display: inline-block;text-align-last: center;padding: 4px 5px;border-radius: 50%;line-height: 5px;right: 1%;color: #636e72;}
}

@media only screen and (min-width: 767px) {
    .fill{height:550px;}
    .carousel-caption {font-size:35px;font-weight:600;color:#fff;top:41%;text-align:left;width:45%;letter-spacing: 1px;}
    .toplk {position: absolute;top: -3%;font-size: 10px;border:1px solid #636e72;background: #fff;display: inline-block;text-align-last: center;padding: 4px 5px;border-radius: 50%;line-height: 5px;right: 1%;color: #636e72;}
}

/*--------------------------------------------------------------
# E-TICARET-SEKMESI HOME
--------------------------------------------------------------*/
.etic-rw {margin:35px 0;background-color:#1b2939;box-shadow:8px 8px 20px rgb(0 0 0 / 60%);padding:35px;border-radius:7px;}
.eticbtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:solid 1px #fff;}
.eticbtn:hover  {text-decoration:none;background-color:#55acee;color:#636e72;padding:5px 20px; border-radius:5px;}
.sepete-ekle {display: block;background: #ed1c24;color: #fff;text-align: center;padding: 10px 15px;border-radius: 10px;font-size: 15px;font-weight: 500;transition:0.5s;}
.sepete-ekle:hover {background:#072042;transition:0.5s;}
.urun-detay-isim {color: #1c486f;font-size: 20px;font-weight: 500;}
.web-cst { padding: 0;background-color: #e8f6f6;border-radius: 10px;margin-bottom:20px;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0, rgba(0, 0, 0, 0.06) 0 1px 2px 0;transition: 0.2s;}
.web-cst:hover { transform: scale(1.02);}
.web-cat {display: inline-block;font-size: 10px;font-weight:600;background: #e1ebfb;color: #0162ff;padding: 5px 15px;border-radius: 3px;margin-bottom: 5px;}
.center { display: block; margin-left: auto; margin-right: auto; width: 50%;}
.btn1:hover {background-color:#fff;text-decoration:none;color:#072042;transition:0.5s;}
.btn2:hover {background-color:#072042;text-decoration:none; color:#fff;transition:0.5s;}
.btn3 {text-decoration:none; text-align:center;font-size:14px;font-weight:600;color:#072042;padding:6px;border-radius:15px;border:1px solid #072042;}
.btn3:hover {background-color:#f5f5f5;text-decoration:none;}
.btn4 {text-decoration:none;width:45%;text-align:center;font-size:12px;font-weight:500;background-color:#fff;color:#55acee;padding:5px 13px;border-radius:3px;}
.btn4:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn5 {text-decoration:none; text-align:center;font-size:12px;font-weight:500;background-color:#55acee;color:#fff;padding:5px 13px;border-radius:3px;}
.btn5:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn6 {text-decoration:none;width:45%;text-align:center;font-size:11px;font-weight:500;background-color:#fff;color:#55acee;padding:3px 10px;border-radius:3px;}
.btn6:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn7 {text-decoration:none; text-align:center;font-size:11px;font-weight:500;background-color:#55acee;color:#fff;padding:3px 10px;border-radius:3px;margin-right:3px;}
.btn7:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btnfull {text-align:center;text-decoration:none; background-color:#072042;color:#fff;border:solid 1px #fff;padding:7px 20px;border-radius:5px;}
.btnfull:hover {background-color:#fff;text-decoration:none; color:#072042;border:solid 1px #072042;}
.btnfooter {font-size:12px;background-color:#fe5b5f;color:#fff !important;padding:7px 15px; border-radius:15px;}
.btnfooter:hover {color:#636e72 !important; background-color:#fff;text-decoration:none;}
.share-btn {color: white;padding: 1px 6px;font-size: 14px;border: none !important;background:transparent;}
.share-btns {position: relative;display: inline-block;}
.share-btns-content {display: none;position: absolute;background-color: #fff;border-radius:5px;min-width: 46px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);z-index: 1;}
.share-btns-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.share-btns-content a:hover {background-color: #ddd;}
.share-btns:hover .share-btns-content {display: block;}
.share-btns:hover .share-btn2 {background-color: #3e8e41;}
.blog-sidebar {background: #f1f5fb; border-radius: 8px;padding:15px 5px;margin-left:0;margin-right:0;margin-bottom:15px;padding-right:0;}
.blog-sidebar:hover {background:#e8f2ff}

@media only screen and (max-width: 767px) {

    .mobgiz { display:none!important;   }

    .sem-rw {    background: #e8f6f6;border-radius: 15px;}

    .btn1 {position:absolute;top:72%;left:6%;text-decoration:none; background-color:#072042;color:#fff;padding:2px 10px;border-radius:3px;font-size:13px;transition:0.5s;}
    .page-rw {padding:30px 10px 65px 10px;}
    .web-cst-title {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .web-cst-title2 {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .hometitle{ font-size:20px;color: #58585a;font-weight:400;margin-bottom:0;}
    .hometitle2{ font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .shopicon {display:inline-block;color:#818285;font-size:17px;transition:0.5s;border-left:solid 1px #ccc;padding-left:15px;margin-left:20px;}
    .usericon {display:inline-block;color:#818285;margin-left:20px;font-size:13px;transition:0.5s;}
    .usericontext {margin-right:-10px;}
    .src {margin:auto;text-align:right;}
    .storebtn {font-size:12px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
    .bread {margin-left:1% !important;margin-right:1% !important;border-radius:5px;width:98%;margin-bottom:25px;}
    .bread-icon {padding-right:40px;color:#072042;margin-left: -10px;}
    .bread-title {margin-top: -103px;
        font-size: 16px;
        margin-left: 39px;
        font-weight: 800;
        /* line-height: 21px; */
        justify-content: center;
        display: flex;
        align-items: center;}
    .blog-img {width:100%;height:105px;border-radius:7px;}
    .blog-img2 {width: 71px;height: 61px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 75px;left: 35px;}
    .blog-rw2 {border-radius:7px;margin-bottom:45px;}
    .blog-rw3 {margin-bottom:35px;}
    .hometitle-blog{font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .blog-like {text-align-last: right;}
    .blog-top {padding-top:30px;}
    .bubble {width:100%;}
    .bubble2 {width:100%;}
    .frmisim {padding-left:0;padding-right:2px;}
    .frmmail {padding-left:2px;padding-right:0;}
    .frmmesaj {padding-left:0;padding-right:0;}
    .biz-rw2 {background-image: url('/assets/img/hak2.png');padding: 48px 27px;background-size: cover;background-repeat: no-repeat;border-radius: 15px 0 0 15px;margin-bottom:40px;}
    .eg-rw {margin-top:35px;}
}
        @media only screen and (min-width: 767px) {
        .sem-rw {    background: #e8f6f6;border-radius: 15px;}
        .deskgiz { display:none !important;}
        .mobile-container  {display:none; }
        .page-rw {padding:50px 0 65px 0;}
        .btn1 {position:absolute;top:70%;left:15%;text-decoration:none; background-color:#072042;color:#fff;padding:5px 20px;border-radius:15px;transition:0.5s;}
        .web-cst-title {font-size: 15px;font-weight: 600;margin-top: 5px;margin-bottom: 0px;min-height: 35px;display: flex;align-items: center;}
        .web-cst-title2 {font-size:15px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
        .hometitle{font-size: 30px;color: #1c486f;font-weight: 500;}
        .hometitle2{font-size: 22px;color: #1c486f;font-weight: 500;}
        .subtitle {color:#000;margin-bottom: -5px;}
        .shopicon {display: inline-block;text-align: center;color: #fff;font-size: 12px;background: #072042;border-radius: 50%;transition: 0.5s;    width: 25px;height: 24px;padding: 4px 4px;}
        .usericon {display: inline-block;text-align: center;line-height: 24px;color: #fff;background: #072042;border-radius: 15px; /* border: solid 1px #e7edf2; */margin-left: 6px;transition: 0.5s;font-size: 12px;padding: 0px 10px;}
        .usericontext {padding:5px;}
        .src {margin:auto;text-align:right;margin-right: -5px;}
        .storebtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
        .bread {width:100%;margin-top:25px;border-radius:10px;}
        .bread-icon {padding-right:15px;color:#000;}
        .bread-title {margin-top: -155px;font-size: 37px;margin-left: 96px;font-weight: 800;}
        .blog-img {width:100%;height:500px;border-radius:7px;}
        .blog-img2 {width: 100px;height: 100px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 165px;left: 50px;}
        .blog-rw2 {padding:0 20px;border-radius:15px;margin-bottom:70px;}
        .blog-rw3 {padding-top:10px;border-radius:15px;margin-bottom:35px;}
        .hometitle-blog{font-size:25px;color: #072042;font-weight:400;}
        .blog-like {text-align-last: right;}
        .blog-top {padding-top:50px;}
        .bubble {width:85%;}
        .bubble2 {width:85%;}
            .biz-rw {margin-top:-100px;}
            .biz-rw2 {background-image: url('/assets/img/hak2.png');padding: 75px 60px;background-size: contain;background-repeat: no-repeat;margin-right: -17px;border-radius: 15px 0 0 15px;}
            .eg-rw {margin-top:75px;}
        }
.web-cst-subtitle {font-size:12px;}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-icon {color: #55acee;font-size: 25px;background: #eee;padding: 11px 13px;border-radius: 7px; /* border: 1px px solid #ccc; */box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;}
.comment-ad {font-weight:600;margin-right:20px;}
.bubble {box-sizing: border-box;position: relative;background: #f5f5f5;border-radius: 15px;padding: 15px 30px;margin: 0 5px 20px 5px;}
.bubble-left:after {content: '';position: absolute;width: 0;height: 0;top: 5px;left: -40px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid transparent;border-right: 40px solid #f5f5f5;}
.bubble2 {box-sizing: border-box;position: relative;background: #f5f5f5;border-radius: 15px;padding: 20px 10px;margin: 0 5px;margin-top:20px;}

.formf  {width: 100%;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 4px;margin-bottom: 10px;resize: vertical;}
.formm  {width: 100%;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 4px;margin-bottom: 10px;resize: vertical;}
.forms {background-color: #fe5b5f;color: white;padding: 6px 30px;margin-top:10px;border: none;border-radius: 4px;cursor: pointer;}
.forms:hover {background-color: #55acee;}
.frmcont {border-radius: 5px;background-color: #f2f2f2;padding: 20px;margin-top:25px;}

.open-button1 {font-size:15px; color:#58585a;font-weight:600;outline:none;border:hidden;background:transparent;margin-top:10px;}
.form-popup1 {display: none;z-index: 9;}
.form-container1 {max-width: 300px;padding: 10px;background-color: white;}
.form-container1 input[type=text], .form-container1 input[type=password] {font-size:13px;width: 100%;padding: 10px;margin: 5px 0 3px 0;border: none;background: #f1f1f1;}
.form-container1 input[type=text]:focus, .form-container1 input[type=password]:focus {background-color: #ddd;outline: none;}
.form-container1 .btn {background-color: #c84984;color: white;padding: 10px 20px;border: none;cursor: pointer;width: 100%;margin-bottom:10px;border-radius:5px;outline: none;}
.form-container1 .cancel {background-color: #ca1b6c;border-radius:5px;}
.form-container1 .btn:hover, .open-button1:hover {font-weight:700;outline:none;}

/*--------------------------------------------------------------
# Owl Carousel Navigation
--------------------------------------------------------------*/
.owl-nav button { position: absolute; top:31%; width: 38px; height: 38px;}
.owl-nav button>i { font-size: 20px; font-weight: 800;}
.owl-nav button:hover { opacity: .9;}
.owl-prev { left: 0;}
.owl-next { right: 0; }
#owl-carousel2 .owl-nav button { position: absolute; top:40%; width: 38px; height: 38px; border-radius: 50% !important; background: #243746 !important;; box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
#owl-carousel2 .owl-nav button>i { font-size: 20px; font-weight: 800;}
#owl-carousel2 .owl-nav button:hover { opacity: .9;}
#owl-carousel2 .owl-prev { left: 1px;}
#owl-carousel2 .owl-next { right: 1px; }
.customNextBtn{ width: 40px; height: 40px;}
.customPrevBtn{ width: 40px; height: 40px;}

/*--------------------------------------------------------------
# Home Blog
--------------------------------------------------------------*/
.blog-rw {border:solid 1px #f5f5f5;border-radius:7px;width:95%;box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);margin-bottom:30px;padding:0 0 25px 0;}
.blog-title {color:#868684;font-size:16px;font-weight:600;padding-top:20px;text-decoration:none;}
.blog-title:hover {color:#868684;text-decoration:none;}
.blog-desc {font-size:14px;font-weight:400;width:90%;}
.blog-btn {padding: 4px 20px; text-align: center; font-size: 12px; font-weight:400;color: #fff; border-radius:7px 0 7px 0; background-color:#868684;position: absolute;right: 0;}
.blog-btn:hover {background-color:#fff;border:solid 1px #868684;text-decoration:none; color:#868684;}
.blog-image {width:100%;border-radius:7px 7px 0 0 ;height:125px;}
.blog-image:hover {opacity:0.7;}
.blog-cat-image {width:45px;border-radius:5px;position: absolute;top: 48px;left: 20px;border: solid 2px #fff;}
.blog-cat-image2 {width:45px;border-radius:5px;position: absolute;top: 0;left: 20px;border: solid 2px #fff;}

.blog-icon {border: solid 1px #b2bec3;border-radius: 7px;padding: 7px;color: #b2bec3;transition: 0.5s;}
.blog-icon:hover {border: solid 1px #b2bec3;border-radius: 7px;padding: 7px;color: red;background:#f5f5f5;transition: 0.5s;}

@media only screen and (max-width: 767px) {
  #owl-carousel1 .owl-prev { top:110%;left: 137px;}
  #owl-carousel1 .owl-next { top:110%; right: 140px; }

  .navbar {margin-left:1%;margin-right:1%;margin-bottom:5px;padding:3px 0 0 0;}
  .carousel {margin-left: 1%;margin-right:1%;}
  .story {width:65px;height:65px;border-radius:50%;}
  .story-a {position:absolute; top:170%; color:#fff; background:#ac2d64; padding:5px 8px; font-size:10px; font-weight:600; left:12%; border-radius:5px;border:solid 1px #fff;}
  .story-pr {position:absolute;top:103%; left:16%; padding:5px 5px; border-radius:5px; font-size:8px;font-weight:500;text-align:center;}
  .kurumsal{position:absolute;top:135px;margin-left:5%;color:#fff;font-size:14px;font-weight:500;}
  .bag-title{color:#fff;font-size:15px;text-align:left;margin-left:5px;font-weight:500;padding-top:10px;}
  .bag-btn{text-align:left;margin-left:5px;}
  .btn3{padding: 0.3em 1.5em; text-align: center; font-size: 12px; color: #fff; border-radius:4px; background-color:#072042;}
  .btn2{text-decoration:none; color:#072042;padding:5px 8px;font-size:12px;border-radius: 15px;border: 1px solid #072042;transition:0.5s;}
  .navbar-collapse {border-radius:7px;background:#f5f5f5;margin-top:10px;}
  .mobilp{text-align:justify}
  .rw-top {margin-top:30px;}
  .hak-img {width:96%;margin-left:2%;border-radius:15px;}
}
  @media only screen and (min-width: 767px) {
  #owl-carousel1 .owl-prev { left: -3%;top:40%;}
  #owl-carousel1 .owl-next { right:-3%;top:40%;}
  .navbar {width: 100%;z-index: 1;}
  .kurumsal{position:absolute;top:220px;margin-left:5%;color:#fff;font-size:20px;font-weight:500;}
  .btn3 {text-decoration:none; text-align:center;font-size:14px;font-weight:600;color:#072042;padding:6px;border-radius:15px;border:1px solid #072042;padding:5px 20px;}
  .btn2{text-decoration:none; color:#072042;padding:5px 20px;border-radius:4px; border-radius: 15px;border: 1px solid #072042;font-size: 13px;transition:0.5s;}
  .rw-top {margin-top:50px;}
  .hak-img {width:100%;border-radius: 0 15px 15px 0;}
  }

.dropcaps{float: left;width: 45px;font-size: 20px;line-height: 55%;background-color:#ff8e32;color:#fff;padding:15px;margin-right:5px;font-weight:500;border-radius:2px;margin-top:5px;}
.bag-pr{color:rgba(255, 255, 255, 0.7);text-align:left;font-style: italic;margin-left:50px;margin-right:50px;}
.prod-cat-pic {width:90% !important;margin-left:5%;margin-top:5%;border-radius:7px;}
.prod-cat-title {font-size:15px;font-weight:600;margin-top:0px;}
.prod-cat-price {font-size:18px;font-weight:700;color:#0066b3;margin-bottom:10px;}
.prod-cat-disc-price {font-size:17px;font-weight:500;color:#ed1c24;opacity: 0.5;text-decoration-line: line-through;margin-bottom:0;}
.add-cart {font-size:15px;font-weight:600;color:#ed1c24;}

.newprodlabel {position:absolute;top:10px;font-size: 11px;font-weight: bold;color: #fff;}
.newprodlabel {--r: .8em;border-block: .5em solid #0000;padding-inline: .5em calc(var(--r) + .25em);line-height: 1.8;clip-path: polygon(100% 0,0 0,0 100%,100% 100%,100% calc(100% - .25em),calc(100% - var(--r)) 50%,100% .25em);background: radial-gradient(.2em 50% at left,#000a,#0000) border-box, #ed1c24 padding-box; width: fit-content;}


.dealprodlabel {position:absolute;top:61%;font-size: 11px;font-weight: bold;color: #fff;}
.dealprodlabel {--r: .8em;border-block: .5em solid #0000;padding-inline: .5em calc(var(--r) + .25em);line-height: 1.8;clip-path: polygon(100% 0,0 0,0 100%,100% 100%,100% calc(100% - .25em),calc(100% - var(--r)) 50%,100% .25em);background: radial-gradient(.2em 50% at left,#000a,#0000) border-box, #1abc9c padding-box; width: fit-content;}


/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.user-left-rw{position:relative;background: #f1f5fb;border-radius: 8px;padding:30px 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.user-center-rw { box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;border-radius: 8px;padding: 30px;margin-left: 15px;border: 1px solid #f5f5f5;}
.user-avatar {position:inherit;left:25%;width:100px;height:100px;border: 2px solid #fff;background: #f5f5f5;border-radius: 15px;padding: 10px;box-shadow: rgba(0, 0, 0, 0.07) 0 4px 12px;z-index:5;}
.user-name {    font-size: 18px;font-weight: 700;text-align:center;margin-top: 10px;margin-bottom:1px;}
.user-job {    font-size: 16px;font-weight: 400;text-align:center;opacity:0.7;}
.user-bck {width: 100%;position: absolute;left: 0;top: 0;border-radius: 8px 8px 0 0;border-bottom: 2px solid #fff;}
.user-tab{text-decoration:none;background: rgba(255, 255, 255, 0.8);font-size:14px;font-weight:500;padding: 7px 15px;border-radius: 5px;color: #636e72 !important;transition:all 0.3s ease;margin-bottom:8px;cursor: pointer;border: 1px solid transparent;}
.user-tab a{color:#636e72;}
.user-tab:hover{background:rgba(255, 255, 255, 1);padding: 7px 15px 7px 25px;border-radius: 5px;text-decoration:none;transition:all 0.3s ease;transform: translateX(5px);border-color: #6f8b7f;}

/* Aktif menü stili */
.user-tab.active{background: rgba(111, 139, 127, 0.9) !important;color: #fff !important;padding: 7px 15px 7px 25px;border-radius: 5px;box-shadow: 0 2px 8px rgba(111, 139, 127, 0.3);}
.user-tab.active .profile-icon {color: #fff !important;}

/* Timeline stilleri */
.timeline {position: relative;padding: 20px 0;}
.timeline-item {position: relative;padding-left: 30px;margin-bottom: 20px;}
.timeline-marker {position: absolute;left: 0;top: 0;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 0 0 3px #dee2e6;}
.timeline-content {background: #f8f9fa;padding: 15px;border-radius: 8px;border-left: 3px solid #6f8b7f;}
.timeline-title {margin: 0 0 10px 0;font-size: 14px;font-weight: 600;color: #495057;}
.timeline-text {margin: 0 0 10px 0;color: #6c757d;font-size: 13px;}
.profile-link {color: #59ACFE;font-weight: 600;margin-bottom: 3px;transition:0.5s;}
.profile-link a:hover {color:#fe5b5f;transition:0.5s;}
.profile-btn {background: #1c486f;border:1px solid #1c486f;color: #fff;padding: 5px 35px;border-radius: 7px;transition:0.5s;}
.profile-btn:hover {background:#fff;color:#1c486f;transition:0.5s;}
.profile-title {color:#1c486f;font-weight:500;}
.profile-icon {color: #1c486f;padding-right: 7px;}
.order-btn {background: #1c486f;border:1px solid #1c486f;color: #fff;padding: 5px 35px;border-radius: 7px;width: 100%;display: block;text-align: center;font-weight: 500;transition:0.5s;}
.order-btn:hover {background:#fff;color:#1c486f;transition:0.5s;}

.mark-inp {overflow-y: auto;height: 254px;}
.mark-inp::-webkit-scrollbar {width: 12px;}
.mark-inp::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;}
.mark-inp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

.category-inp {overflow-y: auto;height: 320px;}
.category-inp::-webkit-scrollbar {width: 12px;}
.category-inp::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;}
.category-inp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

::placeholder {font-size:12px;}
/*--------------------------------------------------------------
# Footer - Modern
--------------------------------------------------------------*/
.footer {
    margin-top: 100px;
    background: var(--gradient-primary);
    color: var(--white);
    padding: var(--space-3xl) 0 var(--space-xl) 0;
}


.footer-title a {
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-bottom: var(--space-md);
}

.footer-title a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--gradient-accent);
    border-radius: var(--radius-full);
}

.footer-desc {
    font-size: 14px;
    margin-bottom: var(--space-sm) !important;
    color: rgba(255, 255, 255, 0.85);
    transition: all var(--transition-base);
    padding-left: 0;
}

.footer-desc a {
    font-size: 14px;
    margin-bottom: var(--space-sm) !important;
    color: rgba(255, 255, 255, 0.85);
    transition: all var(--transition-base);
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.footer-desc:hover,
.footer-desc a:hover {
    color: var(--accent-orange);
    font-weight: 500;
}

/* Footer Social Container */
.footer-social-container {
    gap: 15px;
    padding: 25px 0;
    min-height: 80px;
}

/* Footer Payment & Social Row Alignment */
.footer .col-lg-6.d-flex.align-items-center {
    min-height: 80px;
    padding: 25px 0;
}

.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all var(--transition-base);
}

.footer-social {
    color: var(--white);
    transition: all var(--transition-base);
    font-size: 24px;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-social-link:hover .footer-social {
    color: var(--accent-orange);
    transform: translateY(-3px);
}

/* Footer Responsive */
@media (max-width: 768px) {
    .footer-social-container {
        justify-content: center !important;
        margin-top: 20px;
    }
    
    .payment-logo {
        max-width: 200px;
        margin: 0 auto;
    }
}

/*--------------------------------------------------------------
# BILLING FORM STYLES
--------------------------------------------------------------*/
.billing-form-card {
    padding: 35px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-top: 0;
}
.billing-form-title {
    margin: 0 0 25px;
    font-size: 22px;
    color: #072042;
    font-weight: 600;
    border-bottom: 2px solid #072042;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.billing-form-title::before {
    content: '\f15c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #072042;
}

.billing-form-group {
    margin-bottom: 20px;
}

.billing-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #2c3e50;
    font-size: 14px;
}

.billing-form-input,
.billing-form-textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fafafa;
}

.billing-form-input:focus,
.billing-form-textarea:focus {
    outline: none;
    border-color: #072042;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(7, 32, 66, 0.1);
}

.billing-form-textarea {
    resize: vertical;
    min-height: 100px;
}

.billing-submit-btn {
    width: 100%;
    padding: 14px;
    background: #072042;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.billing-submit-btn:hover {
    background: #0a2a5a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(7, 32, 66, 0.3);
}

.billing-submit-btn:active {
    transform: translateY(0);
}

/* Document Upload Section */
.billing-divider {
    margin: 30px 0;
    border-top: 1px solid #e5e5e5;
}

.billing-documents-title {
    margin: 0 0 15px;
    font-size: 18px;
    color: #072042;
    font-weight: 600;
}

.billing-documents-desc {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 20px;
}

.billing-document-group {
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #072042;
}

.billing-document-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    display: block;
}

.required-mark {
    color: #dc3545;
    margin-left: 4px;
}

.billing-document-desc {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 10px;
}

.billing-file-input {
    padding: 10px;
    background: #fff;
    cursor: pointer;
}

.billing-file-hint {
    color: #6c757d;
    display: block;
    margin-top: 5px;
    font-size: 11px;
}

/*--------------------------------------------------------------
# COMPLETE PAGE STYLES
--------------------------------------------------------------*/
.complete-details-card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.complete-card-header {
    background: linear-gradient(135deg, #072042 0%, #0a2a5a 100%);
    color: white;
    border-radius: 15px 15px 0 0;
    padding: 20px;
}

.complete-status-box {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
}

.complete-home-btn {
    padding: 12px 30px;
    font-size: 16px;
    background: #072042;
    border-color: #072042;
}

.complete-home-btn:hover {
    background: #0a2a5a;
    border-color: #0a2a5a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(7, 32, 66, 0.3);
}

.footer-copyright {
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    margin-top: var(--space-xl);
    padding-top: var(--space-xl);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-copyright a {
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all var(--transition-base);
}

.footer-copyright a:hover {
    color: var(--white);
    font-weight: 600;
}

/*--------------------------------------------------------------
# Product Detail Page Slider
--------------------------------------------------------------*/
.product {width: 100%;/*height: 100vh;*/}
.product__images {width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 1rem;}
.product__slider-wrap {width: 100px;height: 500px;overflow-y: auto;align-items: center;}
.product__slider {display: flex;flex-direction: column;align-items: center;}
.product__image {width: 81px;height: 100px;object-fit: cover;cursor: pointer;opacity: 0.5;margin: 0.25rem;border-radius: 10px;border: 1px solid #bbb;padding: 10px;}
.product__image:hover,
.product__image--active {opacity: 1;}
.product__slider-wrap::-webkit-scrollbar {width: 5px;}
.product__slider-wrap::-webkit-scrollbar-thumb {background-color: #bbb;border-radius: 50px;}
.product__main-wrap {position: relative;width: 403px;height: 500px;display: flex;justify-content: center;align-items: center;}
.product__main-image {width: 403px;height: 500px;object-fit: contain;cursor: pointer;border:1px solid #bbb;border-radius:15px;}
.arrow {position: absolute;outline:none !important;top: 50%;transform: translateY(-50%);background-color: transparent;color: #bbb;border: none;font-size: 30px;cursor: pointer;z-index: 2;}
.arrow--left {left: 10px;}
.arrow--right {right: 10px;}
.popup {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;}
.popup__image {max-width: 90%;max-height: 90%;border: 2px solid white;border-radius: 10px;}
.popup__close {position: absolute;top: 20px;right: 30px;color: white;font-size: 40px;font-weight: bold;cursor: pointer;}
.thumb-arrow {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.6);color: white;border: none;font-size: 18px;cursor: pointer;border-radius: 50%;transition: background 0.3s;position: absolute;left: 50%;transform: translateX(-50%);}
.thumb-arrow--up {top: 5px;}
.thumb-arrow--down {bottom: 5px;}

.vplay {width: 513px;border: 1px solid #bbb;margin-left: 9px;justify-self: center;height: 70px;align-content: center;padding: 0 25px;border-radius: 15px;margin-top: 30px;}
.vicn {color:#c4302b;font-size: 35px;margin-right: 10px;}
.vbtn {color:#636e72;font-size: 15px;font-weight: 600;margin-left:10px;}

.quantity-selector {display: flex;align-items: center;justify-content: center;gap: 10px;background-color: #ed1c24;padding: 5px 20px;border-radius: 10px;width: 150px;}
.quantity-selector button {background-color: transparent;border: none;color: white;font-size: 20px;cursor: pointer;outline: none !important;}
.quantity-selector input {background: #ed1c24;border: none;color: #fff;font-size: 18px;font-weight:500;text-align: center;width: 50px;border-radius: 5px;}

/*--------------------------------------------------------------
# HomePage + - Buttons
--------------------------------------------------------------*/
.qua-cont {position:absolute;top:-39%;right:6%;display: flex;align-items: center;gap: 5px;}
.qua-wrapper {display: flex;align-items: center;background-color: #ed1c24;border-radius: 50px;padding: 5px;transition: all 0.3s ease;overflow: hidden;width: 35px;}
.qua-button {width: 25px;height: 25px;border: none;background-color: #ed1c24;color: white;font-size: 20px;cursor: pointer;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.qua-display {display: none;min-width: 50px;text-align: center;font-size: 14px;font-weight:500;color: white;}
.expanded {width: 120px;}
.expanded .qua-display {display: block;}

.prod-detail-title{color:#1c486f;font-size:30px;font-weight:500;}
.pro-list-rw {position:relative;margin-bottom:25px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:10px;}
.pro-list-heart {position:absolute;top: 3%;right: 6%;width:25px !important;transition:0.5s;}
.pro-list-heart:hover {width:25px !important;transition:0.5s;}
.pro-detail-heart {position:absolute;top: 1%;right: 15%;color: rgba(237, 28, 36, 1);font-size: 21px;margin-right:5px;padding-top:5px;padding-bottom:5px;transition:0.5s;}
.pro-detail-heart:hover {font-size:23px;transition:0.5s;}

/*--------------------------------------------------------------
# WISHLIST ANIMATION STYLES
--------------------------------------------------------------*/
/* Favori kalp animasyonu */
.fa-heart.pulse {
    animation: heartPulse 0.3s ease-in-out;
}

@keyframes heartPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/* Favori buton hover efekti - kaldırıldı */
/* .wishlist-btn:hover .fa-heart {
    transform: scale(1.1);
    transition: transform 0.2s ease;
    transform-origin: center;
} */

/* Favori buton aktif durumu */
.wishlist-btn .fa-solid {
    color: #ed1c24 !important;
}

.wishlist-btn .fa-regular {
    color: #ccc !important;
}

.wishlist-btn .fa-regular:hover {
    color: #ed1c24 !important;
}
.pro-detail-share {position:absolute;top: 1%;right: 5%;color: #1c486f;font-size: 21px;margin-right:5px;border-left: 1px solid #bbb;padding-left: 25px;padding-top: 5px;padding-bottom: 5px;transition:0.5s;}
.pro-detail-share:hover {font-size:23px;transition:0.5s;}
.pro-detail-label {color:#636e72;font-weight:500;}

@media only screen and (min-width: 767px) {
    .pro-detail-rightsolid {border-right: 1px solid #bbb;}
}

@media only screen and (max-width: 767px) {
    .pro-detail-rightsolid {border:none;}
}

.owl-dots {display:flex;justify-content:center;margin-top:10px;margin-bottom:10px; }
.owl-dots .owl-dot { width: 8px; height: 8px; border-radius: 50%; margin: 2px; background-color: #ccc !important;}
.owl-dots .owl-dot.active { background-color: #9d9c9c !important;}

.dropbtn {color: #58585a;padding: 15px;font-size: 16px;border: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;color: #58585a;background-color: #f5f5f5;border-radius:3px;width: 300px;padding:20px 15px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: #58585a;padding: 10px 14px;font-size:14px;font-weight:500;border-radius:3px;background:#fff;text-decoration: none;display: block;width:270px;transition:0.6s;}
.dropdown-content a:hover {background-color: #072042;color:#fff;width:270px;font-weight:600; transition:0.6s;padding-left:22px;}
.dropdown:hover .dropdown-content {display: block;}



/*--------------------------------------------------------------
# OFFCANVAS RIGHT MENU
--------------------------------------------------------------*/

.offcanvas-menu {width: 40%;max-width: 640px;--bs-offcanvas-width: 40%;border-left: 1px solid #eee;}
.offcanvas-topbar {border-bottom: 1px solid #eee;}
.offcanvas-body-scroll {overflow-y: auto;}
.offcanvas-section {margin-bottom: 22px;padding: 14px;border: 1px solid #eef1f4;border-radius: 12px;background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);} 
.offcanvas-section-title {font-size: 12px;font-weight: 700;color: #6c757d;margin-bottom: 10px;text-transform: uppercase;letter-spacing: .04em;}
.offcanvas-menu-list, .offcanvas-submenu-list {list-style: none;padding-left: 0;margin: 0;}
.offcanvas-menu-item {margin-bottom: 10px;}
.offcanvas-menu-link {display: block;padding: 12px 14px;border: 1px solid #eef1f4;border-radius: 10px;color: #1c486f;background: #ffffff;box-shadow: 0 1px 2px rgba(0,0,0,0.03);transition: all .2s ease;}
.offcanvas-menu-link:hover {background: #f7f9fb;border-color: #e3e7eb;box-shadow: 0 4px 12px rgba(0,0,0,0.06);transform: translateY(-1px);}
.offcanvas-submenu-list {margin-top: 6px;margin-left: 10px;}
.offcanvas-submenu-item {margin: 4px 0;}
.offcanvas-submenu-link {display:block;padding: 7px 10px;border-radius:8px;color:#44525f;background:#f9fbfd;border:1px solid #f0f2f5;transition: all .15s ease;}
.offcanvas-submenu-link:hover {background:#eef3f7;border-color:#e3e7eb;}
/* Level-2 indentation */
.offcanvas-submenu-list.level-2 {margin-left: 16px;}
/* Cart summary */
.offcanvas-cart-list {list-style:none;padding-left:0;margin:0 0 10px 0;}
.offcanvas-cart-item {display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f3f5f7;}
.offcanvas-cart-thumb img {width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #eee;}
.offcanvas-cart-info {flex:1;}
.offcanvas-cart-name {font-size:13px;color:#243746;font-weight:600;}
.offcanvas-cart-meta {font-size:12px;color:#6c757d;}
.offcanvas-cart-total {display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #eef1f4;margin-top:6px;}
.offcanvas-cart-actions {margin-top:8px;}
/* CTA */
.offcanvas-cta .btn {border-radius: 10px;background: linear-gradient(135deg,#1c486f,#2a618f);border:none;}
.offcanvas-cta .btn:hover {filter: brightness(1.05);} 
/* Contact & Social */
.offcanvas-contact-list {list-style:none;padding-left:0;margin:0;}
.offcanvas-contact-list li {display:flex;align-items:center;gap:8px;margin:7px 0;color:#2d4850;}
.offcanvas-contact-list a {color:#2d4850;}
.offcanvas-social {display:flex;gap:10px;margin-top:10px;}
.offcanvas-social-link {width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#1c486f;color:#fff;transition:transform .15s ease, box-shadow .15s ease;}
.offcanvas-social-link:hover {transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,.12);}

@media (max-width: 991.98px) {
  .offcanvas-menu {width: 100vw;max-width: none;}
  .help-link {
    display: none !important;
  }
  .product-image-container-grid {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: var(--gray-100);
  }

  .product-image-grid {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform var(--transition-slower);
  }

  .product-actions-grid {
    padding: 0 10px 10px 10px;
    display: flex;
    justify-content: center;
  }

  .product-btn-primary,
  .product-btn-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    padding: 12px 24px;
    border-radius: var(--radius-lg);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
    border: none;
    cursor: pointer;
  }
}

.pulse {
  animation: pulse 0.3s ease;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Help Page Styles */
.help-title {font-size: 2.5rem;font-weight: 700;color: #1c486f;text-align: center;margin-bottom: 10px;}
.help-subtitle {font-size: 1.1rem;color: #666;text-align: center;margin-bottom: 40px;}
.help-search-container {position: relative;margin-bottom: 50px;}
.help-search-input {width: 100%;padding: 20px 60px 20px 25px;font-size: 16px;border: 2px solid #e0e0e0;border-radius: 50px;background: #fff;outline: none;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.help-search-input:focus {border-color: #1c486f;box-shadow: 0 6px 20px rgba(28, 72, 111, 0.15);}
.help-search-icon {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);color: #1c486f;font-size: 18px;}
.help-accordion-item {border: none;margin-bottom: 15px;border-radius: 12px !important;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.help-accordion-item:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
.help-accordion-button {background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;font-weight: 600;font-size: 16px;padding: 20px 25px;border: none;border-radius: 12px !important;transition: all 0.3s ease;}
.help-accordion-button:not(.collapsed) {background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;box-shadow: none;}
.help-accordion-button:hover {background: linear-gradient(135deg, #163a5a 0%, #1c486f 100%);color: white;transform: translateY(-1px);}
.help-accordion-button:focus {box-shadow: none;border: none;}
.help-accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.help-accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-body {padding: 25px;background: #f8f9fa;}
.help-faq-item {margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e9ecef;}
.help-faq-item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.help-faq-item h5 {color: #1c486f;font-weight: 600;font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
.help-faq-item p {color: #555;font-size: 14px;line-height: 1.6;margin: 0;}
.search-highlight {background: #fff3cd;color: #856404;padding: 2px 4px;border-radius: 4px;font-weight: 600;}
.help-contact-cta {text-align: center;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 50px 30px;border-radius: 15px;margin-top: 60px;border: 1px solid #dee2e6;}
.help-contact-cta h3 {color: #1c486f;font-weight: 700;margin-bottom: 15px;font-size: 1.8rem;}
.help-contact-cta p {color: #666;font-size: 16px;margin-bottom: 25px;}
.help-contact-btn {display: inline-block;background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;padding: 15px 30px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);}
.help-contact-btn:hover {background: linear-gradient(135deg, #163a5a 0%, #1c486f 100%);color: white;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(28, 72, 111, 0.4);text-decoration: none;}

/* Responsive Design */
@media (max-width: 768px) {
    .help-title {font-size: 2rem;}
    .help-subtitle {font-size: 1rem;}
    .help-search-input {padding: 15px 50px 15px 20px;font-size: 14px;}
    .help-accordion-button {font-size: 14px;padding: 15px 20px;}
    .accordion-body {padding: 20px;}
    .help-contact-cta {padding: 30px 20px;margin-top: 40px;}
    .help-contact-cta h3 {font-size: 1.5rem;}
}

/* İletişim Sayfası Stilleri */
.contact-container {margin-top: 50px;margin-bottom: 60px;}
.contact-form-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 30px;}
.contact-title {font-size: 28px;font-weight: 600;color: #333;margin-bottom: 10px;}
.contact-subtitle {color: #666;margin-bottom: 30px;font-size: 16px;}
.contact-form .form-group {margin-bottom: 20px;}
.contact-form .form-label {font-weight: 500;color: #333;margin-bottom: 8px;display: block;}
.contact-input {border: 1px solid #ddd;border-radius: 8px;padding: 12px 15px;font-size: 14px;transition: all 0.3s ease;background: #fafafa;}
.contact-input:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);background: #fff;}
.contact-textarea {border: 1px solid #ddd;border-radius: 8px;padding: 15px;font-size: 14px;transition: all 0.3s ease;background: #fafafa;resize: vertical;min-height: 120px;}
.contact-textarea:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);background: #fff;}
.contact-submit-btn {background: linear-gradient(135deg, #1c486f 0%, #2c5aa0 100%);color: #fff;border: none;padding: 15px 30px;border-radius: 8px;font-weight: 500;font-size: 16px;transition: all 0.3s ease;width: 100%;max-width: 200px;}
.contact-submit-btn:hover {background: linear-gradient(135deg, #2c5aa0 0%, #1c486f 100%);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(28, 72, 111, 0.3);color: #fff;}
.contact-alert {border-radius: 8px;padding: 15px 20px;margin-bottom: 20px;border: none;}

/* İletişim Bilgileri */
.contact-info-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);height: 100%;}
.contact-info-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 25px;text-align: center;}
.contact-info-item {display: flex;align-items: flex-start;margin-bottom: 25px;padding: 15px;border-radius: 8px;transition: all 0.3s ease;}
.contact-info-item:hover {background: #f8f9fa;transform: translateX(5px);}
.contact-icon {width: 50px;height: 50px;background: linear-gradient(135deg, #1c486f 0%, #2c5aa0 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0;}
.contact-icon i {color: #fff;font-size: 18px;}
.contact-details h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 5px;}
.contact-details p {color: #666;margin-bottom: 5px;font-size: 14px;line-height: 1.5;}
.contact-details a {color: #1c486f;text-decoration: none;transition: color 0.3s ease;}
.contact-details a:hover {color: #2c5aa0;text-decoration: underline;}

/* Sosyal Medya */
.social-media-section {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;}
.social-media-section h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 15px;text-align: center;}
.social-links {display: flex;justify-content: center;gap: 15px;}
.social-link {width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: all 0.3s ease;font-size: 18px;}
.social-link:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.2);color: #fff;}
.social-link.facebook {background: #1877f2;}
.social-link.instagram {background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
.social-link.twitter {background: #1da1f2;}
.social-link.youtube {background: #ff0000;}

/* Harita Bölümü */
.map-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 30px;}
.map-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 20px;text-align: center;}
.map-container {border-radius: 10px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

/* SSS Bölümü */
.faq-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.faq-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 25px;text-align: center;}
.faq-list {margin-bottom: 30px;}
.faq-item {padding: 20px;border: 1px solid #eee;border-radius: 8px;margin-bottom: 15px;transition: all 0.3s ease;}
.faq-item:hover {border-color: #1c486f;box-shadow: 0 2px 8px rgba(28, 72, 111, 0.1);}
.faq-item h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 10px;}
.faq-item p {color: #666;margin: 0;line-height: 1.6;}
.faq-more {text-align: center;}
.faq-more .btn {padding: 12px 25px;border-radius: 8px;font-weight: 500;transition: all 0.3s ease;}

/* Responsive */
@media (max-width: 768px) {
    .contact-container {margin-top: 30px;margin-bottom: 40px;}
    .contact-form-section,
    .contact-info-section {padding: 20px;}
    .contact-title {font-size: 24px;}
    .contact-info-item {flex-direction: column;text-align: center;}
    .contact-icon {margin-right: 0;margin-bottom: 10px;}
    .social-links {gap: 10px;}
    .social-link {width: 40px;height: 40px;font-size: 16px;}
}

@media (max-width: 576px) {
    .contact-submit-btn {max-width: 100%;}
    .contact-info-item {padding: 10px;}
    .map-container iframe {height: 300px;}
}

/* Form Validasyon Stilleri */
.contact-input.is-invalid,
.contact-textarea.is-invalid {border-color: #dc3545;box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);}
.invalid-feedback {display: block;width: 100%;margin-top: 5px;font-size: 12px;color: #dc3545;}
.contact-submit-btn:disabled {opacity: 0.6;cursor: not-allowed;}

/* Loading spinner */
.fa-spinner {animation: spin 1s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*--------------------------------------------------------------
# NAVBAR DROPDOWN STYLES
--------------------------------------------------------------*/
/* Basit dropdown tasarımı */
.dropdown-menu {margin-top: 0;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 5px 0;background: white;}

/* Nested dropdown pozisyonu */
.dropdown-submenu {position: absolute;left: 100%;top: 0;margin-left: 2px;}

/* Hover ile açılma */
.dropdown:hover > .dropdown-menu {display: block;}
.dropend:hover > .dropdown-menu {display: block;}
.dropdown-item {padding: 8px 20px;color: #333;}
.dropdown-item:hover {background-color: #f8f9fa;}
.dropend > .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;content: "";border-top: 0.3em solid transparent;border-right: 0;border-bottom: 0.3em solid transparent;border-left: 0.3em solid;}

/* 3. seviye menü: hover ile görünür kıl */
.dropdown-menu > .dropend:hover > .dropdown-menu.dropdown-submenu {display: block;}
.dropdown-menu .dropdown-menu.dropdown-submenu {margin-left: .1rem; margin-right: .1rem;}

/* Mobil dropdown için */
@media (max-width: 991.98px) {
    .dropdown-menu {border: none;box-shadow: none;padding-left: 20px;margin-top: 0;}
    .dropdown-submenu {position: static;margin-left: 0;padding-left: 20px;}
    .dropend > .dropdown-toggle::after {transform: rotate(90deg);transition: transform 0.3s ease;}
    .dropend.show > .dropdown-toggle::after {transform: rotate(-90deg);}
    
    /* Mobilde dropdown açık kalması için */
    .dropdown-menu.show {display: block !important;}
    .dropdown-submenu {display: none;}
    .dropend.show > .dropdown-menu.dropdown-submenu {display: block !important;}
    
    /* Hover yerine show class kullan */
    .dropdown:hover > .dropdown-menu {display: none !important;}
    .dropend:hover > .dropdown-menu {display: none !important;}
}

/*--------------------------------------------------------------
# PROFILE FAVORITES STYLES - INLINE CSS'LERİN TAŞINMIŞ HALİ
--------------------------------------------------------------*/

/* Breadcrumb */
.breadcrumb-transparent { background: transparent; }

/* Container spacing */
.favorites-container { padding: 50px 0; }

/* Table alignment */
.favorites-table th.text-center { text-align: center; }
.favorites-table td.text-center { text-align: center; }

/* Product image */
.favorites-product-image { width: 50px; border-radius: 10px; }


/*--------------------------------------------------------------
# FOOTER STYLES - INLINE CSS'LERİN TAŞINMIŞ HALİ
--------------------------------------------------------------*/

/* Layout ve Spacing */
.footer-col-spacing { padding-right: 30px; margin-bottom: 30px; }
.footer-col-spacing-2 { margin-bottom: 40px; }
.footer-col-spacing-3 { margin-top: 30px; }
.footer-col-spacing-4 { margin-top: 20px; margin-bottom: 20px; }
.footer-col-spacing-5 { margin-top: -40px; }
.footer-col-spacing-6 { margin-top: 10px; }

/* Newsletter */
.newsletter-message { margin-top: 10px; font-size: 12px; }
.newsletter-disclaimer { margin-top: 5px; font-size: 10px; opacity: 0.7; }
.newsletter-container { position: relative; margin-top: 10px; }
.newsletter-text { margin-bottom: 7px; margin-left: 4%; font-size: 13px; opacity: 0.7; }

/* Newsletter Input */
.newsletter-input {font-size: 13px;width: 70%;border-radius: 20px 0px 0px 20px;border: hidden;padding: 10px 10px 10px 20px;}

/* Newsletter Submit Button */
.newsletter-submit {position: absolute;top: 0;right: 10.7%;padding: 10px 35px;border: hidden;border-radius: 0 20px 20px 0;background: #ef8120;color: #fff;font-weight: 500;font-size: 13px;}

/* Footer Logo */
.footer-logo { width: 225px; }
.footer-logo-text {display: flex;color: #4f7770;margin-top: 15px;width: 95%;font-size: 12px;align-items: center;}

/* Payment Logos */
.payment-logo { 
    max-width: 300px; 
    height: auto;
    display: block;
}

/* Text Alignment */
.text-align-right { text-align-last: right; }
.text-align-center { text-align: center; }

/* Footer Dividers */
.footer-divider { opacity: 0.7; }

/*--------------------------------------------------------------
# PRODUCT ADDED TO CART MODAL STYLES
--------------------------------------------------------------*/

/* Modal Container */
.cart-success-modal .modal-content {border-radius: 20px;border: none;box-shadow: 0 15px 35px rgba(0,0,0,0.15);overflow: hidden;}

/* Modal Header */
.cart-success-modal .modal-header {background: linear-gradient(135deg, #28a745, #20c997);border-bottom: none;padding: 25px 30px 20px;text-align: center;position: relative;}
.cart-success-modal .modal-header .btn-close {position: absolute;right: 20px;top: 20px;color: white;opacity: 0.8;filter: brightness(0) invert(1);}
.cart-success-modal .modal-header .btn-close:hover {opacity: 1;}
/* Modal Body */
.cart-success-modal .modal-body {padding: 30px;text-align: center;}
/* Success Icon */
.cart-success-icon {width: 80px;height: 80px;background: linear-gradient(135deg, #28a745, #20c997);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;animation: successPulse 0.6s ease-out;}
.cart-success-icon i {font-size: 40px;color: white;}
@keyframes successPulse { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } }
/* Modal Title */
.cart-success-title {color: #2c3e50;font-size: 24px;font-weight: 700;margin-bottom: 15px;line-height: 1.3;}
/* Modal Text */
.cart-success-text {color: #7f8c8d;font-size: 16px;line-height: 1.6;margin-bottom: 25px;}
/* Product Info */
.cart-product-info {background: #f8f9fa;border-radius: 15px;padding: 20px;margin-bottom: 25px;border-left: 4px solid #28a745;}
.cart-product-image {width: 60px;height: 60px;border-radius: 10px;object-fit: cover;margin-right: 15px;}
.cart-product-details {display: flex;align-items: center;justify-content: center;}
.cart-product-name {font-weight: 600;color: #2c3e50;font-size: 16px;margin-bottom: 5px;}
.cart-product-price {color: #e74c3c;font-weight: 700;font-size: 18px;}
/* Modal Actions */
.cart-success-actions {display: flex;gap: 15px;justify-content: center;flex-wrap: wrap;}
.cart-success-btn {padding: 12px 30px;border-radius: 25px;font-weight: 600;font-size: 14px;border: none;transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;}
.cart-success-btn-primary {background: linear-gradient(135deg, #28a745, #20c997);color: white;}
.cart-success-btn-primary:hover {background: linear-gradient(135deg, #218838, #1ea085);color: white;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);}
.cart-success-btn-secondary {background: #6c757d;color: white;}
.cart-success-btn-secondary:hover {background: #5a6268;color: white;transform: translateY(-2px);}
/* Responsive */
@media (max-width: 576px) {
    .cart-success-modal .modal-body {padding: 20px;}
    .cart-success-title {font-size: 20px;}
    .cart-success-actions {flex-direction: column;}
    .cart-success-btn {width: 100%;justify-content: center;}
}
/*--------------------------------------------------------------
# HOME PAGE STYLES - INLINE CSS'LERİN TAŞINMIŞ HALİ
--------------------------------------------------------------*/

/* Section spacing */
.home-section-spacing { margin-top: 20px; }

/* Category banner images */
.category-banner-image {width: 100%;border-radius: 10px;}

/* Home title alignment */
.home-title-center { text-align: center; }
.home-title-left { text-align: left; }
/*--------------------------------------------------------------
# CART SUCCESS MODAL STYLES
--------------------------------------------------------------*/
[id^="cartSuccessModal_"] {z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
[id^="cartSuccessModal_"] .modal-content {border-radius: 15px;border: none;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);background: white;z-index: 1057 !important;position: relative;}
[id^="cartSuccessModal_"] .modal-backdrop {z-index: 1055 !important;}
/* Modal görünürlük sorunları için */
[id^="cartSuccessModal_"].show {display: block !important;visibility: visible !important;opacity: 1 !important;z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
/* Modal'ın her zaman görünür olması için */
[id^="cartSuccessModal_"] {display: none !important;visibility: hidden !important;opacity: 0 !important;z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
/* Modal açıkken görünür olması için */
[id^="cartSuccessModal_"].show {display: block !important;visibility: visible !important;opacity: 1 !important;}
[id^="cartSuccessModal_"] .modal-dialog {z-index: 1058 !important;position: relative;margin: 1.75rem auto !important;max-width: 500px !important;width: 90% !important;display: block !important;visibility: visible !important;opacity: 1 !important;transform: none !important;}
[id^="cartSuccessModal_"] .modal-header {border-bottom: 1px solid #e9ecef;background: linear-gradient(135deg, #28a745, #20c997);color: white;border-radius: 15px 15px 0 0;}
[id^="cartSuccessModal_"] .modal-header .btn-close {filter: invert(1);}
[id^="cartSuccessModal_"] .modal-body {padding: 2rem;}
[id^="cartSuccessModal_"] .modal-footer {border-top: 1px solid #e9ecef;padding: 1rem 2rem 2rem;}
[id^="cartSuccessModal_"] .btn-primary {background: linear-gradient(135deg, #007bff, #0056b3);border: none;border-radius: 25px;padding: 10px 25px;font-weight: 600;transition: all 0.3s ease;}
[id^="cartSuccessModal_"] .btn-primary:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 123, 255, 0.4);}
[id^="cartSuccessModal_"] .btn-secondary {border-radius: 25px;padding: 10px 25px;font-weight: 600;transition: all 0.3s ease;}
[id^="cartSuccessModal_"] .btn-secondary:hover {transform: translateY(-2px);}
[id^="cartSuccessModal_"] .text-success {color: #28a745 !important;font-weight: 600;}
[id^="cartSuccessModal_"] .fa-check-circle {color: #28a745;font-size: 18px;}
/*--------------------------------------------------------------
# VARIANT SELECTION STYLES
--------------------------------------------------------------*/
.variant-section {background: #f8f9fa;padding: 20px;border-radius: 12px;border: 1px solid #e9ecef;margin-bottom: 20px;}
.variant-section h6 {margin-bottom: 15px;font-weight: 600;color: #2d4850;font-size: 14px;}
.variant-section h6 i {margin-right: 8px;color: #28a745;}
/* Renk seçenekleri */
.color-options {display: flex;gap: 10px;flex-wrap: wrap;}
.color-option {cursor: pointer;padding: 8px;border-radius: 8px;border: 2px solid #e9ecef;min-width: 50px;text-align: center;transition: all 0.3s ease;position: relative;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.color-option:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.color-option.selected {border: 3px solid #28a745;box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);}
/* Beden seçenekleri */
.size-options {display: flex;gap: 8px;flex-wrap: wrap;}
.size-option {cursor: pointer;padding: 10px 15px;border-radius: 6px;background: #f8f9fa;color: #2d4850;border: 2px solid #e9ecef;font-weight: 600;font-size: 13px;transition: all 0.3s ease;min-width: 50px;text-align: center;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.size-option:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.15);background: #e9ecef;}
.size-option.selected {background: #28a745;color: white;border: 2px solid #28a745;box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);}

/* Responsive tasarım */
@media (max-width: 768px) {
    .variant-section {padding: 15px;}
    .color-options, .size-options {gap: 8px;}
    .color-option {min-width: 45px;padding: 6px;}
    .size-option {min-width: 45px;padding: 8px 12px;font-size: 12px;}
}
/*--------------------------------------------------------------
# CART VARIANT STYLES
--------------------------------------------------------------*/
.variant-info {background: #f8f9fa;padding: 8px;border-radius: 6px;border-left: 3px solid #28a745;margin: 10px 0;}
.variant-info .fa-palette,
.variant-info .fa-ruler {color: #28a745;margin-right: 5px;}
.variant-info span {font-weight: 600;color: #2d4850;font-size: 13px;}
.variant-info .color-display {width: 20px;height: 20px;border-radius: 4px;border: 2px solid #e9ecef;display: inline-block;margin-right: 8px;}
.variant-info .size-display {background: #e9ecef;padding: 3px 8px;border-radius: 4px;font-weight: 600;font-size: 13px;color: #2d4850;}
/* ======= PAYLAŞIM MODAL STİLLERİ ======= */
.share-modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);}
.share-modal.show {display: flex;align-items: center;justify-content: center;}
.share-modal-content {background-color: white;border-radius: 15px;padding: 30px;max-width: 400px;width: 90%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);animation: slideIn 0.3s ease-out;}

@keyframes slideIn {
    from {opacity: 0;transform: translateY(-50px);}
    to {opacity: 1;transform: translateY(0);}
}
.share-modal-header {text-align: center;margin-bottom: 25px;}
.share-modal-title {font-size: 24px;font-weight: 600;color: #2d4850;margin: 0;}
.share-modal-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 24px;color: #999;cursor: pointer;transition: color 0.3s ease;}
.share-modal-close:hover {color: #e74c3c;}
.share-platforms {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin-bottom: 20px;}
.share-platform-btn {display: flex;align-items: center;padding: 15px;border: 2px solid #e9ecef;border-radius: 10px;background: white;cursor: pointer;transition: all 0.3s ease;text-decoration: none;color: inherit;}
.share-platform-btn:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.share-platform-btn.facebook:hover {border-color: #1877f2;background-color: #f0f8ff;}
.share-platform-btn.twitter:hover {border-color: #1da1f2;background-color: #f0f9ff;}
.share-platform-btn.telegram:hover {border-color: #0088cc;background-color: #f0f8ff;}
.share-platform-btn.link:hover {border-color: #6c757d;background-color: #f8f9fa;}
.share-platform-btn.qr:hover {border-color: #28a745;background-color: #f0fff4;}
.share-platform-icon {font-size: 20px;margin-right: 12px;width: 24px;text-align: center;}
.share-platform-icon.facebook {color: #1877f2;}
.share-platform-icon.twitter {color: #1da1f2;}
/* removed whatsapp share styles */
.share-platform-icon.telegram {color: #0088cc;}
.share-platform-icon.link {color: #6c757d;}
.share-platform-icon.qr {color: #28a745;}
.share-platform-text {font-size: 14px;font-weight: 500;color: #2d4850;}
.share-actions {display: flex;gap: 10px;}
.share-action-btn {flex: 1;padding: 12px;border: none;border-radius: 8px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}
.share-action-btn.primary {background-color: #28a745;color: white;}
.share-action-btn.primary:hover {background-color: #218838;}
.share-action-btn.secondary {background-color: #6c757d;color: white;}
.share-action-btn.secondary:hover {background-color: #5a6268;}

/* QR Kod Modal */
.qr-modal {display: none;position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);}
.qr-modal.show {display: flex;align-items: center;justify-content: center;}
.qr-modal-content {background-color: white;border-radius: 15px;padding: 30px;text-align: center;max-width: 350px;width: 90%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}
.qr-code-container {margin: 20px 0;padding: 20px;background-color: #f8f9fa;border-radius: 10px;}
.qr-code-image {max-width: 200px;height: auto;}

/* Responsive */
@media (max-width: 576px) {
    .share-modal-content {padding: 20px;margin: 20px;}
    .share-platforms {grid-template-columns: 1fr;gap: 10px;}
    .share-platform-btn {padding: 12px;}
    .share-modal-title {font-size: 20px;}
}

/* ======= PAYLAŞIM MODAL STİLLERİ END ======= */

/* ======= COMMENT SYSTEM STYLES ======= */
.rating {background: url(../img/rating.png);background-size: 118px 380px!important;height: 12px;width: 70px;float: left;margin: 1px 5px 0 0;}
.rating.r20 { background-position: 0 -28px; }
.rating.r40 { background-position: 0 -56px; }
.rating.r60 { background-position: 0 -84px; }
.rating.r80 { background-position: 0 -112px; }
.rating.r100 { background-position: 0 -140px; }

.big .rating { background-position: 0 -160px; height: 20px; width: 118px; }
.big .rating.r10 { background-position: 0 -180px; }
.big .rating.r20 { background-position: 0 -200px; }
.big .rating.r30 { background-position: 0 -220px; }
.big .rating.r40 { background-position: 0 -240px; }
.big .rating.r50 { background-position: 0 -260px; }
.big .rating.r60 { background-position: 0 -280px; }
.big .rating.r70 { background-position: 0 -300px; }
.big .rating.r80 { background-position: 0 -320px; }
.big .rating.r90 { background-position: 0 -340px; }
.big .rating.r100 { background-position: 0 -360px; }

.review-filter {width: 100%;padding: 0 12px;display: flex;align-items: center;flex-grow: 1;background: #f8f9fa;height: 28px;margin: 15px 0 6px;border-radius: 4px;border: 1px solid #e9ecef;font-size: 13px;}
.review-filter > div { width: 50%; }
.review-list {margin-top: 10px;}
.review-item {position: relative;display: flex;flex-direction: column;padding: 8px 0;border-top: 1px solid #f1f3f4;transition: all 0.2s ease;}
.review-item:first-child { border: none; }
.review-item:hover {background-color: #f8f9fa;border-radius: 4px;padding: 8px 6px;margin: 0 -6px;}
.review-item .review-meta {display: flex;margin-bottom: 4px;align-items: center;flex-wrap: wrap;gap: 6px;}
.review-item .review-meta .ratingCont {display: inline-block;position: relative;top: 0px;}
.review-item .review-meta .userName {font-weight: 500;color: #495057;font-size: 12px;}
.review-item .review-meta .seperator {color: #adb5bd;display: inline-block;}
.review-item .review-meta .commentDate {color: #6c757d;display: inline-block;font-size: 11px;}
.review-item .review-text {font-size: 12px;line-height: 1.4;color: #495057;}
/* Comment Form Styles */
#comment {margin-top: 15px;padding: 15px;background: #ffffff;border-radius: 6px;border: 1px solid #e9ecef;box-shadow: 0 1px 4px rgba(0,0,0,0.05);max-width: 600px;margin-left: auto;margin-right: auto;}
#comment .form-group {margin-bottom: 12px;}
#comment label {font-weight: 500;color: #495057;margin-bottom: 4px;display: block;font-size: 13px;}
#comment textarea,
#comment select {border: 1px solid #dee2e6 !important;border-radius: 4px !important;outline: none !important;transition: all 0.2s ease;font-size: 13px;}
#comment textarea:focus,
#comment select:focus {border-color: #007bff !important;box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.1);}
#comment .btn-primary {background: #007bff;border: none;border-radius: 4px;padding: 6px 16px;font-weight: 500;font-size: 13px;transition: all 0.2s ease;}
#comment .btn-primary:hover {background: #0056b3;transform: translateY(-1px);box-shadow: 0 1px 3px rgba(0, 123, 255, 0.2);}

/* Responsive */
@media (max-width: 768px) {
    .review-filter {flex-direction: column;height: auto;padding: 10px;}
    .review-filter > div {width: 100%;text-align: center;margin-bottom: 6px;}
    .review-item .review-meta {flex-direction: column;align-items: flex-start;gap: 3px;}
    .review-item .review-meta .userName,
    .review-item .review-meta .seperator,
    .review-item .review-meta .commentDate {margin: 0;}
    #comment {padding: 12px;margin: 12px 0;max-width: 100%;}
}
/* ======= COMMENT SYSTEM STYLES END ======= */

/*--------------------------------------------------------------
# RE-ADD: Minimal styles for profile dropdown (user menu)
--------------------------------------------------------------*/
.lang-btn {border: hidden;background: transparent;color: #1c486f;font-size: 12px;font-weight:300;transition:0.5s;}
.lang-btn:hover {color:#ef8120;transition:0.5s;}
.dropdown-lang {z-index:2;display: none;position: absolute;text-align:left;font-size:12px;background-color: #fff;min-width: 170px;padding: 10px 20px;border-radius:5px;animation:0.9s slideup;list-style: none;-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);} 
.dropdown-lang a {color: rgba(0, 0, 0, 0.6);font-size:12px;padding: 5px 12px;text-decoration: none;display: block;text-align-last: left;}
.dropdown-lang a:hover {background-color: #ef8120;color:#fff;border-radius:4px;}
.dropdown:hover .dropdown-lang {display: block;}

/* ======= NEWSLETTER STYLES ======= */
/* Newsletter Message Styles */
.newsletter-message {margin-top: 10px;padding: 8px 12px;border-radius: 4px;font-size: 12px;font-weight: 500;text-align: center;transition: all 0.3s ease;}
.newsletter-message.success {background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;}
.newsletter-message.error {background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}
/* Newsletter Form Improvements */
.newsletter-form {position: relative;}
.newsletter-input:focus {border-color: #28a745;box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);}
.newsletter-submit:disabled {opacity: 0.6;cursor: not-allowed;}
.newsletter-submit:hover:not(:disabled) {background-color: #218838;transform: translateY(-1px);}
/* Newsletter Checkboxes */
.newsletter-checkboxes {margin-top: 10px;display: flex;flex-direction: column;gap: 8px;}
.newsletter-checkbox {display: flex;align-items: center;cursor: pointer;font-size: 11px;color: rgba(255, 255, 255, 0.8);transition: color 0.3s ease;}
.newsletter-checkbox:hover {color: rgba(255, 255, 255, 1);}
.newsletter-checkbox input[type="checkbox"] {display: none;}
.checkmark {width: 16px;height: 16px;background-color: transparent;border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 3px;margin-right: 8px;position: relative;transition: all 0.3s ease;flex-shrink: 0;}
.newsletter-checkbox input[type="checkbox"]:checked + .checkmark {background-color: #28a745;border-color: #28a745;}
.newsletter-checkbox input[type="checkbox"]:checked + .checkmark::after {content: '';position: absolute;left: 4px;top: 1px;width: 4px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.checkbox-text {line-height: 1.3;}
/* Newsletter Responsive */
@media (max-width: 768px) {
    .newsletter-checkboxes {gap: 6px;}
    .newsletter-checkbox {font-size: 10px;}
    .checkmark {width: 14px;height: 14px;margin-right: 6px;}
    .newsletter-checkbox input[type="checkbox"]:checked + .checkmark::after {left: 3px;top: 0px;width: 3px;height: 6px;}
}
/* ======= NEWSLETTER STYLES END ======= */

/* ======= COOKIE POLICY STYLES ======= */
/* Cookie Policy Banner */
.cookie-banner {position: fixed;bottom: 0;left: 0;right: 0;background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color: white;padding: 20px;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);z-index: 10000;transform: translateY(100%);transition: transform 0.4s ease-in-out;border-top: 3px solid #3498db;}
.cookie-banner.show {transform: translateY(0);}
.cookie-banner-content {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.cookie-banner-text {flex: 1;min-width: 300px;}
.cookie-banner-title {font-size: 18px;font-weight: 600;margin-bottom: 8px;color: #ecf0f1;}
.cookie-banner-description {font-size: 14px;line-height: 1.5;color: #bdc3c7;margin: 0;}
.cookie-banner-links {margin-top: 8px;}
.cookie-banner-links a {color: #3498db;text-decoration: none;font-weight: 500;margin-right: 15px;transition: color 0.3s ease;}
.cookie-banner-links a:hover {color: #5dade2;text-decoration: underline;}
.cookie-banner-buttons {display: flex;gap: 12px;flex-wrap: wrap;}
.cookie-btn {padding: 10px 20px;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;}
.cookie-btn-accept {background: #27ae60;color: white;}
.cookie-btn-accept:hover {background: #229954;transform: translateY(-1px);}
.cookie-btn-reject {background: #e74c3c;color: white;}
.cookie-btn-reject:hover {background: #c0392b;transform: translateY(-1px);}
.cookie-btn-settings {background: transparent;color: #3498db;border: 2px solid #3498db;}
.cookie-btn-settings:hover {background: #3498db;color: white;}
.cookie-close {position: absolute;top: 15px;right: 15px;background: none;border: none;color: #bdc3c7;font-size: 20px;cursor: pointer;transition: color 0.3s ease;}
.cookie-close:hover {color: #ecf0f1;}
/* Cookie Settings Modal */
.cookie-settings-modal {display: none;position: fixed;z-index: 10001;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(5px);} 
.cookie-settings-modal.show {display: flex;align-items: center;justify-content: center;}
.cookie-settings-content {background-color: white;margin: 5% auto;padding: 0;border-radius: 12px;width: 90%;max-width: 600px;max-height: 80vh;overflow-y: auto;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);animation: slideIn 0.3s ease-out;}
@keyframes slideIn {from {opacity: 0;transform: translateY(-50px);} to {opacity: 1;transform: translateY(0);}}
.cookie-settings-header {background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);color: white;padding: 20px;border-radius: 12px 12px 0 0;display: flex;justify-content: space-between;align-items: center;}
.cookie-settings-title {font-size: 20px;font-weight: 600;margin: 0;}
.cookie-settings-close {background: none;border: none;color: white;font-size: 24px;cursor: pointer;transition: opacity 0.3s ease;}
.cookie-settings-close:hover {opacity: 0.7;}
.cookie-settings-body {padding: 25px;}
.cookie-category {margin-bottom: 25px;padding: 20px;border: 1px solid #e0e0e0;border-radius: 8px;background: #fafafa;}
.cookie-category-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.cookie-category-title {font-size: 16px;font-weight: 600;color: #2c3e50;margin: 0;}
.cookie-toggle {position: relative;width: 50px;height: 24px;background: #bdc3c7;border-radius: 12px;cursor: pointer;transition: background 0.3s ease;}
.cookie-toggle.active {background: #27ae60;}
.cookie-toggle-slider {position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: white;border-radius: 50%;transition: transform 0.3s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.cookie-toggle.active .cookie-toggle-slider {transform: translateX(26px);}
.cookie-category-description {font-size: 14px;color: #7f8c8d;line-height: 1.5;margin: 0;}
.cookie-settings-footer {padding: 20px 25px;background: #f8f9fa;border-radius: 0 0 12px 12px;display: flex;justify-content: space-between;gap: 15px;}
.cookie-save-btn {background: #27ae60;color: white;border: none;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background 0.3s ease;}
.cookie-save-btn:hover {background: #229954;}
.cookie-cancel-btn {background: #95a5a6;color: white;border: none;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background 0.3s ease;}
.cookie-cancel-btn:hover {background: #7f8c8d;}
/* Cookie Policy Responsive */
@media (max-width: 768px) {
    .cookie-banner-content {flex-direction: column;text-align: center;}
    .cookie-banner-text {min-width: auto;}
    .cookie-banner-buttons {justify-content: center;}
    .cookie-settings-content {width: 95%;margin: 10% auto;}
    .cookie-settings-footer {flex-direction: column;}
    .cookie-btn {padding: 8px 16px;font-size: 13px;}
}
/* ======= COOKIE POLICY STYLES END ======= */

/*--------------------------------------------------------------
# AUTH PAGES - LOGIN & REGISTER
--------------------------------------------------------------*/

/* Login/Register Container */
.auth-page-container {
    background: #ffffff;
    min-height: 100vh;
    padding: 60px 0;
}

.auth-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 40px;
    margin-bottom: 0;
    border: 1px solid #f0f0f0;
}

.auth-card-header {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.auth-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    position: relative;
}

.auth-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #072042;
    border-radius: 1px;
}

.auth-subtitle {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.auth-form {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
}

.auth-form-group {
    margin-bottom: 20px;
    position: relative;
    clear: both;
}

.auth-form-label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    font-size: 13px;
    position: relative;
    z-index: 1;
}

.auth-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
}

.auth-form-input:focus {
    outline: none;
    border-color: #072042;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(7, 32, 66, 0.1);
}
.auth-form-input::placeholder {
    color: #999;
    font-size: 13px;
}

.auth-btn {
    width: 100%;
    padding: 12px;
    background: #072042;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
}
.auth-btn:hover {
    background: #0a2a5a;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(7, 32, 66, 0.3);
}

.auth-btn:active {
    transform: translateY(0);
}
.auth-remember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    font-size: 13px;
}

.auth-remember-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.auth-remember-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #072042;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.auth-forgot-link {
    color: #072042;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}
.auth-forgot-link:hover {
    color: #1c486f;
    text-decoration: underline;
}

.auth-divider {
    text-align: center;
    margin: 20px 0;
    position: relative;
    color: #999;
    font-size: 13px;
    font-weight: 500;
}

.auth-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    z-index: 1;
}

.auth-divider span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    display: inline-block;
}

.auth-register-form {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
}

.auth-register-row {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    width: 100%;
}

.auth-register-row .auth-form-group {
    flex: 1;
    margin-bottom: 0;
    min-width: 0;
}

.auth-checkbox-group {
    margin: 15px 0;
    font-size: 13px;
}

.auth-checkbox-group input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #072042;
    margin-right: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.auth-checkbox-group a {
    color: #072042;
    text-decoration: none;
    font-weight: 500;
}

.auth-checkbox-group a:hover {
    text-decoration: underline;
}

.password-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input-group .auth-form-input {
    padding-right: 50px;
}

.password-toggle-btn {
    position: absolute;
    right: 12px;
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: color 0.3s ease;
}

.password-toggle-btn:hover {
    color: #072042;
}

.password-strength {
    margin-top: 8px;
    font-size: 12px;
    color: #666;
}

.strength-weak {
    color: #dc3545;
}

.strength-medium {
    color: #ffc107;
}

.strength-strong {
    color: #28a745;
}

.auth-alert {
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    border: none;
}

.auth-alert-danger {
    background: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

.auth-alert-success {
    background: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

/* Responsive Design */
@media (max-width: 768px) {
    .auth-page-container {
        padding: 30px 0;
    }
    
    .auth-card {
        padding: 25px 20px;
        margin: 0 15px 20px;
    }
    
    .auth-title {
        font-size: 20px;
    }
    
    .auth-register-row {
        flex-direction: column;
        gap: 0;
    }
    
    .auth-register-row .auth-form-group {
        margin-bottom: 15px;
        width: 100%;
    }
    
    .auth-form-group {
        margin-bottom: 15px;
    }
    
    .auth-divider {
        margin: 15px 0;
    }
}

/* Mobile: Stack forms vertically */
@media (max-width: 991px) {
    .col-lg-5:first-child {
        margin-bottom: 30px;
    }
}

/* Kategori Carousel Styles - Modern */
.category-item {
    text-align: center;
    padding: var(--space-lg);
    transition: all var(--transition-base);
}

.category-link {
    display: block;
    text-decoration: none;
    color: var(--text-primary);
    transition: all var(--transition-slow);
}

.category-link:hover {
    text-decoration: none;
    color: var(--primary-color);
    transform: translateY(-8px);
}

.category-logo-container {
    width: 160px;
    height: 160px;
    margin: 0 auto var(--space-md);
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gray-50), var(--gray-100));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all var(--transition-slow);
    border: 3px solid var(--gray-200);
    box-shadow: var(--shadow-md);
    position: relative;
}

/* Animated ring on hover */
.category-logo-container::before {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    background: var(--gradient-primary);
    opacity: 0;
    transition: opacity var(--transition-base);
    z-index: -1;
}

.category-link:hover .category-logo-container::before {
    opacity: 1;
    animation: pulse-ring 1.5s infinite;
}

@keyframes pulse-ring {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.05); opacity: 0.8; }
}

.category-logo {
    width: 100px;
    height: 100px;
    object-fit: contain;
    filter: grayscale(100%) brightness(1.1);
    transition: all var(--transition-slow);
}

.category-link:hover .category-logo {
    filter: grayscale(0%) brightness(1);
    transform: scale(1.15) rotate(-5deg);
}

.category-link:hover .category-logo-container {
    border-color: var(--primary-color);
    box-shadow: var(--shadow-xl);
    background: linear-gradient(135deg, var(--white), var(--gray-50));
}

.category-logo-placeholder {
    width: 100px;
    height: 100px;
    background: #6c757d;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 24px;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.category-link:hover .category-logo-placeholder {
    filter: grayscale(0%);
    background: #072042;
    transform: scale(1.1);
}

.category-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
    transition: all var(--transition-base);
    position: relative;
}
/* Animated underline on category name */
.category-name::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 30px;
    height: 2px;
    background: var(--gradient-accent);
    transition: transform var(--transition-base);
    border-radius: var(--radius-full);
}

.category-link:hover .category-name {
    color: var(--primary-color);
    font-weight: 700;
}
.category-link:hover .category-name::after {
    transform: translateX(-50%) scaleX(1);
}

/* Owl Carousel kategori ayarları */
#category-carousel .owl-item {
    padding: 0 10px;
}
#category-carousel .owl-nav {
    text-align: center;
    margin-top: 20px;
}
#category-carousel .owl-nav button {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 15px;
    margin: 0 5px;
    border-radius: 5px;
    transition: all 0.3s ease;
}
#category-carousel .owl-nav button:hover {
    background: #0056b3;
    transform: translateY(-2px);
}

#category-carousel .owl-dots {
    text-align: center;
    margin-top: 15px;
}
#category-carousel .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #dee2e6;
    margin: 0 5px;
    transition: all 0.3s ease;
}
#category-carousel .owl-dot.active {
    background: #007bff;
}
/* Hemen Başvur Butonu - Modern */
.btn-apply {
    background: var(--gradient-primary);
    border: 2px solid transparent;
    color: var(--white);
    font-weight: 700;
    padding: 13px 28px;
    border-radius: var(--radius-full);
    transition: all var(--transition-base);
    box-shadow: var(--shadow-lg);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: 14px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.3px;
}

/* Animated shine effect */
.btn-apply::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 var(--transition-slow);
}

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

.btn-apply:hover {
    background: var(--gradient-primary-reverse);
    color: var(--white);
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--shadow-2xl);
    border-color: var(--accent-orange);
    text-decoration: none;
}

.btn-apply:focus {
    background: var(--gradient-primary);
    color: var(--white);
    box-shadow: 0 0 0 4px rgba(7, 32, 66, 0.2);
    outline: none;
}

.btn-apply:active {
    transform: translateY(-1px) scale(1.02);
}

.btn-apply i {
    font-size: 16px;
    transition: transform var(--transition-base);
}

.btn-apply:hover i {
    transform: translateX(3px);
}

/* Mobil responsive */
@media (max-width: 991px) {
    .btn-apply {
        margin-top: 15px;
        width: 100%;
        justify-content: center;
    }
}

/* ========================================
   TRUST SIGNALS & STATISTICS SECTION
======================================== */
.trust-signals-section {
    background: var(--gradient-primary);
    padding: var(--space-3xl) 0;
    position: relative;
    overflow: hidden;
}

/* Animated background pattern */
.trust-signals-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                      radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    animation: backgroundShift 20s ease-in-out infinite;
}

@keyframes backgroundShift {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); }
}

.trust-signals-section .section-title {
    color: var(--white);
    -webkit-text-fill-color: var(--white);
    margin-bottom: var(--space-md);
}

.trust-signals-section .section-title::after {
    background: var(--gradient-accent);
}

.trust-signals-section .section-subtitle {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: var(--space-3xl);
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-xl);
    position: relative;
    z-index: 2;
}

.stat-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-xl);
    padding: var(--space-2xl);
    text-align: center;
    transition: all var(--transition-slow);
    position: relative;
    overflow: hidden;
}

/* Shine effect on hover */
.stat-card::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 var(--transition-slow);
}

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

.stat-card:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.stat-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--space-lg);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: var(--accent-orange);
    transition: all var(--transition-base);
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.stat-card:hover .stat-icon {
    transform: scale(1.1) rotate(10deg);
    background: linear-gradient(135deg, rgba(239, 129, 32, 0.3), rgba(244, 165, 34, 0.2));
    border-color: var(--accent-orange);
}

.stat-number {
    font-size: 48px;
    font-weight: 800;
    color: var(--white);
    line-height: 1;
    margin-bottom: var(--space-sm);
    display: block;
}

.stat-label {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    letter-spacing: 0.5px;
}

/* Trust Badges Section */
.trust-badges {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2xl);
    margin-top: var(--space-3xl);
    flex-wrap: wrap;
}

.trust-badge {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-lg);
    padding: var(--space-lg) var(--space-xl);
    display: flex;
    align-items: center;
    gap: var(--space-md);
    transition: all var(--transition-base);
}

.trust-badge:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-5px);
}

.trust-badge img {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
    transition: filter var(--transition-base);
}

.trust-badge:hover img {
    filter: brightness(1) invert(0);
}

.trust-badge-text {
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-lg);
    }
    
    .stat-number {
        font-size: 36px;
    }
    
    .stat-icon {
        width: 60px;
        height: 60px;
        font-size: 28px;
    }
    
    .trust-badges {
        gap: var(--space-md);
    }
    
    .trust-badge {
        flex-direction: column;
        text-align: center;
        padding: var(--space-md);
    }
}

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

/* ========================================
   RESPONSIVE OPTIMIZATION - COMPREHENSIVE
======================================== */
/* Tablet ve küçük ekranlar */
@media (max-width: 991px) {
    :root {
        --space-xl: 1.5rem;
        --space-2xl: 2rem;
        --space-3xl: 2.5rem;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-subtitle {
        font-size: 15px;
    }
    
    .navbar-nav {
        background: var(--gray-50);
        padding: var(--space-md);
        border-radius: var(--radius-md);
        margin-top: var(--space-md);
    }
    
    .navbar-nav .nav-link {
        padding: var(--space-md) !important;
        border-bottom: 1px solid var(--gray-200);
    }
    
    .navbar-nav .nav-link:last-child {
        border-bottom: none;
    }
    
    .product-category-badge {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .product-content-grid {
        padding: 10px !important;
    }

    .product-title-grid {
        font-size: 14px !important;
        min-height: 50px;
    }
}
/* Mobil ekranlar */
@media (max-width: 767px) {
    :root {
        --space-xl: 1rem;
        --space-2xl: 1.5rem;
        --space-3xl: 2rem;
    }
    
    body {
        font-size: 14px;
    }
    
    .section-title {
        font-size: 26px;
        margin-bottom: var(--space-md);
    }
    
    .section-subtitle {
        font-size: 14px;
        margin-bottom: var(--space-xl);
    }
    
    /* Product carousel mobile */
    #product-carousel .product-item {
        padding: var(--space-lg);
        margin: 8px;
    }
    
    #product-carousel .product-image-container {
        height: 250px;
        margin-bottom: var(--space-md);
    }
    
    #product-carousel .product-title {
        font-size: 18px;
    }
    
    #product-carousel .product-description {
        font-size: 13px;
        min-height: 60px;
        -webkit-line-clamp: 2;
    }
    
    #product-carousel .btn-product-detail {
        width: 100%;
        justify-content: center;
        padding: 12px 24px;
    }
    
    /* Category carousel mobile */
    .category-logo-container {
        width: 120px;
        height: 120px;
    }
    
    .category-logo {
        width: 70px;
        height: 70px;
    }
    
    .category-name {
        font-size: 13px;
    }
    
    /* Trust signals mobile */
    .trust-signals-section {
        padding: var(--space-2xl) 0;
    }
    
    .trust-signals-section .section-title {
        font-size: 24px;
    }
    
    .trust-signals-section .section-subtitle {
        font-size: 13px;
    }
    
    /* Navbar mobile */
    .navbar {
        padding: var(--space-sm) 0 !important;
    }
    
    .contact-head {
        font-size: 11px;
        margin-right: var(--space-md);
    }
    
    .contact-call {
        font-size: 12px;
    }
    
    .contact-call img {
        width: 18px;
    }
    
    /* Footer mobile */
    .footer {
        margin-top: var(--space-3xl);
        padding: var(--space-2xl) 0 var(--space-lg) 0;
    }
    
    .footer-title a {
        font-size: 15px;
    }
    
    .footer-desc,
    .footer-desc a {
        font-size: 13px;
    }
    
    .footer-social {
        font-size: 18px;
        width: 36px;
        height: 36px;
        margin-right: var(--space-md);
    }
}

/* Küçük mobil ekranlar */
@media (max-width: 576px) {
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 13px;
    }
    
    #product-carousel .product-title {
        font-size: 16px;
    }
    
    #product-carousel .product-description {
        font-size: 12px;
        -webkit-line-clamp: 2;
        min-height: 40px;
    }
    
    .category-logo-container {
        width: 100px;
        height: 100px;
    }
    
    .category-logo {
        width: 60px;
        height: 60px;
    }
    
    .stat-card {
        padding: var(--space-lg);
    }
    
    .stat-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    
    .stat-number {
        font-size: 28px;
    }
    
    .stat-label {
        font-size: 13px;
    }
}

/* Büyük ekranlar için optimizasyon */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
    
    .section-title {
        font-size: 42px;
    }
    
    .section-subtitle {
        font-size: 18px;
    }
}

/* Touch device optimizasyonları */
@media (hover: none) and (pointer: coarse) {
    /* Hover efektlerini touch için optimize et */
    .product-item:active {
        transform: scale(0.98);
    }
    
    .category-link:active {
        transform: scale(0.95);
    }
    
    .btn-apply:active,
    .btn-product-detail:active {
        transform: scale(0.95);
    }
    
    /* Touch için daha büyük tıklama alanları */
    .nav-link {
        min-height: 48px;
        display: flex;
        align-items: center;
    }
    
    .footer-desc a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* Print optimizasyonu */
@media print {
    .navbar,
    .footer,
    .scroll-progress,
    .cookie-banner {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        color: #000;
    }
    
    .section-title {
        page-break-after: avoid;
    }
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .scroll-reveal,
    .scroll-reveal-left,
    .scroll-reveal-right,
    .scroll-reveal-scale {
        opacity: 1;
        transform: none;
    }
}

/* Dark mode support (opsiyonel) */
@media (prefers-color-scheme: dark) {
    /* Dark mode stilleri buraya eklenebilir */
}

/* ========================================
   ÜRÜN GRID STYLES - MODERN (4x2 Layout)
======================================== */

/* Grid boşluk ayarları - Bootstrap gutter sistemi kullanıyoruz */
/* .g-5 class'ı Bootstrap'te 3rem (48px) gutter veriyor - daha ferah */

/* Tüm kartı tıklanabilir link yap */
.product-card-grid-link {
    text-decoration: none;
    display: block;
    color: inherit;
    transition: all var(--transition-base);
}
.product-card-grid-link.disabled-link {pointer-events: none;}

.product-card-grid {
    background: var(--white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-slow);
    border: 1px solid var(--gray-100);
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.product-card-grid:hover {
    box-shadow: var(--shadow-2xl);
    transform: translateY(-8px);
    border-color: var(--primary-light);
}

.product-image-container-grid {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: var(--gray-100);
}

@media (max-width: 991.98px) {
    .product-image-container-grid {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: var(--gray-100);
    }

    .product-image-grid {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform var(--transition-slower);
    }
}

.product-image-grid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slower);
}
.product-card-grid:hover .product-image-grid {
    transform: scale(1.1);
}
/* Kategori Badge - Sağ Alt Köşe */
.product-category-badge {
    position: absolute;
    bottom: 7px;
    right: 10px;
    background: #ef8120;
    backdrop-filter: blur(10px);
    color: var(--white);
    padding: 4px 14px;
    border-radius: var(--radius-full);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: var(--shadow-lg);
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all var(--transition-base);
    z-index: 10;
    text-transform: uppercase;
}

.product-card-grid:hover .product-category-badge {
    background: var(--gradient-accent);
    border-color: var(--accent-orange);
    transform: translateY(-5px) scale(1.05);
    box-shadow: var(--shadow-xl);
}
/* Responsive category badge */
@media (max-width: 767px) {
    .product-category-badge {
        font-size: 10px;
        padding: 6px 12px;
        bottom: 10px;
        right: 10px;
    }
}
@media (max-width: 991.98px) {
    .product-category-badge {
        display: none !important;
    }
}
.product-image-placeholder-grid {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
}
.product-image-placeholder-grid i {
    font-size: 60px;
    color: var(--gray-400);
}

.product-content-grid {
    padding: 0px 25px 0px 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-actions-grid {
    padding: 0 25px 25px 25px;
    display: flex;
    justify-content: center;
}

.product-btn-primary,
.product-btn-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    padding: 12px 24px;
    border-radius: var(--radius-lg);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    text-transform: none;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
    border: none;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .product-actions-grid {
        padding: 0 10px 10px 10px;
    }

    .product-btn-primary,
    .product-btn-disabled {
        font-size: 12px;
    }
}

.product-btn-primary {
    background: var(--gradient-accent);
    color: var(--white);
}

.product-btn-primary:hover,
.product-btn-primary:focus {
    background: var(--accent-orange);
    color: var(--white);
    box-shadow: var(--shadow-xl);
    transform: translateY(-2px);
}

.product-btn-primary:active {
    transform: translateY(0);
}

.product-btn-disabled {
    background: var(--gray-200);
    color: var(--gray-600);
    cursor: not-allowed;
    opacity: 0.85;
    box-shadow: none;
    pointer-events: none;
}

.product-status-badge {
    position: absolute;
    top: 16px;
    left: 18px;
    padding: 6px 14px;
    background: rgba(7, 32, 66, 0.85);
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 12;
}

.product-card-disabled {
    opacity: 0.9;
}

.product-title-grid {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1.4;
    text-align: center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color var(--transition-base);
}

.product-card-grid:hover .product-title-grid {
    color: var(--accent-orange);
}

.product-description-grid {
    display: none;
}

/* Grid Layout Fix - Her satırda 4 kart */
.row-cols-lg-4 > .col {
    flex: 0 0 auto;
    width: 25%;
}

/* Responsive Grid */
@media (max-width: 991px) {
    .row-cols-md-2 > .col {
        width: 50%;
    }
    
    .product-title-grid {
        font-size: 16px;
        min-height: 50px;
    }
    
    .product-description-grid {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 767px) {
    .product-content-grid {
        padding: var(--space-lg);
    }
    
    .product-title-grid {
        font-size: 15px;
        min-height: 50px;
    }
    
    .btn-product-detail-grid {
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    .product-image-grid {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform var(--transition-slower);
    }
}

/* ========================================
   ÜRÜN CAROUSEL STYLES - MODERN (Eski - artık kullanılmıyor)
======================================== */
#product-carousel {
    padding: var(--space-2xl) 0;
    position: relative;
}

#product-carousel .product-item {
    background: var(--white);
    border-radius: var(--radius-xl);
    padding: var(--space-2xl);
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-slow);
    margin: 15px;
    border: 1px solid var(--gray-100);
    position: relative;
    overflow: hidden;
}

/* Modern hover effect with gradient overlay */
#product-carousel .product-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gradient-primary);
    opacity: 0;
    transition: opacity var(--transition-slow);
    z-index: 1;
    border-radius: var(--radius-xl);
}

#product-carousel .product-item:hover {
    box-shadow: var(--shadow-2xl);
    transform: translateY(-8px) scale(1.02);
    border-color: var(--primary-light);
}

#product-carousel .product-item:hover::before {
    opacity: 0.03;
}

#product-carousel .product-image-container {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--gray-100);
    box-shadow: var(--shadow-inner);
    z-index: 2;
}

/* Gradient overlay on image */
#product-carousel .product-image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(7, 32, 66, 0.3), transparent);
    opacity: 0;
    transition: opacity var(--transition-base);
}

#product-carousel .product-item:hover .product-image-container::after {
    opacity: 1;
}

#product-carousel .product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slower);
    filter: brightness(1);
}

#product-carousel .product-item:hover .product-image {
    transform: scale(1.1) rotate(1deg);
    filter: brightness(1.05);
}

#product-carousel .product-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#product-carousel .product-image-placeholder i {
    font-size: 80px;
    color: #cbd5e0;
}

#product-carousel .product-content {
    padding: var(--space-lg) 0;
    position: relative;
    z-index: 2;
}

#product-carousel .product-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: var(--space-md);
    line-height: 1.3;
    transition: color var(--transition-base);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#product-carousel .product-item:hover .product-title {
    color: var(--primary-light);
}

#product-carousel .product-description {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: var(--space-xl);
    min-height: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#product-carousel .btn-product-detail {
    background: var(--gradient-primary);
    border: 2px solid transparent;
    color: var(--white);
    font-weight: 600;
    padding: 13px 32px;
    border-radius: var(--radius-full);
    transition: all var(--transition-base);
    box-shadow: var(--shadow-lg);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: 14px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
/* Animated gradient on hover */
#product-carousel .btn-product-detail::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gradient-primary-reverse);
    transition: left var(--transition-slow);
    z-index: -1;
}

#product-carousel .btn-product-detail:hover::before {
    left: 0;
}
#product-carousel .btn-product-detail:hover {
    color: var(--white);
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--shadow-xl);
    border-color: var(--accent-orange);
    text-decoration: none;
}
#product-carousel .btn-product-detail:active {
    transform: translateY(-1px) scale(1.02);
}
/* Owl Carousel Navigation */
#product-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
#product-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    background: white !important;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    pointer-events: all;
    color: #072042 !important;
    font-size: 20px !important;
}

#product-carousel .owl-nav button:hover {
    background: #072042 !important;
    color: white !important;
    transform: scale(1.1);
}

#product-carousel .owl-nav button.owl-prev {
    margin-left: -25px;
}

#product-carousel .owl-nav button.owl-next {
    margin-right: -25px;
}
/* Owl Carousel Dots */
#product-carousel .owl-dots {
    text-align: center;
    margin-top: 30px;
}

#product-carousel .owl-dot {
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    transition: all 0.3s ease;
}

#product-carousel .owl-dot.active {
    background: #072042;
    width: 30px;
    border-radius: 6px;
}
/* Section Title - Modern */
.section-title {
    font-size: 38px;
    font-weight: 800;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: var(--space-md);
    position: relative;
    display: inline-block;
    width: 100%;
    letter-spacing: -0.5px;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Modern underline accent */
.section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: var(--gradient-accent);
    border-radius: var(--radius-full);
}

.section-subtitle {
    font-size: 17px;
    color: var(--text-secondary);
    text-align: center;
    margin-bottom: var(--space-3xl);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 767px) {
    #product-carousel .product-item {
        padding: 20px;
    }
    
    #product-carousel .product-image-container {
        height: 250px;
        margin-bottom: 20px;
    }
    
    #product-carousel .product-title {
        font-size: 20px;
    }
    
    #product-carousel .product-description {
        font-size: 14px;
        min-height: auto;
    }
    
    #product-carousel .owl-nav button {
        width: 40px;
        height: 40px;
        font-size: 16px !important;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .section-subtitle {
        font-size: 14px;
    }
}

/* ========================================================================
   HOME PAGE STYLES - Spacing
   ======================================================================== */

.trust-signals-section {
    margin-top: 80px;
}

/* Latest Blogs Section */
.latest-blogs-section {
    padding: 80px 0;
    background: #f8f9fa;
}

.blog-section-title {
    color: #1a1a1a;
}

.blog-section-subtitle {
    color: #666;
}

.blog-cards-row {
    margin-top: 40px;
}

/* Blog Card Styles */
.blog-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(7, 32, 66, 0.15);
}

.blog-image-wrapper {
    position: relative;
    width: 100%;
    
    overflow: hidden;
    background: var(--gray-100);
}

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

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

.blog-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5f7fa, #e9ecef);
}

.blog-image-placeholder i {
    font-size: 60px;
    color: #adb5bd;
}

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

.blog-title {
    font-size: 18px;
    font-weight: 700;
    color: #072042;
    margin-bottom: 12px;
    line-height: 1.4;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card:hover .blog-title {
    color: #ef8120;
}

.blog-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.blog-meta-item {
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-meta-item i {
    color: #072042;
    font-size: 11px;
}

.blog-excerpt {
    font-size: 14px;
    color: #636e72;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #072042;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.blog-read-more:hover {
    background: #0a2a5a;
    color: #fff;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(7, 32, 66, 0.3);
}

.blog-read-more i {
    transition: transform 0.3s ease;
}

.blog-read-more:hover i {
    transform: translateX(3px);
}

/* Blog Pagination */
.blog-pagination {
    gap: 8px;
}
.blog-pagination .page-item .page-link {
    color: #072042;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.blog-pagination .page-item.active .page-link {
    background: #072042;
    border-color: #072042;
    color: #fff;
}

.blog-pagination .page-item:not(.active) .page-link:hover {
    background: #f8f9fa;
    border-color: #072042;
    color: #072042;
}
.blog-pagination .page-item.disabled .page-link {
    color: #adb5bd;
    border-color: #e9ecef;
}
/* Responsive Blog Cards */
@media (max-width: 991px) {
    .blog-image-wrapper {
        height: 200px;
    }
    
    .blog-title {
        font-size: 17px;
        min-height: 48px;
    }
    
    .blog-content {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .blog-image-wrapper {
        height: 180px;
    }
    
    .blog-title {
        font-size: 16px;
        min-height: 45px;
    }
    
    .blog-content {
        padding: 18px;
    }
    
    .blog-read-more {
        width: 100%;
        justify-content: center;
    }
}

.no-blogs-message {
    text-align: center;
    color: #666;
    padding: 60px 40px;
    background: #f8f9fa;
    border-radius: 15px;
}

.no-blogs-message i {
    font-size: 64px;
    color: #adb5bd;
    margin-bottom: 20px;
}

.no-blogs-message p {
    font-size: 18px;
    color: #6c757d;
    margin: 0;
}
/* Ana Sayfa Blog Section Card Styles */
.blog-card-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
}

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

.blog-card:hover .blog-card-image img {
    transform: scale(1.1);
}
.blog-card-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #072042;
    margin-bottom: 20px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-card-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #072042;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.blog-card-button:hover {
    background: #0a2d5a;
    color: #fff;
    gap: 12px;
}

.blog-card-button i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.blog-card-button:hover i {
    transform: translateX(3px);
}

@media (max-width: 768px) {
    .latest-blogs-section {
        padding: 50px 0;
    }
    
    .blog-card-image {
        height: 200px;
    }
    
    .blog-card-title {
        font-size: 16px;
    }
}

/* ========================================================================
   PRODUCT PAGE STYLES - Modern Design
   ======================================================================== */

/* Animated Banner */
.animated-banner {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #072042 0%, #0a2d5a 50%, #072042 100%);
    background-size: 200% 200%;
    animation: gradientMove 8s ease infinite;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(7, 32, 66, 0.2);
    margin-bottom: 20px;
}

.animated-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    animation: rotate 15s linear infinite;
}

.animated-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: shimmer 3s ease-in-out infinite;
}

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

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes shimmer {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

/* Product Detail Section */
.product-detail-section {
    margin-top: 40px;
    margin-bottom: 60px;
}

.product-image-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

.product-image-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.product-info-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    height: 100%;
}

.product-title {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    line-height: 1.3;
}

.product-description {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.product-description::-webkit-scrollbar {
    width: 6px;
}

.product-description::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.variant-section {
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
}

.variant-title {
    color: #1a1a1a;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.apply-button {
    display: block;
    width: 100%;
    padding: 20px;
    background: #072042;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(7, 32, 66, 0.3);
    text-decoration: none;
}

.apply-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(7, 32, 66, 0.5);
    background: #0a2d5a;
    color: #fff;
}

.apply-button i {
    margin-right: 8px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .animated-banner {
        height: 120px;
    }
    
    .product-title {
        font-size: 24px;
    }
    
    .product-info-wrapper {
        padding: 25px;
        margin-top: 20px;
    }
    
    .product-image-wrapper {
        padding: 20px;
        min-height: 300px;
    }
}
/* --------------------------------------------------------
  |  Author :  RGB Creative Agency
----------------------------------------------------------- */
/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-weight: 300;
    font-size: 14px;
    color: #636e72;
    background: #fff;
}
*:focus {
    outline: 0;
}

a {
    text-decoration: none !important;
}
/*--------------------------------------------------------------
# SIDEBAR STYLES
--------------------------------------------------------------*/
.sidebar-search-input {
    width: 100%;
    height: 35px;
    font-size: 13px;
    color: red;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 3px;
}
.sidebar-search-btn {
    position: absolute;
    border: hidden;
    background: #ed1c24;
    color: #fff;
    height: 35px;
    width: 40px;
    margin-left: -40px;
    border-radius: 0px 6px 5px 0px;
}

.price-filter-btn {
    width: 100%;
    margin-top: 15px;
    background-color: #28a745;
    border-color: #28a745;
}

.category-link {
    color: #636e72;
    text-decoration: none;
    display: block;
    margin: 5px 0;
}

.category-link.active {
    background-color: #17a2b8;
    color: white !important;
    padding: 5px 10px;
    border-radius: 5px;
}

.mark-checkbox {
    margin: 5px 0;
}

.mark-checkbox input[type="checkbox"] {
    margin-right: 8px;
}

.mark-checkbox label {
    cursor: pointer;
    font-size: 14px;
}
/*--------------------------------------------------------------
# MINIMAL PAGINATION STYLES
--------------------------------------------------------------*/
/* jplist pagination - minimal tasarım */
.jplist-pagination {display: flex;flex-direction: column;align-items: center;gap: 10px;margin-top: 20px;}
.jplist-pagination .jplist-label {color: #6c757d;font-size: 13px;margin-bottom: 5px;}
.jplist-pagination .jplist-pagingprev,
.jplist-pagination .jplist-pagingmid,
.jplist-pagination .jplist-pagingnext {display: flex;gap: 3px;}
/* Tüm pagination butonlarını tek satırda göster */
.jplist-pagination .jplist-pagingprev,
.jplist-pagination .jplist-pagingmid,
.jplist-pagination .jplist-pagingnext {display: inline-flex !important;}
/* Pagination container'ı tek satır yap */
.jplist-pagination > div {display: flex !important;align-items: center;gap: 3px;flex-wrap: nowrap !important;}
/* Ana pagination container'ı da yatay yap */
.jplist-pagination {display: flex !important;flex-direction: row !important;align-items: center;justify-content: center;gap: 10px;margin-top: 20px;}
/* Label'ı da yanına al */
.jplist-pagination .jplist-label {color: #6c757d;font-size: 13px;margin-bottom: 0;margin-right: 10px;}
.jplist-pagination button {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;font-size: 13px;font-weight: 400;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;border-radius: 4px;transition: all 0.2s ease;cursor: pointer;text-decoration: none;}
.jplist-pagination button:hover {color: #495057;background-color: #f8f9fa;border-color: #adb5bd;}
.jplist-pagination button.jplist-current {color: #fff;background-color: #0d6efd;border-color: #0d6efd;font-weight: 500;}
.jplist-pagination button.jplist-disabled {color: #adb5bd;background-color: #f8f9fa;border-color: #e9ecef;cursor: not-allowed;opacity: 0.6;}
.jplist-pagination .jplist-pagingprev button,
.jplist-pagination .jplist-pagingnext button {font-size: 14px;font-weight: 500;}
/* Responsive */
@media (max-width: 576px) {
    .jplist-pagination button {width: 28px;height: 28px;font-size: 12px;}
    .jplist-pagination .jplist-pagingprev,
    .jplist-pagination .jplist-pagingmid,
    .jplist-pagination .jplist-pagingnext {gap: 2px;}
}
/*--------------------------------------------------------------
# PRODUCTS PER PAGE DROPDOWN STYLES
--------------------------------------------------------------*/
/* Sayfa başına ürün dropdown stilleri */
.dropdown .btn-outline-secondary {border: none !important;color: #888 !important;background: none !important;padding: 5px 10px !important;font-size: 14px;box-shadow: none !important;}
.dropdown .btn-outline-secondary:hover,
.dropdown .btn-outline-secondary:focus {color: #495057 !important;background: none !important;border: none !important;box-shadow: none !important;}
.dropdown .btn-outline-secondary::after {margin-left: 5px;}
.dropdown-menu {border: 1px solid #dee2e6;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);min-width: 180px;}
.dropdown-item {padding: 8px 15px;font-size: 14px;color: #495057;border-bottom: 1px solid #f8f9fa;}
.dropdown-item:hover {background-color: #f8f9fa;color: #212529;}
.dropdown-item:last-child {border-bottom: none;}
/* Responsive dropdown */
@media (max-width: 768px) {
    .d-flex.justify-content-end {flex-direction: column;gap: 10px !important;}
    .dropdown .btn-outline-secondary {font-size: 13px;padding: 4px 8px !important;}
    .dropdown-menu {min-width: 160px;}
}

/*--------------------------------------------------------------
# PRICE RANGE SLIDER STYLES
--------------------------------------------------------------*/
::selection {color: #fff;background: #17a2b8;}
.range-rw {border-radius: 10px;padding: 20px 25px 40px;border: 1px solid #f5f5f5;padding: 20px;}
.price-input {width: 100%;display: flex;margin: 30px 0 35px;}
.price-input .field {display: flex;font-size:12px;width: 100%;height: 45px;align-items: center;}
.field input {width: 100%;height: 100%;outline: none;font-size: 16px;margin-left: 12px;border-radius: 5px;text-align: center;border: 1px solid #999;-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.price-input .separator {width: 130px;display: flex;font-size: 19px;align-items: center;justify-content: center;}
.slider {height: 5px;position: relative;background: #ddd;border-radius: 5px;}
.slider .progress {height: 100%;left: 25%;right: 25%;position: absolute;border-radius: 5px;background: #17a2b8;}
.range-input {position: relative;}
.range-input input {position: absolute;width: 100%;height: 5px;top: -5px;background: none;pointer-events: none;-webkit-appearance: none;-moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {height: 17px;width: 17px;border-radius: 50%;background: #17a2b8;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
input[type="range"]::-moz-range-thumb {height: 17px;width: 17px;border: none;border-radius: 50%;background: #17a2b8;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.rw {width:94%;margin-left:3%;margin-right:3%;padding-left:0px;padding-right:0px;}
.rw-r {text-align-last: right;}
.rw-l {text-align-last: left;}
.rw-c {text-align-last: center;}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.header { position: relative;left: 0;top: 0;width: 100%;background: #fff;margin-bottom:1px;}
@media only screen and (max-width: 767px) {
    .logo {width:135px;}
    .head-social{display:inline-block;vertical-align: middle; padding: 0 2px; color:#072042;transition:0.5s;}
}
@media only screen and (min-width: 767px) {
    .logo {width:225px}
    .head-social{    display: inline-block;margin-right: 4px;vertical-align: middle;padding: 0 2px;color: #fff;transition: 0.5s;background: #072042;width: 24px;height: 24px;text-align-last: center;border-radius: 50%;padding-top: 3px;font-size: 13px;}
}

/*--------------------------------------------------------------
# TOP HEADER
--------------------------------------------------------------*/
.head-social:hover {color:#000;transition:0.5s;}
.head-social:last-child {margin-right: 0;}
.contact-head {font-size:12px;color:rgba(0, 0, 0, 0.6);margin-right:40px;transition:0.5s;}
.contact-head:hover {color:#1c486f;transition:0.5s;}
.contact-call {font-size:12px;color:rgba(0, 0, 0, 0.6);}
.search-head-btn {position: absolute;background: transparent;border: hidden;right: 5%;top: 28%;color: #1c486f;font-size: 18px;}
.head-icn{font-size:13px;color:#1c486f;margin-right: 20px;transition:0.5s;position:relative;display:inline-block;}
.head-icn:hover {color:#ef8120;transition:0.5s;}
/* Badge count styles */
.badge-count {position: absolute;top: -8px;right: -8px;background: rgba(237, 28, 36, 0.8);color: white;border-radius: 50%;width: 18px;height: 18px;font-size: 10px;font-weight: bold;display: flex;align-items: center;justify-content: center;line-height: 1;min-width: 18px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.lang-btn {border: hidden;background: transparent;color: #1c486f;font-size: 12px;font-weight:300;transition:0.5s;}
.lang-btn:hover {color:#ef8120;transition:0.5s;}
.lang-img {width: 23px;margin-right: 5px;border-radius: 2px;}
.lang-img2 {width: 30px;margin-right: 10px;border-radius: 50%;border: 1px solid #fff;padding: 1.5px;opacity:1;transition:0.5s;}
.lang-img2:hover {opacity:0.9;transition:0.5s;}
.lang-btn2 {position: absolute;z-index: 1;top: 2.5%;right: 19%;}
.search-container {display:inline-flex;border-right:solid 1px #e7edf2;margin-right:15px;}
.head-cat{font-size:12px;font-weight:500;color:rgba(0, 0, 0, 0.6);transition:0.3s;}
.head-cat-img {border:1px solid rgba(0, 0, 0, 0.2);width: 38px !important;border-radius: 7px;padding:2px;background:rgba(0, 0, 0, 0.04);transition:0.3s;}

/* Kategori ikonları hover efekti */
.owl-carousel .col-lg-12 a:hover .head-cat {color: #1c486f;font-weight: 600;}
.owl-carousel .col-lg-12 a:hover .head-cat-img {border-color: #1c486f;background: rgba(28, 72, 111, 0.1);transform: scale(1.05);}

/*--------------------------------------------------------------
# HOME SLIDER
--------------------------------------------------------------*/
.carousel-item:after { left: 0; top: 0; width: 100%; height: 100%; }
.fill { width: 100%;  background-position: center;  -webkit-background-size: cover;  -moz-background-size: cover;  background-size: cover;  -o-background-size: cover;  overflow:hidden;}
.slider-detail { position:absolute;color:#fff;top:54%;left:15%;right:20%;width:60%;font-size:16px;font-weight:400;}
.carousel-control-left {position:absolute;bottom:41%;text-decoration:none;left:6%;}
.carousel-control-right {position:absolute;bottom:41%;right:6%;text-decoration:none;}

@media only screen and (max-width: 767px) {
    .fill{height:170px;border-radius:10px;}
    .slider-detail {display:none;}
    .carousel-caption {position:absolute;text-align:left;line-height:17px;font-size:15px;font-weight:500;color:#fff;top: 18%;width:55%;left:7%;}
    .carousel-indicators {bottom:-18px;}
    .carousel-indicators li {width:10px;height:10px;}
    .toplk {position: absolute;top: -3%;font-size: 10px;border:1px solid #636e72;background: #fff;display: inline-block;text-align-last: center;padding: 4px 5px;border-radius: 50%;line-height: 5px;right: 1%;color: #636e72;}
}

@media only screen and (min-width: 767px) {
    .fill{height:550px;}
    .carousel-caption {font-size:35px;font-weight:600;color:#fff;top:41%;text-align:left;width:45%;letter-spacing: 1px;}
    .toplk {position: absolute;top: -3%;font-size: 10px;border:1px solid #636e72;background: #fff;display: inline-block;text-align-last: center;padding: 4px 5px;border-radius: 50%;line-height: 5px;right: 1%;color: #636e72;}
}

/*--------------------------------------------------------------
# E-TICARET-SEKMESI HOME
--------------------------------------------------------------*/
.etic-rw {margin:35px 0;background-color:#1b2939;box-shadow:8px 8px 20px rgb(0 0 0 / 60%);padding:35px;border-radius:7px;}
.eticbtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:solid 1px #fff;}
.eticbtn:hover  {text-decoration:none;background-color:#55acee;color:#636e72;padding:5px 20px; border-radius:5px;}
.sepete-ekle {display: block;background: #ed1c24;color: #fff;text-align: center;padding: 10px 15px;border-radius: 10px;font-size: 15px;font-weight: 500;transition:0.5s;}
.sepete-ekle:hover {background:#072042;transition:0.5s;}
.urun-detay-isim {color: #1c486f;font-size: 20px;font-weight: 500;}
.web-cst { padding: 0;background-color: #e8f6f6;border-radius: 10px;margin-bottom:20px;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0, rgba(0, 0, 0, 0.06) 0 1px 2px 0;transition: 0.2s;}
.web-cst:hover { transform: scale(1.02);}
.web-cat {display: inline-block;font-size: 10px;font-weight:600;background: #e1ebfb;color: #0162ff;padding: 5px 15px;border-radius: 3px;margin-bottom: 5px;}
.center { display: block; margin-left: auto; margin-right: auto; width: 50%;}
.btn1:hover {background-color:#fff;text-decoration:none;color:#072042;transition:0.5s;}
.btn2:hover {background-color:#072042;text-decoration:none; color:#fff;transition:0.5s;}
.btn3 {text-decoration:none; text-align:center;font-size:14px;font-weight:600;color:#072042;padding:6px;border-radius:15px;border:1px solid #072042;}
.btn3:hover {background-color:#f5f5f5;text-decoration:none;}
.btn4 {text-decoration:none;width:45%;text-align:center;font-size:12px;font-weight:500;background-color:#fff;color:#55acee;padding:5px 13px;border-radius:3px;}
.btn4:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn5 {text-decoration:none; text-align:center;font-size:12px;font-weight:500;background-color:#55acee;color:#fff;padding:5px 13px;border-radius:3px;}
.btn5:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn6 {text-decoration:none;width:45%;text-align:center;font-size:11px;font-weight:500;background-color:#fff;color:#55acee;padding:3px 10px;border-radius:3px;}
.btn6:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btn7 {text-decoration:none; text-align:center;font-size:11px;font-weight:500;background-color:#55acee;color:#fff;padding:3px 10px;border-radius:3px;margin-right:3px;}
.btn7:hover {background-color:#fe5b5f;text-decoration:none; color:#fff;}
.btnfull {text-align:center;text-decoration:none; background-color:#072042;color:#fff;border:solid 1px #fff;padding:7px 20px;border-radius:5px;}
.btnfull:hover {background-color:#fff;text-decoration:none; color:#072042;border:solid 1px #072042;}
.btnfooter {font-size:12px;background-color:#fe5b5f;color:#fff !important;padding:7px 15px; border-radius:15px;}
.btnfooter:hover {color:#636e72 !important; background-color:#fff;text-decoration:none;}
.share-btn {color: white;padding: 1px 6px;font-size: 14px;border: none !important;background:transparent;}
.share-btns {position: relative;display: inline-block;}
.share-btns-content {display: none;position: absolute;background-color: #fff;border-radius:5px;min-width: 46px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);z-index: 1;}
.share-btns-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.share-btns-content a:hover {background-color: #ddd;}
.share-btns:hover .share-btns-content {display: block;}
.share-btns:hover .share-btn2 {background-color: #3e8e41;}
.blog-sidebar {background: #f1f5fb; border-radius: 8px;padding:15px 5px;margin-left:0;margin-right:0;margin-bottom:15px;padding-right:0;}
.blog-sidebar:hover {background:#e8f2ff}

@media only screen and (max-width: 767px) {

    .mobgiz { display:none!important;   }

    .sem-rw {    background: #e8f6f6;border-radius: 15px;}

    .btn1 {position:absolute;top:72%;left:6%;text-decoration:none; background-color:#072042;color:#fff;padding:2px 10px;border-radius:3px;font-size:13px;transition:0.5s;}
    .page-rw {padding:30px 10px 65px 10px;}
    .web-cst-title {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .web-cst-title2 {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .hometitle{ font-size:20px;color: #58585a;font-weight:400;margin-bottom:0;}
    .hometitle2{ font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .shopicon {display:inline-block;color:#818285;font-size:17px;transition:0.5s;border-left:solid 1px #ccc;padding-left:15px;margin-left:20px;}
    .usericon {display:inline-block;color:#818285;margin-left:20px;font-size:13px;transition:0.5s;}
    .usericontext {margin-right:-10px;}
    .src {margin:auto;text-align:right;}
    .storebtn {font-size:12px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
    .bread {margin-left:1% !important;margin-right:1% !important;border-radius:5px;width:98%;margin-bottom:25px;}
    .bread-icon {padding-right:40px;color:#072042;margin-left: -10px;}
    .bread-title {margin-top: -103px;
        font-size: 16px;
        margin-left: 39px;
        font-weight: 800;
        /* line-height: 21px; */
        justify-content: center;
        display: flex;
        align-items: center;}
    .blog-img {width:100%;height:105px;border-radius:7px;}
    .blog-img2 {width: 71px;height: 61px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 75px;left: 35px;}
    .blog-rw2 {border-radius:7px;margin-bottom:45px;}
    .blog-rw3 {margin-bottom:35px;}
    .hometitle-blog{font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .blog-like {text-align-last: right;}
    .blog-top {padding-top:30px;}
    .bubble {width:100%;}
    .bubble2 {width:100%;}
    .frmisim {padding-left:0;padding-right:2px;}
    .frmmail {padding-left:2px;padding-right:0;}
    .frmmesaj {padding-left:0;padding-right:0;}
    .biz-rw2 {background-image: url('/assets/img/hak2.png');padding: 48px 27px;background-size: cover;background-repeat: no-repeat;border-radius: 15px 0 0 15px;margin-bottom:40px;}
    .eg-rw {margin-top:35px;}
}
        @media only screen and (min-width: 767px) {
        .sem-rw {    background: #e8f6f6;border-radius: 15px;}
        .deskgiz { display:none !important;}
        .mobile-container  {display:none; }
        .page-rw {padding:50px 0 65px 0;}
        .btn1 {position:absolute;top:70%;left:15%;text-decoration:none; background-color:#072042;color:#fff;padding:5px 20px;border-radius:15px;transition:0.5s;}
        .web-cst-title {font-size: 15px;font-weight: 600;margin-top: 5px;margin-bottom: 0px;min-height: 35px;display: flex;align-items: center;}
        .web-cst-title2 {font-size:15px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
        .hometitle{font-size: 30px;color: #1c486f;font-weight: 500;}
        .hometitle2{font-size: 22px;color: #1c486f;font-weight: 500;}
        .subtitle {color:#000;margin-bottom: -5px;}
        .shopicon {display: inline-block;text-align: center;color: #fff;font-size: 12px;background: #072042;border-radius: 50%;transition: 0.5s;    width: 25px;height: 24px;padding: 4px 4px;}
        .usericon {display: inline-block;text-align: center;line-height: 24px;color: #fff;background: #072042;border-radius: 15px; /* border: solid 1px #e7edf2; */margin-left: 6px;transition: 0.5s;font-size: 12px;padding: 0px 10px;}
        .usericontext {padding:5px;}
        .src {margin:auto;text-align:right;margin-right: -5px;}
        .storebtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
        .bread {width:100%;margin-top:25px;border-radius:10px;}
        .bread-icon {padding-right:15px;color:#000;}
        .bread-title {margin-top: -155px;font-size: 37px;margin-left: 96px;font-weight: 800;}
        .blog-img {width:100%;height:500px;border-radius:7px;}
        .blog-img2 {width: 100px;height: 100px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 165px;left: 50px;}
        .blog-rw2 {padding:0 20px;border-radius:15px;margin-bottom:70px;}
        .blog-rw3 {padding-top:10px;border-radius:15px;margin-bottom:35px;}
        .hometitle-blog{font-size:25px;color: #072042;font-weight:400;}
        .blog-like {text-align-last: right;}
        .blog-top {padding-top:50px;}
        .bubble {width:85%;}
        .bubble2 {width:85%;}
            .biz-rw {margin-top:-100px;}
            .biz-rw2 {background-image: url('/assets/img/hak2.png');padding: 75px 60px;background-size: contain;background-repeat: no-repeat;margin-right: -17px;border-radius: 15px 0 0 15px;}
            .eg-rw {margin-top:75px;}
        }
.web-cst-subtitle {font-size:12px;}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-icon {color: #55acee;font-size: 25px;background: #eee;padding: 11px 13px;border-radius: 7px; /* border: 1px px solid #ccc; */box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;}
.comment-ad {font-weight:600;margin-right:20px;}
.bubble {box-sizing: border-box;position: relative;background: #f5f5f5;border-radius: 15px;padding: 15px 30px;margin: 0 5px 20px 5px;}
.bubble-left:after {content: '';position: absolute;width: 0;height: 0;top: 5px;left: -40px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid transparent;border-right: 40px solid #f5f5f5;}
.bubble2 {box-sizing: border-box;position: relative;background: #f5f5f5;border-radius: 15px;padding: 20px 10px;margin: 0 5px;margin-top:20px;}

.formf  {width: 100%;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 4px;margin-bottom: 10px;resize: vertical;}
.formm  {width: 100%;padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 4px;margin-bottom: 10px;resize: vertical;}
.forms {background-color: #fe5b5f;color: white;padding: 6px 30px;margin-top:10px;border: none;border-radius: 4px;cursor: pointer;}
.forms:hover {background-color: #55acee;}
.frmcont {border-radius: 5px;background-color: #f2f2f2;padding: 20px;margin-top:25px;}
.open-button1 {font-size:15px; color:#58585a;font-weight:600;outline:none;border:hidden;background:transparent;margin-top:10px;}
.form-popup1 {display: none;z-index: 9;}
.form-container1 {max-width: 300px;padding: 10px;background-color: white;}
.form-container1 input[type=text], .form-container1 input[type=password] {font-size:13px;width: 100%;padding: 10px;margin: 5px 0 3px 0;border: none;background: #f1f1f1;}
.form-container1 input[type=text]:focus, .form-container1 input[type=password]:focus {background-color: #ddd;outline: none;}
.form-container1 .btn {background-color: #c84984;color: white;padding: 10px 20px;border: none;cursor: pointer;width: 100%;margin-bottom:10px;border-radius:5px;outline: none;}
.form-container1 .cancel {background-color: #ca1b6c;border-radius:5px;}
.form-container1 .btn:hover, .open-button1:hover {font-weight:700;outline:none;}
/*--------------------------------------------------------------
# Owl Carousel Navigation
--------------------------------------------------------------*/
.owl-nav button { position: absolute; top:31%; width: 38px; height: 38px;}
.owl-nav button>i { font-size: 20px; font-weight: 800;}
.owl-nav button:hover { opacity: .9;}
.owl-prev { left: 0;}
.owl-next { right: 0; }
#owl-carousel2 .owl-nav button { position: absolute; top:40%; width: 38px; height: 38px; border-radius: 50% !important; background: #243746 !important;; box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
#owl-carousel2 .owl-nav button>i { font-size: 20px; font-weight: 800;}
#owl-carousel2 .owl-nav button:hover { opacity: .9;}
#owl-carousel2 .owl-prev { left: 1px;}
#owl-carousel2 .owl-next { right: 1px; }
.customNextBtn{ width: 40px; height: 40px;}
.customPrevBtn{ width: 40px; height: 40px;}
/*--------------------------------------------------------------
# Home Blog
--------------------------------------------------------------*/
.blog-rw {border:solid 1px #f5f5f5;border-radius:7px;width:95%;box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);margin-bottom:30px;padding:0 0 25px 0;}
.blog-title {color:#868684;font-size:16px;font-weight:600;padding-top:20px;text-decoration:none;}
.blog-title:hover {color:#868684;text-decoration:none;}
.blog-desc {font-size:14px;font-weight:400;width:90%;}
.blog-btn {padding: 4px 20px; text-align: center; font-size: 12px; font-weight:400;color: #fff; border-radius:7px 0 7px 0; background-color:#868684;position: absolute;right: 0;}
.blog-btn:hover {background-color:#fff;border:solid 1px #868684;text-decoration:none; color:#868684;}
.blog-image {width:100%;border-radius:7px 7px 0 0 ;height:125px;}
.blog-image:hover {opacity:0.7;}
.blog-cat-image {width:45px;border-radius:5px;position: absolute;top: 48px;left: 20px;border: solid 2px #fff;}
.blog-cat-image2 {width:45px;border-radius:5px;position: absolute;top: 0;left: 20px;border: solid 2px #fff;}
.blog-icon {border: solid 1px #b2bec3;border-radius: 7px;padding: 7px;color: #b2bec3;transition: 0.5s;}
.blog-icon:hover {border: solid 1px #b2bec3;border-radius: 7px;padding: 7px;color: red;background:#f5f5f5;transition: 0.5s;}

@media only screen and (max-width: 767px) {
  #owl-carousel1 .owl-prev { top:110%;left: 137px;}
  #owl-carousel1 .owl-next { top:110%; right: 140px; }

  .navbar {margin-left:1%;margin-right:1%;margin-bottom:5px;padding:3px 0 0 0;}
  .carousel {margin-left: 1%;margin-right:1%;}
  .story {width:65px;height:65px;border-radius:50%;}
  .story-a {position:absolute; top:170%; color:#fff; background:#ac2d64; padding:5px 8px; font-size:10px; font-weight:600; left:12%; border-radius:5px;border:solid 1px #fff;}
  .story-pr {position:absolute;top:103%; left:16%; padding:5px 5px; border-radius:5px; font-size:8px;font-weight:500;text-align:center;}
  .kurumsal{position:absolute;top:135px;margin-left:5%;color:#fff;font-size:14px;font-weight:500;}
  .bag-title{color:#fff;font-size:15px;text-align:left;margin-left:5px;font-weight:500;padding-top:10px;}
  .bag-btn{text-align:left;margin-left:5px;}
  .btn3{padding: 0.3em 1.5em; text-align: center; font-size: 12px; color: #fff; border-radius:4px; background-color:#072042;}
  .btn2{text-decoration:none; color:#072042;padding:5px 8px;font-size:12px;border-radius: 15px;border: 1px solid #072042;transition:0.5s;}
  .navbar-collapse {border-radius:7px;background:#f5f5f5;margin-top:10px;}
  .mobilp{text-align:justify}
  .rw-top {margin-top:30px;}
  .hak-img {width:96%;margin-left:2%;border-radius:15px;}
}
  @media only screen and (min-width: 767px) {
  #owl-carousel1 .owl-prev { left: -3%;top:40%;}
  #owl-carousel1 .owl-next { right:-3%;top:40%;}
  .navbar {width: 100%;z-index: 1;}
  .kurumsal{position:absolute;top:220px;margin-left:5%;color:#fff;font-size:20px;font-weight:500;}
  .btn3 {text-decoration:none; text-align:center;font-size:14px;font-weight:600;color:#072042;padding:6px;border-radius:15px;border:1px solid #072042;padding:5px 20px;}
  .btn2{text-decoration:none; color:#072042;padding:5px 20px;border-radius:4px; border-radius: 15px;border: 1px solid #072042;font-size: 13px;transition:0.5s;}
  .rw-top {margin-top:50px;}
  .hak-img {width:100%;border-radius: 0 15px 15px 0;}
  }
.dropcaps{float: left;width: 45px;font-size: 20px;line-height: 55%;background-color:#ff8e32;color:#fff;padding:15px;margin-right:5px;font-weight:500;border-radius:2px;margin-top:5px;}
.bag-pr{color:rgba(255, 255, 255, 0.7);text-align:left;font-style: italic;margin-left:50px;margin-right:50px;}
.prod-cat-pic {width:90% !important;margin-left:5%;margin-top:5%;border-radius:7px;}
.prod-cat-title {font-size:15px;font-weight:600;margin-top:0px;}
.prod-cat-price {font-size:18px;font-weight:700;color:#0066b3;margin-bottom:10px;}
.prod-cat-disc-price {font-size:17px;font-weight:500;color:#ed1c24;opacity: 0.5;text-decoration-line: line-through;margin-bottom:0;}
.add-cart {font-size:15px;font-weight:600;color:#ed1c24;}
/* Her zaman görünen arama kutusu */
/* Temiz arama sistemi */
.search-container {position: relative;width: 100%;max-width: 600px;margin: 0 auto;border-right: none;}
.search-input {width: 100%;padding: 15px 25px;font-size: 16px;border: 1px solid #ddd;border-radius: 40px;background: #fff;outline: none;transition: border-color 0.3s ease;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
.search-input:focus {border-color: #1c486f;box-shadow: 0 4px 12px rgba(28, 72, 111, 0.15);}
.search-results {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);max-height: 300px;overflow-y: auto;z-index: 1000;display: none;margin-top: 5px;}
.search-results.show {display: block;}
.search-result-item {display: flex;align-items: center;padding: 12px 20px;border-bottom: 1px solid #f1f1f1;cursor: pointer;transition: background-color 0.2s ease;}
.search-result-item:last-child {border-bottom: none;}
.search-result-item:hover {background-color: #f8f9fa;}
.search-result-item img {width: 40px;height: 40px;object-fit: cover;border-radius: 6px;margin-right: 12px;}
.search-result-item span {color: #333;font-size: 14px;}
.search-result-item a {text-decoration: none;color: inherit;display: flex;align-items: center;width: 100%;}

/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.user-left-rw{position:relative;background: #f1f5fb;border-radius: 8px;padding:30px 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.user-center-rw { box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;border-radius: 8px;padding: 30px;margin-left: 15px;border: 1px solid #f5f5f5;}
.user-avatar {position:inherit;left:25%;width:100px;height:100px;border: 2px solid #fff;background: #f5f5f5;border-radius: 15px;padding: 10px;box-shadow: rgba(0, 0, 0, 0.07) 0 4px 12px;z-index:5;}
.user-name {    font-size: 18px;font-weight: 700;text-align:center;margin-top: 10px;margin-bottom:1px;}
.user-job {    font-size: 16px;font-weight: 400;text-align:center;opacity:0.7;}
.user-bck {width: 100%;position: absolute;left: 0;top: 0;border-radius: 8px 8px 0 0;border-bottom: 2px solid #fff;}
.user-tab{text-decoration:none;background: rgba(255, 255, 255, 0.8);font-size:14px;font-weight:500;padding: 7px 15px;border-radius: 5px;color: #636e72 !important;transition:all 0.3s ease;margin-bottom:8px;cursor: pointer;border: 1px solid transparent;}
.user-tab a{color:#636e72;}
.user-tab:hover{background:rgba(255, 255, 255, 1);padding: 7px 15px 7px 25px;border-radius: 5px;text-decoration:none;transition:all 0.3s ease;transform: translateX(5px);border-color: #6f8b7f;}
/* Aktif menü stili */
.user-tab.active{background: rgba(111, 139, 127, 0.9) !important;color: #fff !important;padding: 7px 15px 7px 25px;border-radius: 5px;box-shadow: 0 2px 8px rgba(111, 139, 127, 0.3);}
.user-tab.active .profile-icon {color: #fff !important;}
/* Timeline stilleri */
.timeline {position: relative;padding: 20px 0;}
.timeline-item {position: relative;padding-left: 30px;margin-bottom: 20px;}
.timeline-marker {position: absolute;left: 0;top: 0;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 0 0 3px #dee2e6;}
.timeline-content {background: #f8f9fa;padding: 15px;border-radius: 8px;border-left: 3px solid #6f8b7f;}
.timeline-title {margin: 0 0 10px 0;font-size: 14px;font-weight: 600;color: #495057;}
.timeline-text {margin: 0 0 10px 0;color: #6c757d;font-size: 13px;}
.profile-link {color: #59ACFE;font-weight: 600;margin-bottom: 3px;transition:0.5s;}
.profile-link a:hover {color:#fe5b5f;transition:0.5s;}
.profile-btn {background: #1c486f;border:1px solid #1c486f;color: #fff;padding: 5px 35px;border-radius: 7px;transition:0.5s;}
.profile-btn:hover {background:#fff;color:#1c486f;transition:0.5s;}
.profile-title {color:#1c486f;font-weight:500;}
.profile-icon {color: #1c486f;padding-right: 7px;}
.order-btn {background: #1c486f;border:1px solid #1c486f;color: #fff;padding: 5px 35px;border-radius: 7px;width: 100%;display: block;text-align: center;font-weight: 500;transition:0.5s;}
.order-btn:hover {background:#fff;color:#1c486f;transition:0.5s;}

.mark-inp {overflow-y: auto;height: 254px;}
.mark-inp::-webkit-scrollbar {width: 12px;}
.mark-inp::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;}
.mark-inp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

.category-inp {overflow-y: auto;height: 320px;}
.category-inp::-webkit-scrollbar {width: 12px;}
.category-inp::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;}
.category-inp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

::placeholder {font-size:12px;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-title a{ font-size:14px;color: #f5f5f5;font-weight:500;}
.footer {margin-top:100px;background: #1c486f; color: #fff; padding: 40px 0 20px 0; }
.footer-desc {font-size: 13px;margin-bottom:8px !important;color: #f5f5f5;transition:0.5s;}
.footer-desc a{font-size: 13px;margin-bottom:8px !important;color: #f5f5f5;transition:0.5s;}
.footer-desc:hover{color:#ef8120; font-weight:500;padding-left:5px;transition:0.5s;}
.footer-desc a:hover{color:#ef8120; font-weight:500;padding-left:5px;transition:0.5s;}

.footer-social {color:#fff; margin-right:15px;transition:0.5s;}
.footer-social:hover {color:#ef8120;transition:0.5s;}
.footer-copyright { text-align: center; font-size:12px;color:#b2bec3;text-decoration:none; }
.footer-copyright a{ text-align: center; font-size:12px;color:#b2bec3;text-decoration:none;transition:0.5s;}
.footer-copyright a:hover {color:#fff;transition:0.5s;}

/*--------------------------------------------------------------
# Product Detail Page Slider
--------------------------------------------------------------*/
.product {width: 100%;/*height: 100vh;*/}
.product__images {width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 1rem;}
.product__slider-wrap {width: 100px;height: 500px;overflow-y: auto;align-items: center;}
.product__slider {display: flex;flex-direction: column;align-items: center;}
.product__image {width: 81px;height: 100px;object-fit: cover;cursor: pointer;opacity: 0.5;margin: 0.25rem;border-radius: 10px;border: 1px solid #bbb;padding: 10px;}
.product__image:hover,
.product__image--active {opacity: 1;}
.product__slider-wrap::-webkit-scrollbar {width: 5px;}
.product__slider-wrap::-webkit-scrollbar-thumb {background-color: #bbb;border-radius: 50px;}
.product__main-wrap {position: relative;width: 403px;height: 500px;display: flex;justify-content: center;align-items: center;}
.product__main-image {width: 403px;height: 500px;object-fit: contain;cursor: pointer;border:1px solid #bbb;border-radius:15px;}
.arrow {position: absolute;outline:none !important;top: 50%;transform: translateY(-50%);background-color: transparent;color: #bbb;border: none;font-size: 30px;cursor: pointer;z-index: 2;}
.arrow--left {left: 10px;}
.arrow--right {right: 10px;}
.popup {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;}
.popup__image {max-width: 90%;max-height: 90%;border: 2px solid white;border-radius: 10px;}
.popup__close {position: absolute;top: 20px;right: 30px;color: white;font-size: 40px;font-weight: bold;cursor: pointer;}
.thumb-arrow {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.6);color: white;border: none;font-size: 18px;cursor: pointer;border-radius: 50%;transition: background 0.3s;position: absolute;left: 50%;transform: translateX(-50%);}
.thumb-arrow--up {top: 5px;}
.thumb-arrow--down {bottom: 5px;}

.vplay {width: 513px;border: 1px solid #bbb;margin-left: 9px;justify-self: center;height: 70px;align-content: center;padding: 0 25px;border-radius: 15px;margin-top: 30px;}
.vicn {color:#c4302b;font-size: 35px;margin-right: 10px;}
.vbtn {color:#636e72;font-size: 15px;font-weight: 600;margin-left:10px;}

.quantity-selector {display: flex;align-items: center;justify-content: center;gap: 10px;background-color: #ed1c24;padding: 5px 20px;border-radius: 10px;width: 150px;}
.quantity-selector button {background-color: transparent;border: none;color: white;font-size: 20px;cursor: pointer;outline: none !important;}
.quantity-selector input {background: #ed1c24;border: none;color: #fff;font-size: 18px;font-weight:500;text-align: center;width: 50px;border-radius: 5px;}

/*--------------------------------------------------------------
# HomePage + - Buttons
--------------------------------------------------------------*/
.qua-cont {position:absolute;top:-39%;right:6%;display: flex;align-items: center;gap: 5px;}
.qua-wrapper {display: flex;align-items: center;background-color: #ed1c24;border-radius: 50px;padding: 5px;transition: all 0.3s ease;overflow: hidden;width: 35px;}
.qua-button {width: 25px;height: 25px;border: none;background-color: #ed1c24;color: white;font-size: 20px;cursor: pointer;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.qua-display {display: none;min-width: 50px;text-align: center;font-size: 14px;font-weight:500;color: white;}
.expanded {width: 120px;}
.expanded .qua-display {display: block;}

.prod-detail-title{color:#1c486f;font-size:30px;font-weight:500;}
.pro-list-rw {position:relative;margin-bottom:25px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:10px;}
.pro-list-heart {position:absolute;top: 3%;right: 6%;width:25px !important;transition:0.5s;}
.pro-list-heart:hover {width:25px !important;transition:0.5s;}
.pro-detail-heart {position:absolute;top: 1%;right: 15%;color: rgba(237, 28, 36, 1);font-size: 21px;margin-right:5px;padding-top:5px;padding-bottom:5px;transition:0.5s;}
.pro-detail-heart:hover {font-size:23px;transition:0.5s;}

/*--------------------------------------------------------------
# WISHLIST ANIMATION STYLES
--------------------------------------------------------------*/
/* Favori kalp animasyonu */
.fa-heart.pulse {
    animation: heartPulse 0.3s ease-in-out;
}

@keyframes heartPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/* Favori buton hover efekti - kaldırıldı */
/* .wishlist-btn:hover .fa-heart {
    transform: scale(1.1);
    transition: transform 0.2s ease;
    transform-origin: center;
} */

/* Favori buton aktif durumu */
.wishlist-btn .fa-solid {
    color: #ed1c24 !important;
}

.wishlist-btn .fa-regular {
    color: #ccc !important;
}

.wishlist-btn .fa-regular:hover {
    color: #ed1c24 !important;
}
.pro-detail-share {position:absolute;top: 1%;right: 5%;color: #1c486f;font-size: 21px;margin-right:5px;border-left: 1px solid #bbb;padding-left: 25px;padding-top: 5px;padding-bottom: 5px;transition:0.5s;}
.pro-detail-share:hover {font-size:23px;transition:0.5s;}
.pro-detail-label {color:#636e72;font-weight:500;}

@media only screen and (min-width: 767px) {
    .pro-detail-rightsolid {border-right: 1px solid #bbb;}
}

@media only screen and (max-width: 767px) {
    .pro-detail-rightsolid {border:none;}
}

.owl-dots {display:flex;justify-content:center;margin-top:10px;margin-bottom:10px; }
.owl-dots .owl-dot { width: 8px; height: 8px; border-radius: 50%; margin: 2px; background-color: #ccc !important;}
.owl-dots .owl-dot.active { background-color: #9d9c9c !important;}

.dropbtn {color: #58585a;padding: 15px;font-size: 16px;border: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;color: #58585a;background-color: #f5f5f5;border-radius:3px;width: 300px;padding:20px 15px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: #58585a;padding: 10px 14px;font-size:14px;font-weight:500;border-radius:3px;background:#fff;text-decoration: none;display: block;width:270px;transition:0.6s;}
.dropdown-content a:hover {background-color: #072042;color:#fff;width:270px;font-weight:600; transition:0.6s;padding-left:22px;}
.dropdown:hover .dropdown-content {display: block;}

.dropdown-lang {z-index:2;display: none;position: absolute;text-align:left;font-size:12px;background-color: #fff;min-width: 170px;padding: 10px 20px;border-radius:5px;animation:0.9s slideup;list-style: none;-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);}
.dropdown-lang a {color: rgba(0, 0, 0, 0.4);font-size:12px;padding: 5px 12px;text-decoration: none;display: block;text-align-last: left;}
.dropdown-lang a:hover {background-color: #ef8120;color:#fff;border-radius:4px;}
.dropdown:hover .dropdown-lang {display: block;}

.cat-btn {border: hidden;background: transparent;color: #1c486f;font-size: 12px;font-weight:300;transition:0.5s;}
.cat-btn:hover {color:#ef8120;transition:0.5s;}
.dropdown-cat {z-index:2;display: none;position: fixed;text-align:left;font-size:12px;background-color: #fff;width: 96%;left:-1%;padding: 10px 20px;border-radius:5px;animation:0.9s slideup;list-style: none;-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);}
.dropdown-cat a {color: rgba(0, 0, 0, 0.4);font-size:12px;padding: 5px 12px;text-decoration: none;display: block;text-align-last: left;}
.dropdown-cat a:hover {background-color: #ef8120;color:#fff;border-radius:4px;}
.dropdown:hover .dropdown-cat {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.pulse {
  animation: pulse 0.3s ease;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Help Page Styles */
.help-title {font-size: 2.5rem;font-weight: 700;color: #1c486f;text-align: center;margin-bottom: 10px;}
.help-subtitle {font-size: 1.1rem;color: #666;text-align: center;margin-bottom: 40px;}
.help-search-container {position: relative;margin-bottom: 50px;}
.help-search-input {width: 100%;padding: 20px 60px 20px 25px;font-size: 16px;border: 2px solid #e0e0e0;border-radius: 50px;background: #fff;outline: none;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.help-search-input:focus {border-color: #1c486f;box-shadow: 0 6px 20px rgba(28, 72, 111, 0.15);}
.help-search-icon {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);color: #1c486f;font-size: 18px;}
.help-accordion-item {border: none;margin-bottom: 15px;border-radius: 12px !important;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.help-accordion-item:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
.help-accordion-button {background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;font-weight: 600;font-size: 16px;padding: 20px 25px;border: none;border-radius: 12px !important;transition: all 0.3s ease;}
.help-accordion-button:not(.collapsed) {background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;box-shadow: none;}
.help-accordion-button:hover {background: linear-gradient(135deg, #163a5a 0%, #1c486f 100%);color: white;transform: translateY(-1px);}
.help-accordion-button:focus {box-shadow: none;border: none;}
.help-accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.help-accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-body {padding: 25px;background: #f8f9fa;}
.help-faq-item {margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e9ecef;}
.help-faq-item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.help-faq-item h5 {color: #1c486f;font-weight: 600;font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
.help-faq-item p {color: #555;font-size: 14px;line-height: 1.6;margin: 0;}
.search-highlight {background: #fff3cd;color: #856404;padding: 2px 4px;border-radius: 4px;font-weight: 600;}
.help-contact-cta {text-align: center;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 50px 30px;border-radius: 15px;margin-top: 60px;border: 1px solid #dee2e6;}
.help-contact-cta h3 {color: #1c486f;font-weight: 700;margin-bottom: 15px;font-size: 1.8rem;}
.help-contact-cta p {color: #666;font-size: 16px;margin-bottom: 25px;}
.help-contact-btn {display: inline-block;background: linear-gradient(135deg, #1c486f 0%, #2a5a8a 100%);color: white;padding: 15px 30px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);}
.help-contact-btn:hover {background: linear-gradient(135deg, #163a5a 0%, #1c486f 100%);color: white;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(28, 72, 111, 0.4);text-decoration: none;}

/* Responsive Design */
@media (max-width: 768px) {
    .help-title {font-size: 2rem;}
    .help-subtitle {font-size: 1rem;}
    .help-search-input {padding: 15px 50px 15px 20px;font-size: 14px;}
    .help-accordion-button {font-size: 14px;padding: 15px 20px;}
    .accordion-body {padding: 20px;}
    .help-contact-cta {padding: 30px 20px;margin-top: 40px;}
    .help-contact-cta h3 {font-size: 1.5rem;}
}

/* İletişim Sayfası Stilleri */
.contact-container {margin-top: 50px;margin-bottom: 60px;}
.contact-form-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 30px;}
.contact-title {font-size: 28px;font-weight: 600;color: #333;margin-bottom: 10px;}
.contact-subtitle {color: #666;margin-bottom: 30px;font-size: 16px;}
.contact-form .form-group {margin-bottom: 20px;}
.contact-form .form-label {font-weight: 500;color: #333;margin-bottom: 8px;display: block;}
.contact-input {border: 1px solid #ddd;border-radius: 8px;padding: 12px 15px;font-size: 14px;transition: all 0.3s ease;background: #fafafa;}
.contact-input:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);background: #fff;}
.contact-textarea {border: 1px solid #ddd;border-radius: 8px;padding: 15px;font-size: 14px;transition: all 0.3s ease;background: #fafafa;resize: vertical;min-height: 120px;}
.contact-textarea:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);background: #fff;}
.contact-submit-btn {background: linear-gradient(135deg, #1c486f 0%, #2c5aa0 100%);color: #fff;border: none;padding: 15px 30px;border-radius: 8px;font-weight: 500;font-size: 16px;transition: all 0.3s ease;width: 100%;max-width: 200px;}
.contact-submit-btn:hover {background: linear-gradient(135deg, #2c5aa0 0%, #1c486f 100%);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(28, 72, 111, 0.3);color: #fff;}
.contact-alert {border-radius: 8px;padding: 15px 20px;margin-bottom: 20px;border: none;}
/* İletişim Bilgileri */
.contact-info-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);height: 100%;}
.contact-info-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 25px;text-align: center;}
.contact-info-item {display: flex;align-items: flex-start;margin-bottom: 25px;padding: 15px;border-radius: 8px;transition: all 0.3s ease;}
.contact-info-item:hover {background: #f8f9fa;transform: translateX(5px);}
.contact-icon {width: 50px;height: 50px;background: linear-gradient(135deg, #1c486f 0%, #2c5aa0 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0;}
.contact-icon i {color: #fff;font-size: 18px;}
.contact-details h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 5px;}
.contact-details p {color: #666;margin-bottom: 5px;font-size: 14px;line-height: 1.5;}
.contact-details a {color: #1c486f;text-decoration: none;transition: color 0.3s ease;}
.contact-details a:hover {color: #2c5aa0;text-decoration: underline;}
/* Sosyal Medya */
.social-media-section {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;}
.social-media-section h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 15px;text-align: center;}
.social-links {display: flex;justify-content: center;gap: 15px;}
.social-link {width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: all 0.3s ease;font-size: 18px;}
.social-link:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.2);color: #fff;}
.social-link.facebook {background: #1877f2;}
.social-link.instagram {background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
.social-link.twitter {background: #1da1f2;}
.social-link.youtube {background: #ff0000;}
/* Harita Bölümü */
.map-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 30px;}
.map-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 20px;text-align: center;}
.map-container {border-radius: 10px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
/* SSS Bölümü */
.faq-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.faq-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 25px;text-align: center;}
.faq-list {margin-bottom: 30px;}
.faq-item {padding: 20px;border: 1px solid #eee;border-radius: 8px;margin-bottom: 15px;transition: all 0.3s ease;}
.faq-item:hover {border-color: #1c486f;box-shadow: 0 2px 8px rgba(28, 72, 111, 0.1);}
.faq-item h5 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 10px;}
.faq-item p {color: #666;margin: 0;line-height: 1.6;}
.faq-more {text-align: center;}
.faq-more .btn {padding: 12px 25px;border-radius: 8px;font-weight: 500;transition: all 0.3s ease;}

/* Responsive */
@media (max-width: 768px) {
    .contact-container {margin-top: 30px;margin-bottom: 40px;}
    .contact-form-section,
    .contact-info-section {padding: 20px;}
    .contact-title {font-size: 24px;}
    .contact-info-item {flex-direction: column;text-align: center;}
    .contact-icon {margin-right: 0;margin-bottom: 10px;}
    .social-links {gap: 10px;}
    .social-link {width: 40px;height: 40px;font-size: 16px;}
}
@media (max-width: 576px) {
    .contact-submit-btn {max-width: 100%;}
    .contact-info-item {padding: 10px;}
    .map-container iframe {height: 300px;}
}
/* Form Validasyon Stilleri */
.contact-input.is-invalid,
.contact-textarea.is-invalid {border-color: #dc3545;box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);}
.invalid-feedback {display: block;width: 100%;margin-top: 5px;font-size: 12px;color: #dc3545;}
.contact-submit-btn:disabled {opacity: 0.6;cursor: not-allowed;}
/* Loading spinner */
.fa-spinner {animation: spin 1s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/*--------------------------------------------------------------
# NAVBAR DROPDOWN STYLES
--------------------------------------------------------------*/
/* Basit dropdown tasarımı */
.dropdown-menu {margin-top: 0;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 5px 0;background: white;}

/* Nested dropdown pozisyonu */
.dropdown-submenu {position: absolute;left: 100%;top: 0;margin-left: 2px;}

/* Hover ile açılma */
.dropdown:hover > .dropdown-menu {display: block;}
.dropend:hover > .dropdown-menu {display: block;}
.dropdown-item {padding: 8px 20px;color: #333;}
.dropdown-item:hover {background-color: #f8f9fa;}
.dropend > .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;content: "";border-top: 0.3em solid transparent;border-right: 0;border-bottom: 0.3em solid transparent;border-left: 0.3em solid;}

/* Mobil dropdown için */
@media (max-width: 991.98px) {
    .dropdown-menu {border: none;box-shadow: none;padding-left: 20px;margin-top: 0;}
    .dropdown-submenu {position: static;margin-left: 0;padding-left: 20px;}
    .dropend > .dropdown-toggle::after {transform: rotate(90deg);transition: transform 0.3s ease;}
    .dropend.show > .dropdown-toggle::after {transform: rotate(-90deg);}
    
    /* Mobilde dropdown açık kalması için */
    .dropdown-menu.show {display: block !important;}
    .dropdown-submenu.show {display: block !important;}
    
    /* Hover yerine show class kullan */
    .dropdown:hover > .dropdown-menu {display: none !important;}
    .dropend:hover > .dropdown-menu {display: none !important;}
}

/*--------------------------------------------------------------
# PROFILE FAVORITES STYLES - INLINE CSS'LERİN TAŞINMIŞ HALİ
--------------------------------------------------------------*/

/* Breadcrumb */
.breadcrumb-transparent { background: transparent; }

/* Container spacing */
.favorites-container { padding: 50px 0; }

/* Table alignment */
.favorites-table th.text-center { text-align: center; }
.favorites-table td.text-center { text-align: center; }

/* Product image */
.favorites-product-image { width: 50px; border-radius: 10px; }
/*--------------------------------------------------------------
# PRODUCT ADDED TO CART MODAL STYLES
--------------------------------------------------------------*/
/* Modal Container */
.cart-success-modal .modal-content {border-radius: 20px;border: none;box-shadow: 0 15px 35px rgba(0,0,0,0.15);overflow: hidden;}
/* Modal Header */
.cart-success-modal .modal-header {background: linear-gradient(135deg, #28a745, #20c997);border-bottom: none;padding: 25px 30px 20px;text-align: center;position: relative;}
.cart-success-modal .modal-header .btn-close {position: absolute;right: 20px;top: 20px;color: white;opacity: 0.8;filter: brightness(0) invert(1);}
.cart-success-modal .modal-header .btn-close:hover {opacity: 1;}
/* Modal Body */
.cart-success-modal .modal-body {padding: 30px;text-align: center;}
/* Success Icon */
.cart-success-icon {width: 80px;height: 80px;background: linear-gradient(135deg, #28a745, #20c997);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;animation: successPulse 0.6s ease-out;}
.cart-success-icon i {font-size: 40px;color: white;}
@keyframes successPulse { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } }
/* Modal Title */
.cart-success-title {color: #2c3e50;font-size: 24px;font-weight: 700;margin-bottom: 15px;line-height: 1.3;}
/* Modal Text */
.cart-success-text {color: #7f8c8d;font-size: 16px;line-height: 1.6;margin-bottom: 25px;}
/* Product Info */
.cart-product-info {background: #f8f9fa;border-radius: 15px;padding: 20px;margin-bottom: 25px;border-left: 4px solid #28a745;}
.cart-product-image {width: 60px;height: 60px;border-radius: 10px;object-fit: cover;margin-right: 15px;}
.cart-product-details {display: flex;align-items: center;justify-content: center;}
.cart-product-name {font-weight: 600;color: #2c3e50;font-size: 16px;margin-bottom: 5px;}
.cart-product-price {color: #e74c3c;font-weight: 700;font-size: 18px;}
/* Modal Actions */
.cart-success-actions {display: flex;gap: 15px;justify-content: center;flex-wrap: wrap;}
.cart-success-btn {padding: 12px 30px;border-radius: 25px;font-weight: 600;font-size: 14px;border: none;transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;}
.cart-success-btn-primary {background: linear-gradient(135deg, #28a745, #20c997);color: white;}
.cart-success-btn-primary:hover {background: linear-gradient(135deg, #218838, #1ea085);color: white;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);}
.cart-success-btn-secondary {background: #6c757d;color: white;}
.cart-success-btn-secondary:hover {background: #5a6268;color: white;transform: translateY(-2px);}
/* Responsive */
@media (max-width: 576px) {
    .cart-success-modal .modal-body {padding: 20px;}
    .cart-success-title {font-size: 20px;}
    .cart-success-actions {flex-direction: column;}
    .cart-success-btn {width: 100%;justify-content: center;}
}
/*--------------------------------------------------------------
# HOME PAGE STYLES - INLINE CSS'LERİN TAŞINMIŞ HALİ
--------------------------------------------------------------*/

/* Section spacing */
.home-section-spacing { margin-top: 20px; }

/* Category banner images */
.category-banner-image {width: 100%;border-radius: 10px;}

/* Home title alignment */
.home-title-center { text-align: center; }
.home-title-left { text-align: left; }



/*--------------------------------------------------------------
# CART SUCCESS MODAL STYLES
--------------------------------------------------------------*/
[id^="cartSuccessModal_"] {z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
[id^="cartSuccessModal_"] .modal-content {border-radius: 15px;border: none;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);background: white;z-index: 1057 !important;position: relative;}
[id^="cartSuccessModal_"] .modal-backdrop {z-index: 1055 !important;}
/* Modal görünürlük sorunları için */
[id^="cartSuccessModal_"].show {display: block !important;visibility: visible !important;opacity: 1 !important;z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
/* Modal'ın her zaman görünür olması için */
[id^="cartSuccessModal_"] {display: none !important;visibility: hidden !important;opacity: 0 !important;z-index: 9999 !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0, 0, 0, 0.5) !important;}
/* Modal açıkken görünür olması için */
[id^="cartSuccessModal_"].show {display: block !important;visibility: visible !important;opacity: 1 !important;}
[id^="cartSuccessModal_"] .modal-dialog {z-index: 1058 !important;position: relative;margin: 1.75rem auto !important;max-width: 500px !important;width: 90% !important;display: block !important;visibility: visible !important;opacity: 1 !important;transform: none !important;}
[id^="cartSuccessModal_"] .modal-header {border-bottom: 1px solid #e9ecef;background: linear-gradient(135deg, #28a745, #20c997);color: white;border-radius: 15px 15px 0 0;}
[id^="cartSuccessModal_"] .modal-header .btn-close {filter: invert(1);}
[id^="cartSuccessModal_"] .modal-body {padding: 2rem;}
[id^="cartSuccessModal_"] .modal-footer {border-top: 1px solid #e9ecef;padding: 1rem 2rem 2rem;}
[id^="cartSuccessModal_"] .btn-primary {background: linear-gradient(135deg, #007bff, #0056b3);border: none;border-radius: 25px;padding: 10px 25px;font-weight: 600;transition: all 0.3s ease;}
[id^="cartSuccessModal_"] .btn-primary:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 123, 255, 0.4);}
[id^="cartSuccessModal_"] .btn-secondary {border-radius: 25px;padding: 10px 25px;font-weight: 600;transition: all 0.3s ease;}
[id^="cartSuccessModal_"] .btn-secondary:hover {transform: translateY(-2px);}
[id^="cartSuccessModal_"] .text-success {color: #28a745 !important;font-weight: 600;}
[id^="cartSuccessModal_"] .fa-check-circle {color: #28a745;font-size: 18px;}

/*--------------------------------------------------------------
# VARIANT SELECTION STYLES
--------------------------------------------------------------*/
.variant-section {background: #f8f9fa;padding: 20px;border-radius: 12px;border: 1px solid #e9ecef;margin-bottom: 20px;}
.variant-section h6 {margin-bottom: 15px;font-weight: 600;color: #2d4850;font-size: 14px;}
.variant-section h6 i {margin-right: 8px;color: #28a745;}

/* Renk seçenekleri */
.color-options {display: flex;gap: 10px;flex-wrap: wrap;}
.color-option {cursor: pointer;padding: 8px;border-radius: 8px;border: 2px solid #e9ecef;min-width: 50px;text-align: center;transition: all 0.3s ease;position: relative;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.color-option:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.color-option.selected {border: 3px solid #28a745;box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);}

/* Beden seçenekleri */
.size-options {display: flex;gap: 8px;flex-wrap: wrap;}
.size-option {cursor: pointer;padding: 10px 15px;border-radius: 6px;background: #f8f9fa;color: #2d4850;border: 2px solid #e9ecef;font-weight: 600;font-size: 13px;transition: all 0.3s ease;min-width: 50px;text-align: center;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.size-option:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.15);background: #e9ecef;}
.size-option.selected {background: #28a745;color: white;border: 2px solid #28a745;box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);}

/* Responsive tasarım */
@media (max-width: 768px) {
    .variant-section {padding: 15px;}
    .color-options, .size-options {gap: 8px;}
    .color-option {min-width: 45px;padding: 6px;}
    .size-option {min-width: 45px;padding: 8px 12px;font-size: 12px;}
}
/*--------------------------------------------------------------
# CART VARIANT STYLES
--------------------------------------------------------------*/
.variant-info {background: #f8f9fa;padding: 8px;border-radius: 6px;border-left: 3px solid #28a745;margin: 10px 0;}
.variant-info .fa-palette,
.variant-info .fa-ruler {color: #28a745;margin-right: 5px;}
.variant-info span {font-weight: 600;color: #2d4850;font-size: 13px;}
.variant-info .color-display {width: 20px;height: 20px;border-radius: 4px;border: 2px solid #e9ecef;display: inline-block;margin-right: 8px;}
.variant-info .size-display {background: #e9ecef;padding: 3px 8px;border-radius: 4px;font-weight: 600;font-size: 13px;color: #2d4850;}

/* ======= PAYLAŞIM MODAL STİLLERİ ======= */
.share-modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);}
.share-modal.show {display: flex;align-items: center;justify-content: center;}
.share-modal-content {background-color: white;border-radius: 15px;padding: 30px;max-width: 400px;width: 90%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);animation: slideIn 0.3s ease-out;}

@keyframes slideIn {
    from {opacity: 0;transform: translateY(-50px);}
    to {opacity: 1;transform: translateY(0);}
}
.share-modal-header {text-align: center;margin-bottom: 25px;}
.share-modal-title {font-size: 24px;font-weight: 600;color: #2d4850;margin: 0;}
.share-modal-close {position: absolute;top: 15px;right: 20px;background: none;border: none;font-size: 24px;color: #999;cursor: pointer;transition: color 0.3s ease;}
.share-modal-close:hover {color: #e74c3c;}
.share-platforms {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin-bottom: 20px;}
.share-platform-btn {display: flex;align-items: center;padding: 15px;border: 2px solid #e9ecef;border-radius: 10px;background: white;cursor: pointer;transition: all 0.3s ease;text-decoration: none;color: inherit;}
.share-platform-btn:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.share-platform-btn.facebook:hover {border-color: #1877f2;background-color: #f0f8ff;}
.share-platform-btn.twitter:hover {border-color: #1da1f2;background-color: #f0f9ff;}
.share-platform-btn.whatsapp:hover {border-color: #25d366;background-color: #f0fff4;}
.share-platform-btn.telegram:hover {border-color: #0088cc;background-color: #f0f8ff;}
.share-platform-btn.link:hover {border-color: #6c757d;background-color: #f8f9fa;}
.share-platform-btn.qr:hover {border-color: #28a745;background-color: #f0fff4;}
.share-platform-icon {font-size: 20px;margin-right: 12px;width: 24px;text-align: center;}
.share-platform-icon.facebook {color: #1877f2;}
.share-platform-icon.twitter {color: #1da1f2;}
.share-platform-icon.whatsapp {color: #25d366;}
.share-platform-icon.telegram {color: #0088cc;}
.share-platform-icon.link {color: #6c757d;}
.share-platform-icon.qr {color: #28a745;}
.share-platform-text {font-size: 14px;font-weight: 500;color: #2d4850;}
.share-actions {display: flex;gap: 10px;}
.share-action-btn {flex: 1;padding: 12px;border: none;border-radius: 8px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}
.share-action-btn.primary {background-color: #28a745;color: white;}
.share-action-btn.primary:hover {background-color: #218838;}
.share-action-btn.secondary {background: #6c757d;color: white;}
.share-action-btn.secondary:hover {background: #5a6268;}

/* QR Kod Modal */
.qr-modal {display: none;position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);}
.qr-modal.show {display: flex;align-items: center;justify-content: center;}
.qr-modal-content {background-color: white;border-radius: 15px;padding: 30px;text-align: center;max-width: 350px;width: 90%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}
.qr-code-container {margin: 20px 0;padding: 20px;background-color: #f8f9fa;border-radius: 10px;}
.qr-code-image {max-width: 200px;height: auto;}

/* Responsive */
@media (max-width: 576px) {
    .share-modal-content {padding: 20px;margin: 20px;}
    .share-platforms {grid-template-columns: 1fr;gap: 10px;}
    .share-platform-btn {padding: 12px;}
    .share-modal-title {font-size: 20px;}
}

/* ======= PAYLAŞIM MODAL STİLLERİ END ======= */

/* ======= COMMENT SYSTEM STYLES ======= */
.rating {background: url(../img/rating.png);background-size: 118px 380px!important;height: 12px;width: 70px;float: left;margin: 1px 5px 0 0;}
.rating.r20 { background-position: 0 -28px; }
.rating.r40 { background-position: 0 -56px; }
.rating.r60 { background-position: 0 -84px; }
.rating.r80 { background-position: 0 -112px; }
.rating.r100 { background-position: 0 -140px; }

.big .rating { background-position: 0 -160px; height: 20px; width: 118px; }
.big .rating.r10 { background-position: 0 -180px; }
.big .rating.r20 { background-position: 0 -200px; }
.big .rating.r30 { background-position: 0 -220px; }
.big .rating.r40 { background-position: 0 -240px; }
.big .rating.r50 { background-position: 0 -260px; }
.big .rating.r60 { background-position: 0 -280px; }
.big .rating.r70 { background-position: 0 -300px; }
.big .rating.r80 { background-position: 0 -320px; }
.big .rating.r90 { background-position: 0 -340px; }
.big .rating.r100 { background-position: 0 -360px; }

.review-filter {width: 100%;padding: 0 12px;display: flex;align-items: center;flex-grow: 1;background: #f8f9fa;height: 28px;margin: 15px 0 6px;border-radius: 4px;border: 1px solid #e9ecef;font-size: 13px;}
.review-filter > div { width: 50%; }
.review-list {margin-top: 10px;}
.review-item {position: relative;display: flex;flex-direction: column;padding: 8px 0;border-top: 1px solid #f1f3f4;transition: all 0.2s ease;}
.review-item:first-child { border: none; }
.review-item:hover {background-color: #f8f9fa;border-radius: 4px;padding: 8px 6px;margin: 0 -6px;}
.review-item .review-meta {display: flex;margin-bottom: 4px;align-items: center;flex-wrap: wrap;gap: 6px;}
.review-item .review-meta .ratingCont {display: inline-block;position: relative;top: 0px;}
.review-item .review-meta .userName {font-weight: 500;color: #495057;font-size: 12px;}
.review-item .review-meta .seperator {color: #adb5bd;display: inline-block;}
.review-item .review-meta .commentDate {color: #6c757d;display: inline-block;font-size: 11px;}
.review-item .review-text {font-size: 12px;line-height: 1.4;color: #495057;}
/* Comment Form Styles */
#comment {margin-top: 15px;padding: 15px;background: #ffffff;border-radius: 6px;border: 1px solid #e9ecef;box-shadow: 0 1px 4px rgba(0,0,0,0.05);max-width: 600px;margin-left: auto;margin-right: auto;}
#comment .form-group {margin-bottom: 12px;}
#comment label {font-weight: 500;color: #495057;margin-bottom: 4px;display: block;font-size: 13px;}
#comment textarea,
#comment select {border: 1px solid #dee2e6 !important;border-radius: 4px !important;outline: none !important;transition: all 0.2s ease;font-size: 13px;}
#comment textarea:focus,
#comment select:focus {border-color: #007bff !important;box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.1);}
#comment .btn-primary {background: #007bff;border: none;border-radius: 4px;padding: 6px 16px;font-weight: 500;font-size: 13px;transition: all 0.2s ease;}
#comment .btn-primary:hover {background: #0056b3;transform: translateY(-1px);box-shadow: 0 1px 3px rgba(0, 123, 255, 0.2);}

/* Responsive */
@media (max-width: 768px) {
    .review-filter {flex-direction: column;height: auto;padding: 10px;}
    .review-filter > div {width: 100%;text-align: center;margin-bottom: 6px;}
    .review-item .review-meta {flex-direction: column;align-items: flex-start;gap: 3px;}
    .review-item .review-meta .userName,
    .review-item .review-meta .seperator,
    .review-item .review-meta .commentDate {margin: 0;}
    #comment {padding: 12px;margin: 12px 0;max-width: 100%;}
}
/* ======= COMMENT SYSTEM STYLES END ======= */
/* ======= NEWSLETTER STYLES ======= */
/* Newsletter Message Styles */
.newsletter-message {margin-top: 10px;padding: 8px 12px;border-radius: 4px;font-size: 12px;font-weight: 500;text-align: center;transition: all 0.3s ease;}
.newsletter-message.success {background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;}
.newsletter-message.error {background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}
/* Newsletter Form Improvements */
.newsletter-form {position: relative;}
.newsletter-input:focus {border-color: #28a745;box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25);}
.newsletter-submit:disabled {opacity: 0.6;cursor: not-allowed;}
.newsletter-submit:hover:not(:disabled) {background-color: #218838;transform: translateY(-1px);}
/* Newsletter Checkboxes */
.newsletter-checkboxes {margin-top: 10px;display: flex;flex-direction: column;gap: 8px;}
.newsletter-checkbox {display: flex;align-items: center;cursor: pointer;font-size: 11px;color: rgba(255, 255, 255, 0.8);transition: color 0.3s ease;}
.newsletter-checkbox:hover {color: rgba(255, 255, 255, 1);}
.newsletter-checkbox input[type="checkbox"] {display: none;}
.checkmark {width: 16px;height: 16px;background-color: transparent;border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 3px;margin-right: 8px;position: relative;transition: all 0.3s ease;flex-shrink: 0;}
.newsletter-checkbox input[type="checkbox"]:checked + .checkmark {background-color: #28a745;border-color: #28a745;}
.newsletter-checkbox input[type="checkbox"]:checked + .checkmark::after {content: '';position: absolute;left: 4px;top: 1px;width: 4px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.checkbox-text {line-height: 1.3;}
/* Newsletter Responsive */
@media (max-width: 768px) {
    .newsletter-checkboxes {gap: 6px;}
    .newsletter-checkbox {font-size: 10px;}
    .checkmark {width: 14px;height: 14px;margin-right: 6px;}
    .newsletter-checkbox input[type="checkbox"]:checked + .checkmark::after {left: 3px;top: 0px;width: 3px;height: 6px;}
}
/* ======= NEWSLETTER STYLES END ======= */
/* ======= COOKIE POLICY STYLES ======= */
/* Cookie Policy Banner */
.cookie-banner {position: fixed;bottom: 0;left: 0;right: 0;background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color: white;padding: 20px;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);z-index: 10000;transform: translateY(100%);transition: transform 0.4s ease-in-out;border-top: 3px solid #3498db;}
.cookie-banner.show {transform: translateY(0);}
.cookie-banner-content {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.cookie-banner-text {flex: 1;min-width: 300px;}
.cookie-banner-title {font-size: 18px;font-weight: 600;margin-bottom: 8px;color: #ecf0f1;}
.cookie-banner-description {font-size: 14px;line-height: 1.5;color: #bdc3c7;margin: 0;}
.cookie-banner-links {margin-top: 8px;}
.cookie-banner-links a {color: #3498db;text-decoration: none;font-weight: 500;margin-right: 15px;transition: color 0.3s ease;}
.cookie-banner-links a:hover {color: #5dade2;text-decoration: underline;}
.cookie-banner-buttons {display: flex;gap: 12px;flex-wrap: wrap;}
.cookie-btn {padding: 10px 20px;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;}
.cookie-btn-accept {background: #27ae60;color: white;}
.cookie-btn-accept:hover {background: #229954;transform: translateY(-1px);}
.cookie-btn-reject {background: #e74c3c;color: white;}
.cookie-btn-reject:hover {background: #c0392b;transform: translateY(-1px);}
.cookie-btn-settings {background: transparent;color: #3498db;border: 2px solid #3498db;}
.cookie-btn-settings:hover {background: #3498db;color: white;}
.cookie-close {position: absolute;top: 15px;right: 15px;background: none;border: none;color: #bdc3c7;font-size: 20px;cursor: pointer;transition: color 0.3s ease;}
.cookie-close:hover {color: #ecf0f1;}
/* Cookie Settings Modal */
.cookie-settings-modal {display: none;position: fixed;z-index: 10001;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(5px);}
.cookie-settings-content {background-color: white;margin: 5% auto;padding: 0;border-radius: 12px;width: 90%;max-width: 600px;max-height: 80vh;overflow-y: auto;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);animation: slideIn 0.3s ease-out;}
@keyframes slideIn {from {opacity: 0;transform: translateY(-50px);} to {opacity: 1;transform: translateY(0);}}
.cookie-settings-header {background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);color: white;padding: 20px;border-radius: 12px 12px 0 0;display: flex;justify-content: space-between;align-items: center;}
.cookie-settings-title {font-size: 20px;font-weight: 600;margin: 0;}
.cookie-settings-close {background: none;border: none;color: white;font-size: 24px;cursor: pointer;transition: opacity 0.3s ease;}
.cookie-settings-close:hover {opacity: 0.7;}
.cookie-settings-body {padding: 25px;}
.cookie-category {margin-bottom: 25px;padding: 20px;border: 1px solid #e0e0e0;border-radius: 8px;background: #fafafa;}
.cookie-category-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.cookie-category-title {font-size: 16px;font-weight: 600;color: #2c3e50;margin: 0;}
.cookie-toggle {position: relative;width: 50px;height: 24px;background: #bdc3c7;border-radius: 12px;cursor: pointer;transition: background 0.3s ease;}
.cookie-toggle.active {background: #27ae60;}
.cookie-toggle-slider {position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: white;border-radius: 50%;transition: transform 0.3s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.cookie-toggle.active .cookie-toggle-slider {transform: translateX(26px);}
.cookie-category-description {font-size: 14px;color: #7f8c8d;line-height: 1.5;margin: 0;}
.cookie-settings-footer {padding: 20px 25px;background: #f8f9fa;border-radius: 0 0 12px 12px;display: flex;justify-content: space-between;gap: 15px;}
.cookie-save-btn {background: #27ae60;color: white;border: none;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background 0.3s ease;}
.cookie-save-btn:hover {background: #229954;}
.cookie-cancel-btn {background: #95a5a6;color: white;border: none;padding: 12px 25px;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background 0.3s ease;}
.cookie-cancel-btn:hover {background: #7f8c8d;}
/* Cookie Policy Responsive */
@media (max-width: 768px) {
    .cookie-banner-content {flex-direction: column;text-align: center;}
    .cookie-banner-text {min-width: auto;}
    .cookie-banner-buttons {justify-content: center;}
    .cookie-settings-content {width: 95%;margin: 10% auto;}
    .cookie-settings-footer {flex-direction: column;}
    .cookie-btn {padding: 8px 16px;font-size: 13px;}
}
/* ======= COOKIE POLICY STYLES END ======= */