/* --------------------------------------------------------
  |  Author :  RGB Creative Agency
----------------------------------------------------------- */

/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.header { position: relative;left: 0;top: 0;width: 100%;background: #fff;margin-bottom:1px;}
@media only screen and (max-width: 767px) {
    .logo{width:150px;}
    .head-social{display:inline-block;vertical-align: middle; padding: 0 2px; color:#8f59bf;transition:0.5s;}
    .contact-head {font-size:12px;color:#460a61;margin-right:5px;transition:0.5s;}
}
@media only screen and (min-width: 767px) {
    .logo {width:190px}
    .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;}
    .contact-head {font-size:12px;color:#460a61;margin-right:40px;transition:0.5s;}
}

/*--------------------------------------------------------------
# TOP HEADER
--------------------------------------------------------------*/
.head-social:hover {color:#000;transition:0.5s;}
.head-social:last-child {margin-right: 0;}

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

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

/*--------------------------------------------------------------
# HOME SLIDER
--------------------------------------------------------------*/
.carousel-item:after { left: 0; top: 0; width: 100%; height: 100%; }
.fill { width: 100%;  background-position: center;  -webkit-background-size: cover;  -moz-background-size: cover;  background-size: cover;  -o-background-size: cover;  overflow:hidden;}
.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:225px;border-radius:10px;}
    .slider-detail {position: absolute;color: #692c89;top: 36%;left: 7%;width: 80%;font-size: 26px;font-weight: 800;letter-spacing: 1px;}
    .carousel-caption {position: absolute;text-align: left;line-height: 17px;font-size: 19px;font-weight: 800;color: #fff;top: 23%;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 {position: absolute;left: 15%;font-size:28px;font-weight:700;color:#692c89;top:46%;text-align:left;width:75%;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;}
    .slider-detail {position: absolute;color: #692c89;top: 56%;left: 15%;right: 20%;width: 41%;font-size: 40px;font-weight: 800;letter-spacing: 1px;}

}

/*--------------------------------------------------------------
# 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:#8f59bf;color:#fff;border:solid 1px #fff;padding:7px 20px;border-radius:5px;}
.btnfull:hover {background-color:#fff;text-decoration:none; color:#8f59bf;border:solid 1px #8f59bf;}
.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;}
.home-rw1 {background:#fff4ea;border-radius: 20px;padding: 15px;}
.home-rw2 {background:#ebf7f0;border-radius: 20px;padding: 15px;}
.home-rw3 {background:#eaf1fb;border-radius: 20px;padding: 15px;}
.home-rw4 {background:#feecec;border-radius: 20px;padding: 15px;}
.home-feature {width:80px;}
.home-feature-title {margin-left: 10px;font-size: 19px;font-weight: 500;color: #000;}
@media only screen and (max-width: 767px) {
    .home-feature-title {text-align:center;margin-left:0;margin-right:0;font-size: 11px;font-weight: 600;color: #000;}
    .home-feature {width:45px;}

}
.blog-sidebar {background: #f1f5fb; border-radius: 8px;padding:15px 5px;margin-left:0;margin-right:0;margin-bottom:15px;padding-right:0;}
.blog-sidebar:hover {background:#e8f2ff}

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

    .mobgiz { display:none!important;   }
    .breadcrumb {display:none;}
    .sem-rw {    background: #e8f6f6;border-radius: 15px;}
    
    .pro-list-heart {
        position: absolute;
        background: transparent;
        top: 7%;
        right: 11%;
        width: 25px !important;
        transition: 0.5s;
    }

    .btn1 {position:absolute;top:72%;left:6%;text-decoration:none; background-color:#8f59bf;color:#fff;padding:5px 17px;border-radius:3px;font-size:13px;font-weight: 500;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:10px;width:98%;margin-top:10px;}
    .bread-icon {padding-right:40px;color:#8f59bf;margin-left: -10px;}
    .bread-title {margin-top: -103px;
        font-size: 16px;
        margin-left: 39px;
        font-weight: 800;
        /* line-height: 21px; */
        justify-content: center;
        display: flex;
        align-items: center;}
    .blog-img {width:100%;height:105px;border-radius:7px;}
    .blog-img2 {width: 71px;height: 61px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 75px;left: 35px;}
    .blog-rw2 {border-radius:7px;margin-bottom:45px;}
    .blog-rw3 {margin-bottom:35px;}
    .hometitle-blog{font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .blog-like {text-align-last: right;}
    .blog-top {padding-top:30px;}
    .bubble {width:100%;}
    .bubble2 {width:100%;}
    .frmisim {padding-left:0;padding-right:2px;}
    .frmmail {padding-left:2px;padding-right:0;}
    .frmmesaj {padding-left:0;padding-right:0;}
    .biz-rw {}
    .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: 81%;left: 15%;text-decoration: none;background-color: #8f59bf;color: #fff;border-radius: 7px;transition: 0.5s;height: 50px;width: 183px;align-content: center;text-align: center;font-weight: 600;}
        .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 {margin-left: 1% !important;margin-right: 1% !important;border-radius: 5px;width: 98%;margin-top: 10px;}
        .bread-icon {padding-right:15px;color:#000;}
        .bread-title {margin-top: -155px;font-size: 37px;margin-left: 96px;font-weight: 800;}
        .blog-img {width:100%;height:500px;border-radius:7px;}
        .blog-img2 {width: 100px;height: 100px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 165px;left: 50px;}
        .blog-rw2 {padding:0 20px;border-radius:15px;margin-bottom:70px;}
        .blog-rw3 {padding-top:10px;border-radius:15px;margin-bottom:35px;}
        .hometitle-blog{font-size:25px;color: #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: 137px;}
  #owl-carousel1 .owl-next { top:110%; right: 140px; }

  .navbar {margin-left:1%;margin-right:1%;margin-bottom:5px;padding:3px 0 0 0;background: #fff;}
  .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;background: #fff;}
  .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:15px 15px 0 0;}
.prod-cat-title {font-size:15px;font-weight:600;margin-top:0px;}
.prod-cat-price {position:absolute;top:-78px;left:40px;font-size:18px;font-weight:800;color:#8f59bf;}
.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;}
.slg-title {text-align: center;background: rgba(255, 255, 255, 0.6);width: 60%;margin-left: 20%;padding: 50px;font-size: 30px;font-weight: 700;border-radius: 25px;}

.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;}
.home-bag-btn {display:block;background:#cad0e9;border:hidden;margin-top:2px;border-radius: 0 0 7px 7px;width:90%;margin-left:5%;border-radius:0 0 15px 15px;text-align:center;color:#fff;padding:12px;font-size:15px;font-weight:600;}
/* 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: 12px 25px;font-size: 16px;border: 1px solid #ddd;border-radius: 40px;background: #fff;outline: none;transition: border-color 0.3s ease;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
.search-input:focus {border-color: #1c486f;box-shadow: 0 4px 12px rgba(28, 72, 111, 0.15);}
.search-results {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);max-height: 300px;overflow-y: auto;z-index: 1000;display: none;margin-top: 5px;}
.search-results.show {display: block;}
.search-result-item {display: flex;align-items: center;padding: 12px 20px;border-bottom: 1px solid #f1f1f1;cursor: pointer;transition: background-color 0.2s ease;}
.search-result-item:last-child {border-bottom: none;}
.search-result-item:hover {background-color: #f8f9fa;}
.search-result-item img {width: 40px;height: 40px;object-fit: cover;border-radius: 6px;margin-right: 12px;}
.search-result-item span {color: #333;font-size: 14px;}
.search-result-item a {text-decoration: none;color: inherit;display: flex;align-items: center;width: 100%;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pulse {
  animation: pulse 0.3s ease;
}

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

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

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

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

/* İletişim Bilgileri */
.contact-info-section {background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);height: 100%;}
.contact-info-title {font-size: 24px;font-weight: 600;color: #333;margin-bottom: 25px;text-align: center;}
.contact-info-item {display: flex;align-items: flex-start;margin-bottom: 25px;padding: 15px;border-radius: 8px;transition: all 0.3s ease;}
.contact-info-item:hover {background: #f8f9fa;transform: translateX(5px);}
.contact-icon {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); } }

/*--------------------------------------------------------------
# CATEGORY TREE (SIDEBAR)
--------------------------------------------------------------*/
.category-inp {padding-left: 0;}
.category-tree {list-style: none;margin: 0;padding-left: 0;}
.category-tree > .category-item {margin-bottom: 6px;}
.category-item {line-height: 1.3;}
.category-item.has-children > .category-link {font-weight: 600;}
.category-item .category-tree {margin-top: 6px;margin-left: 14px;border-left: 1px dashed #e3e6ea;padding-left: 10px;}
.category-link {display: inline-flex;align-items: center;gap: 6px;color: #333;text-decoration: none;}
.category-link:hover {color: #1c486f;}
.category-link.active {color: #1c486f;}
.category-name {white-space: nowrap;}
.category-count {color: #888;font-size: 12px;}

@media (max-width: 768px) {
  .category-item .category-tree {margin-left: 10px;}
}

/*--------------------------------------------------------------
# LOGIN PAGE STYLES
--------------------------------------------------------------*/
.login-container {max-width: 1200px;margin: 0 auto;padding: 40px 15px;}
.login-card {background: #fff;border-radius: 15px;box-shadow: 0 8px 25px rgba(0,0,0,0.1);padding: 40px;margin-bottom: 30px;border: 1px solid #f0f0f0;}
.login-card h2 {color: #1c486f;font-weight: 600;margin-bottom: 25px;text-align: center;font-size: 28px;}
.login-form-bg {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 10px;padding: 30px;border: 1px solid #e0e0e0;}
.form-group {margin-bottom: 20px;}
.form-group label {color: #333;font-weight: 500;margin-bottom: 8px;display: block;font-size: 14px;}
.form-control {border: 2px solid #e0e0e0;border-radius: 8px;padding: 12px 15px;font-size: 14px;transition: all 0.3s ease;background: #fff;}
.form-control:focus {border-color: #1c486f;box-shadow: 0 0 0 3px rgba(28, 72, 111, 0.1);outline: none;}
.btn3 {background: linear-gradient(135deg, #1c486f 0%, #2c5aa0 100%);color: #fff;border: none;padding: 12px 30px;border-radius: 8px;font-weight: 500;font-size: 14px;transition: all 0.3s ease;cursor: pointer;width: 100%;}
.btn3:hover {background: linear-gradient(135deg, #153a5c 0%, #1e4a7a 100%);transform: translateY(-2px);box-shadow: 0 4px 15px rgba(28, 72, 111, 0.3);}
.login-options {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;flex-wrap: wrap;gap: 10px;}
.remember-me {display: flex;align-items: center;gap: 8px;}
.remember-me input[type="checkbox"] {width: 16px;height: 16px;accent-color: #1c486f;}
.forgot-password {color: #1c486f;text-decoration: none;font-size: 13px;font-weight: 500;transition: color 0.3s ease;}
.forgot-password:hover {color: #153a5c;text-decoration: underline;}
.register-form-bg {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 10px;padding: 30px;border: 1px solid #e0e0e0;}
.register-checkbox {display: flex;align-items: flex-start;gap: 8px;margin-bottom: 20px;}
.register-checkbox input[type="checkbox"] {width: 16px;height: 16px;accent-color: #1c486f;margin-top: 2px;}
.register-checkbox label {margin: 0;font-size: 13px;color: #666;line-height: 1.4;}
.register-checkbox a {color: #1c486f;text-decoration: none;}
.register-checkbox a:hover {text-decoration: underline;}
.login-divider {text-align: center;margin: 30px 0;position: relative;}
.login-divider::before {content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #e0e0e0;}
.login-divider span {background: #fff;padding: 0 20px;color: #666;font-size: 14px;}

/* Responsive */
@media (max-width: 768px) {
  .login-container {padding: 20px 10px;}
  .login-card {padding: 25px;margin-bottom: 20px;}
  .login-card h2 {font-size: 24px;}
  .login-form-bg, .register-form-bg {padding: 20px;}
  .login-options {flex-direction: column;align-items: flex-start;gap: 15px;}
}

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

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

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

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

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

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

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

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

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

/* 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: 30px; }
.footer-col-spacing-4 { margin-top: 20px; margin-bottom: 20px; }
.footer-col-spacing-5 { margin-top: -40px; }
.footer-col-spacing-6 { margin-top: 10px; }

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

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

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

/* Contact Info */
.contact-info-container { margin-top: 20px; margin-bottom: 20px; }
.contact-icon { font-size: 15px; 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-last: right; }
.text-align-center { text-align: center; }

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

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

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

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

/* Section spacing */
.home-section-spacing { margin-top: 10px; }
.home-section-spacing-large { margin-top: 100px; }
.home-section-spacing-xlarge {}


@media (max-width: 767px) {
    .home-section-spacing-large { margin-top: 40px; }
    .home-section-spacing-xlarge { margin-top: 80px; }

}

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

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

/* Feature content alignment */
.feature-content-center { margin: auto; }

/* 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: 100%;border-radius: 15px;}
.campaign-content {padding-left: 50px;}
.campaign-all-link {margin: auto;}
.campaign-all-text {text-align: right;}
.home-cat-title { position: absolute;bottom: 1%;left: 8%;font-size: 23px;font-weight: 700;}
/* Responsive */
@media (max-width: 576px) {
    .home-cat-title { position: absolute;top: 110%;left: 8%;font-size: 12px;font-weight: 700;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ======= CATEGORIES DROPDOWN MENU STYLES ======= */
.categories-dropdown {
    position: relative;
    display: inline-block;
}

.categories-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    width: 320px;
    max-height: 500px;
    overflow-y: auto;
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    padding: 10px 0;
    margin-top: 5px;
}

.category-dropdown-item {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f5f5f5;
}

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

.category-dropdown-item:hover {
    background-color: #f8f9fa;
    color: #333;
    text-decoration: none;
}

.category-item-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category-image {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.category-image::before {
    content: "📂";
    font-size: 18px;
    position: absolute;
    z-index: 1;
    opacity: 0.7;
    color: #6c757d;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
    background: white;
}

.category-info {
    flex: 1;
    min-width: 0;
}

.category-name {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    display: block;
}

.no-categories {
    padding: 20px;
    text-align: center;
    color: #666;
    font-style: italic;
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .categories-dropdown-menu {
        width: 280px;
        max-height: 450px;
    }
    
    .category-dropdown-item {
        padding: 10px 12px;
    }
    
    .category-image {
        width: 28px;
        height: 28px;
    }
    
    .category-name {
        font-size: 12px;
    }
}

/* ======= CATEGORIES DROPDOWN MENU STYLES END ======= */

/* ======= MUTLU MÜŞTERİLER STYLES ======= */
.customer-review-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.customer-review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.customer-review-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.customer-review-avatar {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #1c486f, #2c5aa0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.customer-review-avatar i {
    font-size: 24px;
    color: #fff;
}

.customer-review-info {
    flex: 1;
}

.customer-review-name {
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 5px 0;
    line-height: 1.3;
}

.customer-review-job {
    font-size: 14px;
    color: #7f8c8d;
    margin: 0 0 3px 0;
    font-weight: 500;
}

.customer-review-date {
    font-size: 12px;
    color: #95a5a6;
    margin: 0;
}

.customer-review-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5a6c7d;
    margin: 0;
    flex: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .customer-review-card {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .customer-review-avatar {
        width: 45px;
        height: 45px;
    }
    
    .customer-review-avatar i {
        font-size: 20px;
    }
    
    .customer-review-name {
        font-size: 15px;
    }
    
    .customer-review-job {
        font-size: 13px;
    }
    
    .customer-review-text {
        font-size: 13px;
    }
}

/* ======= MUTLU MÜŞTERİLER STYLES END ======= */

/* ======= WHATSAPP FLOATING BUTTON STYLES ======= */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    animation: whatsapp-pulse 2s infinite;
}

.whatsapp-btn {
    display: flex;
    align-items: center;
    background-color: #25d366;
    color: white;
    padding: 12px 16px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    font-weight: 500;
    font-size: 14px;
}

.whatsapp-btn:hover {
    background-color: #128c7e;
    color: white;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

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

.whatsapp-text {
    font-size: 14px;
    font-weight: 500;
}

@keyframes whatsapp-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 15px;
        right: 15px;
    }
    
    .whatsapp-btn {
        padding: 10px 14px;
        font-size: 13px;
    }
    
    .whatsapp-btn i {
        font-size: 18px;
        margin-right: 6px;
    }
    
    .whatsapp-text {
        font-size: 13px;
    }
}

/* ======= WHATSAPP FLOATING BUTTON STYLES END ======= */

/* ======= HAMBURGER SIDE MENU STYLES ======= */

/* Hamburger Button - Desktop */
.hamburger-menu-btn.desktop-hamburger {
    background: white !important;
    border: none !important;
    color: #1c486f !important;
    font-size: 16px !important;
    margin-left: 15px !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    padding: 12px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: 0 4px 15px rgba(19, 72, 111, 0.07) !important;
    position: relative !important;
    overflow: hidden !important;
    width: 45px !important;
    height: 45px !important;
    align-items: center !important;
    justify-content: center !important;
}



/* Hamburger Button - Mobile */
.hamburger-menu-btn.mobile-hamburger {
    background: white !important;
    border: none !important;
    color: #1c486f !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 10px !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(28, 72, 111, 0.2) !important;
}

.hamburger-menu-btn i {
    font-size: 18px !important;
    color: #1c486f !important;
    transition: all 0.3s ease !important;
}



.hamburger-menu-btn.desktop-hamburger:hover {
    color: #1c486f !important;
    background: white !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: none !important;
}

.hamburger-menu-btn.desktop-hamburger:hover i {
    color: #1c486f !important;
    transform: scale(1.1) !important;
}

.hamburger-menu-btn.mobile-hamburger:hover {
    transform: translateY(-50%) scale(1.05) !important;
    box-shadow: none !important;
}



.hamburger-menu-btn:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Side Menu Overlay */
.side-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(2px);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.side-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Side Menu */
.side-menu {
    position: fixed;
    top: 0;
    right: -30%;
    width: 30%;
    height: 100%;
    background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    z-index: 9999;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: -15px 0 40px rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.side-menu.active {
    right: 0;
    transform: translateX(0);
}

/* Side Menu Header */
.side-menu-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);
    color: white;
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.side-menu-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
        linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.02) 50%, transparent 70%);
    opacity: 0.8;
}

.side-menu-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.08"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.08"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.06"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.06"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.06"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.4;
}



.side-menu-close {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 16px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.side-menu-close:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.6);
    transform: rotate(90deg) scale(1.15);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Side Menu Content */
.side-menu-content {
    padding: 20px 0;
    background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    position: relative;
}

.side-menu-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 10% 20%, rgba(70, 10, 97, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(28, 72, 111, 0.02) 0%, transparent 50%);
    pointer-events: none;
}

.side-menu-section {
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.side-menu-section h4 {
    font-size: 16px;
    font-weight: 600;
    color: white;
    margin: 0 0 15px 0;
    padding: 0 20px;
    border-bottom: 2px solid transparent;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.side-menu-section h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #ffffff, #cccccc);
    border-radius: 1px;
}

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

.side-menu-list li {
    margin: 0;
    position: relative;
}

.side-menu-list a {
    display: block;
    padding: 15px 20px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid transparent;
    position: relative;
    overflow: hidden;
    border-radius: 0 20px 20px 0;
    margin-right: 10px;
}

.side-menu-list a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.side-menu-list a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: all 0.3s ease;
}

.side-menu-list a:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    color: white;
    border-left-color: white;
    padding-left: 30px;
    transform: translateX(5px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    font-weight: 600;
}

.side-menu-list a:hover::before {
    left: 100%;
}

.side-menu-list a:hover::after {
    transform: translateY(-50%) scale(1);
}

/* Alt menü stilleri */
.sub-menu-item {
    padding-left: 20px !important;
}

.sub-menu-item a {
    font-size: 13px !important;
    color: #cccccc !important;
    font-weight: 400 !important;
    border-radius: 0 15px 15px 0 !important;
    margin-right: 15px !important;
}

.sub-menu-item a:hover {
    color: white !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important;
    transform: translateX(3px) !important;
}

.sub-menu-item a::after {
    background: #cccccc !important;
    width: 3px !important;
    height: 3px !important;
}

/* Alt-alt menü stilleri (3. seviye) */
.sub-sub-menu-item {
    padding-left: 35px !important;
}

.sub-sub-menu-item a {
    font-size: 12px !important;
    color: #aaaaaa !important;
    font-weight: 400 !important;
    border-radius: 0 12px 12px 0 !important;
    margin-right: 20px !important;
}

.sub-sub-menu-item a:hover {
    color: white !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
    transform: translateX(2px) !important;
}

.sub-sub-menu-item a::after {
    background: #aaaaaa !important;
    width: 2px !important;
    height: 2px !important;
}

/* Mobile User Buttons */
.mobile-user-buttons {
    display: none;
    overflow: visible;
}

.mobile-user-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px 0;
    overflow: visible;
}

.mobile-user-btn {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.mobile-user-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
    transform: translateX(5px);
}

.mobile-user-btn i {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.mobile-user-btn.profile-btn i {
    color: #4CAF50;
}

.mobile-user-btn.cart-btn i {
    color: #FF9800;
}

.mobile-user-btn.favorites-btn i {
    color: #E91E63;
}

.mobile-user-btn.login-btn i {
    color: #2196F3;
}

.mobile-user-btn.register-btn i {
    color: #9C27B0;
}

.mobile-user-btn.logout-btn i {
    color: #F44336;
}

.mobile-user-btn {
    position: relative;
}

.mobile-user-btn .mobile-btn-badge {
    position: static;
    background: #FF4444;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1a1a1a;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    margin-left: 8px;
    vertical-align: middle;
}

/* Desktop User Buttons in Side Menu */
.desktop-user-buttons {
    display: none;
    margin: 25px 0;
    padding: 20px 15px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    overflow: visible;
}

.desktop-user-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    overflow: visible;
}

.desktop-user-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 71px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

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

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

.desktop-user-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.desktop-user-btn .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 8px;
    transition: all 0.3s ease;
    position: relative;
}

.desktop-user-btn:hover .btn-icon {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.desktop-user-btn .btn-icon i {
    font-size: 16px;
}

.desktop-user-btn .btn-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #FF4444;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1a1a1a;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.desktop-user-btn .btn-text {
    font-size: 9px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    opacity: 0.9;
    transition: all 0.3s ease;
}

.desktop-user-btn:hover .btn-text {
    opacity: 1;
    transform: translateY(-1px);
}

.desktop-user-btn.profile-btn i {
    color: #4CAF50;
}

.desktop-user-btn.cart-btn i {
    color: #FF9800;
}

.desktop-user-btn.favorites-btn i {
    color: #E91E63;
}

.desktop-user-btn.login-btn i {
    color: #2196F3;
}

.desktop-user-btn.register-btn i {
    color: #9C27B0;
}

.desktop-user-btn.logout-btn i {
    color: #F44336;
}

/* Desktop User Buttons Visibility */
@media (min-width: 768px) {
    .desktop-user-buttons {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .desktop-user-buttons {
        display: none !important;
    }
}

/* Mobile Responsive */
/* Side Menu Footer */
.side-menu-footer {
    margin-top: auto;
    padding: 25px 20px;
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.side-menu-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
        linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.02) 50%, transparent 70%);
    opacity: 0.8;
}

.side-menu-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.06"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.06"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.04"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.04"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.04"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.4;
}

.footer-section {
    margin-bottom: 20px;
}

.footer-section:last-child {
    margin-bottom: 0;
}

.footer-section h5 {
    color: white;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.4;
    position: relative;
    z-index: 1;
}

.contact-item i {
    color: rgba(255, 255, 255, 0.8);
    width: 14px;
    margin-top: 2px;
    flex-shrink: 0;
}

.social-links {
    display: flex;
    gap: 10px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 16px;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.social-link.facebook {
    background: #3b5998;
    color: white;
}

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

.social-link.twitter {
    background: #1da1f2;
    color: white;
}

.social-link.youtube {
    background: #ff0000;
    color: white;
}

.social-link:hover {
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.whatsapp-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: linear-gradient(135deg, #25d366, #128c7e);
    color: white;
    text-decoration: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 1;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.whatsapp-link:hover {
    background: linear-gradient(135deg, #128c7e, #25d366);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
}

.whatsapp-link i {
    font-size: 16px;
}

@media (max-width: 768px) {
    .side-menu {
        width: 70%;
        right: -70%;
    }
    
    .side-menu-header {
        padding: 15px 20px;
    }
    
    .side-menu-section h4 {
        font-size: 15px;
        padding: 0 20px;
    }
    
    .side-menu-list a {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    /* Desktop hamburger butonunu mobilde gizle */
    .hamburger-menu-btn.desktop-hamburger {
        display: none !important;
    }
    
    /* Mobil hamburger butonunu göster */
    .hamburger-menu-btn.mobile-hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        right: -258px !important;
        top: 47% !important;
        transform: translateY(-50%) !important;
        z-index: 1000 !important;
    }
    
    /* Mobilde kategoriler butonunu gizle */
    .categories-dropdown {
        display: none !important;
    }
    
    /* Mobilde kullanıcı butonlarını göster */
    .mobile-user-buttons {
        display: block !important;
    }
    
    .mobile-user-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 15px 0 !important;
    }
    
    .mobile-user-btn {
        display: flex !important;
        align-items: center !important;
        padding: 12px 15px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 8px !important;
        color: white !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    
    .mobile-user-btn:hover {
        background: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        color: white !important;
        transform: translateX(5px) !important;
    }
    
    .mobile-user-btn i {
        margin-right: 10px !important;
        font-size: 16px !important;
        width: 20px !important;
        text-align: center !important;
    }
    

    
    /* Mobilde footer stilleri */
    .side-menu-footer {
        padding: 15px;
    }
    
    .footer-section h5 {
        font-size: 12px;
    }
    
    .contact-item {
        font-size: 11px;
    }
    
    .social-link {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    
    .whatsapp-link {
        padding: 10px 12px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .side-menu {
        width: 80%;
        right: -80%;
    }
    
    .side-menu-header {
        padding: 12px 15px;
    }
    
    .side-menu-section h4 {
        padding: 0 15px;
    }
    
    .side-menu-list a {
        padding: 8px 15px;
    }
}

/* ======= HAMBURGER SIDE MENU STYLES END ======= */