@media (max-width: 991px) {.navbar {padding: 0.5rem 1rem;}
.mobile-search{display: none;}
.navbar-brand {order: 1;margin-right: auto;}
.navbar-brand img {max-height: 40px !important;}
.mobile-icons-wrapper {order: 2;display: flex;align-items: center;gap: 15px;margin-left: auto;}
.navbar-nav.align-items-center {display: none !important;}
.mobile-icon-link {position: relative;color: #333;font-size: 20px;text-decoration: none;}
.mobile-icon-badge {position: absolute;top: -8px;right: -10px;background: #dc3545;color: #fff;font-size: 10px;padding: 2px 5px;border-radius: 10px;min-width: 18px;text-align: center;}
.mobile-icon-badge.bg-success {background: #28a745 !important;}
.navbar-toggler {order: 3;border: none;padding: 0.25rem 0.5rem;margin-left: 18px;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler-icon {width: 30px;height: 22px;}
.navbar-collapse {order: 4;width: 100%;}
.navbar-collapse form {display: none;}
.mobile-dropdown {position: relative;}
.mobile-dropdown-menu {display: none;position: absolute;top: 100%;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 4px;min-width: 150px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);z-index: 1000;}
.mobile-dropdown-menu.show {display: block;}
.mobile-dropdown-menu a {display: block;padding: 10px 15px;color: #333;text-decoration: none;border-bottom: 1px solid #f0f0f0;}
.mobile-dropdown-menu a:last-child {border-bottom: none;}
.mobile-dropdown-menu a:hover {background: #f8f9fa;}}
.carousel-caption {bottom: 50%;}
.fade-up {opacity: 0;transform: translateY(40px);transition: all 0.8s ease;}
.carousel-item.active .fade-up {opacity: 1;transform: translateY(0);}
.delay-1 {transition-delay: 0.3s; color: #fff;}
@media (min-width: 992px) {.mobile-icons-wrapper {display: none !important;}}
.call-btn img {height: 45px;width: 45px;position: fixed;left: 15px;bottom: 150px;z-index: 999;}
.whatsapp-link img {height: 45px;width: 45px;position: fixed;left: 15px;bottom: 100px;z-index: 999;}
.product-card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.1);transform: translateY(-5px);}
.product-img {height: 220px;object-fit: cover;}
.discount-badge {position: absolute;top: 10px;left: 10px;background: red;color: #fff;padding: 5px 10px;font-size: 14px;border-radius: 4px;}
.price-old {text-decoration: line-through;color: gray;font-size: 14px;}
.price-new {font-size: 18px;font-weight: 600;color: #28a745;}
.zoom-container {position: relative;overflow: hidden;cursor: zoom-in;}
.zoom-container img {width: 100%;height: 400px; transition: transform 0.3s ease;}
.zoom-container:hover img {transform: scale(1.8);}
.thumbnail img {cursor: pointer;border: 2px solid transparent;}
.thumbnail img.active {border: 2px solid #0d6efd;}
.register-card {border-radius: 20px;overflow: hidden;box-shadow: 0 20px 40px rgba(0,0,0,0.2);}
.brand-side {background: linear-gradient(135deg, #1cc88a, #4e73df);color: #fff;padding: 50px;}
.brand-side h2 {font-weight: 700;}
.form-side {background: #fff;padding: 50px;}
.btn-gradient {background: linear-gradient(135deg, #4e73df, #1cc88a);border: none;color: #fff;font-weight: 600;}
.btn-gradient:hover {opacity: 0.9;}
.loginpage{height: 100vh;display: flex;justify-content: center;font-family: 'Segoe UI', sans-serif;}
.login-card {width: 100%;max-width: 400px;border-radius: 15px;}
.wishlist-active {color: red;}
.account-card {border: none;border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,0.05);}
.nav-pills .nav-link {border-radius: 10px;padding: 12px 15px;font-weight: 500;color: #555;}
.nav-pills .nav-link.active {background: linear-gradient(135deg, #4e73df, #224abe);color: #fff;}
.profile-header {background: linear-gradient(135deg, #4e73df, #224abe);border-radius: 15px;padding: 25px;color: #fff;}
.main-product-img {max-height: 500px;object-fit: contain;}
.thumbnail-container img {cursor: pointer;transition: all 0.2s;}
.thumbnail-container img.active,.thumbnail-container img:hover {border: 2px solid #2874f0 !important;opacity: 1;}
.price-new {color: #000;}
.badge.bg-success {font-size: 1.1rem;}
.specs-list li {margin-bottom: 0.75rem;font-size: 1.05rem;}
.review-item .text-warning {font-size: 1.2rem;}
.cart-table th,.cart-table td {vertical-align: middle;}
.cart-table tbody tr:hover {background-color: rgba(0, 0, 0, 0.025);}
.remove-item-btn {transition: transform 0.2s;}
.remove-item-btn:hover {transform: scale(1.3);}
.input-group-sm .btn {padding: 0.25rem 0.75rem;}
.input-group-sm .form-control {font-weight: 600;}
.custom-swiper-btn {width: 48px;height: 48px;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(8px);border-radius: 50%;border: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;justify-content: center;color: #fff;transition: all 0.3s ease;}
.custom-swiper-btn::after {font-size: 18px;font-weight: bold;}
.custom-swiper-btn:hover {background: #ffffff;color: #000;transform: scale(1.1);box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.swiper-button-prev {left: 20px;}
.swiper-button-next {right: 20px;}
.custom-swiper-btn:hover {background: linear-gradient(135deg,#667eea,#764ba2);color: #fff;}
@media (max-width:768px){.custom-swiper-btn{width:40px;height:40px;}}
@media (max-width: 991px) {.position-sticky {position: static !important;}}
.card {transition: all 0.25s ease;}
.card:hover {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;}
.form-control-lg {font-size: 1.05rem;padding: 0.75rem 1.25rem;}
.form-control:focus {border-color: #ff9f00;box-shadow: 0 0 0 0.25rem rgba(255, 159, 0, 0.15);}
.btn-warning {background-color: #ff9f00 !important;border-color: #ff9f00 !important;color: #000 !important;}
.btn-warning:hover {background-color: #ffb733 !important;transform: translateY(-2px);}
.list-group-item {background: transparent;}
@media (max-width: 991px) {.position-sticky {position: static !important;}}
.category-slider {padding:30px 40px;}
.category-section{margin-bottom:60px;}
.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;border-radius:12px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.category-header h4{font-weight:700;font-size:22px;margin:0;color:#333;}
.view-btn{background:#6366f1;border:none;padding:6px 18px;border-radius:20px;font-size:14px;color:#fff;}
.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 25px rgba(0,0,0,0.08);transition:all .3s ease;height:100%;}
.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.15);}
.product-img {height:220px;width:calc(100% - 20px);object-fit:cover;border-radius:18px;margin:10px;}
.product-content{padding:15px;text-align:center;}
.product-name{font-size:15px;font-weight:600;color:#333;height:42px;overflow:hidden;}
.price-old{text-decoration:line-through;color:#888;font-size:13px;}
.price-new{color:#16a34a;font-weight:700;font-size:18px;margin-left:6px;}
.discount-badge{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;padding:4px 10px;font-size:12px;border-radius:20px;font-weight:600;}
@media(max-width:768px){.product-img{height:170px;}.product-name{font-size:14px;}.category-header h4{font-size:18px;}}
/* ================= MOBILE OPTIMIZATION ================= */
@media (max-width: 575px) {
.category-header{flex-direction: column;gap:10px;text-align:center;padding:15px;}
.category-header h4{font-size:18px;}
.category-slider{padding:20px 15px;}
.product-card{min-height:auto;border-radius:18px;}
.product-img{height:180px;margin:10px;border-radius:15px;}
.product-name{font-size:14px;}
.price-old{font-size:13px;}
.price-new{font-size:18px;}
.discount-badge{font-size:11px;padding:6px 12px;}}
/* ================= SMALL TABLETS ================= */
@media (min-width:576px) and (max-width:768px){
.category-slider{padding:25px 20px;}
.product-img{height:200px;margin:15px;}
.product-card{min-height:340px;}}
/* ================= TABLET ================= */
@media (min-width:769px) and (max-width:991px){.product-card{min-height:360px;}.product-img{height:210px;}}
/* ================= LARGE DESKTOP ================= */
@media (min-width:1400px){.category-slider{padding:35px;}.product-img{height:240px;}}
.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.08);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height: 230px;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.15);}
.product-img-wrapper{height:230px;overflow:hidden;}
.product-img-wrapper img{width:100%;height:230px;object-fit:cover;transition:transform .4s;}
.product-card:hover img{transform:scale(1.08);}
.product-content{padding:15px;text-align:center;flex-grow:1;}
.product-title{font-size:15px;font-weight:600;color:#333;min-height:40px;}
.product-price{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px;}
.price-old{text-decoration:line-through;color:#999;font-size:14px;}
.price-new{color:#16a34a;font-weight:700;font-size:17px;}
.discount-badge{position:absolute;top:10px;left:10px;background:#e63946;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;z-index:2;}
.cart-card{ border-radius:16px;transition:0.3s;}
.cart-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.qty-box input{max-width:60px;}
.price{font-weight:600;font-size:17px;}
.summary-card{border-radius:18px;}
.empty-cart img{opacity:0.8;}
.account-sidebar{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.account-sidebar .nav-link{color:#333;padding:10px 12px;border-radius:6px;font-size:14px;}
.account-sidebar .nav-link:hover{background:#f3e5f5;color:#1f74ba;}
.account-sidebar .nav-link.active{background:#1f74ba;color:#fff;}
.account-card{background:#fff;border-radius:10px;border:none;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.profile-header{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;}
.stat-box{padding:20px;border-radius:8px;background:#fafafa;text-align:center;}
.stat-box h4{color:#1f74ba;font-weight:600;}
.wishlist-card img{height:220px;object-fit:cover;}
.wishlist-card{transition:0.3s;}
.wishlist-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}