@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;}
@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-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{width:100%;height:200px;object-fit:cover;}
.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;}
.swiper-button-next, .swiper-button-prev{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.swiper-button-next::after, .swiper-button-prev::after{font-size:16px;font-weight:bold;color:#333;}
@media(max-width:768px){.product-img{height:170px;}.product-name{font-size:14px;}.category-header h4{font-size:18px;}}