:root {
    --primary-color: #a2784e;
    --secondary-color: #e9ccaf;
    --header-bg: #fbe6d0;
    --body-bg: #ececec;
    --footer-widgets-bg: #e9ccaf;
    --footer-copyright-bg: #8b653f;
    --footer-text-color: #000000;
    --link-color: #000000;
    --button-color: #a2784e;
    --button-hover-color: #8b653f;
    --price-color: #b74135;
    --menu-bg: #e9ccaf;
    --menu-text-color: #000000;
    --menu-hover-bg: #a2784e;
    --menu-hover-text: #ffffff;
    --menu-dropdown-bg: #ffffff;
    --menu-dropdown-text: #000000;
    --product-box-bg: #ffffff;
    --product-box-border: #dddddd;
    --product-box-hover-border: #e9ccaf;
    --product-name-color: #000000;
    --hotline-bg: #f8f9fa;
    --hotline-text-color: #8b653f;
    --buy-now-bg: #a2784e;
    --buy-now-hover-bg: #e9621e;
    --top-cat-border: #8b653f;
    --footer-copyright-text-color: #ffffff;
    --modal-add-to-cart-color: #a2784e;
    --modal-add-to-cart-hover-bg: #8b653f;
    --modal-buy-now-bg: #a2784e;
    --modal-buy-now-hover-bg: #8b653f;
    --chat-header-bg: #734212;
    --chat-header-text-color: #ffffff;
    --chat-btn-bg: #8b653f;
    --chat-btn-color: #ffffff;
    --chat-box-border-radius: 16px;
}
body { background: var(--body-bg) !important; }
a, a:hover, a:focus { color: var(--link-color); }
.top_header { background: var(--header-bg) !important; }
.sticky.is-sticky { background: var(--header-bg) !important; }
.header-right a:hover { background: var(--primary-color) !important; border-color: var(--primary-color) !important; }
.main-search form button { background: var(--button-color) !important; }
.main-search form button:hover { background: var(--button-hover-color) !important; }
.header-list-items ul li span { background: var(--primary-color) !important; }
.submit-btn { background: var(--secondary-color) !important; }
.go_cart, .go_cart:hover { background: var(--secondary-color) !important; }
.register-now a:hover { background: var(--secondary-color) !important; }
.search_content .price { color: var(--price-color) !important; }
.main-search form { border-color: var(--secondary-color) !important; }
.footer-widgets { background: var(--footer-widgets-bg) !important; }
.footer-bottom { background: var(--footer-copyright-bg) !important; }
.copyright p, .copyright p a { color: var(--footer-copyright-text-color) !important; }
.footer-about p { color: var(--footer-text-color) !important; }
.footer-menu ul li a { color: var(--footer-text-color) !important; }
.footer-menu ul li a:hover { color: var(--primary-color) !important; }
.footer-top { background: var(--secondary-color) !important; }
.footer-about h3 { color: var(--footer-text-color) !important; }
.cart-badge, .badge-primary { background: var(--primary-color) !important; }
.price { color: var(--price-color) !important; }
.menu-area { background: var(--menu-bg) !important; }
li.cat_bar>a { background: var(--menu-bg) !important; color: var(--menu-text-color) !important; }
.catagory_menu ul li a { color: var(--menu-text-color) !important; }
li.cat_bar:hover>a { background: var(--menu-hover-bg) !important; color: var(--menu-hover-text) !important; }
.Cat_menu { background: var(--menu-dropdown-bg) !important; }
ul.Cat_menu li a span { color: var(--menu-dropdown-text) !important; }
li.child_main>a { color: var(--menu-dropdown-text) !important; }
.sec_title h2 { border-bottom: 2px solid var(--menu-bg) !important; }
.product_item { background: var(--product-box-bg) !important; border-color: var(--product-box-border) !important; }
.product_item:hover { border-color: var(--product-box-hover-border) !important; }
.product-item-box { background: var(--product-box-bg) !important; }
.pro_name a { color: var(--product-name-color) !important; }
.product-title-box h4 a { color: var(--product-name-color) !important; }
.top-header-hotline { background: var(--hotline-bg) !important; color: var(--hotline-text-color) !important; }
.top-header-hotline i { color: var(--hotline-text-color) !important; }
.pro_btn button { background: var(--buy-now-bg) !important; }
.pro_btn button:hover { background: var(--buy-now-hover-bg) !important; }
.cart_btn a { background: var(--buy-now-bg) !important; }
.cart_btn a:hover { background: var(--buy-now-hover-bg) !important; }
.cart_btn.order_button a { background: var(--buy-now-bg) !important; }
.cart_btn.order_button a:hover { background: var(--buy-now-hover-bg) !important; }
.top-cat-img { border: 2px solid var(--top-cat-border) !important; }
#modal-add-to-cart-btn { color: var(--modal-add-to-cart-color) !important; border-color: var(--modal-add-to-cart-color) !important; background: transparent !important; }
#modal-add-to-cart-btn:hover { background: var(--modal-add-to-cart-hover-bg) !important; border-color: var(--modal-add-to-cart-hover-bg) !important; color: #fff !important; }
#modal-buy-now-btn { background: var(--modal-buy-now-bg) !important; border-color: var(--modal-buy-now-bg) !important; color: #fff !important; }
#modal-buy-now-btn:hover { background: var(--modal-buy-now-hover-bg) !important; border-color: var(--modal-buy-now-hover-bg) !important; color: #fff !important; }
/* ==== Professional Menu Bar ==== */
.menu-area {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
}
.catagory_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* ---- Horizontal menu items ---- */
.cat-menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cat-menu > li.cat_bar { margin: 0; }
.cat-menu li.cat_bar > a {
    margin: 0;
    height: 50px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    gap: 7px;
    background: transparent !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--menu-text-color) !important;
    transition: all 0.25s ease;
}
.cat-menu li.cat_bar > a:hover {
    background: var(--menu-hover-bg) !important;
    color: var(--menu-hover-text) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}
.cat-menu li.cat_bar .cat_down {
    position: static;
    font-size: 11px !important;
}

/* ---- Dropdown menus ---- */
.menu-area .Cat_menu {
    left: 0;
    top: calc(100% + 10px);
    width: 240px;
    min-width: 240px;
    max-width: 280px;
    background: var(--menu-dropdown-bg) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 9999;
}
.cat-menu li.cat_bar:hover .Cat_menu,
.cat-menu li.cat_bar:focus-within .Cat_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.menu-area .Cat_menu li {
    display: block;
    padding: 0 !important;
    border-bottom: 0 !important;
    border-radius: 8px;
}
.menu-area .Cat_menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.menu-area .Cat_menu li a span {
    flex: 1;
    color: var(--menu-dropdown-text) !important;
    font-weight: 500;
}
.menu-area .Cat_menu li a i {
    position: static;
    font-size: 11px;
    color: #b5b5b5;
    opacity: 0;
    transition: all 0.2s ease;
}
.menu-area .Cat_menu li a:hover {
    background: var(--menu-bg) !important;
    padding-left: 16px;
}
.menu-area .Cat_menu li a:hover span,
.menu-area .Cat_menu li a:hover i {
    color: var(--menu-hover-text) !important;
    opacity: 1;
}

/* ---- Responsive tweaks ---- */
@media (max-width: 1199px) {
    .cat-menu li.cat_bar > a { padding: 0 14px; }
}