/* ========================= FULL HEADER & MENU STYLING ========================= */ /* ===== HEADER WRAPPER & BACKGROUND ===== */ .page-header, .header-wrapper, .header-wrapper-top, .header-wrapper-middle, .header-wrapper-bottom, .header.content, .header-main-menu, .cdz-main-menu-wrapper, .cdz-main-menu, .cdz-horizontal-menu, .panel.wrapper, .cdz-main-menu *, .cdz-horizontal-menu *, .header-main-menu *, .header-main-menu *::before, .header-main-menu *::after { background: #808000 !important; /* Olive green */ color: #ffffff !important; border: none !important; box-shadow: none !important; } /* ===== MAIN MENU LINKS ===== */ .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link, .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link * { background-color: #808000 !important; color: #ffffff !important; font-weight: 600; font-size: 16px; padding: 18px 20px; text-transform: uppercase; letter-spacing: 0.5px; } /* Hover main menu */ .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link:hover, .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link:hover * { background-color: #6b6b00 !important; /* Darker olive on hover */ color: #ffffff !important; } /* ===== SUBMENU ===== */ .cdz-main-menu .cdz-horizontal-menu li.level0 ul, .cdz-main-menu .cdz-horizontal-menu li.level0 ul li, .cdz-main-menu .cdz-horizontal-menu li.level0 ul li a, .cdz-main-menu .cdz-horizontal-menu li.level0 ul li a * { background-color: #ffffff !important; /* White submenu background */ color: #000000 !important; /* Black submenu text */ } /* Hover submenu */ .cdz-main-menu .cdz-horizontal-menu li.level0 ul li a:hover, .cdz-main-menu .cdz-horizontal-menu li.level0 ul li a:hover * { background-color: #f0f0f0 !important; color: #000000 !important; } /* ===== LOGO ===== */ .page-header .logo img { max-height: 100px !important; /* Slightly bigger */ width: auto; transition: max-height 0.3s ease; } /* ===== SEARCH BAR & ICON ===== */ .block-search, .block-search * { background-color: #808000 !important; color: #ffffff !important; border: none !important; } .block-search input[type="text"], .block-search input[type="search"] { background-color: #808000 !important; border: 1px solid #ffffff !important; color: #ffffff !important; } .block-search input::placeholder { color: #f0f0f0 !important; } .block-search .action.search:hover { background-color: #6b6b00 !important; color: #ffffff !important; } /* ===== CART ICON ===== */ .minicart-wrapper, .minicart-wrapper .action.showcart, .minicart-wrapper * { background-color: #808000 !important; color: #ffffff !important; border: none !important; } .minicart-wrapper .action.showcart:hover { background-color: #6b6b00 !important; color: #ffffff !important; } /* ===== HEADER ICONS LAYOUT ===== */ .header-wrapper-bottom .minicart-wrapper, .header-wrapper-bottom .links, .header-wrapper-bottom .welcome { display: flex; align-items: center; gap: 15px; } /* ===== STICKY HEADER FIX - NO RED SIDE BARS ===== */ .header-wrapper.is-sticky, .header-wrapper.is-sticky .panel.wrapper, .header-wrapper.is-sticky .cdz-main-menu-wrapper, .header-wrapper.is-sticky .header-wrapper-top, .header-wrapper.is-sticky .header-wrapper-middle, .header-wrapper.is-sticky .header-wrapper-bottom, .header-wrapper.is-sticky .cdz-main-menu, .header-wrapper.is-sticky .cdz-horizontal-menu { background-color: #808000 !important; /* Olive green */ border: none !important; box-shadow: none !important; color: #fff !important; } /* Remove left and right red edges by overriding pseudo elements */ .header-wrapper.is-sticky::before, .header-wrapper.is-sticky::after, .cdz-main-menu-wrapper::before, .cdz-main-menu-wrapper::after, .panel.wrapper::before, .panel.wrapper::after { background-color: #808000 !important; /* Olive green */ border: none !important; box-shadow: none !important; content: ""; } /* Also fix any red backgrounds on the menu container inside sticky header */ .header-wrapper.is-sticky .cdz-main-menu-wrapper, .header-wrapper.is-sticky .cdz-main-menu-wrapper > div { background-color: #808000 !important; border: none !important; box-shadow: none !important; } /* Hover colors on sticky header */ .header-wrapper.is-sticky .cdz-horizontal-menu li.level0 > a.menu-link:hover, .header-wrapper.is-sticky .cdz-horizontal-menu li.level0 > a.menu-link:hover * { background-color: #6b6b00 !important; /* Darker olive on hover */ color: #fff !important; } /* ===== RESPONSIVE STYLING ===== */ @media (max-width: 1024px) { .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link { font-size: 15px; padding: 14px 12px; } } @media (max-width: 768px) { .page-header .logo img { max-height: 80px !important; } .cdz-main-menu .cdz-horizontal-menu { display: flex; flex-direction: column; align-items: center; background-color: #808000 !important; width: 100%; } .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link { display: block; width: 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 14px 0; } .cdz-main-menu .cdz-horizontal-menu li.level0 ul li a { background-color: #ffffff !important; color: #000000 !important; } .header-wrapper-bottom .minicart-wrapper { position: absolute; top: 15px; right: 15px; } } @media (max-width: 480px) { .cdz-main-menu .cdz-horizontal-menu li.level0 > a.menu-link { font-size: 14px; } .page-header .logo img { max-height: 65px !important; } }

JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

Home
Search results for: 'care digest lively'

Search results for: 'care digest lively'

We can't find products matching the selection.

Search Brands All Brands

Featured Brands

Search results for: 'care digest lively'

Free UK Delivery*

365 Day Returns

130,000+ Parts in Stock

Free Click & Collect

Search results for: 'care digest lively'

Validate your login

Free UK Delivery*

365 Day Returns

130,000+ Parts in Stock

Free Click & Collect