.footer-store-links {display:flex;align-items:center;justify-content:flex-start;gap:14px;}
.footer-store-links img {max-width:140px;height:auto;display:block;}
.supply-banner {position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 48px;border-radius:32px;background:linear-gradient(135deg,#d97706 0%,#f07f1b 35%,#fb923c 100%);color:#ffffff;box-shadow:0 28px 48px rgba(240,127,27,0.28);}
.supply-banner::before {content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:rgba(255,255,255,0.08);border-radius:50%;filter:blur(0);transform:rotate(25deg);}
.supply-banner::after {content:"";position:absolute;left:-90px;bottom:-80px;width:320px;height:320px;background:rgba(255,255,255,0.06);border-radius:45%;transform:rotate(18deg);}
.supply-banner-badge {display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,0.16);backdrop-filter:blur(4px);font-weight:600;letter-spacing:0.4px;margin-bottom:18px;align-self:flex-start;}
.supply-banner-badge i {font-size:18px;}
.supply-banner-content {max-width:740px;display:flex;flex-direction:column;gap:16px;}
.supply-banner-title {font-size:34px;font-weight:700;margin:0;text-shadow:0 8px 20px rgba(0,0,0,0.25);}
.supply-banner-text {font-size:16px;line-height:1.7;margin:0;color:rgba(255,255,255,0.9);}
.supply-banner-text strong {color:#ffffff;}
.supply-banner-action {display:flex;align-items:center;justify-content:center;z-index:1;}
.supply-banner-button {display:inline-flex;align-items:center;gap:12px;background:#ffffff;color:#d97706;font-weight:600;padding:16px 32px;border-radius:999px;text-decoration:none!important;box-shadow:0 18px 32px rgba(0,0,0,0.12);transition:transform 0.25s ease, box-shadow 0.25s ease;}
.supply-banner-button:hover {transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,0.12);}
.supply-banner-button i {font-size:16px;}
.supply-banner::before,
.supply-banner::after,
.supply-banner-badge {z-index:0;}
.supply-banner-content,
.supply-banner-action {z-index:1;}

@media (max-width: 576px) {
    .supply-banner{flex-direction:column;align-items:flex-start;padding:36px 24px;gap:24px;border-radius:24px;}
    .supply-banner::before,
    .supply-banner::after{display:none;}
    .supply-banner-badge{font-size:12px;padding:8px 14px;margin-bottom:10px;}
    .supply-banner-title{font-size:22px;}
    .supply-banner-text{font-size:12px;line-height:1.6;}
    .supply-banner-content{gap:10px;}
    .supply-banner-action{width:100%;justify-content:flex-start;}
    .supply-banner-button{padding:12px 24px;font-size:13px;}
}

.page-hero-wrapper{position:relative;z-index:1;}
.page-hero-banner {position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:56px 48px;border-radius:28px;background:linear-gradient(135deg,#d97706 0%,#f07f1b 45%,#fb923c 100%);color:#ffffff;box-shadow:0 24px 48px rgba(240,127,27,0.24);margin-top:35px;z-index:1;}
.page-hero-content {position:relative;z-index:3;display:flex;flex-direction:column;gap:18px;max-width:760px;}
.page-hero-badge {display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,0.18);backdrop-filter:blur(6px);font-weight:600;letter-spacing:0.4px;}
.page-hero-badge i {font-size:18px;}
.page-hero-title {margin:0;font-size:38px;font-weight:700;text-shadow:0 12px 26px rgba(0,0,0,0.25);display:flex;flex-wrap:wrap;gap:12px;}
.page-hero-title-highlight {padding:4px 14px;border-radius:12px;background:rgba(255,255,255,0.22);box-shadow:0 8px 22px rgba(0,0,0,0.2);}
.page-hero-text {margin:0;font-size:16px;line-height:1.7;color:rgba(255,255,255,0.9);}
.page-hero-breadcrumb {margin:0;padding:0;}
.page-hero-breadcrumb ol {list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);}
.page-hero-breadcrumb li {display:flex;align-items:center;gap:8px;}
.page-hero-breadcrumb li::after {content:"/";opacity:0.4;margin-left:12px;}
.page-hero-breadcrumb li:last-child::after {display:none;}
.page-hero-breadcrumb a {color:rgba(255,255,255,0.9);transition:opacity 0.25s ease;}
.page-hero-breadcrumb a:hover {opacity:0.8;}
.page-hero-breadcrumb span {color:#ffffff;}
.page-hero-floating {position:absolute;display:block;border-radius:50%;background:rgba(255,255,255,0.12);filter:blur(0);animation:pageHeroFloat 9s ease-in-out infinite;}
.page-hero-floating-1 {width:240px;height:240px;top:-80px;right:-60px;}
.page-hero-floating-2 {width:180px;height:180px;bottom:-70px;left:-50px;animation-delay:-3s;}
.page-hero-floating-3 {width:140px;height:140px;top:40px;left:45%;animation-delay:-5s;background:rgba(255,255,255,0.16);}
.page-hero-grid {position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.08) 0,rgba(255,255,255,0.08) 1px,transparent 1px),radial-gradient(circle at 80% 0,rgba(255,255,255,0.06) 0,rgba(255,255,255,0.06) 1px,transparent 1px);background-size:120px 120px;opacity:0.25;z-index:1;}

@keyframes pageHeroFloat {
    0%,100% {transform:translate(0,0) scale(1);}
    50% {transform:translate(18px,-12px) scale(1.08);}
}

@media (max-width: 992px) {
    .page-hero-banner {padding:40px 32px;border-radius:24px;}
    .page-hero-title {font-size:32px;}
}

@media (max-width: 576px) {
    .page-hero-banner {padding:32px 24px;margin-top:24px;}
    .page-hero-content {gap:14px;}
    .page-hero-title {font-size:26px;}
    .page-hero-text {font-size:15px;}
    .page-hero-floating-1 {width:180px;height:180px;top:-60px;right:-40px;}
    .page-hero-floating-2 {width:140px;height:140px;bottom:-50px;left:-40px;}
}
/* --------------------------------------------------------
  |  Author :  RGB Creative Agency
----------------------------------------------------------- */

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

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

a {
    text-decoration: none !important;
}

.bg-white {background-color:transparent !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;
}

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

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

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

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

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

/* Cart - Desktop delete alignment */
@media (min-width: 992px) {
    .cart-remove-col {
        text-align: right;
    }
}

/*--------------------------------------------------------------
# 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;appearance: textfield;-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;appearance: 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-r {text-align-last: right;}
.rw-l {text-align-last: left;}
.rw-c {text-align-last: center;}

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

}

/*--------------------------------------------------------------
# TOP HEADER
--------------------------------------------------------------*/
.head-social:hover {color:#000;transition:0.5s;}
.head-social:last-child {margin-right: 0;}
.contact-head {font-size:12px;color:rgba(0, 0, 0, 0.6);margin-right:40px;transition:0.5s;}
.contact-head:hover {color:#1c486f;transition:0.5s;}
.contact-call {font-size:12px;color:rgba(0, 0, 0, 0.6);}
.shipping-promo {display:flex;align-items:center;gap:8px;font-weight:500;color:#1c486f;}
.shipping-icon {font-size:16px;color:#1c486f;animation:shippingBounce 2.4s ease-in-out infinite;display:inline-flex;}
@keyframes shippingBounce {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-3px);}
}
.shipping-promo span {color:rgba(0, 0, 0, 0.7);}
.shipping-promo:hover {color:#1c486f;}
.support-btn {display:inline-flex;align-items:center;gap:12px;margin-right:20px;padding:8px 18px;border-radius:999px;background:#ffffff;border:1px solid rgba(28,72,111,0.12);text-decoration:none;transition:transform 0.25s ease, box-shadow 0.25s ease;}
.support-btn:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.08);text-decoration:none;}
.support-icon {font-size:20px;color:#1c486f;animation:supportPulse 1.8s ease-in-out infinite;}
.support-text {display:flex;flex-direction:column;line-height:1;align-items:flex-start;}
.support-label {font-size:11px;font-weight:600;color:#1c486f;text-transform:uppercase;letter-spacing:0.6px;}
.support-phone {font-size:14px;font-weight:700;color:#f07f1b;}
@keyframes supportPulse {
    0%,100% {transform:translateY(0);}
    50% {transform:translateY(-2px);}
}
.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: 12px;transition:0.5s;position:relative;display:inline-block;}
.categories-dropdown .dropdown-toggle::after{display:none;}
.categories-dropdown{position:relative;z-index:10001 !important;}
.categories-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;border-radius:12px;border:1px solid rgba(28,72,111,0.12);box-shadow:0 15px 35px rgba(18,42,66,0.12);padding:8px 0;margin-top:0;z-index:10002 !important;transform:translateX(-1px);background:#fff;}
.categories-dropdown.open .categories-menu{display:block;}
.categories-menu li{border-bottom:1px solid rgba(28,72,111,0.12);}
.categories-menu li:last-child{border-bottom:none;}
.categories-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 18px;font-weight:500;color:#1c486f;}
.categories-menu .dropdown-item:hover{background:rgba(240,127,27,0.1);color:#f07f1b;}
.categories-item-icon{font-size:16px;color:#000000a6;}
.categories-item-label{flex:1;color:#1c486f;}
.categories-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border:none;border-radius:14px;background:#ffffff;color:#000000a6;font-weight:600;font-size:17px;cursor:pointer;}
.categories-btn:focus{outline:none;box-shadow:none;}
.categories-icon-left,.categories-icon-right{font-size:16px;color:#000000a6;}
.categories-label{flex:1;text-align:center;}
.navbar-nav .nav-item{margin:0 18px;}
.navbar-nav .dropdown-menu{padding:8px 0;border-radius:12px;border:1px solid rgba(28,72,111,0.12);box-shadow:0 12px 24px rgba(18,42,66,0.12);min-width:200px;margin-top:2px;}
.navbar-nav .dropdown-item{padding:10px 18px;font-weight:500;color:#1c486f;display:block;cursor:pointer;}
.navbar-nav .dropdown-item:hover,.navbar-nav .dropdown-item:focus{color:#1c486f;background:rgba(28,72,111,0.08);}
.navbar-nav .dropdown-item:not(:last-child){border-bottom:1px solid rgba(28,72,111,0.08);}
.navbar-nav .dropdown-item:hover,.navbar-nav .dropdown-item:focus{background:rgba(240,127,27,0.12);color:#f07f1b;}
.category-banner-card{position:relative;border-radius:18px;overflow:hidden;}
.category-banner-link{display:block;position:relative;}
.category-banner-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.16) 100%);transition:opacity 0.25s ease;}
.category-banner-image{width:100%;display:block;transition:transform 0.3s ease;}
.category-banner-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:24px;color:#ffffff;gap:12px;}
.category-banner-title{font-size:22px;font-weight:700;letter-spacing:0.4px;color:#101418;text-shadow:none;line-height:1.25;}
.category-banner-detail-group{display:flex;flex-direction:column;gap:4px;}
.category-banner-detail{font-size:15px;font-weight:500;letter-spacing:0.3px;color:#f1f3f5;text-shadow:0 2px 8px rgba(0,0,0,0.35);}
.category-banner-subtitle{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;background:rgba(0,0,0,0.4);color:#f8f9fa;font-size:15px;font-weight:600;letter-spacing:0.3px;box-shadow:0 6px 16px rgba(0,0,0,0.18);}
.category-banner-subtitle-dark{background:rgba(12,17,24,0.56);color:#ffffff;}
.category-banner-link:hover::after{opacity:0.85;}
.category-banner-link:hover .category-banner-image{transform:scale(1.04);}
.trending-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border:none;border-radius:14px;background:#ffffff;color:#000000a6;font-weight:600;font-size:17px;text-decoration:none;box-shadow:none;}
.trending-btn:hover{text-decoration:none;color:#f07f1b;}
.trending-icon{font-size:18px;color:#f07f1b;}
.trending-label{flex:1;text-align:center;}
@media (min-width:992px){
    .navbar .row.align-items-center{align-items:flex-start !important;}
    .categories-dropdown:hover .categories-menu,
    .categories-dropdown:focus-within .categories-menu{display:block;}
    .navbar-nav .nav-link{font-size:15px;font-weight:500;}
}
.carousel-control-prev,.carousel-control-next{z-index:50;}
.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;}
.search-container .search-input {font-size:13px;}

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

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

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

/*--------------------------------------------------------------
# E-TICARET-SEKMESI HOME
--------------------------------------------------------------*/
.etic-rw {margin:35px 0;background-color:#1b2939;box-shadow:8px 8px 20px rgb(0 0 0 / 60%);padding:35px;border-radius:7px;}
.eticbtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:solid 1px #fff;}
.eticbtn:hover  {text-decoration:none;background-color:#55acee;color:#636e72;padding:5px 20px; border-radius:5px;}
.sepete-ekle {display: block;background: #f07f1b;color: #fff;text-align: center;padding: 10px 15px;border-radius: 10px;font-size: 15px;font-weight: 500;transition:0.5s;}
.sepete-ekle:hover {background:#d96f17;transition:0.5s;}
.sepete-ekle i{margin-right:6px;}

.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-feature-card {display:flex;align-items:center;gap:16px;padding:24px;border-radius:20px;background:#ffffff;border:1px solid rgba(0,0,0,0.04);box-shadow:0 8px 18px rgba(0,0,0,0.05);transition:transform 0.25s ease, box-shadow 0.25s ease;min-height:140px;}
.home-feature-card:hover {transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,0.08);}
.home-feature-icon {font-size:36px;color:#f07f1b;}
.home-feature-heading {margin:0 0 6px;font-size:17px;font-weight:700;color:#1f1f1f;}
.home-feature-description {margin:0;font-size:14px;color:rgba(0,0,0,0.65);}
.home-feature-texts {display:flex;flex-direction:column;}

@media (max-width: 576px) {
    .home-feature-card{gap:12px;padding:16px;border-radius:16px;min-height:auto;}
    .home-feature-icon{font-size:28px;}
    .home-feature-heading{font-size:15px;margin-bottom:4px;}
    .home-feature-description{font-size:12px;line-height:1.5;}
}
.blog-sidebar {background: #f1f5fb; border-radius: 8px;padding:15px 5px;margin-left:0;margin-right:0;margin-bottom:15px;padding-right:0;}
.blog-sidebar:hover {background:#e8f2ff}

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

    .mobgiz { display:none!important;   }

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

    .btn1 {position:absolute;top:72%;left:6%;text-decoration:none; background-color:#8f59bf;color:#fff;padding:2px 10px;border-radius:3px;font-size:13px;transition:0.5s;}
    .page-rw {padding:30px 10px 65px 10px;}
    .web-cst-title {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .web-cst-title2 {font-size:13px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
    .hometitle{ font-size:20px;color: #58585a;font-weight:400;margin-bottom:0;}
    .hometitle2{ font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .shopicon {display:inline-block;color:#818285;font-size:17px;transition:0.5s;border-left:solid 1px #ccc;padding-left:15px;margin-left:20px;}
    .usericon {display:inline-block;color:#818285;margin-left:20px;font-size:13px;transition:0.5s;}
    .usericontext {margin-right:-10px;}
    .src {margin:auto;text-align:right;}
    .storebtn {font-size:12px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
    .bread {margin-left:1% !important;margin-right:1% !important;border-radius:5px;width:98%;margin-bottom:25px;}
    .bread-icon {padding-right:5px;color:#000;}
    .bread-title {margin-top: -103px;
        font-size: 16px;
        margin-left: 39px;
        font-weight: 800;
        /* line-height: 21px; */
        justify-content: center;
        display: flex;
        align-items: center;}
    .blog-img {width:100%;height:105px;border-radius:7px;}
    .blog-img2 {width: 71px;height: 61px;border-radius: 5px;border: solid 2px #fff;position: absolute;top: 75px;left: 35px;}
    .blog-rw2 {border-radius:7px;margin-bottom:45px;}
    .blog-rw3 {margin-bottom:35px;}
    .hometitle-blog{font-size:18px;color: #58585a;font-weight:400;margin-bottom:0;}
    .blog-like {text-align-last: right;}
    .blog-top {padding-top:30px;}
    .bubble {width:100%;}
    .bubble2 {width:100%;}
    .frmisim {padding-left:0;padding-right:2px;}
    .frmmail {padding-left:2px;padding-right:0;}
    .frmmesaj {padding-left:0;padding-right:0;}
    .biz-rw2 {background-image: url('/assets/img/hak2.png');padding: 48px 27px;background-size: cover;background-repeat: no-repeat;border-radius: 15px 0 0 15px;margin-bottom:40px;}
    .eg-rw {margin-top:35px;}
}
        @media only screen and (min-width: 767px) {
        .sem-rw {    background: #e8f6f6;border-radius: 15px;}
        .deskgiz { display:none !important;}
        .mobile-container  {display:none; }
        .page-rw {padding:50px 0 65px 0;}
        .btn1 {position:absolute;top:70%;left:15%;text-decoration:none; background-color:#8f59bf;color:#fff;padding:5px 20px;border-radius:15px;transition:0.5s;}
        .web-cst-title {font-size: 15px;font-weight: 600;margin-top: 5px;margin-bottom: 0px;min-height: 35px;display: flex;align-items: center;}
        .web-cst-title2 {font-size:15px;font-weight:600;margin-top:5px;margin-bottom:5px;min-height: 45px;display: flex;align-items: center;}
        .hometitle{font-size: 30px;color: #1c486f;font-weight: 500;}
        .hometitle2{font-size: 22px;color: #1c486f;font-weight: 500;}
        .subtitle {color:#000;margin-bottom: -5px;}
        .shopicon {display: inline-block;text-align: center;color: #fff;font-size: 12px;background: #8f59bf;border-radius: 50%;transition: 0.5s;    width: 25px;height: 24px;padding: 4px 4px;}
        .usericon {display: inline-block;text-align: center;line-height: 24px;color: #fff;background: #8f59bf;border-radius: 15px; /* border: solid 1px #e7edf2; */margin-left: 6px;transition: 0.5s;font-size: 12px;padding: 0px 10px;}
        .usericontext {padding:5px;}
        .src {margin:auto;text-align:right;margin-right: -5px;}
        .storebtn {font-size:13px;background:#fe5b5f;color:#fff !important;padding:5px 20px; border-radius:5px;border:none;}
        .bread {width:100%;margin-top:25px;border-radius:10px;}
        .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;position:relative;z-index:10000;}
  .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: 10000;position:relative;}
  .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;height:220px;object-fit:cover;object-position:center;margin-left:5%;margin-top:5%;border-radius:7px;}
.prod-cat-title {font-size:15px;font-weight:600;margin-top:10px;color:#000000a6;}
.prod-cat-price {font-size:18px;font-weight:700;color:#f07f1b;margin:0;line-height:1;}
.prod-cat-disc-price {font-size:17px;font-weight:500;color:#f07f1b;opacity:0.65;text-decoration-line: line-through;margin-bottom:0;}
.home-price-wrapper {margin-top:12px;}
.home-price-row {display:flex;align-items:center;gap:10px;}
.home-price-discounted {display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.prod-cat-price-discounted {color:#f07f1b;line-height:1;}
.prod-cat-old-price {font-size:16px;font-weight:600;color:rgba(0,0,0,0.5);text-decoration:line-through;margin:0;line-height:1;}
.prod-cat-price-badge {display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#f07f1b;padding:2px 8px;border-radius:12px;background:rgba(240,127,27,0.12);line-height:1;}
.add-cart {font-size:15px;font-weight:600;color:#ed1c24;}

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

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

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

/* Her zaman görünen arama kutusu */
/* Temiz arama sistemi */
.search-container {position: relative;width: 100%;max-width: 600px;margin: 0 auto;border-right: none;}
.search-input {width: 100%;padding: 15px 25px;font-size: 16px;border: 1px solid #ddd;border-radius: 40px;background: #fff;outline: none;transition: border-color 0.3s ease;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
.search-input:focus {border-color: #1c486f;box-shadow: 0 4px 12px rgba(28, 72, 111, 0.15);}
.search-results {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);max-height: 400px;overflow-y: auto;z-index: 11001;display: none;margin-top: 5px;list-style: none;padding: 0;}

/* Desktop override: arama dropdown menünün üstünde kalsın */
@media (min-width: 992px) {
  .navbar { z-index: 1000 !important; }
  .search-results { z-index: 11001 !important; position: absolute; }
}
.search-results.show {display: block;}
.search-result-item {display: block;padding: 0;border-bottom: 1px solid #f1f1f1;cursor: pointer;transition: background-color 0.2s ease;}
.search-result-item:last-child {border-bottom: none;}
.search-result-item:hover {background-color: #f8f9fa;}
.search-result-item a {text-decoration: none;color: inherit;display: flex;align-items: center;width: 100%;padding: 12px 20px;}
.search-result-item img {width: 40px;height: 40px;object-fit: cover;border-radius: 6px;margin-right: 12px;flex-shrink: 0;}
.search-result-item span {color: #333;font-size: 14px;line-height: 1.4;}

/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.user-left-rw{position:relative;background:linear-gradient(180deg,#f2f7ff 0%,#ffffff 100%);border-radius:16px;padding:24px 20px;box-shadow:0 18px 40px rgba(28,72,111,0.12);border:1px solid rgba(28,72,111,0.08);overflow:hidden;min-height:100%;}
.user-left-rw::before{content:"";position:absolute;top:-60px;right:-30px;width:180px;height:180px;background:radial-gradient(circle at center,rgba(28,72,111,0.18) 0%,rgba(28,72,111,0) 70%);opacity:0.35;z-index:0;}
.user-left-rw::after{content:"";position:absolute;bottom:-80px;left:-50px;width:220px;height:220px;background:radial-gradient(circle at center,rgba(88,158,185,0.16) 0%,rgba(88,158,185,0) 70%);opacity:0.4;z-index:0;}
.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-sidebar-header{position:relative;z-index:2;text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;}
.user-avatar{width:84px;height:84px;border-radius:18px;border:4px solid #fff;box-shadow:0 10px 22px rgba(28,72,111,0.2);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.user-avatar img{width:100%;height:100%;object-fit:contain;border-radius:14px;}
.user-name {font-size:17px;font-weight:700;text-align:center;margin:4px 0 0;color:#2d4850;}
.user-email,.user-job {font-size:12px;font-weight:500;text-align:center;color:#6b7a90;margin:0;}
.user-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(28,72,111,0.12);color:#1c486f;font-size:11px;font-weight:600;margin-top:0;}
.user-sidebar-menu{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;}
.user-tab{display:flex;align-items:center;gap:10px;text-decoration:none;background:rgba(255,255,255,0.9);font-size:13px;font-weight:600;padding:10px 14px;border-radius:12px;color:#2d4850 !important;transition:all 0.3s ease;border:1px solid rgba(28,72,111,0.08);box-shadow:0 5px 18px rgba(20,55,90,0.08);}
.user-tab:hover{background:#fff;text-decoration:none;transform:translateX(4px);border-color:rgba(28,72,111,0.18);box-shadow:0 8px 22px rgba(20,55,90,0.12);}
.user-tab.active{background:linear-gradient(135deg,#1c486f 0%,#287ea2 100%) !important;color:#fff !important;border-color:transparent;box-shadow:0 8px 22px rgba(28,72,111,0.26);}
.user-tab span{flex:1;}
.user-tab.active .profile-icon {color: #fff !important;}
.user-sidebar-empty{position:relative;z-index:2;padding:18px;text-align:center;font-size:14px;font-weight:500;color:#6b7a90;background:rgba(255,255,255,0.92);border-radius:12px;border:1px solid rgba(28,72,111,0.1);}
.profile-icon {color: #1c486f;padding-right: 7px;transition:color 0.3s ease;font-size:16px;}
.user-tab:hover .profile-icon{color:#1c486f;}

/* Aktif menü stili */
.user-tab.active{background:linear-gradient(135deg,#1c486f 0%,#287ea2 100%) !important;color:#fff !important;border-color:transparent;box-shadow:0 10px 26px rgba(28,72,111,0.28);}
.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:#2d3436;color:#fff;padding:40px 0 20px 0;}
.footer-desc {font-size: 13px;margin-bottom:8px !important;color: #f5f5f5;transition:0.5s;}
.footer-desc a{font-size: 13px;margin-bottom:8px !important;color: #f5f5f5;transition:0.5s;}
.footer-desc:hover{color:#ef8120; font-weight:500;padding-left:5px;transition:0.5s;}
.footer-desc a:hover{color:#ef8120; font-weight:500;padding-left:5px;transition:0.5s;}

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

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

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

@media (max-width: 767.98px) {
    .product__images {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .product__main-wrap {
        width: 100%;
        max-width: 320px;
        height: auto;
    }
    .product__main-image {
        width: 100%;
        height: auto;
        max-height: 360px;
    }
    .product__slider-wrap {
        width: 100%;
        max-width: 320px;
        height: auto;
        order: 2;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        justify-content: center;
        padding-bottom: 4px;
    }
    .product__slider-wrap::-webkit-scrollbar {
        height: 4px;
        width: auto;
    }
    .product__slider {
        flex-direction: row;
        align-items: center;
        gap: 6px;
    }
    .product__image {
        width: 70px;
        height: 70px;
        padding: 6px;
    }
    .vplay {
        width: 100%;
        max-width: 320px;
        margin-left: 0;
        margin-top: 16px;
        padding: 12px 16px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .vplay .row {
        width: 100%;
        align-items: center;
    }
    .vplay .col-lg-1,
    .vplay .col-lg-11 {
        width: auto;
        flex: 0 0 auto;
        max-width: none;
    }
    .vbtn {
        font-size: 14px;
        margin-left: 0;
        text-align: center;
        display: inline-block;
    }
    .vicn {
        font-size: 28px;
        margin-right: 0;
    }
    .prod-detail-title {
        font-size: 16px !important;
        line-height: 1.25;
        padding-right: 96px;
        margin-bottom: 12px;
        margin-top: 15px;
    }
    .product-action-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 14px;
        margin-left: 0;
        margin-right: 0;
    }
    .product-action-row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .product-action-row .product-action-qty {
        flex: 0 0 170px;
        max-width: 170px;
    }
    .product-action-row .product-action-cart {
        flex: 1 1 auto;
        max-width: none;
    }
    .product-action-row .quantity-selector {
        width: 100%;
        margin: 0;
        padding: 6px 16px;
        gap: 14px;
    }
    .product-action-row .quantity-selector button{
        font-size: 22px;
    }
    .product-action-row .quantity-selector input{
        width: 56px;
        font-size: 18px;
    }
    .product-action-row .sepete-ekle {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 10px 14px;
        font-size: 14px;
    }
    .cart-item-card {
        margin-bottom: 18px !important;
        border-radius: 12px !important;
        padding: 12px 14px !important;
        border-width: 1px !important;
    }
    .cart-item-card-header {
        padding-bottom: 8px !important;
    }
    .cart-shipping-status {
        padding-top: 8px !important;
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }
    .cart-item-thumb {
        padding: 8px 0 4px !important;
        text-align: center;
    }
    .cart-item-thumb-img {
        width: 100% !important;
        max-width: 120px;
        border-radius: 8px;
    }
    .cart-item-body {
        padding: 8px 0 !important;
    }
    .cart-item-title {
        font-size: 14px !important;
        line-height: 1.4;
        margin-bottom: 8px !important;
    }
    .cart-item-title .cart-item-brand {
        display: block;
        margin-right: 0 !important;
        margin-bottom: 2px;
    }
    .cart-item-body p {
        font-size: 13px !important;
        margin-bottom: 8px !important;
    }
    .cart-quantity-row {
        gap: 8px !important;
    }
    .cart-item-body .quantity-btn {
        width: 32px !important;
        height: 32px !important;
    }
    .cart-item-body .quantity-input {
        width: 60px !important;
        height: 32px;
        font-size: 14px !important;
    }
    .cart-item-body .update-quantity-btn {
        padding: 6px 14px;
        font-size: 13px;
        border-radius: 10px;
    }
    .cart-campaign-section,
    .cart-package-section {
        margin: 8px 0 !important;
        padding: 8px 10px !important;
    }
    .cart-item-card-footer {
        padding-top: 10px !important;
    }
    .cart-item-footer-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center !important;
        gap: 8px;
        justify-content: space-between;
        width: 100%;
    }
    .cart-discount-text {
        padding-top: 6px !important;
        margin-bottom: 0 !important;
        font-size: 12px !important;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .cart-remove-col {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 12px !important;
    }
    .cart-remove-link {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 12px !important;
        white-space: nowrap;
        color: #636e72 !important;
        font-weight: 500 !important;
    }
    .cart-remove-link i {
        font-size: 14px;
    }
    .pro-detail-heart,
    .pro-detail-share {
        top: 12px;
        padding: 6px;
        border-left: none;
    }
    .pro-detail-heart {
        right: 60px;
    }
    .pro-detail-share {
        right: 12px;
    }
    .pro-detail-heart i,
    .pro-detail-share i {
        font-size: 18px !important;
    }
}

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

.cart-address-actions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cart-address-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 26px;border-radius:999px;background:#1c486f;color:#ffffff;font-size:13px;font-weight:600;border:1px solid transparent;text-decoration:none;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease;}
.cart-address-btn:hover,.cart-address-btn:focus{background:#245f8d;color:#ffffff;transform:translateY(-1px);}
.cart-address-btn--delete{background:#f07f1b;}
.cart-address-btn--delete:hover,.cart-address-btn--delete:focus{background:#d96f17;}
.cart-address-btn--new{background:#1c4f82;}
.cart-address-btn--new:hover,.cart-address-btn--new:focus{background:#1f5a94;}

@media (max-width: 767.98px){
    .cart-address-actions{width:100%;justify-content:flex-start;gap:8px;}
    .cart-address-btn{flex:1 1 auto;padding:8px 18px;font-size:12px;}
}

/*--------------------------------------------------------------
# HomePage Add To Cart Button
--------------------------------------------------------------*/
.home-card-actions {margin-top:18px;display:flex;justify-content:center;}
.home-add-to-cart-btn {display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:none;background:#f07f1b;color:#ffffff;font-size:13px;font-weight:600;box-shadow:0 10px 24px rgba(240,127,27,0.25);transition:background 0.25s ease,transform 0.25s ease;}
.home-add-to-cart-btn:hover {background:#d86f18;transform:translateY(-2px);}
.home-add-to-cart-btn i {font-size:15px;}

.product-category-name{font-size:14px;color:#666;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.5px;}
.prod-detail-title{color:#1c486f;font-size:30px;font-weight:500;}
.urun-detay-fiyat{margin:20px 0 30px 0;text-align:left;}
.urun-detay-fiyat > div{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;}
.urun-detay-fiyat .price-original{font-size:22px;color:#999;text-decoration:line-through;order:1;}
.urun-detay-fiyat .price-discounted{font-size:32px;color:#f07f1b;font-weight:700;order:2;}
.urun-detay-fiyat .price-normal{font-size:32px;color:#2d4850;font-weight:700;margin:0;}
.urun-detay-fiyat .discount-badge{font-size:14px;color:#ffffff;font-weight:600;background:#f07f1b;padding:4px 12px;border-radius:20px;order:3;}
.pro-list-rw {position:relative;margin-bottom:25px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:10px;padding-bottom:16px;}
.pro-list-heart {position:absolute;top:10px;right:18px;background:transparent !important;width:25px !important;height:25px !important;padding:0;border:none;display:flex;align-items:center;justify-content:center;transition:0.3s;z-index:5;}
.pro-list-heart i {font-size:20px;color:#000;margin-left:10px;margin-top:20px;margin-right:15px;}
.pro-list-heart:hover {width:25px !important;transition:0.3s;}

.prod-cat-image-wrapper {position:relative;display:block;}
.prod-cat-label {display:block;background:transparent;color:#333;font-size:12px;font-weight:500;padding:8px 0 4px 25px;letter-spacing:0.3px;text-transform:capitalize;}
.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: #000 !important;
}

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

.wishlist-btn .fa-regular:hover {
    color: #000 !important;
}
.pro-detail-share {position:absolute;top: 1%;right: 5%;color: #1c486f;font-size: 21px;margin-right:5px;border-left: 1px solid #bbb;padding-left: 25px;padding-top: 5px;padding-bottom: 5px;transition:0.5s;}
.pro-detail-share:hover {font-size:23px;transition:0.5s;}
.pro-detail-label {color:#636e72;font-weight:500;}
.pro-detail-freeshipping {color: rgba(237, 28, 36, 1);font-size: 14px;margin-right:5px;transition:0.5s;}
.pro-detail-ship-label {font-size: 11px;font-weight: 500;}

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

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

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

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

.dropdown-lang {z-index:10001 !important;position: absolute;text-align:left;font-size:12px;background-color: #fff;min-width: 170px;padding: 10px 20px;border-radius:5px;animation:0.3s 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 .dropbtn {background-color: #3e8e41;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*--------------------------------------------------------------
# OFFCANVAS RIGHT MENU
--------------------------------------------------------------*/
.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:32px;font-weight:700;color:#1c486f;margin-bottom:6px;text-align:center;}
.help-subtitle{font-size:16px;color:#5c6e85;margin-bottom:35px;text-align:center;}
.help-search-container{position:relative;margin-bottom:50px;border-radius:18px;border:1px solid rgba(28,72,111,0.12);background:#fff;box-shadow:0 18px 36px rgba(18,42,66,0.08);overflow:hidden;}
.help-search-input{width:100%;padding:18px 52px;font-size:15px;border:none;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);color:#1c486f;outline:none;}
.help-search-input::placeholder{color:#94a3b8;opacity:0.8;}
.help-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#1c486f;font-size:18px;opacity:0.8;}
.accordion.help-accordion-item,.help-contact-cta{border:none;}
.help-accordion-item{margin-bottom:20px;border-radius:18px;border:1px solid rgba(28,72,111,0.1);box-shadow:0 16px 32px rgba(18,42,66,0.08);overflow:hidden;background:#fff;}
.help-accordion-button{padding:18px 24px;font-weight:700;font-size:16px;color:#1c486f;background:linear-gradient(90deg,rgba(28,72,111,0.08) 0%,rgba(28,72,111,0) 100%);border:none;transition:all 0.3s ease;}
.help-accordion-button:focus{box-shadow:none;} 
.help-accordion-button:not(.collapsed){background:linear-gradient(135deg,rgba(28,72,111,0.15) 0%,rgba(40,126,162,0.08) 100%);color:#1c486f;}
.accordion-body{background:#fff;padding:24px 28px;}
.help-faq-item{padding:18px;border:1px solid rgba(28,72,111,0.08);border-radius:14px;margin-bottom:15px;background:linear-gradient(180deg,#fafcff 0%,#fff 100%);box-shadow:0 8px 20px rgba(18,42,66,0.05);transition:all 0.3s ease;}
.help-faq-item:hover{border-color:#1c486f;box-shadow:0 12px 24px rgba(18,42,66,0.1);} 
.help-faq-item h5{font-size:15px;font-weight:700;color:#1c486f;margin-bottom:8px;}
.help-faq-item p{font-size:14px;color:#5c6e85;margin:0;line-height:1.6;}
.search-highlight{background:rgba(240,127,27,0.18);padding:0 2px;border-radius:3px;color:#f07f1b;font-weight:600;}
.help-contact-cta{margin-top:50px;text-align:center;background:linear-gradient(135deg,#f4f8ff 0%,#ffffff 100%);padding:45px;border-radius:20px;border:1px solid rgba(28,72,111,0.08);box-shadow:0 18px 36px rgba(18,42,66,0.1);}
.help-contact-cta h3{font-size:24px;font-weight:700;color:#1c486f;margin-bottom:12px;}
.help-contact-cta p{color:#5c6e85;font-size:15px;margin-bottom:24px;}
.help-contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 32px;border-radius:999px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f07f1b 0%,#f49b3f 100%);text-decoration:none;transition:all 0.3s ease;box-shadow:0 18px 30px rgba(240,127,27,0.3);}
.help-contact-btn:hover{transform:translateY(-2px);box-shadow:0 22px 38px rgba(240,127,27,0.35);}
@media (max-width:768px){
    .help-search-container{margin-bottom:35px;}
    .help-accordion-button{font-size:15px;padding:16px 20px;}
    .accordion-body{padding:20px 22px;}
    .help-contact-cta{padding:32px;}
}

/* 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:60px 0;position:relative;z-index:1;overflow:hidden;border-radius:24px;}
.contact-container::before{content:"";position:absolute;inset:0;z-index:-1;background:none;} 
.contact-form-section,.contact-info-section,.map-section,.faq-section {background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%);padding:34px;border-radius:18px;border:1px solid rgba(28,72,111,0.08);box-shadow:0 12px 28px rgba(18,42,66,0.07);margin-bottom:28px;position:relative;overflow:hidden;}
.contact-form-section::after,.contact-info-section::after,.map-section::after,.faq-section::after{content:"";position:absolute;right:-80px;bottom:-100px;width:220px;height:220px;background:radial-gradient(circle at center,rgba(28,72,111,0.12) 0%,rgba(28,72,111,0) 70%);} 
.contact-title,.contact-info-title,.map-title,.faq-title{font-size:26px;font-weight:700;color:#1c486f;margin-bottom:18px;text-align:left;}
.contact-subtitle{color:#5c6e85;margin-bottom:28px;font-size:16px;}
.contact-form .form-group{margin-bottom:22px;}
.contact-form .form-label{font-weight:600;color:#2d4850;margin-bottom:8px;display:block;}
.contact-input,.contact-textarea{border:1px solid rgba(28,72,111,0.12);border-radius:12px;padding:14px 16px;font-size:14px;background:#f9fbff;transition:all 0.3s ease;box-shadow:inset 0 1px 2px rgba(28,72,111,0.04);} 
.contact-input:focus,.contact-textarea:focus{border-color:#1c486f;box-shadow:0 0 0 4px rgba(28,72,111,0.12);background:#fff;}
.contact-textarea{min-height:140px;resize:vertical;}
.contact-submit-btn{background:linear-gradient(135deg,#f07f1b 0%,#f49b3f 100%);color:#fff;border:none;padding:15px 32px;border-radius:999px;font-weight:600;font-size:15px;transition:all 0.3s ease;width:100%;max-width:220px;box-shadow:0 18px 30px rgba(240,127,27,0.28);display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.contact-submit-btn i{font-size:16px;}
.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 22px 38px rgba(240,127,27,0.35);}
.contact-info-section{height:100%;}
.contact-info-title{text-align:center;margin-bottom:24px;}
.contact-info-item{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:20px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,0.7);transition:all 0.3s ease;box-shadow:0 4px 12px rgba(28,72,111,0.04);} 
.contact-info-item:hover{border-color:rgba(28,72,111,0.25);box-shadow:0 10px 26px rgba(28,72,111,0.1);transform:translateY(-2px);} 
.contact-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#1c486f 0%,#287ea2 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 20px rgba(28,72,111,0.2);} 
.contact-icon i{color:#fff;font-size:20px;}
.contact-details h5{font-size:15px;font-weight:700;color:#1c486f;margin-bottom:6px;}
.contact-details p{color:#53687c;margin-bottom:4px;font-size:14px;line-height:1.5;}
.contact-details a{color:#1c486f;font-weight:600;text-decoration:none;transition:color 0.3s ease;}
.contact-details a:hover{color:#f07f1b;}
.social-media-section{margin-top:30px;padding-top:18px;border-top:1px dashed rgba(28,72,111,0.12);}
.social-media-section h5{text-align:center;color:#1c486f;font-weight:700;font-size:15px;margin-bottom:16px;}
.social-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.social-link{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;text-decoration:none;transition:all 0.3s ease;box-shadow:0 6px 15px rgba(28,72,111,0.18);}
.social-link:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(28,72,111,0.25);} 
.map-section{margin-top:10px;}
.map-title{text-align:center;}
.map-container{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(18,42,66,0.12);} 
.faq-section{margin-top:10px;}
.faq-title{text-align:center;}
.faq-list{margin-bottom:28px;display:grid;gap:16px;}
.faq-item{padding:22px;border:1px solid rgba(28,72,111,0.1);border-radius:14px;background:#fff;transition:all 0.3s ease;box-shadow:0 6px 16px rgba(18,42,66,0.06);} 
.faq-item:hover{border-color:#1c486f;box-shadow:0 12px 26px rgba(18,42,66,0.12);transform:translateY(-2px);} 
.faq-item h5{font-size:15px;font-weight:700;color:#1c486f;margin-bottom:8px;}
.faq-item p{color:#5c6e85;margin:0;font-size:14px;line-height:1.6;}
.faq-more{text-align:center;}
.faq-more .btn{padding:12px 26px;border-radius:999px;font-weight:600;border:1px solid rgba(28,72,111,0.2);color:#1c486f;background:#fff;transition:all 0.3s ease;}
.faq-more .btn:hover{background:#1c486f;color:#fff;border-color:#1c486f;box-shadow:0 14px 28px rgba(28,72,111,0.22);} 
@media (max-width:768px){
    .contact-container{margin:40px 0;border-radius:16px;}
    .contact-form-section,.contact-info-section,.map-section,.faq-section{padding:24px;border-radius:14px;box-shadow:0 10px 22px rgba(18,42,66,0.08);}
    .contact-title,.contact-info-title,.map-title,.faq-title{text-align:center;font-size:22px;}
    .contact-subtitle{text-align:center;font-size:14px;margin-bottom:20px;}
    .contact-info-item{flex-direction:column;text-align:center;gap:12px;padding:14px;}
    .contact-icon{margin-right:0;}
    .faq-list{gap:12px;}
    .faq-item{padding:18px;}
    .help-accordion-item{border-radius:16px;}
    .help-contact-cta{padding:32px;border-radius:18px;}
}
@media (max-width:576px){
    .contact-container{margin:30px 0;border-radius:12px;}
    .contact-form-section,.contact-info-section,.map-section,.faq-section{padding:20px;border-radius:12px;box-shadow:0 8px 18px rgba(18,42,66,0.08);}
    .contact-submit-btn{max-width:100%;}
    .map-container iframe{height:280px;}
    .help-search-container{box-shadow:0 12px 24px rgba(18,42,66,0.08);}
    .help-accordion-button{font-size:14px;padding:14px 18px;}
    .accordion-body{padding:18px 20px;}
    .help-faq-item{padding:16px;}
    .help-contact-cta{padding:28px;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Payment Logos */
.payment-logo { width: 300px; }

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

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

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

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

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

/* Section spacing */
.home-section-spacing { margin-top: 20px; }
.home-section-spacing-large { margin-top: 100px; }
@media (max-width: 767.98px) {
    .home-section-spacing-large { margin-top: 35px; }
}

/* 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: 350px;}
.campaign-content {padding-left: 50px;}
.campaign-all-link {margin: auto;}
.campaign-all-text {text-align: right;}

/* Package set card */
.package-set-card {border: 1px solid #ffc107;border-radius: 10px;padding: 15px;background: #fff3cd;height: 100%;}
.package-set-badge {background: #ffc107;color: #333;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;}
.package-set-item {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.package-set-image {width: 50px;height: 50px;object-fit: cover;border-radius: 5px;}
.package-set-content {flex: 1;}
.package-set-name {margin: 0;font-size: 14px;color: #856404;}
.package-set-label {color: #856404;}
.package-set-divider {text-align: center;margin: 10px 0;}
.package-set-plus-icon {color: #ffc107;font-size: 16px;}
.package-set-discount {font-weight: 600;color: #e74c3c;font-size: 16px;}
.package-set-button {width: 100%;}
.package-set-button-icon {margin-right: 5px;}
.package-set-spacing {margin-bottom: 20px;}
.package-set-button-container {text-align: center;}

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

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

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

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

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

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

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

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

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

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

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

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

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

.auth-form-input:focus {
    outline: none;
    border-color: #8f59bf;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(143, 89, 191, 0.1);
}

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

.auth-btn {
    width: 100%;
    padding: 12px;
    background: #8f59bf;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
}

.auth-btn:hover {
    background: #7a4a9f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(143, 89, 191, 0.2);
}

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

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

.auth-remember-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.auth-remember-checkbox span i {
    color: #8f59bf;
    font-size: 14px;
    margin-right: 5px;
}

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

.auth-forgot-link {
    color: #8f59bf;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.auth-forgot-link:hover {
    color: #1c486f;
    text-decoration: underline;
}

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

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

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

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

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

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

.auth-checkbox-group {
    margin: 15px 0;
    font-size: 13px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.auth-checkbox-group label{
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    user-select:none;
    line-height:1.4;
}

.auth-checkbox-group input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #8f59bf;
    margin:0;
    border:1px solid #d0d5dd;
    border-radius:4px;
    background-color:#ffffff;
    display:inline-block;
    position:relative;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    transition:all 0.2s ease;
}

.auth-checkbox-group input[type="checkbox"]:hover{
    border-color:#8f59bf;
}

.auth-checkbox-group input[type="checkbox"]:checked{
    background-color:#8f59bf;
    border-color:#8f59bf;
}

.auth-checkbox-group input[type="checkbox"]:checked::after{
    content:"";
    position:absolute;
    left:5px;
    top:1px;
    width:4px;
    height:9px;
    border:solid #ffffff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

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

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

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

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

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

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

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

.strength-weak {
    color: #dc3545;
}

.strength-medium {
    color: #ffc107;
}

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

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

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

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

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

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

.category-pagination {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.category-pagination .pagination {
    margin: 0;
    gap: 6px;
}

.category-pagination .page-item {
    font-size: 0;
}

.category-pagination .page-link {
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    color: #2d3436;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.category-pagination .page-link:hover {
    color: #f07f1b;
    border-color: rgba(240, 127, 27, 0.4);
    box-shadow: 0 4px 12px rgba(240, 127, 27, 0.15);
}

.category-pagination .page-item.active .page-link {
    background-color: #f07f1b;
    border-color: #f07f1b;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(240, 127, 27, 0.25);
}

.category-pagination .page-item.disabled .page-link {
    color: rgba(45, 52, 54, 0.4);
    border-color: rgba(0, 0, 0, 0.05);
    background-color: rgba(245, 246, 250, 0.8);
    box-shadow: none;
    cursor: not-allowed;
}

.category-pagination .page-item.disabled .page-link:hover {
    color: rgba(45, 52, 54, 0.4);
    border-color: rgba(0, 0, 0, 0.05);
    box-shadow: none;
}

@media (max-width: 576px) {
    .category-pagination {width:100%;justify-content:flex-start;}
    .category-pagination .pagination {gap:4px;flex-wrap:nowrap;overflow:hidden;}
    .category-pagination .page-link {font-size:12px;padding:4px 10px;}
    .category-pagination .page-item.page-number:nth-of-type(n+4) {display:none;}
    .category-pagination .page-item.page-number.active {display:flex !important;}
    .category-pagination .page-item.disabled .page-link {display:none;}
}

.product-grid .list-item {
    margin-bottom: 24px;
}

.filter-sidebar-card {
    background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
    border-radius: 20px;
    padding: 24px 20px 28px;
    box-shadow: 0 18px 35px rgba(240, 127, 27, 0.08);
    border: 1px solid rgba(240, 127, 27, 0.15);
    position: sticky;
    top: 110px;
}

.filter-sidebar-card h2 {
    font-size: 26px;
    font-weight: 700;
    color: #2d3436;
}

.filter-sidebar-card hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, rgba(240, 127, 27, 0.4), rgba(240, 127, 27, 0));
    margin: 16px 0 20px;
}

.filter-sidebar-card form {
    margin-bottom: 20px;
}

.filter-sidebar-card form[name="search-form"] {
    position: relative;
}

.filter-sidebar-card .sidebar-search-input {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(240, 127, 27, 0.25);
    padding: 10px 42px 10px 16px;
    font-size: 14px;
    color: #2d3436;
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.2s ease;
}

.filter-sidebar-card .sidebar-search-input:focus {
    outline: none;
    border-color: rgba(240, 127, 27, 0.65);
    box-shadow: 0 0 0 3px rgba(240, 127, 27, 0.18);
}

.filter-sidebar-card .sidebar-search-btn {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    border: none;
    background: linear-gradient(135deg, #f07f1b, #fb923c);
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(240, 127, 27, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.filter-sidebar-card .sidebar-search-btn:hover {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 10px 24px rgba(240, 127, 27, 0.35);
}

.filter-sidebar-card .range-rw {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 16px;
    padding: 16px;
    border: 1px dashed rgba(240, 127, 27, 0.25);
}

.filter-sidebar-card .range-rw h2,
.filter-sidebar-card p {
    color: #2d3436;
}

.filter-sidebar-card .price-input .field span {
    color: rgba(45, 52, 54, 0.65);
    font-size: 12px;
    font-weight: 600;
}

.filter-sidebar-card .price-input input {
    border-radius: 12px;
    border: 1px solid rgba(45, 52, 54, 0.12);
    padding: 6px 10px;
    width: 100%;
    font-size: 14px;
}

.filter-sidebar-card .slider {
    height: 6px;
    background: rgba(240, 127, 27, 0.15);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.filter-sidebar-card .slider .progress {
    background: linear-gradient(135deg, #f07f1b, #fb923c);
}
.filter-sidebar-card .range-input{width:100%;overflow:hidden;}

.filter-sidebar-card .price-filter-btn,
.filter-sidebar-card .btn-primary {
    border-radius: 12px;
    background: linear-gradient(135deg, #f07f1b, #fb923c);
    border: none;
    font-weight: 600;
    padding: 10px 16px;
    box-shadow: 0 10px 20px rgba(240, 127, 27, 0.18);
    width: 100%;
    margin-top: 12px;
}

.filter-sidebar-card .category-link {
    display: block;
    padding: 10px 14px;
    border-radius: 12px;
    margin-bottom: 6px;
    color: rgba(45, 52, 54, 0.85);
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
}

.filter-sidebar-card .category-link:hover,
.filter-sidebar-card .category-link.active {
    color: #f07f1b;
    background-color: rgba(240, 127, 27, 0.12);
    box-shadow: inset 0 0 0 1px rgba(240, 127, 27, 0.25);
}

.filter-sidebar-card .cat-count,
.filter-sidebar-card .mark-count {
    color: rgba(45, 52, 54, 0.45);
    font-weight: 600;
}

.filter-sidebar-card .mark-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
}

.filter-sidebar-card .mark-checkbox input[type="checkbox"] {
    accent-color: #f07f1b;
    width: 16px;
    height: 16px;
}

.filter-sidebar-card .mark-checkbox label {
    margin: 0;
    font-size: 14px;
    color: rgba(45, 52, 54, 0.85);
}

@media (max-width: 991.98px) {
    .filter-sidebar-card {
        position: static;
        margin-bottom: 24px;
    }
}

.filter-sidebar-card .category-inp,
.filter-sidebar-card .mark-inp {
    background: rgba(255, 255, 255, 0.65);
    border-radius: 16px;
    padding: 12px 14px;
    max-height: 360px;
    overflow: auto;
    border: 1px solid rgba(45, 52, 54, 0.06);
}

.filter-sidebar-card .category-inp::-webkit-scrollbar,
.filter-sidebar-card .mark-inp::-webkit-scrollbar {
    width: 6px;
}

.filter-sidebar-card .category-inp::-webkit-scrollbar-thumb,
.filter-sidebar-card .mark-inp::-webkit-scrollbar-thumb {
    background: rgba(240, 127, 27, 0.4);
    border-radius: 999px;
}

.filter-sidebar-card .row {
    margin-left: 0;
    margin-right: 0;
}

.cart-sidebar{display:flex;flex-direction:column;gap:18px;margin-bottom:30px;}
.cart-sidebar-card{position:relative;background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%);border:1px solid rgba(28,72,111,0.08);border-radius:16px;padding:20px 18px;box-shadow:0 18px 34px rgba(28,72,111,0.12);overflow:hidden;}
.cart-sidebar-card::after{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:180px;background:radial-gradient(circle at center,rgba(28,72,111,0.14) 0%,rgba(28,72,111,0) 70%);}
.cart-sidebar-card__header{display:flex;align-items:center;gap:10px;margin-bottom:16px;position:relative;z-index:2;}
.cart-sidebar-card__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(28,72,111,0.12);color:#1c486f;font-size:16px;}
.cart-sidebar-card__title{margin:0;font-size:15px;font-weight:700;color:#2d4850;}
.cart-sidebar-card--coupon{padding-bottom:24px;}
.applied-coupon{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;background:rgba(40,167,69,0.12);border:1px solid rgba(40,167,69,0.2);border-radius:12px;padding:12px 14px;margin-bottom:14px;}
.applied-coupon__name{color:#1c486f;font-size:14px;display:block;}
.applied-coupon__details{color:#2d4850;font-size:12px;opacity:0.75;}
.remove-coupon{background:transparent;border:1px solid rgba(220,53,69,0.4);color:#dc3545;border-radius:999px;padding:6px 8px;transition:all .2s ease;}
.remove-coupon:hover{background:#dc3545;color:#fff;}
.coupon-input-group{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;}
.coupon-input-group .input-group{display:flex;border-radius:10px;overflow:hidden;border:1px solid rgba(28,72,111,0.12);box-shadow:0 6px 16px rgba(20,55,90,0.08);}
.coupon-input-group .form-control{border:none;padding:10px 14px;font-size:13px;}
.coupon-input-group .btn{border:none;border-radius:0;background:linear-gradient(135deg,#1c486f 0%,#287ea2 100%);padding:0 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;}
.coupon-input-group .btn:hover{opacity:0.9;}
.coupon-message{min-height:16px;font-size:12px;color:#1c486f;}
.cart-sidebar-card--note{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);}
.cart-note-textarea{border-radius:12px;border:1px solid rgba(28,72,111,0.12);font-size:13px;min-height:120px;box-shadow:0 10px 24px rgba(20,55,90,0.08);}
.cart-note-textarea:focus{border-color:#1c486f;box-shadow:0 0 0 3px rgba(28,72,111,0.12);}
.cart-note-hint{display:flex;align-items:center;gap:6px;color:#6b7a90;font-size:11px;margin-top:8px;}
.cart-summary{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;}
.cart-summary__title{font-size:18px;font-weight:700;color:#2d4850;margin:0;}
.cart-summary__card{background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%);border:1px solid rgba(28,72,111,0.08);border-radius:16px;padding:22px 20px;box-shadow:0 18px 34px rgba(28,72,111,0.12);display:flex;flex-direction:column;gap:12px;}
.cart-summary__row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#2d4850;}
.cart-summary__row strong{font-weight:700;color:#1c486f;}
.cart-summary__row--heading{padding-bottom:10px;border-bottom:1px dashed rgba(28,72,111,0.12);margin-bottom:6px;}
.cart-summary__heading-text{font-size:16px;font-weight:700;color:#2d4850;display:block;}
.cart-summary__subtext{font-size:12px;color:#6b7a90;}
.cart-summary__row--discount strong{color:#e74c3c;}
.cart-summary__discount-detail{color:#6b7a90;font-size:11px;margin-top:-6px;}
.cart-summary__row--total{padding-top:10px;border-top:1px dashed rgba(28,72,111,0.12);font-size:15px;}
.cart-summary__row--total strong{font-size:20px;color:#1c486f;}
.cart-summary__debug{color:#9aa7bc;font-size:10px;margin-top:-6px;}
.cart-summary__actions{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.order-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;font-weight:600;font-size:13px;text-decoration:none;transition:all .2s ease;border:none;}
.order-btn--primary{background:linear-gradient(135deg,#1c486f 0%,#287ea2 100%);color:#fff;border:none;}
.order-btn--secondary{background:#6c757d;color:#fff;border:none;}
.order-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(28,72,111,0.18);opacity:0.95;}
.cart-summary__hint{color:#6b7a90;font-size:11px;text-align:center;}
@media (max-width:991.98px){.cart-sidebar{margin-top:30px;}.cart-sidebar-card,.cart-summary__card{box-shadow:0 10px 24px rgba(28,72,111,0.08);}}

.cart-summary__agreements{display:flex;margin-top:4px;font-size:12px;color:#2d4850;}
.cart-summary__agreements label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;margin:0;}
.cart-summary__agreements input[type="checkbox"]{margin-top:3px;width:16px;height:16px;border:1px solid rgba(28,72,111,0.3);border-radius:4px;}
.cart-summary__agreements a{color:#1c486f;text-decoration:underline;}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:focus-visible{
    outline:none;
    box-shadow:none;
}

@media (max-width: 991.98px) {
    .contact-submit-btn {max-width: 100%;}
    .contact-info-item {padding: 10px;}
    .map-container iframe {height: 300px;}
    .contact-head {display:none;}
    .shipping-promo {display:none;}
    .nav-top-divider {display:none;}
    .mobile-navbar{display:flex !important;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid rgba(28,72,111,0.08);gap:12px;}
    .mobile-navbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
    .navbar{margin-top:0;}
    .mobile-logo-col{display:none;}
    .mobile-support-col{display:none;}
    .mobile-search-col{display:none;}
    .navbar-collapse{max-height:calc(100vh - 120px);overflow-y:auto;margin-top:12px;}
    .navbar-nav .dropdown-menu {position: static;float: none;width: 100%;margin-top:8px;border:none;box-shadow:none;background:transparent;padding:6px 0;}
    .navbar-nav .dropdown-item {padding-left:24px;padding-right:24px;border-radius:8px;}
    .navbar-nav .dropdown-menu .dropdown-menu {padding-left:12px;}
    .navbar-nav .dropend {position: static;}
    .navbar-nav .dropend > .dropdown-menu {margin-left:0;}
}

@media (max-width: 576px) {
    .contact-submit-btn {max-width: 100%;}
    .contact-info-item {padding: 10px;}
    .map-container iframe {height: 300px;}
    .contact-head {display:none;}
    .shipping-promo {display:none;}
    .nav-top-divider {display:none;}
    .navbar{margin-top:0;}
}

.mobile-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#1c486f;font-size:16px;transition:color 0.25s ease,transform 0.25s ease;text-decoration:none;position:relative;box-shadow:none;}
.mobile-icon-btn:hover,.mobile-icon-btn:focus{color:#287ea2;transform:translateY(-1px);}
.mobile-icon-btn i{line-height:1;}
.mobile-cart-badge{position:absolute;top:-6px;right:-6px;background:#f07f1b;color:#fff;font-size:10px;min-width:18px;height:18px;padding:0;border-radius:50%;font-weight:600;box-shadow:none;display:flex;align-items:center;justify-content:center;line-height:1;}
.mobile-navbar-logo img{width:150px;height:auto;display:block;max-width:100%;}
.mobile-navbar-actions .navbar-toggler{padding:0;border:none;background:transparent;box-shadow:none;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;}
.mobile-navbar-actions .navbar-toggler:hover{background:transparent;}
.navbar-toggler-icon{width:22px;height:18px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3e%3cpath stroke='rgba(28,72,111, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M1 1h22M1 9h22M1 17h22'/%3e%3c/svg%3e");background-size:100% 100%;background-repeat:no-repeat;transition:filter 0.3s ease;}
.mobile-navbar-actions .navbar-toggler:hover .navbar-toggler-icon{filter:brightness(1.1);}

.mobile-navbar{display:none;background:#fff;border-bottom:1px solid rgba(28,72,111,0.08);padding:14px 18px;box-shadow:0 4px 12px rgba(18,42,66,0.05);}

.mobile-menu-overlay{position:fixed;inset:0;background:rgba(18,42,66,0.45);z-index:1055;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.mobile-menu-overlay.active{opacity:1;pointer-events:auto;}
.mobile-menu-panel{position:absolute;top:0;right:0;width:100%;height:100%;background:#ffffff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.35s ease;box-shadow:-12px 0 32px rgba(18,42,66,0.16);}
.mobile-menu-overlay.active .mobile-menu-panel{transform:translateX(0);}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(28,72,111,0.08);}
.mobile-menu-logo img{height:40px;width:auto;}
.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:none;background:rgba(28,72,111,0.08);color:#1c486f;font-size:18px;transition:background 0.25s ease,color 0.25s ease;}
.mobile-menu-body{flex:1;overflow-y:auto;padding:18px 18px 20px;display:flex;flex-direction:column;gap:18px;}
.mobile-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:#1c486f;text-decoration:none;background:rgba(28,72,111,0.05);padding:8px 14px;border-radius:12px;transition:background 0.25s ease,color 0.25s ease;}
.mobile-submenu{list-style:none;margin:8px 0 0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:6px;}
.mobile-submenu-level{padding-left:14px;margin-top:6px;}
.mobile-submenu-link{display:flex;align-items:center;font-size:13px;font-weight:500;color:#2d4850;text-decoration:none;background:transparent;padding:4px 6px;border-radius:8px;transition:color 0.25s ease,background 0.25s ease;}
.mobile-menu-contact{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%);border:1px solid rgba(28,72,111,0.08);box-shadow:0 8px 18px rgba(18,42,66,0.08);}
.mobile-contact-item{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#1c486f;text-decoration:none;}
.mobile-contact-item i{font-size:16px;}
.mobile-menu-social{display:flex;gap:8px;}
.mobile-social-link{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c486f;color:#fff;font-size:15px;text-decoration:none;transition:transform 0.25s ease,box-shadow 0.25s ease;background-image:linear-gradient(135deg,#1c486f 0%,#287ea2 100%);box-shadow:0 7px 16px rgba(28,72,111,0.2);}
.mobile-social-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(28,72,111,0.26);}
body.mobile-menu-open{overflow:hidden;}

@media (max-width: 767.98px) {
    .pro-list-rw{padding-bottom:12px;}
    .prod-cat-pic{height:150px;width:100% !important;margin-left:0;margin-top:3px;border-radius:10px;padding:5px;}
    .prod-cat-label{padding:6px 0 2px 15px;font-size:10px;}
    .prod-cat-title{font-size:13px;margin-top:8px;line-height:1.35;min-height:36px;}
    .home-price-wrapper{margin-top:8px;}
    .home-price-row{gap:6px;flex-wrap:wrap;align-items:flex-end;}
    .prod-cat-price{font-size:16px;}
    .prod-cat-disc-price{font-size:14px;}
    .prod-cat-old-price{font-size:13px;}
    .prod-cat-price-badge{font-size:10px;padding:2px 6px;}
    .prod-cat-price-discounted{line-height:1.2;}
}

.bank-transfer-info{padding:24px 30px;background:#f8f9fa;border-radius:10px;border:1px solid #e5e7eb;margin-top:20px;}
.bank-transfer-info hr{margin:0 0 20px 0;border:0;border-top:1px solid #e5e7eb;}
.bank-info-item{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px;color:#374151;}
.bank-info-item:not(:last-child){border-bottom:1px solid #e9ecef;}
.bank-info-item i{color:#6f8b7f;font-size:18px;width:24px;text-align:center;}
.bank-name{font-weight:600;color:#1f2937;}
.account-name{font-weight:500;color:#374151;}
.iban-number{font-family:'Courier New',monospace;font-weight:600;color:#059669;letter-spacing:1px;font-size:16px;}

.address-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:7px;background:#1c486f;color:#ffffff;font-size:13px;font-weight:600;border:1px solid #1c486f;text-decoration:none;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease;margin-right:8px;margin-top:8px;}
.address-btn:hover,.address-btn:focus{background:#245f8d;color:#ffffff;transform:translateY(-1px);text-decoration:none;}
.address-btn:last-child{margin-right:0;}
#invoiceDelete.address-btn{background:#dc3545;border-color:#dc3545;}
#invoiceDelete.address-btn:hover,#invoiceDelete.address-btn:focus{background:#c82333;border-color:#bd2130;}
.address-action-buttons{margin-top:20px;display:flex;align-items:center;gap:12px;}
.address-action-buttons .address-btn{margin:0;}
#invoiceNew.address-btn{background:#28a745;border-color:#28a745;}
#invoiceNew.address-btn:hover,#invoiceNew.address-btn:focus{background:#218838;border-color:#1e7e34;}