/* --------------------------------------------------------
  |  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 (Product, Blog, Cart Sidebars)
--------------------------------------------------------------*/
/* Modern Sidebar Wrapper - Tüm sidebar tek border içinde */
.product-sidebar-wrapper {background: #ffffff;border-radius: 12px;padding: 24px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);border: 1px solid #e5e7eb;margin-bottom: 24px;}

/* Sidebar içindeki bölümler - artık ayrı border yok */
.product-sidebar-wrapper .col-lg-12.col-md-12.col-12[style*="position:relative"] {background: transparent;border-radius: 0;padding: 0;box-shadow: none;margin-bottom: 0;border: none;transition: none;position: relative;overflow: visible;}
.product-sidebar-wrapper .col-lg-12.col-md-12.col-12[style*="position:relative"]::before {display: none;}
.product-sidebar-wrapper .col-lg-12.col-md-12.col-12[style*="position:relative"]:hover {box-shadow: none;border-color: transparent;transform: none;}
/* Bölümler arası ayırıcı */
.product-sidebar-wrapper .col-lg-12.col-md-12.col-12[style*="position:relative"]:not(:last-child) {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid #e5e7eb;}
/* Modern Arama Kutusu */
form[name="search-form"] {position: relative;display: flex;align-items: center;width: 100%;}
.sidebar-search-input {width: 100%;height: 40px;font-size: 14px;color: #374151;border: 1px solid #d1d5db;padding: 10px 45px 10px 14px;border-radius: 8px;transition: all 0.2s ease;background: #ffffff;box-sizing: border-box;flex: 1;font-weight: 400;}
.sidebar-search-input:focus {outline: none;border-color: #1c486f;background: #ffffff;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);}
.sidebar-search-btn {position: absolute;right: 0;top: 0;border: none;background: #1c486f;color: #fff;height: 40px;width: 42px;border-radius: 0 8px 8px 0;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;z-index: 1;}
.sidebar-search-btn:hover {background: #2a618f;}
/* Modern Fiyat Aralığı Container - Dış container border/gölge kullanıyor */
.range-rw {box-sizing: border-box;position: relative;width: 100%;overflow: hidden;background: transparent;}
.range-rw h2 {font-size: 16px;font-weight: 600;color: #111827; /* margin-bottom: 14px; */display: flex;align-items: center;gap: 8px;margin-top: 20px;}
.range-rw h2::before {content: '';width: 3px;height: 16px;background: #1c486f;border-radius: 2px;}
.price-input {width: 100%;display: flex;margin: 10px 0;gap: 10px;align-items: center;}
.price-input .field {display: flex;flex-direction: column;font-size: 12px;width: 100%;gap: 5px;}
.price-input .field span {font-weight: 600;color: #666;font-size: 11px;text-transform: uppercase;letter-spacing: 0.5px;}
.field input {width: 100%;height: 36px;outline: none;font-size: 14px;font-weight: 500;margin-left: 0;border-radius: 6px;text-align: center;border: 1px solid #d1d5db;background: #ffffff;color: #374151;transition: all 0.2s ease;-moz-appearance: textfield;}
.field input:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);}
.price-input .separator {width: auto;display: flex;font-size: 20px;font-weight: 300;align-items: center;justify-content: center;color: #999;margin-top: 20px;}
.slider {height: 6px;position: relative;background: #e5e7eb;border-radius: 6px;width: 100%;margin: 20px 0;overflow: hidden;}
.slider .progress {height: 100%;left: 25%;right: 25%;position: absolute;border-radius: 6px;background: #1c486f;}
.range-input {position: relative;width: 100%;margin: 15px 0;padding: 0;box-sizing: border-box;overflow: hidden;}
.range-input input {position: absolute;width: 100%;height: 6px;top: -6px;left: 0;right: 0;background: none;pointer-events: none;-webkit-appearance: none;-moz-appearance: none;margin: 0;padding: 0;box-sizing: border-box;}
input[type="range"]::-webkit-slider-thumb {height: 20px;width: 20px;border-radius: 50%;background: linear-gradient(135deg, #ef8120, #ff9500);pointer-events: auto;-webkit-appearance: none;box-shadow: 0 2px 8px rgba(239, 129, 32, 0.4);cursor: pointer;margin-top: -7px;border: 3px solid #fff;transition: all 0.3s ease;}
input[type="range"]::-webkit-slider-thumb:hover {transform: scale(1.2);box-shadow: 0 4px 12px rgba(239, 129, 32, 0.5);}
input[type="range"]::-moz-range-thumb {height: 20px;width: 20px;border: 3px solid #fff;border-radius: 50%;background: linear-gradient(135deg, #ef8120, #ff9500);pointer-events: auto;-moz-appearance: none;box-shadow: 0 2px 8px rgba(239, 129, 32, 0.4);cursor: pointer;margin-top: -7px;transition: all 0.3s ease;}
input[type="range"]::-moz-range-thumb:hover {transform: scale(1.2);box-shadow: 0 4px 12px rgba(239, 129, 32, 0.5);}
.price-filter-btn {width: 100%;margin-top: 16px;background: #1c486f;border: none;color: #fff;padding: 10px 16px;border-radius: 6px;font-weight: 500;font-size: 14px;cursor: pointer;transition: all 0.2s ease;}
.price-filter-btn:hover {background: #2a618f;}
.price-filter-btn:active {transform: translateY(0);}
/* Modern Kategori Container */
.category-item-wrapper {margin-bottom: 8px;}
.category-main-item {display: flex;align-items: center;gap: 8px;}
/* Modern Kategori Linkleri */
.category-link {color: #374151;text-decoration: none;display: flex;flex: 1;align-items: center;padding: 3px 12px;border-radius: 6px;transition: all 0.2s ease;background: transparent;border-left: 3px solid transparent;margin-bottom: 2px;}
.cat-side-title {display: flex;align-items: center;width: 100%;margin: 0;}
.category-link:hover {background: #f3f4f6;border-left-color: #1c486f;color: #1c486f;}
.category-link.active {background: #1c486f;color: #ffffff !important;padding: 3px 12px;border-radius: 6px;border-left-color: #ffffff;font-weight: 600;}
.category-link.active .cat-count {color: rgba(255, 255, 255, 0.9) !important;font-weight: 500;}
/* Sidebar category hierarchy */
.category-link.cat-top {font-weight: 500;color: #4b5563;font-size: 14px;}
.category-link.cat-sub {padding-left: 32px;position: relative;font-size: 13px;font-weight: 400;margin-top: 4px;}
.category-link.cat-sub::before {content: '→';position: absolute;left: 16px;color: #1c486f;font-weight: 500;font-size: 12px;opacity: 0.6;}
/* Kategori Toggle Butonu */
.category-toggle-btn {background: transparent;border: none;color: #1c486f;font-size: 14px;cursor: pointer;padding: 8px 12px;border-radius: 6px;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;}
.category-toggle-btn:hover {background: rgba(28, 72, 111, 0.1);color: #1c486f;}
.category-toggle-btn.active {background: rgba(28, 72, 111, 0.15);color: #1c486f;}
.category-toggle-btn i {transition: transform 0.3s ease;}
.category-toggle-btn.active i {transform: rotate(180deg);}
/* Alt Kategori Listesi */
.category-sub-list {margin-top: 6px;margin-left: 10px;padding-left: 16px;border-left: 2px solid #e8e8e8;animation: slideDown 0.3s ease;}
@keyframes slideDown {
    from {opacity: 0;max-height: 0;transform: translateY(-10px);}
    to {opacity: 1;max-height: 1000px;transform: translateY(0);}
}
.cat-count, .mark-count {color: #999;font-size: 12px;margin-left: 6px;font-weight: 500;}
.category-link.active .cat-count {color: rgba(255, 255, 255, 0.9) !important;font-weight: 500;}
/* Modern Marka Checkbox'ları */
.mark-checkbox {margin: 6px 0;padding: 2px 10px;border-radius: 6px;background: transparent;transition: all 0.2s ease;display: flex;align-items: center;gap: 10px;}
.mark-checkbox:hover {background: #f3f4f6;}
.mark-checkbox input[type="checkbox"] {width: 18px;height: 18px;margin: 0;cursor: pointer;accent-color: #1c486f;flex-shrink: 0;}
.mark-checkbox label {cursor: pointer;font-size: 14px;color: #374151;display: flex;align-items: center;transition: color 0.2s ease;margin: 0;flex: 1;font-weight: 400;}
.mark-checkbox input[type="checkbox"]:checked + label {color: #1c486f;font-weight: 600;}
.mark-checkbox input[type="checkbox"]:checked + label .mark-count {color: #1c486f;font-weight: 600;}
/* Filtrele Butonu - Sadece sidebar içindeki buton için */
.product-sidebar-wrapper #filter-form .btn-primary[style*="width: 100%"] {background: #1c486f;border: none;padding: 10px 16px;border-radius: 6px;font-weight: 500;font-size: 14px;box-shadow: none;transition: all 0.2s ease;}
.product-sidebar-wrapper #filter-form .btn-primary[style*="width: 100%"]:hover {background: #2a618f;}
/* HR Ayırıcılar - Sadece sidebar içindeki hr'ler için */
.product-sidebar-wrapper hr {border: none;height: 0;margin: 0;display: none;}
.mark-checkbox {margin: 5px 0;display: flex;align-items: center;gap: 8px;}
.mark-checkbox input[type="checkbox"] {margin: 0;flex-shrink: 0;}
.mark-checkbox label {cursor: pointer;font-size: 14px;margin: 0;display: flex;align-items: center;}

/*--------------------------------------------------------------
# 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: 500;color: #374151;background-color: #fff;border: 1px solid #d1d5db;border-radius: 6px;transition: all 0.2s ease;cursor: pointer;text-decoration: none;}
.jplist-pagination button:hover {color: #1c486f;background-color: #f3f4f6;border-color: #1c486f;}
.jplist-pagination button.jplist-current {color: #fff;background-color: #1c486f;border-color: #1c486f;font-weight: 600;}
.jplist-pagination button.jplist-disabled {color: #9ca3af;background-color: #f9fafb;border-color: #e5e7eb;cursor: not-allowed;opacity: 0.6;}
.jplist-pagination .jplist-pagingprev button,
.jplist-pagination .jplist-pagingnext button {font-size: 13px;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, price-input, field input, slider, range-input stilleri yukarıda modern sidebar bölümünde tanımlı */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
/* input[type="range"] stilleri yukarıda modern sidebar bölümünde tanımlı */
.rw {width:94% !important;margin-left:3% !important;margin-right:3% !important;padding-left:0px !important;padding-right:0px !important;}
.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:70px;}
    .head-social{display:inline-block;vertical-align: middle; padding: 0 2px; color:#8f59bf;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: #8f59bf;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:15px;font-weight:500;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;display: flex;align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.2;margin: 0;padding: 0;height: 100%;}
.head-cat-img {border:1px solid rgba(0, 0, 0, 0.2);width: 38px !important;height: 38px !important;max-width: 38px !important;max-height: 38px !important;border-radius: 7px;padding:2px;background:rgba(0, 0, 0, 0.04);transition:0.3s;object-fit: cover;display: block;flex-shrink: 0;margin: 0;}
/* 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:#227179;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:#8f59bf;transition:0.5s;}
.btn2:hover {background-color:#227179;text-decoration:none; color:#fff;transition:0.5s;}
.btn3 {text-decoration:none; text-align:center;font-size:14px;font-weight:600;color:#8f59bf;padding:6px;border-radius:15px;border:1px solid #8f59bf;}
.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:#1c486f;color:#fff;border:solid 1px #1c486f;padding:7px 20px;border-radius:5px;font-weight: 500;transition:0.5s;}
.btnfull:hover {background-color:#fff;text-decoration:none; color:#1c486f;border:solid 1px #1c486f;transition:0.5s;}
.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;}
/* Öne Çıkan Özellikler - Modern Tasarım */
.home-rw1,
.home-rw2,
.home-rw3,
.home-rw4 {background: #ffffff;border-radius: 12px;padding: 20px;border: 1px solid #e5e7eb;transition: all 0.3s ease;height: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.home-rw1:hover,
.home-rw2:hover,
.home-rw3:hover,
.home-rw4:hover {transform: translateY(-4px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-color: #d1d5db;}
.home-rw1 {background: linear-gradient(135deg, #fff4ea 0%, #ffffff 100%);border-left: 3px solid #f59e0b;}
.home-rw2 {background: linear-gradient(135deg, #ebf7f0 0%, #ffffff 100%);border-left: 3px solid #10b981;}
.home-rw3 {background: linear-gradient(135deg, #eaf1fb 0%, #ffffff 100%);border-left: 3px solid #3b82f6;}
.home-rw4 {background: linear-gradient(135deg, #feecec 0%, #ffffff 100%);border-left: 3px solid #ef4444;}
.home-feature {width: 60px;height: 60px;object-fit: contain;transition: transform 0.3s ease;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}
.home-rw1:hover .home-feature,
.home-rw2:hover .home-feature,
.home-rw3:hover .home-feature,
.home-rw4:hover .home-feature {transform: scale(1.1);}
.home-feature-title {margin-bottom: 0;margin-left: 0;font-size: 15px;font-weight: 600;color: #111827;line-height: 1.4;transition: color 0.2s ease;}
.home-rw1:hover .home-feature-title,
.home-rw2:hover .home-feature-title,
.home-rw3:hover .home-feature-title,
.home-rw4:hover .home-feature-title {color: #374151;}
.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}
/* Hareketli Header Arka Plan - Global */
.animated-header-bg {width: 100% !important;height: 200px !important;margin: 0 auto 0 auto !important;border-radius: 10px !important;position: relative !important;overflow: hidden !important;background: linear-gradient(-45deg, #1c486f, #2a618f, #1c486f, #3d7bb3) !important;background-size: 400% 400% !important;animation: gradientShift 15s ease infinite !important;box-shadow: 0 4px 20px rgba(28, 72, 111, 0.2) !important;display: flex !important;align-items: center !important;justify-content: flex-start !important;min-height: 200px !important;}
.animated-header-title {position: relative;z-index: 10;color: #ffffff;font-size: 32px;font-weight: 700;text-align: left;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);letter-spacing: -0.02em;padding: 0 30px;width: 100%;}
.animated-header-bg::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.5;}
.animated-header-bg::after {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 20s linear infinite;}
@keyframes gradientShift {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*--------------------------------------------------------------
# HOME PAGE STYLES
--------------------------------------------------------------*/

/* Section spacing */
.home-section-spacing { margin-top: 20px; }
.home-section-spacing-large { margin-top: 100px; }
/* Category banner images */
.category-banner-image {width: 100%;border-radius: 10px;height: auto;display: block;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;}
.category-banner-image:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
/* Kategori banner - Masaüstü ve mobil container genişlikleri */
.category-banner-desktop,
.category-banner-mobile {width: 100%;margin: 0;padding: 0;}
/* Kategori banner - Masaüstünde aralarına boşluk */
@media (min-width: 769px) {
    .category-banner-desktop .col-lg-4,
    .category-banner-desktop .col-md-4 {padding-left: 10px;padding-right: 10px;}
    .category-banner-desktop .col-lg-4:first-child,
    .category-banner-desktop .col-md-4:first-child {padding-left: 0;}
    .category-banner-desktop .col-lg-4:last-child,
    .category-banner-desktop .col-md-4:last-child {padding-right: 0;}
}
/* Kategori banner - Mobilde carousel */
.category-banner-mobile .category-banner-image {width: 100%;height: auto;object-fit: contain;}
.category-banner-mobile #category-banner-carousel {position: relative;}
.category-banner-mobile #category-banner-carousel .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;justify-content: space-between;padding: 0 10px;pointer-events: none;z-index: 10;}
.category-banner-mobile #category-banner-carousel .owl-nav button {pointer-events: all;width: 40px;height: 40px;background: rgba(28, 72, 111, 0.8) !important;border-radius: 50%;color: white;font-size: 18px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.category-banner-mobile #category-banner-carousel .owl-nav button:hover {background: rgba(28, 72, 111, 1) !important;transform: scale(1.1);}
.category-banner-mobile #category-banner-carousel .owl-dots {text-align: center;margin-top: 15px;}
.category-banner-mobile #category-banner-carousel .owl-dots .owl-dot {width: 10px;height: 10px;border-radius: 50%;background: #ccc;margin: 0 5px;transition: all 0.3s ease;}
.category-banner-mobile #category-banner-carousel .owl-dots .owl-dot.active {background: #1c486f;width: 25px;border-radius: 5px;}
/* Home title alignment */
.home-title-center { text-align: center; }
.home-title-left { text-align: left; }
/* Feature content alignment */
.feature-content-center {margin: auto;display: flex;align-items: center;padding-left: 12px;}

/* Campaign section */
.campaign-section-left {background: #a6cddc;border-radius: 20px;text-align: center;align-content: flex-end;padding-bottom: 30px;}
.campaign-title {font-size: 24px;font-weight: 500;color: #000;margin-bottom: 30px;}
.campaign-image {width: 350px;}
.campaign-content {padding-left: 50px;}
.campaign-all-link {margin: auto;}
.campaign-all-text {text-align: right;}
/* Package set card */
.package-set-card {border: 1px solid #ffc107;border-radius: 10px;padding: 15px;background: #fff3cd;height: 100%;}
.package-set-badge {background: #ffc107;color: #333;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;}
.package-set-item {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.package-set-image {width: 50px;height: 50px;object-fit: cover;border-radius: 5px;}
.package-set-content {flex: 1;}
.package-set-name {margin: 0;font-size: 14px;color: #856404;}
.package-set-label {color: #856404;}
.package-set-divider {text-align: center;margin: 10px 0;}
.package-set-plus-icon {color: #ffc107;font-size: 16px;}
.package-set-discount {font-weight: 600;color: #e74c3c;font-size: 16px;}
.package-set-button {width: 100%;}
.package-set-button-icon {margin-right: 5px;}
.package-set-spacing {margin-bottom: 20px;}
.package-set-button-container {text-align: center;}
/* Modern Breadcrumb Tasarımı - Global */
.breadcrumb {background: transparent !important;padding: 16px 0 !important;margin-bottom: 0 !important;font-size: 14px;}
.breadcrumb ol {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;flex-wrap: wrap;}
.breadcrumb-item {display: flex;align-items: center;font-size: 14px;}
.breadcrumb-item + .breadcrumb-item::before {content: '/';padding: 0 12px;color: #9ca3af;font-weight: 400;}
.breadcrumb-item a {color: #6b7280;text-decoration: none;transition: color 0.2s ease;display: flex;align-items: center;gap: 6px;}
.breadcrumb-item a:hover {color: #1c486f;}
.breadcrumb-item.active {color: #111827;font-weight: 500;}
.breadcrumb-item.active a {color: #111827;pointer-events: none;}
.breadcrumb-item .bread-icon {font-size: 14px;color: #212529 !important;margin-left: 5px;}
.bread-icon {padding-right: 40px;color: #212529 !important;margin-left: -10px;}
/* Breadcrumb - Desktop (min-width: 767px) */
@media only screen and (min-width: 767px) {
    .breadcrumb {margin-top: -5px !important;padding: 12px 0 !important;}
    .bread-icon {padding-right: 15px;}
    .breadcrumb-item {font-size: 13px;}
    .breadcrumb-item + .breadcrumb-item::before {padding: 0 8px;}
}
/* Breadcrumb - Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .breadcrumb {font-size: 12px;padding: 8px 10px !important;}
    .bread-title {font-size: 14px !important;margin-left: 10px !important;}
}
@media only screen and (max-width: 767px) {
    /* Home section spacing - mobile */
    .home-section-spacing { margin-top: 15px; }
    .home-section-spacing-large { margin-top: 30px; }
    /* Category banner images - mobile - genişlik %100, yükseklik sınırlı */
    .category-banner-image {width: 100%;height: auto;object-fit: contain;}
    /* Mobilde carousel aktif olana kadar normal görünüm */
    .category-banner-row:not(.owl-loaded) .category-banner-item {display: block;}
    .mobgiz { display:none!important;   }
    .sem-rw {    background: #e8f6f6;border-radius: 15px;}
    .btn1 {position:absolute;top:72%;left:6%;text-decoration:none; background-color:#8f59bf;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-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:#8f59bf;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: #8f59bf;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: #8f59bf;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;}
        .animated-header-bg {height: 150px !important;margin-bottom: 0 !important;}
        .animated-header-title {font-size: 25px !important;padding: 0 20px !important;margin-top: 75px;}
        .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: #227179;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: 50%;transform: translateX(-150%);}
  #owl-carousel1 .owl-next { top:110%; right: 50%;transform: translateX(150%);}
  .navbar {margin-left:1%;margin-right:1%;margin-bottom:5px;padding:3px 0 0 0;}
  .navbar-transparent {background-color: transparent !important;}
  .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:#8f59bf;}
  .btn2{text-decoration:none; color:#227179;padding:5px 8px;font-size:12px;border-radius: 15px;border: 1px solid #227179;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:#8f59bf;padding:6px;border-radius:15px;border:1px solid #8f59bf;padding:5px 20px;}
  .btn2{text-decoration:none; color:#227179;padding:5px 20px;border-radius:4px; border-radius: 15px;border: 1px solid #227179;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;}
.fastshippinglabel {position:absolute;top:32px;font-size: 11px;font-weight: bold;color: #fff;}
.fastshippinglabel {--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, #0066b3 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;}
/* 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: 400px;overflow-y: auto;z-index: 9999;display: none;margin-top: 5px;list-style: none;padding: 0;}
.search-results.show {display: block;}
.search-result-item {display: block;padding: 0;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 a {text-decoration: none;color: inherit;display: flex;align-items: center;width: 100%;padding: 12px 20px;}
.search-result-item img {width: 40px;height: 40px;object-fit: cover;border-radius: 6px;margin-right: 12px;flex-shrink: 0;}
.search-result-item span {color: #333;font-size: 14px;line-height: 1.4;}

/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
/* Eski stiller yeni stillerle override edildi - aşağıdaki PROFILE PAGES STYLES bölümüne bakın */

/* 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;}
/* Eski stiller yeni stillerle override edildi - aşağıdaki PROFILE PAGES STYLES bölümüne bakın */
.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;}

/* Modern Kategori Container - Dış container border/gölge kullanıyor */
.category-rw {box-sizing: border-box;position: relative;width: 100%;overflow: hidden;background: transparent;}
.category-rw h2 {font-size: 16px;font-weight: 600;color: #111827;margin-bottom: 16px;display: flex;align-items: center;gap: 8px;}
.category-rw h2::before {content: '';width: 3px;height: 16px;background: #1c486f;border-radius: 2px;}
/* Modern Marka Container - Dış container border/gölge kullanıyor */
.mark-rw {box-sizing: border-box;position: relative;width: 100%;overflow: hidden;background: transparent;}
.mark-rw h2 {font-size: 16px;font-weight: 600;color: #111827;margin-bottom: 16px;display: flex;align-items: center;gap: 8px;}
.mark-rw h2::before {content: '';width: 3px;height: 16px;background: #1c486f;border-radius: 2px;}
/* Modern Kategori Container */
.category-inp {overflow-y: auto;max-height: 400px;padding: 8px 6px;border-radius: 8px;background: transparent;}
.category-inp::-webkit-scrollbar {width: 6px;}
.category-inp::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 3px;}
.category-inp::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #1c486f, #2a618f);border-radius: 3px;}
.category-inp::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #2a618f, #1c486f);}
/* Modern Marka Container */
.mark-inp {overflow-y: auto;max-height: 300px;padding: 8px 6px;border-radius: 8px;background: transparent;}
.mark-inp::-webkit-scrollbar {width: 6px;}
.mark-inp::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 3px;}
.mark-inp::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #1c486f, #2a618f);border-radius: 3px;}
.mark-inp::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #2a618f, #1c486f);}
::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:#fff !important;text-decoration:none;transition:0.5s;}
.footer-copyright a:hover {color:#ef8120 !important;transition:0.5s;}
.footer-credits { text-align: center; font-size:12px;color:#fff; }
.footer-credits a{ color:#fff !important;text-decoration:none;transition:0.5s;}
.footer-credits a:hover {color:#ef8120 !important;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;}

/* Sepete Ekle Butonu - Minimal Tasarım */
.add-to-cart-btn {width: 100%;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;background: #111827;color: #ffffff;border: none;border-radius: 6px;font-size: 13px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;font-family: inherit;}
.add-to-cart-btn i {font-size: 14px;transition: transform 0.2s ease;}
.add-to-cart-btn:hover {background: #374151;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.add-to-cart-btn:hover i {transform: scale(1.1);}
.add-to-cart-btn:active {transform: translateY(0);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.prod-detail-title{color:#1c486f;font-size:30px;font-weight:500;}
.pro-list-rw {position:relative;margin-bottom:30px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:10px;padding-bottom:15px;}
.list-item {margin-bottom:20px;}
.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 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;}
.pro-detail-freeshipping {color: rgba(237, 28, 36, 1);font-size: 14px;margin-right:5px;transition:0.5s;}
.pro-detail-ship-label {font-size: 11px;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: #8f59bf;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;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*--------------------------------------------------------------
# OFFCANVAS RIGHT MENU
--------------------------------------------------------------*/
.hamburger-btn {margin-left: 10px;padding: 8px;border-radius: 6px;transition: background 0.2s ease;background: transparent;border: none;}
.hamburger-btn:hover {background: #f3f4f6;}
.hamburger-icon {width: 20px;height: 20px;transition: opacity 0.2s ease;opacity: 0.7;}
.hamburger-btn:hover .hamburger-icon {opacity: 1;}
/* Minimal & Elegant Offcanvas Menu */
.offcanvas-menu {width: 340px;max-width: 340px;--bs-offcanvas-width: 340px;border-left: 1px solid #e5e7eb;background: #ffffff;box-shadow: -2px 0 16px rgba(0, 0, 0, 0.06);}
.offcanvas-topbar {border-bottom: 1px solid #f3f4f6;padding: 20px 24px;background: #ffffff;}
.offcanvas-topbar .offcanvas-title {font-size: 18px;font-weight: 600;color: #111827;margin: 0;letter-spacing: -0.01em;}
.offcanvas-topbar .btn-close {padding: 4px;opacity: 0.5;transition: opacity 0.2s ease;}
.offcanvas-topbar .btn-close:hover {opacity: 1;}
.offcanvas-body-scroll {overflow-y: auto;padding: 20px 24px;max-height: calc(100vh - 80px);background: #ffffff;}
.offcanvas-body-scroll::-webkit-scrollbar {width: 4px;}
.offcanvas-body-scroll::-webkit-scrollbar-track {background: transparent;}
.offcanvas-body-scroll::-webkit-scrollbar-thumb {background: #d1d5db;border-radius: 2px;}
.offcanvas-body-scroll::-webkit-scrollbar-thumb:hover {background: #9ca3af;}
.offcanvas-section {margin-bottom: 32px;padding: 0;border: none;background: transparent;}
.offcanvas-section:last-child {margin-bottom: 0;}
.offcanvas-section-title {font-size: 11px;font-weight: 600;color: #6b7280;margin-bottom: 16px;padding-bottom: 12px;text-transform: uppercase;letter-spacing: 0.5px;border-bottom: 1px solid #e5e7eb;position: relative;}
.offcanvas-section-title::after {content: '';position: absolute;bottom: -1px;left: 0;width: 30px;height: 1px;background: #111827;}
.offcanvas-menu-list,
.offcanvas-submenu-list {list-style: none;padding-left: 0;margin: 0;}
.offcanvas-menu-item {margin-bottom: 0;border-bottom: 1px solid #f3f4f6;}
.offcanvas-menu-item:last-child {border-bottom: none;}
.offcanvas-menu-link {display: flex;align-items: center;padding: 12px 0;border: none;color: #374151;background: transparent;font-size: 14px;font-weight: 400;text-decoration: none;transition: color 0.2s ease;}
.offcanvas-menu-link i {font-size: 10px;margin-right: 12px;color: #9ca3af;transition: color 0.2s ease;}
.offcanvas-menu-link:hover {color: #111827;}
.offcanvas-menu-link:hover i {color: #6b7280;}
.offcanvas-submenu-list {margin-top: 8px;margin-left: 24px;padding-left: 0;border-left: 1px solid #f3f4f6;}
.offcanvas-submenu-item {margin: 0;border-bottom: 1px solid #f9fafb;}
.offcanvas-submenu-item:last-child {border-bottom: none;}
.offcanvas-submenu-link {display: flex;align-items: center;padding: 8px 0 8px 16px;color: #6b7280;background: transparent;border: none;font-size: 13px;font-weight: 400;text-decoration: none;transition: color 0.2s ease;}
.offcanvas-submenu-link i {font-size: 6px;margin-right: 10px;color: #d1d5db;}
.offcanvas-submenu-link:hover {color: #374151;}
.offcanvas-submenu-list.level-2 {margin-left: 32px;}
/* Minimal Cart Design */
.offcanvas-cart-list {list-style: none;padding-left: 0;margin: 0 0 16px 0;}
.offcanvas-cart-item {display: flex;gap: 12px;padding: 12px 0;border-bottom: 1px solid #f3f4f6;}
.offcanvas-cart-item:last-child {border-bottom: none;}
.offcanvas-cart-thumb img {width: 48px;height: 48px;object-fit: cover;border-radius: 6px;border: 1px solid #e5e7eb;}
.offcanvas-cart-info {flex: 1;min-width: 0;}
.offcanvas-cart-name {font-size: 13px;color: #111827;font-weight: 500;line-height: 1.5;margin-bottom: 4px;}
.offcanvas-cart-meta {font-size: 12px;color: #6b7280;font-weight: 400;}
.offcanvas-cart-total {display: flex;align-items: center;justify-content: space-between;padding: 16px 0;border-top: 1px solid #e5e7eb;margin-top: 8px;font-size: 14px;font-weight: 600;color: #111827;}
.offcanvas-cart-actions {margin-top: 12px;}
.offcanvas-cart-actions .btn {font-size: 13px;padding: 10px 20px;border-radius: 6px;font-weight: 500;border: 1px solid #e5e7eb;background: #ffffff;color: #374151;transition: all 0.2s ease;}
.offcanvas-cart-actions .btn:hover {background: #f9fafb;border-color: #d1d5db;}

/* Minimal CTA Button */
.offcanvas-cta .btn {
    border-radius: 6px;
    background: #111827;
    border: none;
    font-size: 13px;
    padding: 12px 24px;
    font-weight: 500;
    transition: background 0.2s ease;
    color: #ffffff;
}

.offcanvas-cta .btn:hover {
    background: #374151;
}

/* Minimal Contact & Social */
.offcanvas-contact-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.offcanvas-contact-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 0;
    color: #6b7280;
    font-size: 13px;
    font-weight: 400;
}

.offcanvas-contact-list li i {
    width: 16px;
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
}

.offcanvas-contact-list a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
}

.offcanvas-contact-list a:hover {
    color: #111827;
}

.offcanvas-social {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.offcanvas-social-link {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 14px;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}

.offcanvas-social-link:hover {
    background: #e5e7eb;
    color: #374151;
    border-color: #d1d5db;
}

.offcanvas-empty {
    font-size: 13px;
    color: #9ca3af;
    text-align: center;
    padding: 20px 0;
}

@media (max-width: 991.98px) {
    .offcanvas-menu {
        width: 100vw;
        max-width: none;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-body-scroll {
        padding: 12px 16px;
    }
    
    .offcanvas-section {
        padding: 10px;
        margin-bottom: 12px;
    }
    
    .offcanvas-menu-link {
        padding: 8px 10px;
        font-size: 12px;
    }
}

.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 30px 45px 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.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: 10px;padding: 15px;border-radius: 8px;transition: all 0.3s ease;}
.contact-info-item:hover {background: #f8f9fa;transform: translateX(5px);}
.contact-icon {width: 40px;height: 40px;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İ
--------------------------------------------------------------*/

/* 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; }

/* Price display */
.favorites-price-container { display: flex; flex-direction: column; }
.favorites-original-price { text-decoration: line-through; color: #999; font-size: 12px; }
.favorites-discounted-price { color: #e74c3c; font-weight: 600; }
.favorites-discount-percentage { color: #e74c3c; font-size: 11px; }

/* Remove button */
.favorites-remove-btn { margin-left: 5px; background-color: #e74c3c; }

/* Empty state */
.empty-favorites-container { padding: 80px 20px; }
.empty-favorites-icon { font-size: 80px; color: #e0e0e0; }
.empty-favorites-title { color: #7f8c8d; font-weight: 400; }
.empty-favorites-text { color: #95a5a6; font-size: 16px; line-height: 1.6; }
.empty-favorites-btn { padding: 12px 30px; border-radius: 25px; font-weight: 500; }

/*--------------------------------------------------------------
# MODAL STYLES
--------------------------------------------------------------*/
.favorites-modal-header { border-bottom: none; padding-bottom: 0; }
.favorites-modal-body { padding: 20px 30px; }
.favorites-modal-icon { font-size: 60px; color: #e74c3c; }
.favorites-modal-title { color: #2c3e50; font-weight: 600; }
.favorites-modal-text { color: #7f8c8d; font-size: 16px; line-height: 1.5; }
.favorites-modal-btn { padding: 12px 30px; border-radius: 25px; }

/*--------------------------------------------------------------
# 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: 0 !important;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 12px;min-height: 100%;}

.footer-col-spacing-3 img {
    max-width: 150px;
    height: auto;
    display: block;
}
.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 Form */
.newsletter-form {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Newsletter Input */
.newsletter-input {
    font-size: 13px;
    width: calc(100% - 120px);
    border-radius: 20px 0px 0px 20px;
    border: none;
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
    outline: none;
}

.newsletter-input:focus {
    box-shadow: 0 0 0 2px rgba(239, 129, 32, 0.25);
}

/* Newsletter Submit Button */
.newsletter-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 30px;
    border: none;
    border-radius: 0 20px 20px 0;
    background: #ef8120;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-submit:hover:not(:disabled) {
    background: #d6701a;
    transform: translateY(-1px);
}

.newsletter-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Contact Info */
.contact-info-container { margin-top: 20px; margin-bottom: 20px; }
.contact-text { font-size: 12px; margin: 0; }

/* 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 { width: 300px; }

/* Text Alignment */
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }
.text-end { text-align: right !important; }

/* 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;}
}

/*--------------------------------------------------------------
# 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;}

/*--------------------------------------------------------------
# SHARE MODAL STYLES
--------------------------------------------------------------*/
.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-color: #6c757d;color: white;}
.share-action-btn.secondary:hover {background-color: #5a6268;}

/* QR Code Modal (Share 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;}
}
/* ======= 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; }

/* ======= MODERN PRODUCT REVIEWS STYLES ======= */
.product-reviews-section {
    margin-top: 40px;
    padding: 30px 0;
}

.reviews-header {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.reviews-title {
    font-size: 24px;
    font-weight: 600;
    color: #1c486f;
    margin: 0;
    display: flex;
    align-items: center;
}

.reviews-count {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-left: 8px;
}

.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.review-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.review-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

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

.review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1c486f 0%, #ef8120 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    flex-shrink: 0;
}

.author-info {
    flex: 1;
}

.author-name {
    font-weight: 600;
    color: #1c486f;
    font-size: 15px;
    margin-bottom: 4px;
}

.review-date {
    font-size: 13px;
    color: #999;
    display: flex;
    align-items: center;
}

.review-rating {
    display: flex;
    align-items: center;
}

.rating-stars {
    display: flex;
    gap: 3px;
}

.rating-stars .fa-star {
    font-size: 16px;
    color: #ddd;
    transition: all 0.2s ease;
}

.rating-stars .fa-star.active {
    color: #ef8120;
}

.review-content {
    color: #555;
    line-height: 1.7;
    font-size: 14px;
}

.review-content p {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.no-reviews {
    text-align: center;
    padding: 60px 20px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px dashed #ddd;
}

.no-reviews-icon {
    font-size: 48px;
    color: #ccc;
    margin-bottom: 15px;
}

.no-reviews-text {
    font-size: 16px;
    color: #999;
    margin: 0;
}

/* Review Form Styles */
.review-form-section {
    margin-top: 50px;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
}

.review-form-header {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e8e8e8;
}

.review-form-title {
    font-size: 22px;
    font-weight: 600;
    color: #1c486f;
    margin: 0;
    display: flex;
    align-items: center;
}

.review-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    width: 100%;
}

.form-group {
    margin-bottom: 0;
}

.form-label {
    display: block;
    font-weight: 600;
    color: #1c486f;
    margin-bottom: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.review-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: all 0.3s ease;
    background: #fff;
}

.review-textarea:focus {
    outline: none;
    border-color: #1c486f;
    box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);
}

.rating-select-wrapper {
    position: relative;
}

.rating-select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}

.rating-select:focus {
    outline: none;
    border-color: #1c486f;
    box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);
}

.radio-group {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    align-items: center;
}

.radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    margin: 0;
    padding: 0;
}

.radio-label input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0;
}

.radio-custom {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.radio-label input[type="radio"]:checked + .radio-custom {
    border-color: #1c486f;
    background: #1c486f;
}

.radio-label input[type="radio"]:checked + .radio-custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

.radio-text {
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}

.btn-submit-review {
    background: linear-gradient(135deg, #1c486f 0%, #2a5f8f 100%);
    color: #fff !important;
    border: none;
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(28, 72, 111, 0.2);
}

.btn-submit-review,
.btn-submit-review *,
.btn-submit-review i,
.btn-submit-review span {
    color: #fff !important;
}

.btn-submit-review:hover {
    background: linear-gradient(135deg, #2a5f8f 0%, #1c486f 100%);
    box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);
    transform: translateY(-2px);
}

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

.review-login-message {
    text-align: center;
    padding: 60px 20px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px dashed #ddd;
    margin-top: 50px;
}

.login-message-icon {
    font-size: 48px;
    color: #ccc;
    margin-bottom: 15px;
}

.login-message-text {
    font-size: 16px;
    color: #999;
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .product-reviews-section {
        padding: 20px 0;
    }
    
    .reviews-title {
        font-size: 20px;
    }
    
    .review-card {
        padding: 15px;
    }
    
    .review-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .review-form-section {
        padding: 20px;
    }
    
    .radio-group {
        flex-direction: column;
        gap: 15px;
    }
    
    .btn-submit-review {
        width: 100%;
    }
}

.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: none;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%;}
}

/*--------------------------------------------------------------
# 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 - Duplicate removed, using styles above */
/* 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;}
}

/*--------------------------------------------------------------
# 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 Policy) */
.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;}
}

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

/* Login/Register Container */
.auth-page-container {
    background: #ffffff;
    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: #1c486f;
    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: #1c486f;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(28, 72, 111, 0.1);
}

.auth-form-input::placeholder {
    color: #999;
    font-size: 13px;
}

.auth-btn {
    width: 100%;
    padding: 12px;
    background: #1c486f;
    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: #153a5a;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(28, 72, 111, 0.2);
}

.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: #1c486f;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.auth-forgot-link {
    color: #1c486f;
    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: #1c486f;
    margin-right: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.auth-checkbox-group a {
    color: #1c486f;
    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: #1c486f;
}

.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;
    }
}

.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;}
    .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İ
--------------------------------------------------------------*/

/* 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; }

/* Price display */
.favorites-price-container { display: flex; flex-direction: column; }
.favorites-original-price { text-decoration: line-through; color: #999; font-size: 12px; }
.favorites-discounted-price { color: #e74c3c; font-weight: 600; }
.favorites-discount-percentage { color: #e74c3c; font-size: 11px; }

/* Remove button */
.favorites-remove-btn { margin-left: 5px; background-color: #e74c3c; }

/* Empty state */
.empty-favorites-container { padding: 80px 20px; }
.empty-favorites-icon { font-size: 80px; color: #e0e0e0; }
.empty-favorites-title { color: #7f8c8d; font-weight: 400; }
.empty-favorites-text { color: #95a5a6; font-size: 16px; line-height: 1.6; }
.empty-favorites-btn { padding: 12px 30px; border-radius: 25px; font-weight: 500; }

/*--------------------------------------------------------------
# MODAL STYLES
--------------------------------------------------------------*/
.favorites-modal-header { border-bottom: none; padding-bottom: 0; }
.favorites-modal-body { padding: 20px 30px; }
.favorites-modal-icon { font-size: 60px; color: #e74c3c; }
.favorites-modal-title { color: #2c3e50; font-weight: 600; }
.favorites-modal-text { color: #7f8c8d; font-size: 16px; line-height: 1.5; }
.favorites-modal-btn { padding: 12px 30px; border-radius: 25px; }

/*--------------------------------------------------------------
# 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: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    min-height: 100%;
}

.footer-col-spacing-3 img {
    max-width: 150px;
    height: auto;
    display: block;
}
.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 Form */
.newsletter-form {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Newsletter Input */
.newsletter-input {
    font-size: 13px;
    width: calc(100% - 120px);
    border-radius: 20px 0px 0px 20px;
    border: none;
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
    outline: none;
}

.newsletter-input:focus {
    box-shadow: 0 0 0 2px rgba(239, 129, 32, 0.25);
}

/* Newsletter Submit Button */
.newsletter-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 30px;
    border: none;
    border-radius: 0 20px 20px 0;
    background: #ef8120;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-submit:hover:not(:disabled) {
    background: #d6701a;
    transform: translateY(-1px);
}

.newsletter-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Contact Info */
.contact-info-container { margin-top: 20px; margin-bottom: 20px; }
.contact-text { font-size: 12px; margin: 0; }

/* 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 { width: 300px; }

/* Text Alignment */
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }
.text-end { text-align: right !important; }

/* 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;}
}
/*--------------------------------------------------------------
# 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;}
/*--------------------------------------------------------------
# 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 - Duplicate removed, using styles above */
/* 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;}
}

/*--------------------------------------------------------------
# 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 Policy) */
.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;}
}


.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;}
    .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İ
--------------------------------------------------------------*/

/* 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; }

/* Price display */
.favorites-price-container { display: flex; flex-direction: column; }
.favorites-original-price { text-decoration: line-through; color: #999; font-size: 12px; }
.favorites-discounted-price { color: #e74c3c; font-weight: 600; }
.favorites-discount-percentage { color: #e74c3c; font-size: 11px; }

/* Remove button */
.favorites-remove-btn { margin-left: 5px; background-color: #e74c3c; }

/* Empty state */
.empty-favorites-container { padding: 80px 20px; }
.empty-favorites-icon { font-size: 80px; color: #e0e0e0; }
.empty-favorites-title { color: #7f8c8d; font-weight: 400; }
.empty-favorites-text { color: #95a5a6; font-size: 16px; line-height: 1.6; }
.empty-favorites-btn { padding: 12px 30px; border-radius: 25px; font-weight: 500; }

/*--------------------------------------------------------------
# MODAL STYLES
--------------------------------------------------------------*/
.favorites-modal-header { border-bottom: none; padding-bottom: 0; }
.favorites-modal-body { padding: 20px 30px; }
.favorites-modal-icon { font-size: 60px; color: #e74c3c; }
.favorites-modal-title { color: #2c3e50; font-weight: 600; }
.favorites-modal-text { color: #7f8c8d; font-size: 16px; line-height: 1.5; }
.favorites-modal-btn { padding: 12px 30px; border-radius: 25px; }

/*--------------------------------------------------------------
# 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: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    min-height: 100%;
}

.footer-col-spacing-3 img {
    max-width: 150px;
    height: auto;
    display: block;
}
.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 Form */
.newsletter-form {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Newsletter Input */
.newsletter-input {
    font-size: 13px;
    width: calc(100% - 120px);
    border-radius: 20px 0px 0px 20px;
    border: none;
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
    outline: none;
}

.newsletter-input:focus {
    box-shadow: 0 0 0 2px rgba(239, 129, 32, 0.25);
}

/* Newsletter Submit Button */
.newsletter-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 30px;
    border: none;
    border-radius: 0 20px 20px 0;
    background: #ef8120;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-submit:hover:not(:disabled) {
    background: #d6701a;
    transform: translateY(-1px);
}

.newsletter-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Contact Info */
.contact-info-container { margin-top: 20px; margin-bottom: 20px; }
/* 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 { width: 300px; }

/* Text Alignment */
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }
.text-end { text-align: right !important; }

/* 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;}
}

/*--------------------------------------------------------------
# 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;}
/*--------------------------------------------------------------
# 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 - Duplicate removed, using styles above */
/* 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;}
}

/*--------------------------------------------------------------
# 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 Policy) */
.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;}
}

    }
.address-info-text {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.address-info-detail {
    font-size: 12px;
    margin-bottom: 5px;
}

.address-action-buttons {
    position: absolute;
    right: 30px;
    top: 30px;
}

.address-btn {
    font-size: 13px;
    display: inline-block;
    background: #1c486f;
    padding: 5px 35px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.address-btn:hover {
    background: #2a618f;
    color: #fff;
    text-decoration: none;
}

.address-btn + .address-btn {
    margin-right: 30px;
}

/* Bank Account Info */
.bank-account-card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #e5e5ed;
}

.bank-account-title {
    margin-bottom: 15px;
    font-weight: 600;
    color: #1c486f;
    font-size: 16px;
}

.bank-account-detail {
    margin: 0;
    font-size: 14px;
    color: #333;
}

.bank-account-label {
    color: #666;
    min-width: 120px;
    display: inline-block;
}

.bank-account-iban {
    font-family: monospace;
    font-weight: 600;
    color: #1c486f;
}

/*--------------------------------------------------------------
# INC FOLDER STYLES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# NAVBAR STYLES (Desktop)
--------------------------------------------------------------*/
.navbar-top-container {
    padding-top: 6px;
}

.contact-call img {
    width: 22px;
    margin-right: 5px;
}

.contact-call span {
    font-weight: 500;
}

/* Navbar Sosyal Medya Iconları */
.navbar-social-icons {display: inline-flex;align-items: center;gap: 12px;margin-left: 5px;    border-left: 1px solid #aaa;padding-left: 20px;}


.navbar-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.navbar-social-link:hover {
    color: #1c486f;
    background-color: rgba(28, 72, 111, 0.1);
    transform: translateY(-2px);
}

.navbar-hr-container {
    margin-top: -8px;
    margin-bottom: -5px;
}

.navbar-logo-container {
    position: relative;
}

.navbar-search-container {
    align-content: center;
    position: relative;
}

.navbar-actions-container {
    align-content: center;
}

.lang-btn {
    margin-right: 10px;
}

.lang-btn img {
    width: 18px !important;
    height: auto !important;
    max-width: 18px !important;
    display: inline-block !important;
}

.head-icn {
    display: inline-block;
}

.head-icn img {
    width: 17px !important;
    height: auto !important;
    max-width: 17px !important;
    display: inline-block !important;
}

.head-icn img.bag-icon {
    width: 18px !important;
    max-width: 18px !important;
}

.lang-dropdown {
    margin-left: 15px;
    padding-left: 10px;
}

.lang-dropdown img {
    width: 17px !important;
    height: auto !important;
    max-width: 17px !important;
    margin-right: 2px;
    display: inline-block !important;
}

.contact-call img {
    width: 22px !important;
    height: auto !important;
    max-width: 22px !important;
    display: inline-block !important;
}

.navbar-category-container {
    padding: 15px 10px;
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.owl-carousel-category {
    width: 100%;
}

/* Owl Carousel Category Item */
.owl-carousel-category .col-lg-12,
.owl-carousel-category .col-md-12,
.owl-carousel-category .col-12 {
    padding: 5px 8px;
    display: flex;
    align-items: center;
}

/* Navbar Category Link - Özel Stil */
.navbar-category-container .category-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
    width: 100%;
    min-height: 54px;
}

.navbar-category-container .category-link:hover {
    background: rgba(28, 72, 111, 0.05);
}

.navbar-category-container .category-link .row {
    margin: 0;
    align-items: center;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 38px;
}

.navbar-category-container .category-link .col-lg-3,
.navbar-category-container .category-link .col-md-3,
.navbar-category-container .category-link .col-3 {
    padding: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-width: 50px;
    height: 38px;
}

.navbar-category-container .category-link .col-lg-9,
.navbar-category-container .category-link .col-md-9,
.navbar-category-container .category-link .col-9 {
    padding: 0;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    height: 38px;
}

.navbar-category-container .category-link .head-cat {
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 38px;
    margin: 0;
    padding: 0;
}

.category-col-auto {
    margin: auto;
    display: flex;
    align-items: center;
    width: 100%;
}

.offcanvas-menu-icon {
    opacity: 0.45;
    margin-right: 6px;
}

.offcanvas-submenu-icon {
    font-size: 8px;
    margin-right: 6px;
    opacity: 0.45;
}

.whatsapp-icon {
    color: #25D366;
}

/*--------------------------------------------------------------
# FOOTER STYLES
--------------------------------------------------------------*/
.newsletter-message {
    display: none;
}

/* Product Sidebar Additional Styles */
.product-sidebar-item {
    position: relative;
    margin-bottom: 15px;
}

.filter-submit-btn {
    width: 100%;
    margin-top: 10px;
}

/* Blog Sidebar Additional Styles */
.blog-sidebar-img {
    width: 90%;
    border-radius: 10px;
    margin-bottom: 5px;
}

.blog-sidebar-content {
    margin-left: -23px;
}

.blog-sidebar-link {
    color: #636e72;
}

.blog-sidebar-title {
    font-size: 13px;
    font-weight: 600;
}

.blog-sidebar-text {
    font-size: 12px;
}

/* Category Icon */
.category-icon {
    margin-right: 5px;
}

.cat-side-title-sub {
    margin: 0;
}

/*--------------------------------------------------------------
# PROFILE PAGES STYLES
--------------------------------------------------------------*/

/* Profile Sidebar Wrapper - Modern Card Design */
.user-left-rw {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
    margin-bottom: 24px;
    overflow: hidden;
}

/* User Background Image */
.user-left-rw .user-bck {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

/* User Avatar */
.user-left-rw .user-avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    object-fit: cover;
    display: block;
    margin: -45px auto 15px;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}

/* User Name */
.user-left-rw .user-name {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #1c486f;
    margin: 0 0 5px 0;
    padding: 0 20px;
}

/* User Job */
.user-left-rw .user-job {
    text-align: center;
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 20px 0;
    padding: 0 20px;
}

/* Profile Menu Container */
.user-left-rw > a {
    display: block;
    text-decoration: none !important;
    padding: 0 20px;
    margin-bottom: 8px;
}

/* Profile Tab Items */
.user-tab {
    text-decoration: none !important;
    background: #f9fafb;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 8px;
    color: #374151 !important;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-tab:hover {
    background: #f3f4f6;
    color: #1c486f !important;
    text-decoration: none !important;
    transform: translateX(5px);
    border-color: #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.user-tab.active {
    background: linear-gradient(135deg, #1c486f 0%, #2d5a7e 100%);
    color: #ffffff !important;
    padding: 12px 15px 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);
    transform: translateX(5px);
    border-color: #1c486f;
}

.user-tab.active .profile-icon {
    color: #ffffff !important;
}

/* Profile Icon */
.user-tab .profile-icon {
    font-size: 16px;
    color: #6b7280;
    transition: all 0.3s ease;
    width: 20px;
    text-align: center;
}

.user-tab:hover .profile-icon {
    color: #1c486f;
}

.user-tab.active .profile-icon {
    color: #ffffff !important;
}

/* Profile Center Content Area */
.user-center-rw {
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 30px;
    border: 1px solid #e5e7eb;
    margin-left: 0;
    margin-bottom: 24px;
}

/* Profile Page Title */
.user-center-rw .hometitle2 {
    font-size: 24px;
    font-weight: 600;
    color: #1c486f;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e7eb;
}

.user-center-rw hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #e5e7eb;
}

/* Profile Form Styles */
.user-center-rw form {
    background: #f9fafb;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.user-center-rw .form-group {
    margin-bottom: 12px;
}

.user-center-rw .form-group:last-child {
    margin-bottom: 0;
}

/* Profile Form Labels */
.profile-title {
    color: #1c486f;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

/* Profile Form Inputs */
.user-center-rw .form-control {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px 15px;
    font-size: 14px;
    color: #374151;
    transition: all 0.3s ease;
    background: #ffffff;
}

.user-center-rw .form-control:focus {
    border-color: #1c486f;
    box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);
    outline: none;
}

/* Profile Form Checkboxes */
.user-center-rw input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    cursor: pointer;
    accent-color: #1c486f;
}

.user-center-rw label {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
    margin: 0;
}

/* Profile Buttons */
.user-center-rw .btn,
.profile-btn {
    background: linear-gradient(135deg, #1c486f 0%, #2d5a7e 100%);
    color: #ffffff;
    border: none;
    padding: 7px 25px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.user-center-rw .btn:hover,
.profile-btn:hover {
    background: linear-gradient(135deg, #2d5a7e 0%, #1c486f 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);
    color: #ffffff;
    text-decoration: none;
}

.user-center-rw .btn:active,
.profile-btn:active {
    transform: translateY(0);
}

/* Profile Tables */
.user-center-rw .roundedTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.user-center-rw .roundedTable thead {
    background: #1c486f !important;
}

.user-center-rw .roundedTable thead tr {
    background: #1c486f !important;
}

.user-center-rw .roundedTable th {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    padding: 10px 12px;
    text-align: left;
    border: none;
    background: #1c486f !important;
}

.user-center-rw .roundedTable td {
    font-size: 14px;
    color: #374151;
    padding: 10px 12px;
    border-top: 1px solid #e5e7eb;
    background: #ffffff;
}

.user-center-rw .roundedTable tbody tr:hover {
    background: #f9fafb;
}

.user-center-rw .roundedTable tbody tr:last-child td {
    border-bottom: none;
}

/* Profile Container */
.favorites-container,
.profile-container {
    padding: 30px 0;
}

/* Profile Page Container Padding */
.profile-page-container {
    padding: 50px 0;
}

/* Responsive Design */
@media (max-width: 991px) {
    .user-center-rw {
        margin-left: 0;
        margin-top: 24px;
    }
    
    .user-left-rw {
        margin-bottom: 24px;
    }
    
    .user-center-rw {
        padding: 20px;
    }
    
    .user-center-rw form {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .user-center-rw .hometitle2 {
        font-size: 20px;
    }
    
    .user-center-rw {
        padding: 15px;
    }
    
    .user-center-rw form {
        padding: 15px;
    }
    
    .user-left-rw .user-avatar {
        width: 70px;
        height: 70px;
        margin: -35px auto 10px;
    }
    
    .user-left-rw .user-name {
        font-size: 16px;
    }
    
    .user-tab {
        font-size: 13px;
        padding: 10px 12px;
    }
}

/* Profile Modal Styles (Profile Pages) */
#removeFavoriteModal .modal-content {
    border-radius: 15px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

#removeFavoriteModal .modal-header {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border-radius: 15px 15px 0 0;
    color: white;
}

#removeFavoriteModal .btn-close {
    filter: invert(1);
    opacity: 0.8;
}

#removeFavoriteModal .modal-body {
    background: #f8f9fa;
}

#removeFavoriteModal .modal-icon {
    margin-bottom: 20px;
}

#removeFavoriteModal .modal-title {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 15px;
}

#removeFavoriteModal .modal-text {
    color: #7f8c8d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
}

#removeFavoriteModal .modal-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
}

#removeFavoriteModal .btn {
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
}

#removeFavoriteModal .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#removeFavoriteModal .btn-secondary {
    background: #95a5a6;
    border-color: #95a5a6;
}

#removeFavoriteModal .btn-danger {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border-color: #e74c3c;
}

/* Profile Alert Messages */
.user-center-rw .alert {
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.user-center-rw .alert-success {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: white;
}

.user-center-rw .alert-danger {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
}

/* Favorites Product Image */
.favorites-product-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

/* Favorites Price Container */
.favorites-price-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.favorites-original-price {
    text-decoration: line-through;
    color: #9ca3af;
    font-size: 13px;
}

.favorites-discounted-price {
    color: #1c486f;
    font-weight: 600;
    font-size: 16px;
}

.favorites-discount-percentage {
    color: #e74c3c;
    font-size: 12px;
    font-weight: 500;
}

/* Empty Favorites Container */
.empty-favorites-container {
    padding: 60px 20px;
    text-align: center;
}

.empty-favorites-icon {
    font-size: 64px;
    color: #d1d5db;
    margin-bottom: 20px;
}

.empty-favorites-title {
    font-size: 24px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 15px;
}

.empty-favorites-text {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 30px;
    line-height: 1.6;
}

.empty-favorites-btn {
    background: linear-gradient(135deg, #1c486f 0%, #2d5a7e 100%);
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.empty-favorites-btn:hover {
    background: linear-gradient(135deg, #2d5a7e 0%, #1c486f 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(28, 72, 111, 0.3);
    color: #ffffff;
    text-decoration: none;
}

/* Profile Tickets Table */
.user-center-rw .table {
    font-size: 13px;
}

.user-center-rw .table thead {
    background: #1c486f !important;
}

.user-center-rw .table thead th {
    background: #1c486f !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 12px;
    border: none;
}

.user-center-rw .table tbody td {
    font-size: 13px;
    padding: 8px 12px;
    vertical-align: middle;
}

.user-center-rw .table tbody tr {
    border-bottom: 1px solid #e5e7eb;
}

.user-center-rw .table tbody tr:hover {
    background: #f9fafb;
}

.user-center-rw .table .btn-sm {
    padding: 5px 15px;
    font-size: 12px;
}

/*--------------------------------------------------------------
# RETURN EXCHANGE PAGE STYLES
--------------------------------------------------------------*/
.return-exchange-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}

.return-exchange-header {
    border-bottom: 2px solid #1c486f;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.return-exchange-header h2 {
    color: #1c486f;
    font-weight: 600;
    margin: 0;
}

.return-exchange-header p {
    color: #6c757d;
    margin: 10px 0 0 0;
}

.form-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    border-left: 4px solid #1c486f;
}

.form-section h4 {
    color: #1c486f;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 18px;
}

.return-exchange-container .form-group {
    margin-bottom: 20px;
}

.return-exchange-container .form-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
    display: block;
}

.return-exchange-container .form-control,
.return-exchange-container .form-select {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 12px 15px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.return-exchange-container .form-control:focus,
.return-exchange-container .form-select:focus {
    border-color: #1c486f;
    box-shadow: 0 0 0 0.2rem rgba(28, 72, 111, 0.25);
    outline: 0;
}

.return-exchange-container .btn-primary {
    background-color: #1c486f;
    border-color: #1c486f;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.return-exchange-container .btn-primary:hover {
    background-color: #2d5a7e;
    border-color: #2d5a7e;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.return-exchange-container .btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.return-exchange-container .btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.file-upload-area {
    border: 2px dashed #ced4da !important;
    border-radius: 8px;
    padding: 40px 20px !important;
    text-align: center;
    background: #f8f9fa !important;
    transition: all 0.3s ease;
    cursor: pointer !important;
    display: block !important;
    min-height: 150px;
    position: relative;
    width: 100%;
    visibility: visible !important;
    opacity: 1 !important;
}

.file-upload-area:hover {
    border-color: #1c486f;
    background: #f0f2f0;
}

.file-upload-area.dragover {
    border-color: #1c486f;
    background: #e8f5e8;
}

.upload-icon {
    font-size: 48px !important;
    color: #6c757d !important;
    margin-bottom: 15px;
    display: block !important;
    visibility: visible !important;
}

.upload-text {
    color: #6c757d !important;
    font-size: 16px !important;
    margin-bottom: 10px;
    display: block !important;
    visibility: visible !important;
}

.upload-hint {
    color: #999 !important;
    font-size: 14px !important;
    display: block !important;
    visibility: visible !important;
}

.selected-files {
    margin-top: 20px;
}

.file-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    margin-bottom: 10px;
}

.file-info {
    display: flex;
    align-items: center;
}

.file-icon {
    color: #1c486f;
    margin-right: 10px;
    font-size: 18px;
}

.remove-file {
    color: #dc3545;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.remove-file:hover {
    background-color: #f8d7da;
}

.return-exchange-container .table-responsive {
    overflow-x: auto;
    margin-top: 20px;
}

.return-exchange-container .table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.return-exchange-container .table-bordered {
    border: 1px solid #dee2e6;
}

.return-exchange-container .table-bordered th,
.return-exchange-container .table-bordered td {
    border: 1px solid #dee2e6;
    padding: 12px;
}

.return-exchange-container .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    background: #1c486f !important;
    color: #ffffff !important;
}

.return-exchange-container .table tbody tr:hover {
    background-color: #f8f9fa;
}

.return-exchange-container .badge {
    display: inline-block;
    padding: 6px 12px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

.return-exchange-container .bg-warning {
    background-color: #ffc107 !important;
    color: #000;
}

.return-exchange-container .bg-success {
    background-color: #28a745 !important;
    color: #fff;
}

.return-exchange-container .bg-danger {
    background-color: #dc3545 !important;
    color: #fff;
}

.return-exchange-container .bg-secondary {
    background-color: #6c757d !important;
    color: #fff;
}

.return-exchange-container .bg-info {
    background-color: #17a2b8 !important;
    color: #fff;
}

/* Tracking Card Styles (Profile Pages) */
.tracking-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.tracking-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.tracking-label {
    font-weight: 600;
    color: #1c486f;
}

.tracking-list {
    margin-top: 16px;
}

.tracking-list-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.tracking-time {
    color: #666;
    white-space: nowrap;
}

/* Return Exchange Additional Styles (Profile Pages) */
.return-exchange-icon,
.form-section-icon,
.new-request-icon {
    margin-right: 10px;
    color: #1c486f;
}

.alert-icon {
    margin-right: 8px;
}

.required-asterisk {
    color: #dc3545;
}

.upload-description {
    color: #6c757d;
    margin-bottom: 20px;
}

.file-input-hidden {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.btn-icon {
    margin-right: 8px;
}

.new-request-section {
    margin: 40px 0 20px 0;
    padding-top: 30px;
    border-top: 2px solid #e9ecef;
}

.new-request-section h3 {
    color: #1c486f;
    margin-bottom: 10px;
}

.new-request-section p {
    color: #6c757d;
    margin-bottom: 0;
}

.tracking-btn-wrapper {
    margin-top: 6px;
}

/*--------------------------------------------------------------
# CONTACT PAGE STYLES
--------------------------------------------------------------*/

/* Success Modal Styles (Contact Page) */
.success-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.success-modal-content {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transform: scale(0.9);
    animation: modalSlideIn 0.4s ease-out forwards;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@keyframes modalSlideIn {
    from {
        transform: scale(0.9) translateY(-50px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

.success-modal-header {
    background: linear-gradient(135deg, #28a745, #20c997);
    padding: 30px 30px 20px;
    text-align: center;
    position: relative;
}

.success-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.success-icon i {
    font-size: 40px;
    color: white;
}

.pulse-animation {
    animation: pulse 0.6s ease-in-out;
}

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

.success-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    cursor: pointer;
    transition: color 0.3s ease;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-modal-close:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
}

.success-modal-body {
    padding: 30px;
    text-align: center;
}

.success-title {
    color: #2c3e50;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.success-message {
    color: #6c757d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.success-details {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    border-left: 4px solid #28a745;
}

.success-detail-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #495057;
    font-size: 14px;
}

.success-detail-item:last-child {
    margin-bottom: 0;
}

.success-detail-item i {
    color: #28a745;
    margin-right: 10px;
    width: 16px;
}

.success-modal-footer {
    padding: 0 30px 30px;
    text-align: center;
}

.success-btn {
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.success-btn:hover {
    background: linear-gradient(135deg, #218838, #1ea085);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
}

.success-btn i {
    font-size: 18px;
}

/* Social Media Links */
.social-link.linkedin {
    background: linear-gradient(45deg, #0077b5, #00a0dc);
    color: white;
}

.social-link.linkedin:hover {
    background: linear-gradient(45deg, #005885, #0077b5);
    transform: translateY(-2px);
}

.social-link.pinterest {
    background: linear-gradient(45deg, #e60023, #ff4757);
    color: white;
}

.social-link.pinterest:hover {
    background: linear-gradient(45deg, #cc001f, #e60023);
    transform: translateY(-2px);
}

.social-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Responsive */
@media (max-width: 576px) {
    .success-modal-content {
        width: 95%;
        margin: 20px;
    }
    
    .success-modal-header {
        padding: 25px 20px 15px;
    }
    
    .success-icon {
        width: 70px;
        height: 70px;
    }
    
    .success-icon i {
        font-size: 35px;
    }
    
    .success-modal-body {
        padding: 25px 20px;
    }
    
    .success-title {
        font-size: 20px;
    }
    
    .success-message {
        font-size: 14px;
    }
    
    .success-modal-footer {
        padding: 0 20px 25px;
    }
    
    .success-btn {
        padding: 12px 30px;
        font-size: 14px;
    }
}

/* Contact Page Additional Styles (Contact Page) */
.contact-header-container {
    padding: 20px 0;
}

.contact-map {
    border: 0;
}

/*--------------------------------------------------------------
# MOBILE NAVBAR STYLES
--------------------------------------------------------------*/
/* Hide desktop navbar on mobile */
@media (max-width: 991px) {
    .desktop-navbar,
    .desktop-offcanvas,
    .navbar-category-container {
        display: none !important;
    }
}

/* Mobile Navbar */
.mobile-navbar {
    display: none;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 15px;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
    .mobile-navbar {
        display: block;
    }
}

.mobile-navbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.mobile-logo img {
    height: 35px;
    width: auto;
}

.mobile-navbar-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-nav-icon {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #1c486f;
    font-size: 18px;
}

.mobile-nav-icon img {
    width: 20px;
    height: 20px;
}

.mobile-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dc3545;
    color: #fff;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 600;
    min-width: 18px;
    text-align: center;
}

.mobile-search-container {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.mobile-search-input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
}

.mobile-search-results {
    margin-top: 8px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    list-style: none;
    padding: 0;
}

/* Mobile Full Screen Menu */
.mobile-full-menu.offcanvas {
    width: 100vw;
    max-width: 100vw;
}

.mobile-full-menu .offcanvas-header {
    border-bottom: 1px solid #e5e7eb;
    padding: 20px;
}

.mobile-full-menu .offcanvas-title {
    font-size: 20px;
    font-weight: 600;
    color: #1c486f;
}

.mobile-full-menu .offcanvas-body {
    padding: 20px;
}

.mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-item {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-menu-link {
    display: block;
    padding: 15px 0;
    color: #374151;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.mobile-menu-link:hover {
    color: #1c486f;
}

.mobile-submenu {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    background: #f9fafb;
    padding: 10px 0 10px 20px;
}

.mobile-submenu li {
    padding: 8px 0;
}

.mobile-submenu a {
    color: #6b7280;
    font-size: 14px;
    text-decoration: none;
}

.mobile-submenu a:hover {
    color: #1c486f;
}

/*--------------------------------------------------------------
# MOBİL UYUMLULUK GENEL DÜZELTMELERİ
--------------------------------------------------------------*/

/* Tüm resimler için responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Tablolar için responsive */
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        width: 100%;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    
    /* Tüm tablolar için */
    table {
        min-width: 600px;
        width: 100%;
        display: table;
    }
    
    /* Tablo hücrelerinde text wrap */
    table td, table th {
        white-space: nowrap;
        padding: 8px 4px;
        font-size: 12px;
    }
    
    /* Özel tablolar için */
    .roundedTable {
        min-width: 600px;
        width: 100%;
    }
    
    .roundedTable td,
    .roundedTable th {
        padding: 8px 4px;
        font-size: 12px;
    }
    
    /* Profile sayfalarındaki tablolar */
    /* Favoriler tablosu - Mobilde scroll yapılabilir */
    .favorites-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .user-center-rw {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .favorites-table {
        min-width: 600px;
        width: 100%;
    }
    
    .user-center-rw .roundedTable,
    .user-center-rw .table {
        min-width: 600px;
        width: 100%;
    }
    
    .user-center-rw .roundedTable td,
    .user-center-rw .roundedTable th,
    .user-center-rw .table td,
    .user-center-rw .table th {
        padding: 8px 4px;
        font-size: 12px;
    }
    
    /* Favoriler tablosu - Mobilde butonlar ve görseller */
    .favorites-product-image {
        max-width: 60px !important;
        height: auto !important;
    }
    
    .favorites-remove-btn,
    .profile-btn {
        font-size: 11px !important;
        padding: 5px 10px !important;
        white-space: nowrap !important;
        margin: 2px 0 !important;
        display: block !important;
        width: 100% !important;
    }
    
    .favorites-table td.text-center {
        white-space: nowrap !important;
    }
}

/* Form input'ları için mobil düzenlemeler */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="search"],
    select,
    textarea {
        width: 100% !important;
        font-size: 16px !important; /* iOS zoom önleme */
        padding: 12px 15px !important;
        box-sizing: border-box;
    }
    
    .form-control {
        width: 100% !important;
        font-size: 16px !important;
    }
}

/* Butonlar için touch-friendly boyutlar */
@media (max-width: 768px) {
    .btn {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 20px;
        font-size: 14px;
        touch-action: manipulation;
    }
    
    .btn-sm {
        min-height: 40px;
        min-width: 40px;
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .btn-lg {
        min-height: 48px;
        padding: 14px 24px;
        font-size: 16px;
    }
}

/* Küçük font boyutlarını mobilde düzelt */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    .btn1 {
        font-size: 14px !important;
        padding: 8px 15px !important;
    }
    
    .storebtn {
        font-size: 14px !important;
        padding: 10px 25px !important;
    }
    
    .web-cst-title,
    .web-cst-title2 {
        font-size: 14px !important;
    }
    
    /* Hometitle - Mobil uyumlu */
    .hometitle {
        font-size: 22px !important;
        color: #1c486f !important;
        font-weight: 500 !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }
    
    .hometitle2 {
        font-size: 18px !important;
        color: #1c486f !important;
        font-weight: 500 !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }
    
    /* Hometitle modifier classes - Mobil */
    .hometitle.home-title-center {
        text-align: center !important;
    }
    
    .hometitle.home-title-left {
        text-align: left !important;
    }
    
    .hometitle2.home-title-center {
        text-align: center !important;
    }
    
    .hometitle2.home-title-left {
        text-align: left !important;
    }
    
    /* Hometitle-blog - Mobil uyumlu */
    .hometitle-blog {
        font-size: 20px !important;
        color: #227179 !important;
        font-weight: 400 !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }
    
    /* Çok Satanlar carousel - Mobilde ok tuşlarını gizle */
    #owl-carousel2 .owl-nav {
        display: none !important;
    }
    
    /* Ürün video butonu - Mobilde genişlik düzeltmesi */
    .vplay {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 15px !important;
    }
    
    .vplay .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .vplay .col-3,
    .vplay .col-9 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .vbtn {
        font-size: 13px !important;
        margin-left: 5px !important;
    }
    
    .vicn {
        font-size: 28px !important;
        margin-right: 5px !important;
    }
    
    /* Sepete Ekle ve Miktar Seçici - Mobilde aralarında boşluk */
    .quantity-selector {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        background-color: #ed1c24 !important;
        padding: 10px 15px !important;
        border-radius: 10px !important;
        height: 45px !important;
        min-height: 45px !important;
        box-sizing: border-box !important;
    }
    
    .quantity-selector button {
        background-color: transparent !important;
        border: none !important;
        color: white !important;
        font-size: 20px !important;
        cursor: pointer !important;
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        min-width: 30px !important;
        padding: 0 5px !important;
        flex-shrink: 0 !important;
    }
    
    .quantity-selector input {
        background: #ed1c24 !important;
        border: none !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        text-align: center !important;
        width: 50px !important;
        border-radius: 5px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Miktar seçici içeren col-5 için margin-bottom */
    .col-5 form {
        margin-bottom: 15px !important;
    }
    
    .sepete-ekle {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 45px !important;
        min-height: 45px !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Benzer Ürünler - Mobilde ürünler arası boşluk */
    .container-fluid.rw .row .col-12 .pro-list-rw {
        margin-bottom: 25px !important;
    }
    
    .container-fluid.rw .row .col-12:last-child .pro-list-rw {
        margin-bottom: 0 !important;
    }
}

/* Padding ve margin düzenlemeleri */
@media (max-width: 768px) {
    .container-fluid.rw {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .page-rw {
        padding: 20px 10px 40px 10px !important;
    }
    
    .campaign-content {
        padding-left: 0 !important;
        padding-top: 20px !important;
    }
    
    /* Kampanyalar bölümü - üstteki row'larla aynı genişlik */
    .container-fluid.rw .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .campaign-section-left,
    .campaign-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Sepet sayfası - Sepetim alanı genişliği breadcrumb ile eşit */
    .container-fluid.rw .col-lg-9,
    .container-fluid.rw .col-md-9,
    .container-fluid.rw .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Sepetim içindeki row ve col'lar için padding sıfırla */
    .container-fluid.rw .row .col-lg-12,
    .container-fluid.rw .row .col-md-12,
    .container-fluid.rw .row .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Sepetim içindeki inline padding'leri override et */
    .container-fluid.rw [style*="padding-left"] {
        padding-left: 0 !important;
    }
    
    /* Sepet sayfası - Güncelle butonu mobil uyum */
    .update-quantity-btn {
        font-size: 12px !important;
        padding: 5px 10px !important;
        white-space: nowrap !important;
        margin-left: 5px !important;
    }
    
    /* Sepet sayfası - Miktar seçici alanı mobil uyum */
    p[style*="display: flex"] {
        flex-wrap: wrap !important;
        gap: 5px !important;
    }
    
    .quantity-input {
        max-width: 60px !important;
        font-size: 14px !important;
    }
    
    .quantity-btn {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
        padding: 0 !important;
    }
    
    /* Sepet sayfası - Ürünü Sil linki mobil uyum */
    .cartDelete {
        font-size: 12px !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
    }
    
    .cartDelete i {
        font-size: 14px !important;
    }
    
    /* Ürünü Sil col genişliği mobilde */
    .col-lg-3.col-md-3.col-3[style*="text-align-last: right"] {
        padding-right: 10px !important;
        text-align: right !important;
    }
}

/* Modal ve popup'lar için mobil düzenlemeler */
@media (max-width: 768px) {
    .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    .modal-content {
        border-radius: 10px;
    }
    
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 15px;
    }
    
    .qr-modal-content {
        max-width: 90% !important;
        width: 90% !important;
        padding: 20px !important;
    }
}

/* Navbar mobil düzenlemeleri */
@media (max-width: 768px) {
    .navbar-actions-container {
        padding: 0 5px;
    }
    
    .navbar-search-container {
        padding: 0 5px;
    }
    
    .navbar-logo-container {
        padding: 0 5px;
    }
}

/* Slider mobil düzenlemeleri */
@media (max-width: 768px) {
    .slider-detail {
        width: 80% !important;
        left: 10% !important;
        right: 10% !important;
        font-size: 14px !important;
    }
    
    .carousel-control-left,
    .carousel-control-right {
        bottom: 20% !important;
    }
}

/* Product card mobil düzenlemeleri */
@media (max-width: 768px) {
    .product-card {
        margin-bottom: 20px;
    }
    
    .product-card img {
        width: 100%;
        height: auto;
    }
}

/* Sidebar mobil düzenlemeleri */
@media (max-width: 768px) {
    .product-sidebar-wrapper {
        margin-bottom: 20px;
        padding: 15px;
    }
    
    .sidebar-search-input {
        font-size: 16px;
    }
}


/* Footer mobil düzenlemeleri */
@media (max-width: 768px) {
    .footer {
        padding: 30px 15px;
    }
    
    .footer-col-spacing {
        margin-bottom: 30px;
    }
}