/* ========================================================== NIJEE PROFESSIONAL HEADER V2 Desktop: 1200px+ Existing mobile/tablet header remains untouched ========================================================== */ @media (min-width: 1200px) { /* ------------------------------------------------------ HEADER SHELL ------------------------------------------------------ */ .header-area.header-style-1 { width: 100%; background: #fff !important; overflow-x: clip; } .header-area .header-middle.nijee-main-header { position: relative; width: 100%; min-height: 88px !important; height: 88px !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border-bottom: 1px solid #f1edf5; box-shadow: none !important; } .header-area .nijee-header-container { width: 100% !important; max-width: 1920px !important; height: 88px !important; margin: 0 auto !important; padding: 0 clamp(18px, 2.4vw, 46px) !important; } .header-area .nijee-header-container > .header-wrap, .header-area .nijee-header-row { display: flex !important; width: 100% !important; height: 88px !important; min-height: 88px !important; align-items: center !important; justify-content: flex-start !important; gap: clamp(6px, .75vw, 14px) !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ HIDE OLD DESKTOP ELEMENTS ------------------------------------------------------ */ .header-area .nijee-location-box, .header-area .nijee-desktop-search-shortcut, .header-area .top-menu-categories-cont.nijee-category-strip { display: none !important; } /* ------------------------------------------------------ HAMBURGER ------------------------------------------------------ */ .header-area .nijee-desktop-menu-trigger { display: flex !important; flex: 0 0 34px !important; width: 34px !important; height: 42px !important; padding: 6px 4px !important; margin: 0 !important; border: 0 !important; background: transparent !important; flex-direction: column !important; justify-content: center !important; gap: 5px !important; cursor: pointer; } .header-area .nijee-desktop-menu-trigger span { display: block !important; width: 26px !important; height: 3px !important; min-height: 3px !important; padding: 0 !important; margin: 0 !important; border-radius: 4px; background: #161a34 !important; } /* ------------------------------------------------------ LOGO ------------------------------------------------------ */ .header-area .nijee-main-logo { display: flex !important; flex: 0 1 clamp(148px, 9.5vw, 185px) !important; width: clamp(148px, 9.5vw, 185px) !important; min-width: 138px !important; height: 72px !important; align-items: center !important; margin: 0 !important; overflow: hidden !important; } .header-area .nijee-main-logo a { display: flex !important; width: 100% !important; height: 72px !important; align-items: center !important; overflow: hidden !important; } .header-area .nijee-main-logo img { display: block !important; width: 100% !important; height: 68px !important; max-width: 100% !important; max-height: 68px !important; object-fit: contain !important; object-position: left center !important; margin: 0 !important; transform: none !important; } /* ------------------------------------------------------ SEARCH ------------------------------------------------------ */ .header-area .nijee-market-search { position: relative !important; display: block !important; flex: 1 1 520px !important; width: auto !important; min-width: 330px !important; margin: 0 !important; transform: none !important; z-index: 50; } .header-area .nijee-market-search form { position: relative !important; display: flex !important; width: 100% !important; height: 52px !important; align-items: center !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border: 1px solid #dfcaeb !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } .header-area .nijee-search-category-trigger { position: static !important; display: flex !important; flex: 0 1 160px !important; width: clamp(135px, 10vw, 160px) !important; min-width: 125px !important; height: 50px !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 0 16px !important; margin: 0 !important; border: 0 !important; border-right: 1px solid #e9e7ed !important; border-radius: 0 !important; background: #fff !important; color: #171b35 !important; font-size: clamp(12px, .85vw, 14px) !important; font-weight: 500 !important; white-space: nowrap !important; cursor: pointer; transform: none !important; } .header-area .nijee-search-category-trigger i { transition: transform .2s ease; } .header-area .nijee-search-category-trigger[aria-expanded="true"] i { transform: rotate(180deg); } .header-area .nijee-market-search input { position: static !important; flex: 1 1 auto !important; width: 1% !important; min-width: 0 !important; height: 50px !important; padding: 0 18px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: #fff !important; box-shadow: none !important; transform: none !important; font-size: clamp(11px, .9vw, 15px) !important; color: #40425b !important; } .header-area .nijee-market-search button[type="submit"] { position: static !important; display: flex !important; flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; background: linear-gradient( 135deg, #7518c8 0%, #ec2781 100% ) !important; font-size: 20px !important; transform: none !important; cursor: pointer; } /* ------------------------------------------------------ REAL CATEGORY DROPDOWN ------------------------------------------------------ */ .header-area .nijee-category-menu-panel { position: absolute; top: calc(100% + 10px); left: 0; width: min(650px, 75vw); max-height: 440px; padding: 18px; overflow-y: auto; visibility: hidden; opacity: 0; transform: translateY(-6px); pointer-events: none; border: 1px solid #eee7f3; border-radius: 14px; background: #fff; box-shadow: 0 18px 50px rgba(31, 20, 55, .16); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; z-index: 9999; } .header-area .nijee-category-menu-panel.is-open { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; } .header-area .nijee-category-menu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #eeeaf2; } .header-area .nijee-category-menu-head strong { color: #191a32; font-size: 16px; font-weight: 700; } .header-area .nijee-category-menu-head a { color: #a21bc9; font-size: 13px; font-weight: 600; text-decoration: none; } .header-area .nijee-category-menu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .header-area .nijee-category-menu-item { display: flex; min-width: 0; align-items: center; gap: 10px; padding: 9px; border-radius: 10px; color: #25253c; text-decoration: none; transition: background .15s ease, color .15s ease; } .header-area .nijee-category-menu-item:hover { color: #921ac7; background: #fbf5ff; } .header-area .nijee-category-menu-thumb { display: flex; flex: 0 0 38px; width: 38px; height: 38px; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; background: #faf3fd; } .header-area .nijee-category-menu-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; } .header-area .nijee-category-menu-thumb i { color: #9720ca; font-size: 17px; } .header-area .nijee-category-menu-name { overflow: hidden; font-size: 12px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; } /* ------------------------------------------------------ DELIVERY ------------------------------------------------------ */ .header-area .nijee-desktop-delivery { display: flex !important; flex: 0 1 122px !important; width: 122px !important; min-width: 105px !important; height: 56px !important; align-items: center !important; gap: 6px !important; padding: 0 !important; margin: 0 !important; color: #171b35 !important; } .header-area .nijee-desktop-delivery > .fa-location-dot { flex: 0 0 auto; color: #921bc9 !important; font-size: 22px !important; } .header-area .nijee-desktop-delivery div { display: flex !important; min-width: 0; flex-direction: column !important; line-height: 1.1 !important; } .header-area .nijee-desktop-delivery small { font-size: 10px !important; white-space: nowrap; } .header-area .nijee-desktop-delivery strong { font-size: 13px !important; white-space: nowrap; } .header-area .nijee-delivery-arrow { font-size: 10px !important; } /* ------------------------------------------------------ B2B / SELL ------------------------------------------------------ */ .header-area .nijee-header-b2b-link, .header-area .nijee-header-sell-link { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: 62px !important; padding: 0 2px !important; margin: 0 !important; gap: 4px !important; color: #171728 !important; text-decoration: none !important; white-space: nowrap !important; } .header-area .nijee-header-b2b-link { flex: 0 1 58px !important; width: 58px !important; min-width: 50px !important; } .header-area .nijee-header-sell-link { flex: 0 1 82px !important; width: 82px !important; min-width: 72px !important; } .header-area .nijee-header-b2b-link i, .header-area .nijee-header-sell-link i { color: #9220cb !important; font-size: 23px !important; line-height: 1 !important; } .header-area .nijee-header-b2b-link span, .header-area .nijee-header-sell-link span { color: #171728 !important; font-size: clamp(10px, .7vw, 12px) !important; font-weight: 500 !important; line-height: 1 !important; } /* ------------------------------------------------------ WISHLIST / ACCOUNT / CART ------------------------------------------------------ */ .header-area .nijee-header-actions { display: flex !important; flex: 0 1 210px !important; width: 210px !important; min-width: 190px !important; height: 62px !important; align-items: center !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .header-area .nijee-header-actions > .header-action-2 { display: flex !important; width: 100% !important; height: 62px !important; align-items: center !important; justify-content: space-between !important; gap: 2px !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .header-area .nijee-header-actions .header-action-icon-2, .header-area .nijee-cart-action { position: relative !important; flex: 1 1 0 !important; min-width: 0 !important; float: none !important; padding: 0 !important; margin: 0 !important; } .header-area .nijee-header-actions .header-action-icon-2 > a, .header-area .nijee-cart-action .mini-cart-icon { position: relative !important; display: flex !important; width: 100% !important; min-width: 0 !important; height: 60px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 0 2px !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; white-space: nowrap !important; } .header-area .nijee-action-icon { color: #9220cb !important; font-size: 24px !important; line-height: 1 !important; } .header-area .nijee-wishlist-action .nijee-action-icon { color: #ec277f !important; } .header-area .nijee-cart-action .nijee-action-icon { color: #e3267f !important; } .header-area .nijee-account-action .nijee-action-icon { color: #8b1dca !important; } .header-area .nijee-action-label { position: static !important; display: inline-block !important; color: #171728 !important; font-size: clamp(10px, .72vw, 12px) !important; font-weight: 500 !important; line-height: 1 !important; } .header-area .pro-count { top: -1px !important; left: 50% !important; right: auto !important; transform: translateX(4px); z-index: 5 !important; } /* ------------------------------------------------------ COMPACT TRUST STRIP ------------------------------------------------------ */ .nijee-trust-strip { display: block !important; width: 100% !important; height: 34px !important; min-height: 34px !important; padding: 0 14px !important; margin: 0 !important; background: linear-gradient( 90deg, #151c67 0%, #10195f 100% ) !important; } .nijee-trust-strip-inner { display: flex !important; width: 100% !important; max-width: 1800px !important; height: 34px !important; align-items: center !important; justify-content: space-between !important; margin: 0 auto !important; } .nijee-trust-item { display: flex !important; flex: 1 1 0 !important; min-width: 0 !important; height: 34px !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 0 6px !important; color: #fff !important; } .nijee-trust-icon { display: flex !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient( 135deg, #7b2bd4, #ef2c91 ) !important; font-size: 11px !important; } .nijee-trust-copy { display: flex !important; min-width: 0 !important; flex-direction: column !important; line-height: 1 !important; white-space: nowrap !important; } .nijee-trust-copy strong { color: #fff !important; font-size: clamp(9px, .65vw, 11px) !important; font-weight: 700 !important; line-height: 1 !important; } .nijee-trust-copy span { margin-top: 3px !important; color: rgba(255,255,255,.82) !important; font-size: clamp(8px, .55vw, 9px) !important; line-height: 1 !important; } .nijee-trust-divider { flex: 0 0 1px !important; width: 1px !important; height: 18px !important; background: rgba(255,255,255,.24) !important; } } /* ========================================================== SMALL DESKTOP / LAPTOP REFINEMENT ========================================================== */ @media (min-width: 1200px) and (max-width: 1399px) { .header-area .nijee-header-container { padding-left: 16px !important; padding-right: 16px !important; } .header-area .nijee-header-row { gap: 5px !important; } .header-area .nijee-main-logo { flex-basis: 142px !important; width: 142px !important; min-width: 132px !important; } .header-area .nijee-market-search { min-width: 310px !important; } .header-area .nijee-search-category-trigger { width: 125px !important; min-width: 118px !important; padding-left: 10px !important; padding-right: 10px !important; } .header-area .nijee-desktop-delivery { flex-basis: 108px !important; width: 108px !important; min-width: 100px !important; } .header-area .nijee-header-b2b-link { width: 50px !important; min-width: 46px !important; } .header-area .nijee-header-sell-link { width: 74px !important; min-width: 68px !important; } .header-area .nijee-header-actions { flex-basis: 192px !important; width: 192px !important; min-width: 182px !important; } } /* Keep submit button fixed */ .header-area .nijee-market-search button[type="submit"] { flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; } /* Category panel: never display:none */ .header-area .nijee-header-category-dropdown, .header-area .nijee-category-menu-panel { display: block !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(-8px) !important; } .header-area .nijee-header-category-dropdown.is-open, .header-area .nijee-category-menu-panel.is-open { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } /* Delivery */ .header-area .nijee-desktop-delivery { position: relative !important; cursor: pointer !important; } .header-area .nijee-delivery-click-target { position: absolute !important; inset: 0 !important; z-index: 5 !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; cursor: pointer !important; } .header-area .nijee-desktop-delivery > i, .header-area .nijee-desktop-delivery > div { position: relative !important; z-index: 2 !important; pointer-events: none !important; } /* Hamburger exact clean shape */ .header-area .nijee-desktop-menu-trigger { display: flex !important; flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; height: 42px !important; padding: 0 !important; margin: 0 8px 0 0 !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 5px !important; border: 0 !important; background: transparent !important; } .header-area .nijee-desktop-menu-trigger > span { display: block !important; position: static !important; width: 26px !important; height: 3px !important; min-height: 3px !important; margin: 0 !important; padding: 0 !important; border-radius: 3px !important; background: #171b35 !important; transform: none !important; } } /* ========================================================== NIJEE HEADER FUNCTIONAL UI FINAL Compact category list + clean hamburger + pincode overlay ========================================================== */ @media (min-width: 1200px) { /* ------------------------------------------------------ CLEAN DESKTOP HAMBURGER ------------------------------------------------------ */ .header-area .nijee-desktop-menu-trigger { display: flex !important; position: relative !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; height: 48px !important; padding: 0 !important; margin: 0 8px 0 0 !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; cursor: pointer !important; } .header-area .nijee-desktop-menu-trigger > span { display: block !important; position: static !important; width: 28px !important; height: 3px !important; min-height: 3px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 3px !important; background: #171b35 !important; opacity: 1 !important; transform: none !important; } /* ------------------------------------------------------ SEARCH ------------------------------------------------------ */ .header-area .nijee-market-search { position: relative !important; flex: 1 1 560px !important; min-width: 400px !important; overflow: visible !important; } .header-area .nijee-market-search form { display: flex !important; width: 100% !important; height: 52px !important; overflow: hidden !important; } .header-area .nijee-search-category-trigger { flex: 0 0 150px !important; width: 150px !important; min-width: 150px !important; } .header-area .nijee-market-search input { flex: 1 1 auto !important; width: 1% !important; min-width: 160px !important; font-size: 13px !important; } .header-area .nijee-market-search button[type="submit"] { flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; } /* ------------------------------------------------------ ALL CATEGORIES — SIMPLE LIST ------------------------------------------------------ */ .header-area .nijee-header-category-dropdown, .header-area .nijee-category-menu-panel { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; display: block !important; width: 310px !important; max-width: 310px !important; max-height: 480px !important; padding: 8px !important; overflow-x: hidden !important; overflow-y: auto !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(-6px) !important; border: 1px solid #eee4f3 !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 14px 40px rgba(30, 18, 50, .15) !important; z-index: 999999 !important; } .header-area .nijee-header-category-dropdown.is-open, .header-area .nijee-category-menu-panel.is-open { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } .header-area .nijee-header-category-dropdown-inner { display: flex !important; width: 100% !important; flex-direction: column !important; gap: 2px !important; } .header-area .nijee-header-category-dropdown-item { display: flex !important; width: 100% !important; min-height: 42px !important; align-items: center !important; gap: 10px !important; padding: 6px 10px !important; margin: 0 !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #202039 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; } .header-area .nijee-header-category-dropdown-item:hover { background: #faf4ff !important; color: #8f1bc9 !important; } /* Hide large category artwork */ .header-area .nijee-header-category-dropdown-item img { display: none !important; } .header-area .nijee-header-category-dropdown-item .nijee-desktop-category-thumb, .header-area .nijee-header-category-dropdown-item .nijee-category-menu-thumb { display: none !important; } .header-area .nijee-header-category-dropdown-item span { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .header-area .nijee-category-dropdown-arrow { display: inline-block !important; flex: 0 0 auto !important; margin-left: auto !important; color: #9992a4 !important; font-size: 11px !important; } .header-area .nijee-header-category-all { color: #7f1cc5 !important; font-weight: 700 !important; background: #fbf6ff !important; } /* ------------------------------------------------------ PINCODE CLICK OVERLAY Old JS writes "Set Location" / "Change" into button. Keep that text invisible. ------------------------------------------------------ */ .header-area .nijee-desktop-delivery { position: relative !important; } .header-area .nijee-delivery-click-target { position: absolute !important; inset: 0 !important; z-index: 10 !important; display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; box-shadow: none !important; cursor: pointer !important; } .header-area .nijee-desktop-delivery > .fa-location-dot, .header-area .nijee-desktop-delivery > div, .header-area .nijee-delivery-arrow { position: relative !important; z-index: 2 !important; pointer-events: none !important; } } /* ========================================================== NIJEE FINAL STRUCTURAL HEADER REPAIR 2026-07-17 ========================================================== */ @media (min-width: 1200px) { /* Main row */ .header-area .nijee-header-row { display: flex !important; align-items: center !important; width: 100% !important; gap: 10px !important; overflow: visible !important; } /* Hamburger */ .header-area .nijee-desktop-menu-trigger { display: flex !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; height: 48px !important; padding: 0 !important; margin: 0 6px 0 0 !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; cursor: pointer !important; } .header-area .nijee-desktop-menu-trigger > span { display: block !important; position: static !important; width: 28px !important; height: 3px !important; min-height: 3px !important; margin: 0 !important; padding: 0 !important; border-radius: 4px !important; background: #171b35 !important; opacity: 1 !important; transform: none !important; } /* Search wrapper */ .header-area .nijee-market-search { position: relative !important; flex: 1 1 580px !important; width: auto !important; min-width: 390px !important; margin: 0 !important; overflow: visible !important; z-index: 100 !important; } /* Search form */ .header-area .nijee-market-search form { display: flex !important; position: relative !important; width: 100% !important; height: 52px !important; padding: 0 !important; margin: 0 !important; align-items: center !important; overflow: hidden !important; border: 1px solid #e2cdea !important; border-radius: 10px !important; background: #ffffff !important; } /* Search input — LEFT */ .header-area .nijee-market-search input { order: 1 !important; position: static !important; flex: 1 1 auto !important; width: 1% !important; min-width: 160px !important; height: 50px !important; padding: 0 20px !important; margin: 0 !important; border: 0 !important; background: #fff !important; font-size: 13px !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* Categories — MIDDLE */ .header-area .nijee-search-category-trigger { order: 2 !important; position: static !important; display: flex !important; flex: 0 0 155px !important; width: 155px !important; min-width: 155px !important; height: 50px !important; padding: 0 15px !important; margin: 0 !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; border: 0 !important; border-left: 1px solid #e8e5eb !important; background: #fff !important; color: #171b35 !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important; cursor: pointer !important; transform: none !important; } /* Search button — RIGHT */ .header-area .nijee-market-search button[type="submit"] { order: 3 !important; position: static !important; display: flex !important; flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; height: 50px !important; padding: 0 !important; margin: 0 !important; align-items: center !important; justify-content: center !important; border: 0 !important; background: linear-gradient( 135deg, #7518c8, #ed2782 ) !important; color: #fff !important; transform: none !important; } /* ====================================================== SIMPLE ALL CATEGORIES LIST ====================================================== */ .header-area .nijee-header-category-dropdown { position: absolute !important; top: calc(100% + 8px) !important; right: 56px !important; left: auto !important; display: block !important; width: 290px !important; max-width: 290px !important; max-height: 470px !important; padding: 8px !important; margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(-5px) !important; border: 1px solid #eee4f2 !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 15px 40px rgba(35, 17, 55, .16) !important; z-index: 999999 !important; } .header-area .nijee-header-category-dropdown.is-open { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } .header-area .nijee-header-category-dropdown-inner { display: flex !important; width: 100% !important; flex-direction: column !important; gap: 1px !important; } .header-area .nijee-header-category-dropdown-item { display: flex !important; width: 100% !important; min-height: 40px !important; align-items: center !important; gap: 9px !important; padding: 7px 10px !important; margin: 0 !important; border-radius: 7px !important; background: transparent !important; color: #22223b !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; } .header-area .nijee-header-category-dropdown-item:hover { background: #faf4ff !important; color: #8d1bc7 !important; } .header-area .nijee-header-category-dropdown-item > span { flex: 1 1 auto !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .header-area .nijee-category-dropdown-arrow { margin-left: auto !important; color: #aaa3af !important; font-size: 10px !important; } .header-area .nijee-header-category-all { color: #841dc5 !important; font-weight: 700 !important; background: #faf5ff !important; } /* Pincode overlay text must never show */ .header-area .nijee-delivery-click-target { color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -99999px !important; overflow: hidden !important; } } /* ========================================================== NIJEE SEARCH V2 — AMAZON STYLE LIVE SEARCH ========================================================== */ @media (min-width: 1200px) { .header-area .nijee-search-v2 { position: relative !important; overflow: visible !important; z-index: 10000 !important; } .header-area .nijee-search-v2-form { display: flex !important; width: 100% !important; height: 52px !important; align-items: stretch !important; overflow: visible !important; padding: 0 !important; border: 1px solid #dfc7eb !important; border-radius: 10px !important; background: #ffffff !important; } /* ALL — LEFT */ .header-area .nijee-search-category-wrap { position: relative !important; flex: 0 0 90px !important; width: 90px !important; min-width: 90px !important; order: 1 !important; } .header-area .nijee-search-category-trigger { position: static !important; display: flex !important; width: 100% !important; height: 50px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 12px !important; border: 0 !important; border-right: 1px solid #e9e3ed !important; border-radius: 9px 0 0 9px !important; background: #faf8fb !important; color: #202038 !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; } /* CATEGORY LIST */ .header-area .nijee-header-category-dropdown { position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; right: auto !important; display: none !important; width: 260px !important; max-height: 410px !important; padding: 7px !important; overflow-y: auto !important; border: 1px solid #eee6f1 !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 16px 45px rgba(27, 17, 48, .16) !important; z-index: 100001 !important; } .header-area .nijee-header-category-dropdown.is-open { display: block !important; } .header-area .nijee-search-category-option { display: block !important; width: 100% !important; min-height: 38px !important; padding: 8px 11px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: #25253c !important; text-align: left !important; font-size: 13px !important; cursor: pointer !important; } .header-area .nijee-search-category-option:hover, .header-area .nijee-search-category-option.is-selected { background: #faf3ff !important; color: #851cc6 !important; } /* INPUT — CENTER */ .header-area .nijee-search-input-wrap { position: relative !important; order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; } .header-area .nijee-search-input-wrap input { display: block !important; width: 100% !important; height: 50px !important; min-width: 0 !important; padding: 0 16px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #ffffff !important; color: #29293f !important; font-size: 14px !important; outline: 0 !important; box-shadow: none !important; } /* CAMERA */ .header-area .nijee-image-search-button { position: static !important; order: 3 !important; display: flex !important; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; color: #8b1dc8 !important; font-size: 18px !important; cursor: pointer !important; } /* SEARCH BUTTON */ .header-area .nijee-search-v2-form .nijee-search-submit { position: static !important; order: 4 !important; display: flex !important; flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 0 9px 9px 0 !important; background: linear-gradient( 135deg, #7518c8, #ed2782 ) !important; color: #ffffff !important; font-size: 21px !important; } /* LIVE SUGGESTION BOX */ .header-area .nijee-search-suggestions { position: absolute !important; top: calc(100% + 5px) !important; left: 90px !important; right: 0 !important; display: none !important; max-height: 560px !important; overflow-y: auto !important; border: 1px solid #e8e4eb !important; border-radius: 0 0 12px 12px !important; background: #ffffff !important; box-shadow: 0 18px 50px rgba(24, 17, 42, .18) !important; z-index: 100000 !important; } .header-area .nijee-search-suggestions.is-open { display: block !important; } .header-area .nijee-search-section-title { padding: 13px 16px 8px !important; color: #171728 !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; } /* PRODUCT CARDS */ .header-area .nijee-search-product-cards { display: flex !important; gap: 10px !important; padding: 5px 14px 14px !important; overflow-x: auto !important; } .header-area .nijee-search-product-card { display: block !important; flex: 0 0 130px !important; width: 130px !important; overflow: hidden !important; border: 1px solid #ece8ef !important; border-radius: 9px !important; background: #ffffff !important; color: #202038 !important; text-decoration: none !important; } .header-area .nijee-search-product-image { display: flex !important; width: 100% !important; height: 92px !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #faf8fb !important; } .header-area .nijee-search-product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .header-area .nijee-search-product-image i { color: #a02acc !important; font-size: 26px !important; } .header-area .nijee-search-product-title { display: block !important; padding: 8px 9px !important; overflow: hidden !important; color: #202038 !important; font-size: 12px !important; font-weight: 500 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* TEXT SUGGESTIONS */ .header-area .nijee-search-text-list { border-top: 1px solid #eeeaf0 !important; padding: 6px 0 !important; } .header-area .nijee-search-suggestion-item { display: flex !important; width: 100% !important; min-height: 42px !important; align-items: center !important; gap: 11px !important; padding: 8px 16px !important; border: 0 !important; background: #ffffff !important; color: #1d1d30 !important; text-align: left !important; font-size: 14px !important; cursor: pointer !important; } .header-area .nijee-search-suggestion-item:hover { background: #f8f5fa !important; } .header-area .nijee-search-suggestion-item i { flex: 0 0 18px !important; color: #29293c !important; } .header-area .nijee-search-loading, .header-area .nijee-search-empty { padding: 18px !important; color: #777487 !important; text-align: center !important; font-size: 13px !important; } } @media (min-width: 1200px) { /* * Old theme search shortcut/popup must never * interfere with Search V2 on desktop. */ .header-area .nijee-desktop-search-shortcut { display: none !important; } } /* ========================================================== NIJEE SEARCH V2 REFINEMENT Compact All + Desktop camera hidden ========================================================== */ @media (min-width: 1200px) { /* * ALL CATEGORY BUTTON: * only this small area is clickable. */ .header-area .nijee-search-category-wrap { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; } .header-area .nijee-search-category-trigger { width: 64px !important; min-width: 64px !important; max-width: 64px !important; padding: 0 9px !important; gap: 5px !important; justify-content: center !important; cursor: pointer !important; } .header-area #nijee-search-category-label { display: inline-block !important; width: auto !important; flex: 0 0 auto !important; } /* * Ensure input owns all remaining search space. */ .header-area .nijee-search-input-wrap { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; } /* * AMAZON-LIKE DESKTOP: * camera hidden. */ .header-area .nijee-image-search-button { display: none !important; } /* * Suggestion dropdown now starts * immediately after compact All button. */ .header-area .nijee-search-suggestions { left: 64px !important; } /* * Cleaner card row. */ .header-area .nijee-search-product-cards { scrollbar-width: thin !important; } .header-area .nijee-search-product-card { flex: 0 0 145px !important; width: 145px !important; } .header-area .nijee-search-product-image { height: 108px !important; } /* * Amazon-like keyword list. */ .header-area .nijee-search-suggestion-item { min-height: 46px !important; padding: 9px 18px !important; font-size: 15px !important; font-weight: 500 !important; } .header-area .nijee-search-suggestion-item i { font-size: 16px !important; } } /* ========================================================== IMAGE SEARCH ICON Visible only below desktop breakpoint ========================================================== */ @media (max-width: 1199px) { .nijee-image-search-button { display: flex !important; } } /* ========================================================== NIJEE SEARCH V2 FINAL STABILITY ========================================================== */ @media (min-width: 1200px) { .header-area .nijee-search-category-wrap { position: relative !important; flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; overflow: visible !important; } .header-area .nijee-search-category-trigger { display: flex !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 50px !important; align-items: center !important; justify-content: center !important; gap: 5px !important; padding: 0 8px !important; border: 0 !important; border-right: 1px solid #e7e3ea !important; background: #faf8fb !important; cursor: pointer !important; pointer-events: auto !important; z-index: 100005 !important; } .header-area .nijee-search-category-trigger > * { pointer-events: none !important; } .header-area .nijee-header-category-dropdown { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: auto !important; display: none !important; width: 260px !important; max-height: 420px !important; overflow-y: auto !important; padding: 7px !important; border: 1px solid #ece5ef !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 16px 42px rgba(28, 17, 50, .17) !important; z-index: 100010 !important; } .header-area .nijee-header-category-dropdown.is-open { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .header-area .nijee-search-category-option { display: block !important; width: 100% !important; min-height: 38px !important; padding: 8px 10px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: #23233a !important; text-align: left !important; font-size: 13px !important; cursor: pointer !important; } .header-area .nijee-search-category-option:hover, .header-area .nijee-search-category-option.is-selected { background: #faf3ff !important; color: #861dc7 !important; } .header-area .nijee-search-suggestions { left: 64px !important; right: 0 !important; } .header-area .nijee-image-search-button { display: none !important; } } /* ========================================================== NIJEE SEARCH V2 — AMAZON STYLE LIVE SEARCH ========================================================== */ @media (min-width: 1200px) { .header-area .nijee-search-v2 { position: relative !important; overflow: visible !important; z-index: 10000 !important; } .header-area .nijee-search-v2-form { display: flex !important; width: 100% !important; height: 52px !important; align-items: stretch !important; overflow: visible !important; padding: 0 !important; border: 1px solid #dfc7eb !important; border-radius: 10px !important; background: #ffffff !important; } /* ALL — LEFT */ .header-area .nijee-search-category-wrap { position: relative !important; flex: 0 0 90px !important; width: 90px !important; min-width: 90px !important; order: 1 !important; } .header-area .nijee-search-category-trigger { position: static !important; display: flex !important; width: 100% !important; height: 50px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 12px !important; border: 0 !important; border-right: 1px solid #e9e3ed !important; border-radius: 9px 0 0 9px !important; background: #faf8fb !important; color: #202038 !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; } /* CATEGORY LIST */ .header-area .nijee-header-category-dropdown { position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; right: auto !important; display: none !important; width: 260px !important; max-height: 410px !important; padding: 7px !important; overflow-y: auto !important; border: 1px solid #eee6f1 !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 16px 45px rgba(27, 17, 48, .16) !important; z-index: 100001 !important; } .header-area .nijee-header-category-dropdown.is-open { display: block !important; } .header-area .nijee-search-category-option { display: block !important; width: 100% !important; min-height: 38px !important; padding: 8px 11px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: #25253c !important; text-align: left !important; font-size: 13px !important; cursor: pointer !important; } .header-area .nijee-search-category-option:hover, .header-area .nijee-search-category-option.is-selected { background: #faf3ff !important; color: #851cc6 !important; } /* INPUT — CENTER */ .header-area .nijee-search-input-wrap { position: relative !important; order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; } .header-area .nijee-search-input-wrap input { display: block !important; width: 100% !important; height: 50px !important; min-width: 0 !important; padding: 0 16px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #ffffff !important; color: #29293f !important; font-size: 14px !important; outline: 0 !important; box-shadow: none !important; } /* CAMERA */ .header-area .nijee-image-search-button { position: static !important; order: 3 !important; display: flex !important; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; color: #8b1dc8 !important; font-size: 18px !important; cursor: pointer !important; } /* SEARCH BUTTON */ .header-area .nijee-search-v2-form .nijee-search-submit { position: static !important; order: 4 !important; display: flex !important; flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; height: 50px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 0 9px 9px 0 !important; background: linear-gradient( 135deg, #7518c8, #ed2782 ) !important; color: #ffffff !important; font-size: 21px !important; } /* LIVE SUGGESTION BOX */ .header-area .nijee-search-suggestions { position: absolute !important; top: calc(100% + 5px) !important; left: 90px !important; right: 0 !important; display: none !important; max-height: 560px !important; overflow-y: auto !important; border: 1px solid #e8e4eb !important; border-radius: 0 0 12px 12px !important; background: #ffffff !important; box-shadow: 0 18px 50px rgba(24, 17, 42, .18) !important; z-index: 100000 !important; } .header-area .nijee-search-suggestions.is-open { display: block !important; } .header-area .nijee-search-section-title { padding: 13px 16px 8px !important; color: #171728 !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; } /* PRODUCT CARDS */ .header-area .nijee-search-product-cards { display: flex !important; gap: 10px !important; padding: 5px 14px 14px !important; overflow-x: auto !important; } .header-area .nijee-search-product-card { display: block !important; flex: 0 0 130px !important; width: 130px !important; overflow: hidden !important; border: 1px solid #ece8ef !important; border-radius: 9px !important; background: #ffffff !important; color: #202038 !important; text-decoration: none !important; } .header-area .nijee-search-product-image { display: flex !important; width: 100% !important; height: 92px !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #faf8fb !important; } .header-area .nijee-search-product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .header-area .nijee-search-product-image i { color: #a02acc !important; font-size: 26px !important; } .header-area .nijee-search-product-title { display: block !important; padding: 8px 9px !important; overflow: hidden !important; color: #202038 !important; font-size: 12px !important; font-weight: 500 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } /* TEXT SUGGESTIONS */ .header-area .nijee-search-text-list { border-top: 1px solid #eeeaf0 !important; padding: 6px 0 !important; } .header-area .nijee-search-suggestion-item { display: flex !important; width: 100% !important; min-height: 42px !important; align-items: center !important; gap: 11px !important; padding: 8px 16px !important; border: 0 !important; background: #ffffff !important; color: #1d1d30 !important; text-align: left !important; font-size: 14px !important; cursor: pointer !important; } .header-area .nijee-search-suggestion-item:hover { background: #f8f5fa !important; } .header-area .nijee-search-suggestion-item i { flex: 0 0 18px !important; color: #29293c !important; } .header-area .nijee-search-loading, .header-area .nijee-search-empty { padding: 18px !important; color: #777487 !important; text-align: center !important; font-size: 13px !important; } } @media (min-width: 1200px) { /* * Old theme search shortcut/popup must never * interfere with Search V2 on desktop. */ .header-area .nijee-desktop-search-shortcut { display: none !important; } } /* ========================================================== NIJEE SEARCH — FINAL CATEGORY DROPDOWN SAFETY ========================================================== */ @media (min-width: 1200px) { .header-area .nijee-search-category-wrap { position: relative !important; overflow: visible !important; z-index: 100005 !important; } .header-area #nijee-category-menu-trigger { pointer-events: auto !important; cursor: pointer !important; position: relative !important; z-index: 100006 !important; } .header-area #nijee-category-menu-panel { position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; right: auto !important; display: none !important; width: 280px !important; max-height: 420px !important; overflow-y: auto !important; background: #ffffff !important; border: 1px solid #eee6f1 !important; border-radius: 10px !important; box-shadow: 0 16px 45px rgba(27, 17, 48, .16) !important; padding: 7px !important; z-index: 100007 !important; pointer-events: auto !important; } .header-area #nijee-category-menu-panel.is-open { display: block !important; } .header-area .nijee-search-category-option { display: block !important; width: 100% !important; min-height: 38px !important; padding: 8px 11px !important; border: 0 !important; background: transparent !important; color: #25253c !important; text-align: left !important; cursor: pointer !important; } .header-area .nijee-search-category-option:hover { background: #faf3ff !important; color: #851cc6 !important; } } /* ========================================================== NIJEE SEARCH SINGLE OWNER FINAL ========================================================== */ @media (min-width: 1200px) { .header-area #nijee-category-menu-panel.is-open { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .header-area .nijee-search-product-cards { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 10px !important; } .header-area .nijee-search-product-card { flex: 0 0 138px !important; width: 138px !important; } .header-area .nijee-search-product-image { height: 100px !important; } .header-area .nijee-search-text-section:not([hidden]) { display: block !important; } .header-area .nijee-search-text-list { display: block !important; width: 100% !important; border-top: 1px solid #ece8ef !important; } .header-area .nijee-search-suggestion-item { display: flex !important; width: 100% !important; min-height: 44px !important; align-items: center !important; gap: 11px !important; padding: 9px 16px !important; border: 0 !important; background: #fff !important; text-align: left !important; cursor: pointer !important; } } /* ========================================================== NIJEE ALL CATEGORY DROPDOWN — FLOATING FINAL FIX ========================================================== */ @media (min-width: 1200px) { .header-area .nijee-search-v2-form { overflow: visible !important; } .header-area .nijee-search-category-wrap { position: relative !important; overflow: visible !important; z-index: 999990 !important; } .header-area #nijee-category-menu-trigger { position: relative !important; z-index: 999991 !important; pointer-events: auto !important; } .header-area #nijee-category-menu-panel { position: absolute !important; top: 56px !important; left: 0 !important; right: auto !important; width: 280px !important; max-height: 420px !important; padding: 7px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #ffffff !important; border: 1px solid #ece4ef !important; border-radius: 10px !important; box-shadow: 0 16px 45px rgba(25, 15, 45, .20) !important; z-index: 999999 !important; } .header-area #nijee-category-menu-panel:not(.is-open) { display: none !important; } .header-area #nijee-category-menu-panel.is-open { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .header-area #nijee-category-menu-panel .nijee-search-category-option { display: block !important; width: 100% !important; min-height: 40px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 7px !important; background: #ffffff !important; color: #23233a !important; text-align: left !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; } .header-area #nijee-category-menu-panel .nijee-search-category-option:hover, .header-area #nijee-category-menu-panel .nijee-search-category-option.is-selected { background: #faf3ff !important; color: #861dc7 !important; } } /* ============================================================ NIJEE MOBILE INTERACTION FREEZE FIX Hidden overlays must never capture page taps/clicks. ============================================================ */ .page-overlay { pointer-events: none !important; visibility: hidden !important; } .page-overlay.is-visible { pointer-events: auto !important; visibility: visible !important; } .body-overlay-1 { pointer-events: none !important; } .mobile-menu-active .body-overlay-1 { pointer-events: auto !important; } /* Closed search panel must not intercept screen interaction */ .search-section:not(.is-visible) { pointer-events: none !important; } .search-section.is-visible { pointer-events: auto !important; }