/* lp-eb-v9.css (Claude Fable 5.1 lead designer, 7 Nov 2026). Structure and density pass against the Easy Bathrooms reference (layout only).
Linked last in head.tpl, every page. Pairs with assets/js/lp-eb-v9.js (html.lp-eb-js). Undo: remove both links from head.tpl.
Reference measurements (1440 wide): utility bar 48, main row 100, sale strip 36, department strip 48 (dark, one line); listing filter strip 52px pills, 4 cards per row, image 312x312, no card button; product: thumbs 64, image 592, title 24, price 24, buy button 64, three hairline rows. */
:root { --eb-ink: #18232c; --eb-body: #5b6670; --eb-line: #e6e8ea; --eb-soft: #f4f2ee; --eb-or: #d95618; --eb-ord: #b84510; --eb-font: "Laporsa Manrope", "Segoe UI", Arial, sans-serif; }
/* ===================== A. HEADER: compact, one-line department strip ===================== */
@media (min-width: 992px) {
html body .lp-v4-sale-strip { padding: 0 12px !important; min-height: 32px; line-height: 32px !important; font-size: 13px !important; }
html body .lp-header .main-header .header-wrapper { min-height: 64px !important; padding: 6px 0 !important; }
html body .lp-header .header-logo img { max-height: 46px !important; }
html body .lp-v3-header .lp-v3-nav { gap: 0 24px; }
html body .lp-header .main-header, html body #header .lp-responsive-header .main-header { padding: 0 !important; }
html body .lp-v3-header .lp-v3-mega > summary, html body .lp-v3-header .lp-v3-nav > a { min-height: 42px; padding: 9px 0; font: 700 14.5px/1.3 var(--eb-font); color: var(--eb-ink); }
html body .lp-v3-header .lp-v3-mega[open] > summary { text-decoration: none; box-shadow: inset 0 -2px 0 var(--eb-or); }
/* The open panel is a single dark strip the full page width, like the reference department strip. */
html body .lp-v3-header .lp-v3-mega__panel { display: flex !important; flex-wrap: nowrap; align-items: stretch; gap: 0; height: 46px; max-height: none !important; overflow: visible !important; padding: 0 max(24px, calc(50% - 696px)); left: 50% !important; right: auto !important; width: 100vw; transform: translateX(-50%); background: var(--eb-ink); border: 0; box-shadow: 0 10px 24px -12px rgba(24, 35, 44, .5); z-index: 80; }
html body .lp-v3-mega__panel > section { position: relative; display: flex; align-items: center; margin: 0; padding: 0; min-width: 0; }
html body .lp-v3-mega__panel h2 { margin: 0; padding: 0 14px; height: 46px; line-height: 46px; font: 700 14px/46px var(--eb-font); color: #fff; letter-spacing: 0; text-transform: none; white-space: nowrap; cursor: default; border: 0; outline: 0; }
html body .lp-v3-mega__panel h2::after { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 0 3px 7px; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); opacity: .8; }
html body .lp-v3-mega__panel section:hover h2, html body .lp-v3-mega__panel section:focus-within h2 { background: rgba(255, 255, 255, .1); }
html body .lp-v3-mega__panel .lp-eb-dd { display: none; position: absolute; top: 100%; left: 0; min-width: 232px; padding: 8px 0; background: #fff; border: 1px solid var(--eb-line); border-top: 0; border-radius: 0 0 10px 10px; box-shadow: 0 16px 28px -16px rgba(24, 35, 44, .45); z-index: 90; }
html body .lp-v3-mega__panel section:hover .lp-eb-dd, html body .lp-v3-mega__panel section:focus-within .lp-eb-dd { display: block; }
html body .lp-v3-mega__panel .lp-eb-dd a { display: block; padding: 9px 16px; font: 500 14px/1.35 var(--eb-font); color: var(--eb-ink) !important; text-decoration: none; white-space: nowrap; }
html body .lp-v3-mega__panel .lp-eb-dd a:hover { background: var(--eb-soft); text-decoration: underline; text-underline-offset: 3px; }
/* Flat strips (few links): the links themselves are the strip, headings hidden. */
html body .lp-v3-mega__panel.lp-eb-flat > section, html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat > *:not(section):not(a) { display: contents; }
html body .lp-v3-mega__panel.lp-eb-flat h2 { display: none; }
html body .lp-v3-mega__panel.lp-eb-flat > section > a, html body .lp-v3-mega__panel.lp-eb-flat > a { display: inline-flex; align-items: center; height: 46px; padding: 0 14px; margin: 0; font: 600 14px/1 var(--eb-font); color: #fff !important; text-decoration: none; white-space: nowrap; border: 0; }
html body .lp-v3-mega__panel.lp-eb-flat a:hover, html body .lp-v3-mega__panel.lp-eb-flat a:focus-visible { background: rgba(255, 255, 255, .12); text-decoration: underline; text-underline-offset: 4px; }
html body .lp-v3-mega__panel a.lp-v3-sale { color: #ffc9ad !important; font-weight: 700; }
html body .lp-v3-mega__panel.lp-eb-grouped .lp-eb-dd a.lp-v3-sale { color: var(--eb-or) !important; }
html body .lp-v3-mega__panel img, html body .lp-v3-mega__panel figure, html body .lp-v3-mega__panel p { display: none !important; }
}
/* Footer: tighter bands so products get the height. */
html body #footer .lm-prefooter, html body #footer .footer-top, html body #footer .footer-main, html body #footer .footer-bottom { padding-top: 22px !important; padding-bottom: 22px !important; }
html body #footer .footer-main h3, html body #footer .footer-main h4, html body #footer .footer-main .h3, html body #footer .footer-main .h4 { margin-bottom: 8px !important; font-size: 13px !important; }
html body #footer .footer-main ul li { padding: 3px 0 !important; line-height: 1.35 !important; font-size: 13.5px; }
@media (min-width: 992px) { html body #footer .lm-prefooter { padding-top: 16px !important; padding-bottom: 16px !important; } }
/* ===================== B. LISTINGS: one strip on top, no sidebar, large separate cards ===================== */
html.lp-eb-filters-moved #left-column, html.lp-eb-filters-moved #right-column { display: none !important; }
html.lp-eb-filters-moved #content-wrapper, html.lp-eb-filters-moved .center-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
html.lp-eb-filters-moved .lp-bath-results { display: block !important; grid-template-columns: none !important; }
html.lp-eb-filters-moved #lp-bath-filters, html.lp-eb-filters-moved .lp-bath-filter-entry, html.lp-eb-filters-moved .lp-bath-results > aside { display: none !important; }
@media (min-width: 992px) {
html.lp-eb-js body .lm-filter-button.d-md-none, html.lp-eb-js body #search_filter_toggler { display: inline-flex !important; align-items: center; gap: 8px; min-height: 42px !important; padding: 0 16px !important; border: 1.5px solid var(--eb-ink) !important; border-radius: 999px !important; background: #fff !important; color: var(--eb-ink) !important; font: 700 14px/1 var(--eb-font) !important; cursor: pointer; }
html.lp-eb-js body #search_filter_toggler .material-icons { font-size: 18px; }
/* Filters drawer: left panel, overlay, header and done button. Only when the script moved the facets. */
html.lp-eb-filters-moved #_mobile_search_filters { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 400px; max-width: 92vw; z-index: 1200; margin: 0 !important; padding: 0 0 80px !important; background: #fff !important; overflow: auto; overscroll-behavior: contain; box-shadow: 0 0 0 1px var(--eb-line), 24px 0 48px -24px rgba(24, 35, 44, .45); font-family: var(--eb-font); }
html.lp-eb-filters-moved.lp-eb-filters-open #_mobile_search_filters { display: block !important; }
html.lp-eb-filters-moved #_mobile_search_filters #search_filters_wrapper, html.lp-eb-filters-moved #_mobile_search_filters #search_filters { display: block !important; padding: 8px 20px 16px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: #fff !important; width: auto !important; }
html.lp-eb-filters-moved #_mobile_search_filters #search_filters .column-title, html.lp-eb-filters-moved #_mobile_search_filters #search_filters > h4 { display: none !important; }
html.lp-eb-filters-moved #_mobile_search_filters .facet, html.lp-eb-filters-moved #_mobile_search_filters section.facet { padding: 10px 0 !important; border-top: 1px solid var(--eb-line) !important; margin: 0 !important; }
html.lp-eb-filters-moved #_mobile_search_filters .facet .facet-title, html.lp-eb-filters-moved #_mobile_search_filters .facet .h6 { font: 800 14.5px/1.3 var(--eb-font) !important; color: var(--eb-ink) !important; }
html.lp-eb-filters-moved #_mobile_search_filters .facet-label { padding: 5px 0 !important; font: 400 14px/1.35 var(--eb-font) !important; color: var(--eb-ink) !important; }
.lp-eb-fhead { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: #fff; border-bottom: 1px solid var(--eb-line); font: 800 18px/1.2 var(--eb-font); color: var(--eb-ink); }
.lp-eb-fclose { width: 40px; height: 40px; border: 1.5px solid var(--eb-ink); border-radius: 50%; background: #fff; color: var(--eb-ink); font: 400 24px/1 Arial, sans-serif; cursor: pointer; }
.lp-eb-ffoot { position: fixed; bottom: 0; left: 0; width: 400px; max-width: 92vw; padding: 12px 20px; background: #fff; border-top: 1px solid var(--eb-line); z-index: 3; }
.lp-eb-fdone { width: 100%; min-height: 48px; border: 0; border-radius: 10px; background: var(--eb-or); color: #fff; font: 700 15px/1 var(--eb-font); cursor: pointer; }
.lp-eb-fdone:hover { background: var(--eb-ord); }
.lp-eb-foverlay { display: none; position: fixed; inset: 0; z-index: 1150; background: rgba(24, 35, 44, .45); }
html.lp-eb-filters-open .lp-eb-foverlay { display: block; }
html.lp-eb-filters-open body { overflow: hidden; }
/* The strip itself */
html.lp-eb-js body #js-product-list-top { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0 !important; margin: 0 0 20px !important; border-top: 1px solid var(--eb-line); border-bottom: 1px solid var(--eb-line); }
html.lp-eb-js body #js-product-list-top .lm-products-actions { display: flex !important; align-items: center; gap: 10px; }
html.lp-eb-js body #js-product-list-top .lm-products-count strong { font: 600 13.5px/1 var(--eb-font) !important; color: var(--eb-body) !important; }
}
/* Cards: large, separate, no boundary lines, one rule for the action: the whole card opens the product (buttons kept in the DOM, hidden). */
html.lp-eb-js body .products .product-miniature, html.lp-eb-js body .products .lp-card, html.lp-eb-js body .lp-card__inner, html.lp-eb-js body .lm-product-card-inner { border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; }
html.lp-eb-js body .lp-card__media, html.lp-eb-js body .lm-product-card-media { border: 0 !important; border-radius: 10px !important; overflow: hidden; background: #fff; aspect-ratio: 1 / 1; }
html.lp-eb-js body .lp-card__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html.lp-eb-js body .lp-card__media img.lp-whole, html.lp-eb-js body .lp-bath-page .lp-card__media img, html.lp-eb-js body#index .lp-card__media img { object-fit: contain !important; }
html.lp-eb-js body:is(#category, #search, #prices-drop, #best-sales, #new-products, #manufacturer, #supplier, #index) .lp-card .buttons-sections, html.lp-eb-js body:is(#category, #search, #prices-drop, #best-sales, #new-products, #manufacturer, #supplier, #index) .lp-card .grid-hover-btn { display: none !important; }
html.lp-eb-js body .lp-card .buttons-sections, html.lp-eb-js body .lp-card .grid-hover-btn, html.lp-eb-js body .lp-card__foot .add-to-cart, html.lp-eb-js body .lp-card .lp-card__cta, html.lp-eb-js body .lp-card .lm-product-card-footer .btn { display: none !important; }
html.lp-eb-js body .lp-card__title a { font: 600 15px/1.3 var(--eb-font) !important; color: var(--eb-ink) !important; text-decoration: none !important; }
html.lp-eb-js body .lp-card .product-price, html.lp-eb-js body .lp-card .price { font-weight: 800 !important; color: var(--eb-ink) !important; }
html.lp-eb-js body .lp-card .product-flag.discount, html.lp-eb-js body .lp-card .product-flag.on-sale { border-radius: 6px !important; font: 700 11.5px/1 var(--eb-font) !important; padding: 5px 7px !important; }
@media (min-width: 992px) {
html.lp-eb-js body .products.product-list-wrapper, html.lp-eb-js body #js-product-list .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px 24px !important; }
html.lp-eb-js body .products .product-miniature { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
}
@media (min-width: 1200px) { html.lp-eb-js body .products.product-list-wrapper, html.lp-eb-js body #js-product-list .products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 40px 28px !important; } }
@media (hover: hover) { html.lp-eb-js body .lp-card:hover .lp-card__media img { transform: scale(1.03); transition: transform .35s ease; } html.lp-eb-js body .lp-card:hover .lp-card__title a { text-decoration: underline !important; text-underline-offset: 3px; } }
/* Bathroom listing pages: same page frame as tile pages. */
html.lp-eb-js body .lp-bath-intro .lm-eyebrow { display: none !important; }
html.lp-eb-js body .lp-bath-help { border: 0 !important; background: transparent !important; padding: 24px 0 0 !important; border-top: 1px solid var(--eb-line) !important; border-radius: 0 !important; }
/* ===================== C. SALE PAGE: new layout and cards ===================== */
html body#prices-drop .lps, html body#prices-drop .lps * { font-family: var(--eb-font) !important; }
html body#prices-drop .lps h2 { font-weight: 800 !important; font-size: 24px !important; letter-spacing: -.02em; color: var(--eb-ink) !important; margin: 28px 0 12px !important; }
/* ===================== D. PRODUCT: information under the image, compact buy column ===================== */
@media (min-width: 992px) {
html.lp-eb-pb body#product .lp-pdp__media { position: static !important; top: auto !important; }
html.lp-eb-pb body#product .lp-pdp__media .main-product-bottom { margin: 28px 0 0 !important; padding: 0 !important; }
html.lp-eb-pb body#product .lp-pdp__media .lm-product-story-grid { grid-template-columns: minmax(0, 1fr) !important; max-width: none !important; }
html.lp-eb-pb body#product .lp-pdp__media .main-product-bottom > *:first-child { border-top: 1px solid var(--eb-line); padding-top: 24px; }
html body#product .lp-pdp__buy h1.page-heading, html body#product h1.lm-product-title { font-size: 28px !important; line-height: 1.12 !important; margin-bottom: 8px !important; }
html body#product .lp-pdp__buy .lp-pp-chips--top { margin: 6px 0 10px !important; }
}
html body#product .lp-pdp__buy .lm-paypal-inline { margin: 10px 0 0 !important; }
html body#product .lp-pdp__buy .lm-paypal-divider { margin: 6px 0 !important; }
html body#product .lp-pdp__buy .lp-v2-sample { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; min-height: 0 !important; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; border-radius: 0 !important; font: 600 14px/1.4 var(--eb-font) !important; color: var(--eb-ink) !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9ced3; }
html body#product .lp-pdp__buy .lp-v2-sample::before { content: ""; width: 15px; height: 15px; flex: 0 0 15px; background: var(--eb-or); -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; }
html body#product .lp-pdp__buy .lp-m7-decide { margin: 10px 0 0 !important; padding: 10px 0 0 !important; gap: 8px !important; }
html body#product .lp-pdp__buy .lp-m7-decide li { font-size: 14px !important; line-height: 1.4 !important; }
html body#product .lp-pdp__buy .lp-pp-deliv, html body#product .lp-pdp__buy .lp-pp-trust { margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid var(--eb-line) !important; border-radius: 0 !important; background: transparent !important; }
html body#product .lp-pdp__buy .lp-pp-deliv__row, html body#product .lp-pdp__buy .lp-pp-trust__row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--eb-line) !important; font-size: 13.5px !important; line-height: 1.4 !important; color: var(--eb-ink); }
html body#product .lp-pdp__buy .lp-pp-deliv__row > *:not(svg), html body#product .lp-pdp__buy .lp-pp-trust__row > *:not(svg) { margin: 0 !important; }
html body#product .lp-pdp__buy .lp-pp-ico { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 1px; }
html body#product .lp-pdp__buy .lp-v2-bundle-slot { margin-top: 14px !important; }
html body#product .lp-pdp__buy .lp-pp-summary { margin: 12px 0 0 !important; font-size: 14px; line-height: 1.5; color: var(--eb-body); }
html body#product .lp-pdp__buy .lp-pp-trust__row a, html body#product .lp-pdp__buy .lp-pp-deliv__row a { color: var(--eb-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9ced3; }
/* ===================== F. HOME: sale and important things first, visit content later ===================== */
html body#index .lp-v4-home { display: flex; flex-direction: column; }
html body#index .lp-v4-home > * { order: 20; }
html body#index .lp-v4-home > .lp-caticons { order: 1; }
html body#index .lp-v4-home > .hero { order: 2; }
html body#index .lp-v4-home > .lp-eb-tiles { order: 3; }
html body#index .lp-v4-home > .lp-eb-banners { order: 4; }
html body#index .lp-v4-home > .lp-eb-wide { order: 5; }
html body#index .lp-v4-home > .lp-assure { order: 6; }
html body#index .lp-v4-home > .lp-home-products { order: 7; }
html body#index .lp-v4-home > .section:not(.sale-panels):not(.services):not(.inspiration):not(.lp-home-products):not(.showrooms) { order: 8; }
html body#index .lp-v4-home > .sale-panels { order: 9; }
html body#index .lp-v4-home > .inspiration { order: 10; }
html body#index .lp-v4-home > .services { order: 11; }
html body#index .lp-v4-home > .lp-home-reviews { order: 12; }
html body#index .lp-v4-home > .showrooms { order: 13; }
html body#index .lp-v4-home > .home-trust { display: none !important; }
html body#index .lp-v4-home > .lp-assure { margin: 0 0 8px !important; }
/* Four tiles under the hero (reference: four cards overlapping the hero bottom). */
.lp-eb-tiles { position: relative; z-index: 2; margin: -28px 0 0; padding: 0 12px; }
.lp-eb-tiles ul { list-style: none; margin: 0 auto; padding: 12px; max-width: 1280px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #fff; border-radius: 14px; }
.lp-eb-tile { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: 108px; padding: 14px 16px; border-radius: 12px; background: var(--eb-soft); color: var(--eb-ink) !important; text-decoration: none !important; font-family: var(--eb-font); }
.lp-eb-tile__k { font: 700 11.5px/1.2 var(--eb-font); letter-spacing: .12em; text-transform: uppercase; color: var(--eb-body); }
.lp-eb-tile strong { font: 800 17px/1.15 var(--eb-font); letter-spacing: -.01em; }
.lp-eb-tile > span:last-child { font: 600 13px/1.3 var(--eb-font); color: var(--eb-body); }
.lp-eb-tile--sale { background: var(--eb-ink); color: #fff !important; }
.lp-eb-tile--sale .lp-eb-tile__k { color: #ffc9ad; }
.lp-eb-tile--sale > span:last-child { color: #ffc9ad; }
.lp-eb-tile--quote { background: #fdece2; }
.lp-eb-tile:hover strong { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 768px) { .lp-eb-tiles { margin-top: -40px; padding: 0 24px; } .lp-eb-tiles ul { grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 14px; } .lp-eb-tile { min-height: 132px; padding: 18px 20px; } .lp-eb-tile strong { font-size: 19px; } }
/* Three photo banners (reference: inspiration, design appointment, advice in store) with our own facts. */
.lp-eb-banners { margin: 28px 0 0; padding: 0 12px; }
.lp-eb-banners ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1280px; display: grid; grid-template-columns: 1fr; gap: 14px; }
.lp-eb-banner { display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; background: var(--eb-soft); color: var(--eb-ink) !important; text-decoration: none !important; font-family: var(--eb-font); }
.lp-eb-banner img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.lp-eb-banner div { padding: 16px 18px 18px; }
.lp-eb-banner h3 { margin: 0 0 6px; font: 800 20px/1.15 var(--eb-font); letter-spacing: -.015em; }
.lp-eb-banner p { margin: 0 0 12px; font: 400 14.5px/1.5 var(--eb-font); color: var(--eb-body); }
.lp-eb-banner span { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border: 1.5px solid var(--eb-ink); border-radius: 10px; font: 700 14px/1 var(--eb-font); }
.lp-eb-banner:hover span { background: var(--eb-ink); color: #fff; }
@media (min-width: 768px) { .lp-eb-banners { margin-top: 40px; padding: 0 24px; } .lp-eb-banners ul { grid-template-columns: repeat(3, 1fr); gap: 20px; } .lp-eb-banner img { aspect-ratio: 4 / 3; } }
/* Wide tiling quote banner (reference: install banner, photo left, copy right). */
.lp-eb-wide { margin: 28px 0 0; padding: 0 12px; }
.lp-eb-wide > div { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr; border-radius: 12px; overflow: hidden; background: var(--eb-soft); font-family: var(--eb-font); }
.lp-eb-wide img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.lp-eb-wide div > div { padding: 20px 18px 22px; }
.lp-eb-wide .lp-eb-tile__k { display: block; margin-bottom: 6px; }
.lp-eb-wide h2 { margin: 0 0 8px !important; font: 800 24px/1.15 var(--eb-font) !important; letter-spacing: -.02em; color: var(--eb-ink); }
.lp-eb-wide p { margin: 0 0 14px; font: 400 15px/1.5 var(--eb-font); color: var(--eb-body); max-width: 52ch; }
.lp-eb-wide a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 10px; background: var(--eb-or); color: #fff !important; font: 700 15px/1 var(--eb-font); text-decoration: none !important; }
.lp-eb-wide a:hover { background: var(--eb-ord); }
@media (min-width: 768px) { .lp-eb-wide { margin-top: 40px; padding: 0 24px; } .lp-eb-wide > div { grid-template-columns: 5fr 7fr; align-items: stretch; } .lp-eb-wide img { aspect-ratio: auto; min-height: 260px; } .lp-eb-wide div > div { padding: 36px 40px; align-self: center; } .lp-eb-wide h2 { font-size: 30px !important; } }
/* Home product rows read as a best-sellers row: no card lines, bigger photos. */
html body#index .lp-home-products .product-miniature, html body#index .lp-home-products .lp-card, html body#index .lp-home-products .lp-card__inner { border: 0 !important; box-shadow: none !important; background: transparent !important; }
html body#index .lp-home-products .lp-card__media, html body#index .lp-home-products .lm-product-card-media { border-radius: 10px !important; overflow: hidden; }
html body#index .lp-home-products .buttons-sections, html body#index .lp-home-products .grid-hover-btn, html body#index .lp-home-products .lp-card .add-to-cart { display: none !important; }
html body#index .lp-v4-home .section { padding-top: 36px; padding-bottom: 0; }
@media (min-width: 992px) { html body#index .lp-v4-home .section { padding-top: 56px; } }
/* v9 fixes after first staging view */
.lp-eb-banner img { height: 220px !important; aspect-ratio: auto; }
.lp-eb-wide img { height: 100% !important; min-height: 220px; max-height: 360px; aspect-ratio: auto; }
@media (min-width: 768px) { .lp-eb-banner img { height: 280px !important; } .lp-eb-wide img { min-height: 300px; } }
@media (min-width: 1200px) { html.lp-eb-js body#category #main .products.product-list-wrapper, html.lp-eb-js body#category .lp-bath-page .products, html.lp-eb-js body#category .lp-bath-results .products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 40px 28px !important; display: grid !important; } }
html.lp-eb-js body#category .lp-bath-page .lp-cat__trust { order: 2; }
/* v9b: id-level overrides that earlier card files cannot beat */
html.lp-eb-js body:is(#category, #search, #prices-drop, #best-sales, #new-products, #manufacturer, #supplier, #index) :is(#js-product-list, #products, #main, .lp-home-products, #content-wrapper) .buttons-sections, html.lp-eb-js body:is(#category, #search, #prices-drop, #best-sales, #new-products, #manufacturer, #supplier, #index) :is(#js-product-list, #products, #main, .lp-home-products, #content-wrapper) .grid-hover-btn { display: none !important; }
@media (min-width: 992px) {
html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat > *:not(section):not(a) { display: contents; }
html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat a { display: inline-flex; align-items: center; height: 46px; padding: 0 14px; margin: 0; font: 600 14px/1 var(--eb-font); color: #fff !important; text-decoration: none; white-space: nowrap; border: 0; background: transparent; }
html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat a:hover, html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat a:focus-visible { background: rgba(255, 255, 255, .12); text-decoration: underline; text-underline-offset: 4px; }
html body .lp-v3-header .lp-v3-mega__panel.lp-eb-flat a.lp-v3-sale { color: #ffc9ad !important; font-weight: 700; }
}
/* v9c: footer density (reference footer is four short columns) and leftover blocks from a closed left column */
html body #footer .footer-main li, html body #footer .footer-main li a, html body #footer .footer-main .block li a { padding-top: 2px !important; padding-bottom: 2px !important; margin: 0 !important; min-height: 0 !important; line-height: 1.4 !important; font-size: 13.5px !important; }
html body #footer .footer-main ul { margin: 0 0 8px !important; }
html body #footer .footer-main ul:has(li:nth-child(9)) { column-count: 2; column-gap: 20px; }
html body #footer .footer-main h3, html body #footer .footer-main h4, html body #footer .footer-main .h3, html body #footer .footer-main .h4, html body #footer .footer-main .block-title { margin: 0 0 8px !important; padding: 0 !important; font: 800 13px/1.3 var(--eb-font) !important; letter-spacing: .04em; text-transform: uppercase; }
.lp-eb-leftover { margin: 32px 0 0; padding-top: 24px; border-top: 1px solid var(--eb-line); display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }