.hero-slider-1 img { max-height: 100%; } div.header-wrap.header-space-between.position-relative.main-nav { padding: 0px !important } .search-style-2 form input { width: 315px !important; } .section-padding-60 { margin-top: 20px; } .header-bottom-bg-color { background-color: #000000; } .header-middle-ptb-1 { background-color: #ffffff; } .logo.logo-width-1 a img { width: 150px; animation: pulse 2s infinite ease-in-out; } .logo-small { max-width: 50% !important; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } /* Hide Compare Icon */ .header-action-icon-2.compare-count { display: none !important; } /* Flex Layout for Header Actions */ .header-action-right { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 0; } /* Left Icons (Hamburger + Wishlist) */ .header-left-icons { display: flex; gap: 15px; align-items: center; } /* Center Logo */ .logo-center { flex: 1; text-align: center; } .logo-center img { width: 55%; } /* Right Icons (Cart + User) */ .header-right-icons { display: flex; gap: 15px; align-items: center; } /* Hamburger Menu Styling */ .burger-icon { cursor: pointer; width: 25px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; } span.pro-count.blue span { color: #ffffff !important; } .burger-icon span { display: block; height: 3px; background-color: #000; border-radius: 3px; }/* ---- Hide price only on HOME page ---- */ body.home .product-price, body.home .price, body.home .product-pricing, body.home .amount, .home .product-price, .home .price, .home .product-pricing, .home .amount, body.homepage .product-price, body.homepage .price, body.homepage .product-pricing, body.homepage .amount { display: none !important; } }/* Breadcrumb aur sidebar category links ko black karo */ .breadcrumb a, .widget_categories a, .widget a, .sidebar a { color: #000000 !important; /* Black */ } /* Header navigation ke links white hi rahenge */ .main-navigation a, .menu a, .navbar a { color: #ffffff !important; /* White */ } .woocommerce .product_meta a, .woocommerce .product_meta a:visited, .woocommerce .product_meta a:hover { color: #000 !important; text-decoration: none !important; }a[href*="/login"], a[href*="/sign-up"], a[href*="/register"] { display: none !important; } .header__top, .header__top .header__logo, .header__top .header__icons, .header__top .header__currency { display: none !important; } body > div:nth-of-type(2) > div > div { display: none !important; } @media (max-width: 768px) { /* Background white */ #page-home > header > div.header-bottom.header-bottom-bg-color.sticky-bar.gray-bg.sticky-blue-bg { background-color: #fff !important; } /* Force icons to black */ #page-home header .header-action-icon i, #page-home header .header-action-icon svg, #page-home header .header-action-icon span, #page-home header .header-action i, #page-home header .header-action svg, #page-home header .header-action span { color: #000 !important; fill: #000 !important; stroke: #000 !important; } @media (max-width: 768px) { .header-action-icon-2 img { filter: invert(100%) brightness(0%); } @media (max-width: 768px) { .burger-icon, .burger-icon img, .burger-icon svg, .burger-icon span { filter: invert(100%) brightness(0%) !important; } @media (max-width: 768px) { .header-action-icon-2 .pro-count { background-color: #000 !important; /* black circle */ color: #fff !important; /* white number */ }
 /* ==== Header White Background ==== */
.header-area,
.header-bottom,
.header-bottom-bg-color,
.sticky-bar,
.gray-bg,
.sticky-blue-bg {
    background-color: #ffffff !important;
}

/* ==== Logo black hi rahe ==== */
.logo img {
    filter: none !important;   /* koi invert ya brightness effect nahi */
}

/* ==== Icons black ==== */
.header-action-icon-2 img,
.header-action-icon-2 svg {
    filter: invert(100%) brightness(0%) !important;  /* icons ko black banane ka shortcut */
}

/* ==== Icon count style ==== */
.header-action-icon-2 .pro-count {
    background-color: #000000 !important;  /* circle black */
    color: #ffffff !important;             /* number white */
}