/* Main background and highlight color replacements */
#wsus__topbar,
.wsus__icon_area li a span,
.wsus_menu_category_bar,
.common_btn,
#wsus__banner .slick-dots li.slick-active button,
.wsus__scroll_btn,
.wsus__new,
.wsus__pro_det_video,
.modal_slider .prv_arr,
.modal_slider .nxt_arr,
.product_popup_modal .btn-close:hover,
.add_cart,
#wsus__hot_deals .nxt_arr,
#wsus__hot_deals .prv_arr,
.wsus__footer_social .facebook:hover,
#pagination nav ul li a.page_active,
#pagination nav ul li a:hover,
#pagination2 nav ul li a.page_active,
#pagination2 nav ul li a:hover,
.exzoom .exzoom_btn a,
.wsus__comment_area h4 span,
.wsus__daily_deals_single_img p,
.wsus__daily_deals_single_img .blue,
.wsus__section_header .simply-days-section,
.wsus__section_header .simply-hours-section,
.wsus__section_header .simply-minutes-section,
.wsus__section_header .simply-seconds-section,
.wsus__single_brand .new,
.check_mark::after,
.wsus__order_details_img span,
.razorpay-payment-button,
.wsus__address_btn a,
.wishlist .wsus__pro_img a:hover,
.wsus__mobile_menu_icon,
.wsus__mobile_menu_close:hover,
#wsus__weekly_best .nxt_arr,
#wsus__weekly_best .prv_arr,
.wsus__single_blog .blue,
.wsus__pop_up_text #cross,
.wsus__chatlist h2,
.wsus__chat_area_header h2,
.single_chat_2 .wsus__chat_single_text p,
.wsus__chat_area_footer form button,
.wsus__mini_cart h4 span:hover,
.wsus__stock_area .in_stock,
.wsus__button_area li .buy_now,
.wsus__ofer_det_footer_btn .buy_now,
.wsus__single_pro_icon li a {
    background: #eb8023 !important;
}

.wsus__icon_area li a span,
.wsus_menu_category_bar,
.common_btn,
#wsus__banner .slick-dots li.slick-active button,
.wsus__scroll_btn,
.wsus__new,
.wsus__pro_det_video,
.modal_slider .prv_arr,
.modal_slider .nxt_arr,
.product_popup_modal .btn-close:hover,
.add_cart,
#wsus__hot_deals .nxt_arr,
#wsus__hot_deals .prv_arr,
.wsus__footer_social .facebook:hover,
.wsus__footer_bottom,
#pagination nav ul li a.page_active,
#pagination nav ul li a:hover,
#pagination2 nav ul li a.page_active,
#pagination2 nav ul li a:hover,
.exzoom .exzoom_btn a,
.wsus__comment_area h4 span,
.wsus__daily_deals_single_img p,
.wsus__daily_deals_single_img .blue,
.wsus__section_header .simply-days-section,
.wsus__section_header .simply-hours-section,
.wsus__section_header .simply-minutes-section,
.wsus__section_header .simply-seconds-section,
.wsus__single_brand .new,
.check_mark::after,
.wsus__order_details_img span,
.razorpay-payment-button,
.wsus__address_btn a,
.wishlist .wsus__pro_img a:hover,
.wsus__mobile_menu_icon,
.wsus__mobile_menu_close:hover,
#wsus__weekly_best .nxt_arr,
#wsus__weekly_best .prv_arr,
.wsus__single_blog .blue,
.wsus__pop_up_text #cross,
.wsus__chatlist h2,
.wsus__chat_area_header h2,
.single_chat_2 .wsus__chat_single_text p,
.wsus__chat_area_footer form button,
.wsus__mini_cart h4 span:hover,
.wsus__stock_area .in_stock,
.wsus__button_area li .buy_now,
.wsus__ofer_det_footer_btn .buy_now,
.wsus__single_pro_icon li a {
    background: #eb8023 !important;
}

.wsus__footer_bottom, #wsus__topbar {
    background: #19142f !important;
}

.add_cart:hover {
  color: #fff;
  background: #19142f !important;
}

.wsus__single_pro_icon li a {
    border: 1px solid #19142f !important;
}
.wsus__mobile_menu_header_icon li a {
    background: #19142f !important;
    border: 1px solid #19142f !important;
}

.wsus__pop_up_text form .news_input {
    border: 1px solid #19142f !important;
}
.wsus__dashboard_order .status a {
    color: #19142f !important;
    border: 1px solid #19142f !important;
}

.wsus__dashboard_order .status a:hover {
    background: #19142f !important;
    color: #fff !important;
}

#pagination nav ul li a, #pagination2 nav ul li a {
    border: 1px solid #19142f !important;
}

.wsus__button_area li:nth-child(3) a:hover,
.wsus__button_area li:nth-child(4) a:hover {
  border-color: #19142f !important;
  background:  #19142f !important;
}

.wsus__cart_list table tr th,
.wsus__dashboard_order table thead tr th,
.wsus__invoice_description th,
.wsus__invoice_footer {
    background: #19142f !important;
}

.wsus__dash_add_single h4 {
    background: #19142f !important;
    border-bottom : 1px solid #19142f !important;
}

.wsus__dash_add_single {
    border : 1px solid #19142f !important;
}

.wsus__cart_list_footer_top input {
    border: 1px solid #19142f !important;
}

.wsus__pay_info_area .tab-pane,
.wsus__pay_booking_summary {
    background: #19142f !important;
}

#wsus__brand_sleder .nxt_arr,
#wsus__brand_sleder .prv_arr {
    background: #19142f !important;
}

#wsus__brand_sleder .nxt_arr:hover,
#wsus__brand_sleder .prv_arr:hover {
  background: #19142f !important;
}

.wsus__login_reg_area .nav-pills .nav-link.active,
.wsus__login_reg_area .nav-pills .show > .nav-link {
    color: #19142f !important;
    border-color: #19142f !important;
}

.wsus__login_input i {
    border: 1px solid #19142f !important;
}

#wsus__banner .slick-dots li button {
    background: #19142f90 !important;
}

.accordion-button {
    background: #19142f !important;
}

.wsus__order_details {
    background: #19142f20 !important;
    border : 1px solid #19142f !important;
}



.common_btn:hover {
  background: #19142f !important;
}

.shop_btn:hover {
  background: #19142f !important;
  border-color: #19142f !important;
}

.wsus__product_details .wsus__pro_name:hover {
  color: #19142f !important;
}

.check_mark::before {
    background: #19142f !important;
    color: #fff !important;
    border-color: #19142f !important;
}

 .wsus__product_details .add_cart:hover {
    color: #fff !important;
    background: #19142f !important;
}

#wsus__mobile_menu .nav-pills .nav-link.active, #wsus__mobile_menu #pills-tab li button:hover {
    color: #19142f !important;
    border-color: #19142f !important;
}

.wsus__pro_det_description .nav {
    border: 1px solid #19142f !important;
}

.wsus__dashboard_review_item ul li a {
    background: #19142f !important;
    color: #fff !important;
}

.wsus__dash_pro_img input {
    background: #19142f !important;
}
.wsus_pro_hot_deals .simply-amount {
    color: #19142f !important;
    border: 1px solid #19142f !important;
}
.wsus__dashboard_review_item ul li a:hover {
    color : #000 !important;
}

.close_icon .dash_bar {
    background: #19142f !important;
    color: #fff !important;
}

.wsus__menu_item > li:hover > a,
.wsus__menu_item li a.active,
.wsus_menu_cat_item > li:hover > a,
.wsus_menu_cat_droapdown li a:hover,
.wsus_menu_cat_droapdown li a:hover,
.wsus__single_slider_text h6,
.wsus__call_text a:hover,
.wsus__flash_coundown .end_text,
.wsus__pro_details_text h4 span,
.wsus__pro_details_text h4,
.wsus__quentity h3,
.wsus__quentity h3 span,
.monthly_top_filter button:hover,
.monthly_top_filter button.active,
.monthly_top_filter2 button:hover,
.monthly_top_filter2 button.active,
.wsus__hot_deals__single:hover h5,
.wsus__product_details .wsus__price,
.wsus__hot_deals_proce,
.wsus__home_services_single i,
.wsus__home_services_single:hover h5,
.see_btn,
.wsus__blog_text_center a:hover,
.wsus__blog_text_center .date span,
.wsus__footer_content .action:hover,
.wsus__footer_menu li,
.wsus__footer_menu li a:hover,
#wsus__breadcrumb ul li:last-child a,
.wsus__product_sidebar ul li a:hover,
.form-check label:hover,
.wsus__pro_details_text .title:hover,
.brand_model a:hover,
.wsus_pro_det_sidebar_single i,
.wsus__blog_post_single a:hover,
.wsus__main_blog_header span i,
.wsus_menu_cat_item li .wsus__droap_arrow::after,
.wsus__daily_deals_text .deals_title:hover,
.wsus__offer_countdown .end_text,
.wsus__contact_single i,
.wsus__contact_single a:hover,
.wsus__compare_text a:hover,
.wsus__compare_stock,
.wsus__mini_cart .wsus__cart_text a:hover,
.wsus__mini_cart .wsus__cart_text p,
.wsus__cart_tab li a:hover,
.wsus__order_active,
.wsus__pro_name a:hover,
.wsus__pro_status p,
.wsus__login_input i,
.wsus__pro_report,
.wsus__order_details .form-check label a,
.wsus__invoice_description .name p a:hover,
.wsus__dash_rev_text a:hover,
.wsus__dash_rev_text h5 span,
.wsus__dash_pro_single i,
.wsus__mobile_menu_header_icon li a span,
.wsus_mobile_menu_category li:hover > a,
.wsus__mobile_menu_main_menu li:hover > a,
.wsus__mobile_menu_main_menu .accordion-button:hover,
.wsus__forget_area .qiestion_icon i,
.wsis__del_icon:hover,
.wsus__pro_det_description .nav-pills .nav-link.active,
.wsus__pro_det_description .nav-pills .nav-link:hover {
    color: #eb8023 !important;
}

#wsus__flash_sell .nxt_arr,
#wsus__flash_sell .prv_arr,
#wsus__electronic2 .prv_arr,
#wsus__electronic2 .nxt_arr,
#wsus__electronic .prv_arr,
#wsus__electronic .nxt_arr{
    background: #19142f !important;
}

#wsus__flash_sell .nxt_arr:hover,
#wsus__flash_sell .prv_arr:hover,
#wsus__electronic2 .nxt_arr:hover,
#wsus__electronic2 .prv_arr:hover,
#wsus__electronic .nxt_arr:hover,
#wsus__electronic .prv_arr:hover {
  background: #19142f !important;
}

.wsus__daily_deals_single {
    background: #19142f !important;
    border: 1px solid #19142f !important;
}

.wsus__main_blog_header,
.wsus__share_blog {
    background: #19142f !important;
}

.flat-slider .ui-slider-handle {
    background-color : #19142f !important;
}

.flat-slider .ui-widget-content {
    background: #19142f90 !important;
}

.accordion-button {
    background: #19142f !important;
}

.wsus__product_topbar_left #v-pills-tab button.active {
    background: #19142f !important;
    color: #fff !important;
    border-color: #19142f !important;
}

.form-check-input:checked {
  background-color: #19142f !important;
  border-color: #19142f !important;
}

.wsus__product_topbar_left #v-pills-tab button {
    color : #19142f !important;
    background: #fff !important;
}

.wsus__single_pro_icon li a:hover {
    border-color: #19142f !important;
    background: #19142f !important;
}

.wsus__icon_area li a:hover, .wsus__icon_area li .active {
    color: #19142f !important;
    border-color: #19142f !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #19142f !important;
}



/* start theme color two */

.wsus__single_slider_text h1 {
    color: #19142f !important;
}

.wsus__main_menu,
#wsus__subscribe,
.wsus__payment_area form,
.wsus__pay_info_area .nav-pills .nav-link.active,
.dashboard_sidebar,
.wsus__dashboard_menu,
#wsus__mobile_menu,
.wsus__mobile_menu_main_menu .accordion-body {
    background:  #19142f !important;
}

.wsus__home_services_single:hover i,
.wsus__home_services_single h5 {
  color: #19142f !important;
}

.wsus__chat_single_text p {
    background:  #18587a20 !important;
}


.wsus__offer_time .simply-days-section,
.wsus__offer_time .simply-hours-section,
.wsus__offer_time .simply-minutes-section,
.wsus__offer_time .simply-seconds-section {
    background:  #19142f !important;
}

.wsus__hot_deals_img .simply-countdown {
    background:  #18587a90 !important;
}

.add_cart:hover {
    color: #fff;
    background: #eb8023 !important;
}

/* Border colors */
.wsus__single_pro_icon li a {
    border: 1px solid #19142f !important;
}

.wsus__mobile_menu_header_icon li a {
    background: #19142f !important;
    border: 1px solid #19142f !important;
}

.wsus__pop_up_text form .news_input {
    border: 1px solid #19142f !important;
}

.wsus__dashboard_order .status a {
    color: #19142f !important;
    border: 1px solid #19142f !important;
}
.wsus__dashboard_order .status a:hover {
    background: #19142f !important;
    color: #fff !important;
}

#pagination nav ul li a,
#pagination2 nav ul li a {
    border: 1px solid #19142f !important;
}

.wsus__button_area li:nth-child(3) a:hover,
.wsus__button_area li:nth-child(4) a:hover {
    border-color: #19142f !important;
    background: #19142f !important;
}

/* Light Backgrounds */
.wsus__cart_list table tr th,
.wsus__dashboard_order table thead tr th,
.wsus__invoice_description th,
.wsus__invoice_footer {
    background: rgba(25, 20, 47, 0.2) !important;
}

.wsus__dash_add_single h4 {
    background: rgba(25, 20, 47, 0.2) !important;
    border-bottom: 1px solid rgba(25, 20, 47, 0.2) !important;
}

.wsus__dash_add_single {
    border: 1px solid rgba(25, 20, 47, 0.2) !important;
}

.wsus__cart_list_footer_top input {
    border: 1px solid #19142f !important;
}

.wsus__pay_info_area .tab-pane,
.wsus__pay_booking_summary {
    background: rgba(25, 20, 47, 0.2) !important;
}

#wsus__brand_sleder .nxt_arr,
#wsus__brand_sleder .prv_arr {
    background: rgba(25, 20, 47, 0.5) !important;
}
#wsus__brand_sleder .nxt_arr:hover,
#wsus__brand_sleder .prv_arr:hover {
    background: #19142f !important;
}

/* Tabs & login area */
.wsus__login_reg_area .nav-pills .nav-link.active,
.wsus__login_reg_area .nav-pills .show > .nav-link {
    color: #19142f !important;
    border-color: #19142f !important;
}

.wsus__login_input i {
    border: 1px solid #19142f !important;
}

.accordion-button {
    background: rgba(25, 20, 47, 0.1) !important;
}

.flat-slider .ui-slider-handle {
    background-color: #19142f !important;
}

.flat-slider .ui-widget-content {
    background: rgba(25, 20, 47, 0.5) !important;
}

.form-check-input:checked {
    background-color: #19142f !important;
    border-color: #19142f !important;
}

/* Dropdown */
.wsus__topbar_right .dropdown-menu {
   background-color: #fff;
   border: 1px solid #ddd;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
   font-size: 14px;
   padding: 0;
   margin-top: 10px;
   min-width: 200px;
}
.wsus__topbar_right .dropdown-menu a.dropdown-item {
   padding: 10px 15px;
   display: flex;
   align-items: center;
}
.wsus__topbar_right .dropdown-menu a.dropdown-item:hover {
   background-color: #f6f6f6;
}/* Ensure dropdown background is white */
.dropdown-menu {
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Make links readable by default */
.dropdown-menu .dropdown-item {
  color: #333; /* Dark gray for readability */
  font-weight: 500;
  padding: 10px 20px;
}

/* On hover, highlight clearly */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #2b4599; /* Your primary color */
  color: #fff;
}

/* Divider styling */
.dropdown-menu .dropdown-divider {
  margin: 0.5rem 0;
  border-top: 1px solid #ccc;
}

/* Logout link in red but readable */
.dropdown-menu .dropdown-item.text-danger {
  color: #eb8023;
}

.dropdown-menu .dropdown-item.text-danger:hover {
  background-color: #eb8023;
  color: #fff;
}
.star-rating {
    direction: rtl;
    display: inline-flex;
    font-size: 1.5rem;
}
.star-rating input {
    display: none;
}
.star-rating label {
    color: #ccc;
    cursor: pointer;
}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
    color: #f5b301;
}

/* Override Bootstrap button colors */
.btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    background-color: #eb8023 !important;
    border-color: #eb8023 !important;
    color: #fff !important;
}

/* On hover: slightly darker shade */
.btn:hover,
.btn:focus {
    background-color: #d56f1f !important;
    border-color: #d56f1f !important;
    color: #fff !important;
}

/* Cart image thumbnail */
.cart-img-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #ddd;
}

/* Input quantity style */
.cart-qty-input {
    width: 70px;
    text-align: center;
    border-radius: 6px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    transition: 0.3s ease;
}

.cart-qty-input:focus {
    border-color: #eb8023;
    box-shadow: 0 0 0 3px rgba(235, 128, 35, 0.2);
}

/* Table enhancements */
.cart-table th,
.cart-table td {
    vertical-align: middle !important;
}

.cart-table td strong {
    font-weight: 600;
}

.dropdown-item {
  background-color: white !important;
  color: black !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background-color: #f0f0f0 !important; /* light gray on hover/active */
  color: black !important;
}.lazy-img.blur {
    filter: blur(20px);
    transition: filter 0.5s, opacity 0.5s;
}

.lazy-img:not(.blur) {
    filter: blur(0);
    opacity: 1;
}
.wsus__banner_content {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
.wsus__banner_content.loaded {
    opacity: 1;
}

.mobile-menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            color: #333;
            padding: 0.5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: 100%;
            transition: color 0.3s ease;
        }
        
        .mobile-menu-toggle:hover {
            color: #eb8023;
        }
        
        /* Overlay for mobile menu */
        .mobile-menu-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }
        
        .mobile-menu-overlay.active {
            display: block;
        }
        
        /* Mobile Bottom Navigation */
        .mobile-bottom-nav {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background-color: #fff;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            padding: 8px 0;
        }
        
        .mobile-bottom-nav .nav-items {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 100%;
        }
        
        .mobile-bottom-nav .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #666;
            text-decoration: none;
            font-size: 0.7rem;
            transition: color 0.3s ease;
            position: relative;
        }
        
        .mobile-bottom-nav .nav-item i {
            font-size: 1.2rem;
            margin-bottom: 3px;
        }
        
        .mobile-bottom-nav .nav-item.active {
            color: #eb8023;
        }
        
        .mobile-bottom-nav .nav-item:hover {
            color: #eb8023;
        }
        
        .mobile-bottom-nav .cart-badge {
            position: absolute;
            top: 0;
            right: -8px;
            background-color: #eb8023;
            color: white;
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.6rem;
            font-weight: bold;
        }
        
        /* Adjust padding for mobile devices with bottom nav */
        @media (max-width: 767px) {
            body {
                padding-bottom: 60px;
            }
            
            .mobile-bottom-nav {
                display: block;
            }
        }
        
        /* Mobile Navigation Menu */
        .mobile-navigation-menu {
            position: fixed;
            top: 0;
            left: -100%;
            width: 80%;
            height: 100%;
            background-color: #fff;
            z-index: 1001;
            overflow-y: auto;
            transition: left 0.3s ease;
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        }
        
        .mobile-navigation-menu.active {
            left: 0;
        }
        
        .mobile-menu-header {
            padding: 15px;
            background-color: #f8f9fa;
            border-bottom: 1px solid #e9ecef;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .mobile-menu-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: #333;
        }
        
        .mobile-menu-content {
            padding: 15px;
        }
        
        .mobile-menu-section {
            margin-bottom: 20px;
        }
        
        .mobile-menu-title {
            font-weight: 600;
            margin-bottom: 10px;
            color: #333;
            display: flex;
            align-items: center;
        }
        
        .mobile-menu-title i {
            margin-right: 10px;
        }
        
        .mobile-menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .mobile-menu-list li {
            margin-bottom: 8px;
        }
        
        .mobile-menu-list a {
            color: #555;
            text-decoration: none;
            display: block;
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .mobile-menu-list a:hover {
            color: #eb8023;
        }
        
        .mobile-submenu {
            padding-left: 20px;
            display: none;
        }
        
        .mobile-submenu.active {
            display: block;
        }
        
        .submenu-toggle {
            cursor: pointer;
            position: relative;
        }
        
        .submenu-toggle::after {
            content: '\f107';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            position: absolute;
            right: 0;
            transition: transform 0.3s ease;
        }
        
        .submenu-toggle.active::after {
            transform: rotate(180deg);
        }
        

        /* ============ IMPROVED SEARCH BAR STYLES ============ */
        .enhanced-search-container {
            position: relative;
            margin-bottom: 1rem;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .enhanced-search-bar {
            display: flex;
            align-items: center;
            background-color: #19142f !important;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            height: 45px;
            position: relative;
        }

        /* Category Dropdown */
        .category-dropdown {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
        }

        .category-select {
            background-color: transparent;
            border: none;
            color: white;
            font-weight: 500;
            padding: 0 15px;
            cursor: pointer;
            outline: none;
            height: 100%;
            appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 12px;
            padding-right: 30px;
            border-right: 1px solid rgba(255, 255, 255, 0.3);
            min-width: 100px;
            font-size: 14px;
        }

        .category-select option {
            background-color: #303234ff;
            color: white;
        }

        /* Search Input */
        .search-input-wrapper {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
        }

        .search-input {
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
            color: white;
            padding: 0 15px;
            font-size: 14px;
            outline: none;
        }

        .search-input::placeholder {
            color: rgba(255, 255, 255, 0.8);
        }

        /* Search Buttons */
        .search-buttons {
            display: flex;
            align-items: center;
            height: 100%;
        }

        .image-search-btn, .submit-search-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 100%;
            border: none;
            background-color: transparent;
            color: white;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .image-search-btn {
            border-right: 1px solid rgba(255, 255, 255, 0.3);
        }

        .image-search-btn:hover, .submit-search-btn:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        /* Live Search Results Dropdown */
        .live-search-results {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background-color: white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            max-height: 400px;
            overflow-y: auto;
            display: none;
            margin-top: 5px;
        }

        .live-search-results.active {
            display: block;
        }

        .search-result-item {
            display: flex;
            align-items: center;
            padding: 12px 15px;
            border-bottom: 1px solid #f0f0f0;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .search-result-item:hover {
            background-color: #f8f9fa;
        }

        .search-result-item:last-child {
            border-bottom: none;
        }

        .search-result-image {
            width: 50px;
            height: 50px;
            object-fit: cover;
            margin-right: 12px;
        }

        .search-result-details {
            flex: 1;
        }

        .search-result-name {
            font-weight: 500;
            color: #333;
            margin-bottom: 4px;
            font-size: 14px;
        }

        .search-result-price {
            display: flex;
            align-items: center;
        }

        .current-price {
            font-weight: 600;
            color: #eb8023;
            margin-right: 8px;
        }

        .original-price {
            color: #999;
            text-decoration: line-through;
            font-size: 12px;
        }

        .search-result-category {
            font-size: 12px;
            color: #666;
            margin-top: 4px;
        }

        .view-all-results {
            padding: 12px 15px;
            text-align: center;
            background-color: #f8f9fa;
            color: #eb8023;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .view-all-results:hover {
            background-color: #e9ecef;
        }

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

        .search-loading {
            padding: 20px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .search-loading-spinner {
            width: 20px;
            height: 20px;
            border: 2px solid #f3f3f3;
            border-top: 2px solid #eb8023;
            animation: spin 1s linear infinite;
            margin-right: 10px;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Image Search Modal */
        .image-search-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 10000;
            justify-content: center;
            align-items: center;
        }

        .image-search-modal.active {
            display: flex;
        }

        .image-search-content {
            background: white;
            padding: 30px;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
        }

        .image-search-close {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: #666;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.3s ease;
        }

        .image-search-close:hover {
            color: #eb8023;
        }

        .image-search-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: #333;
        }

        .image-upload-area {
            border: 2px dashed #ddd;
            padding: 40px 20px;
            text-align: center;
            background: #f8f9fa;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 20px;
        }

        .image-upload-area:hover {
            border-color: #eb8023;
            background: #fff;
        }

        .image-upload-area.dragover {
            border-color: #eb8023;
            background: #fff5f5;
        }

        .image-upload-icon {
            font-size: 3rem;
            color: #ddd;
            margin-bottom: 15px;
        }

        .image-upload-text {
            color: #666;
            font-size: 1rem;
        }

        .image-upload-text strong {
            color: #eb8023;
        }

        .image-preview-area {
            display: none;
            margin-bottom: 20px;
        }

        .image-preview-area.active {
            display: block;
        }

        .preview-image-container {
            position: relative;
            overflow: hidden;
            max-height: 300px;
            margin-bottom: 15px;
        }

        .preview-image-container img {
            width: 100%;
            height: auto;
            display: block;
        }

        .remove-preview-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #eb8023;
            color: white;
            border: none;
            width: 30px;
            height: 30px;
            font-size: 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s ease;
        }

        .remove-preview-btn:hover {
            background: #eb8023;
        }

        .search-image-btn {
            width: 100%;
            padding: 12px;
            background: #eb8023;
            color: white;
            border: none;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .search-image-btn:hover {
            background: #eb8023;
        }

        .search-image-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
        }

        /* Loading Spinner */
        .loading-spinner {
            display: none;
            text-align: center;
            padding: 20px;
        }

        .loading-spinner.active {
            display: block;
        }

        .spinner {
            border: 3px solid #f3f3f3;
            border-top: 3px solid #eb8023;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }

        /* Mobile Styles */
        @media (max-width: 767px) {
            .enhanced-search-container {
                margin-left: 10px;
                margin-right: 10px;
            }
            
            .image-search-content {
                padding: 20px;
                width: 95%;
            }
            
            .image-search-title {
                font-size: 1.2rem;
                margin-bottom: 15px;
            }
            
            .image-upload-area {
                padding: 30px 15px;
            }
            
            .image-upload-icon {
                font-size: 2.5rem;
            }
        }
.footer-social {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
}

.footer-social a {
    width: 32px;          /* reduced from 40px */
    height: 32px;
    font-size: 14px;      /* smaller icon */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: 0.3s ease;
}

.footer-social a.facebook { background: #1877f2; }
.footer-social a.tiktok { background: #000; }
.footer-social a.x { background: #000; }
.footer-social a.linkedin { background: #0a66c2; }
.footer-social a.instagram { background: #e4405f; }
.footer-social a.youtube { background: #ff0000; }

.footer-social a:hover {
    transform: translateY(-2px);
    opacity: 0.85;
}
.payment-card {
    margin-bottom: 16px;
}

.payment-option {
    cursor: pointer;
    display: block;
}

.card-box {
    border: 2px solid #19142f;
    border-radius: 6px;
    padding: 14px;
    background: #fff;
    transition: 0.25s ease;
}

.payment-option input:checked + .card-box {
    border-color: #eb8023;
    background: #fff7f0;
}

.payment-title {
    margin-bottom: 6px;
    font-weight: 600;
    color: #19142f;
}

.momo-code {
    font-size: 16px;
    margin-bottom: 4px;
    color: #19142f;
}

.payment-note {
    color: #eb8023;
    font-size: 12px;
}

.cart-table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.cart-table thead th {
    color: #19142f;
    font-weight: 600;
    border-bottom: none;
}

.cart-table tbody tr {
    background: #fff;
    border-radius: 6px;
}

.cart-table td {
    padding: 12px;
    vertical-align: middle;
}

.cart-product {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-product img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eee;
}

.product-name {
    color: #19142f;
    font-weight: 500;
}

.cart-table tbody tr:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}