/* lp-polish-v8.css (7 Nov 2026, desktop polish after the master pass). Additive only. Linked last in head.tpl. */
:root{--lp8-ink:#18232c;--lp8-body:#5b6670;--lp8-line:#e6e8ea;--lp8-soft:#f4f2ee;--lp8-orange:#d95618}

/* Listing sidebar: headings match the master, empty module boxes hidden */
.lp-tile-filters .column-title,#search_filters .column-title{font-weight:800;font-size:15px;letter-spacing:.02em;color:var(--lp8-ink)}
.aone-column .column-block:not(:has(a,img,li,article,input,select)){display:none}

/* Tile cards: image box fixed, image fills it, so rows line up */
.lp-card .product-cover-link{display:block;overflow:hidden}
.lp-card .product-cover-link img{width:100%;height:100%;max-width:none;object-fit:contain}
.lp-card:has(.lp-choose-quantity) .product-cover-link img{object-fit:cover}

/* Category description block ("About ..."): never styled before */
#category #main .lp-category-about{margin:40px 0 32px;padding-top:20px;border-top:1px solid var(--lp8-line)}
#category #main .lp-category-about details>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}
#category #main .lp-category-about details>summary::-webkit-details-marker{display:none}
#category #main .lp-category-about details>summary::after{content:"+";order:2;color:var(--lp8-orange);font:700 26px/1 "Laporsa Manrope","Segoe UI",Arial,sans-serif}
#category #main .lp-category-about details[open]>summary::after{content:"\2212"}
#category #main .lp-category-about details>summary h2{margin:0;font:800 24px/1.15 "Laporsa Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.02em;color:var(--lp8-ink)}
#category #main .lp-category-about__body{max-width:760px;margin-top:16px;font:400 15px/1.55 "Laporsa Manrope","Segoe UI",Arial,sans-serif;color:var(--lp8-body)}
#category #main .lp-category-about__body h2{margin:26px 0 8px;font:800 20px/1.2 "Laporsa Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.015em;color:var(--lp8-ink)}
#category #main .lp-category-about__body h3{margin:20px 0 6px;font:800 16px/1.25 "Laporsa Manrope","Segoe UI",Arial,sans-serif;color:var(--lp8-ink)}
#category #main .lp-category-about__body p{margin:0 0 12px;color:var(--lp8-body)}
#category #main .lp-category-about__body ul,#category .lp-category-about__body ol{margin:0 0 12px;padding-left:20px}
#category #main .lp-category-about__body a{color:var(--lp8-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9ced3}

/* Showroom CMS pages 33 and 36: hero buttons were orange on orange */
html body#cms #lpd a.lpd-btn.lpd-btn--light{background:var(--lp8-orange)!important;border-color:var(--lp8-orange)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
html body#cms #lpd a.lpd-btn.lpd-btn--ghost{background:#fff!important;border:1.5px solid var(--lp8-ink)!important;color:var(--lp8-ink)!important;-webkit-text-fill-color:var(--lp8-ink)!important;text-decoration:none!important}

/* Home place block: London photo sits clear of the buttons */
body#index .lp-ma-home{display:block;margin-top:20px}

/* Product: "Tax included" label words were touching; bathroom spec cards use the full width */
.lp-pdp .tax-shipping-delivery-label,.lp-pdp .product-prices small{word-spacing:.18em}
@media (min-width:992px){.lm-product-story-grid{max-width:none;width:100%}}

/* Checkout step 3 desktop: delivery options were squeezed (name wrapped per letter). Name and price on one row, note under. */
body#checkout #js-delivery .delivery-option{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:16px;margin:0 0 12px!important;padding:16px 20px!important}
body#checkout #js-delivery .delivery-option-2{flex:1 1 auto!important;min-width:0}
body#checkout #js-delivery .delivery-option-2>.d-flex{display:block!important}
body#checkout #js-delivery .delivery-option-2 .w-100{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:baseline;width:100%}
body#checkout #js-delivery .carrier-name{grid-column:1;grid-row:1;flex:none!important;overflow-wrap:normal!important;word-break:normal!important}
body#checkout #js-delivery .carrier-price{grid-column:2;grid-row:1;white-space:nowrap}
body#checkout #js-delivery .carrier-delay{grid-column:1/-1;grid-row:2;order:0!important;overflow-wrap:normal!important}
body#checkout #js-delivery .carrier-extra-content:not(:has(*)){display:none}

/* Product bottom "also bought": heading as master section title, cards in a row of fixed width, single item not stretched/odd */
.crossselling-products .title-block{border:0;margin:40px 0 16px;padding:0}
.crossselling-products .title-block span{font:800 32px/1.15 "Laporsa Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.02em;color:var(--lp8-ink)}
.crossselling-products .product-miniature{max-width:328px}
.crossselling-products .product-miniature .product-container{border:1px solid var(--lp8-line);border-radius:12px;box-shadow:none;background:#fff}

/* Checkout icon font late: hide ligature words until the icon font is ready (class set by lp-v6.js is not used; use font-size trick) */
html:not(.lp-icons-ok) body#checkout .material-icons{color:transparent!important}

/* Phone menu tiles: tile categories show real tile and showroom photos instead of bathroom renders */
[class*="lp-mm"] a[href*="283-wall-tiles"] img{content:url("../img/home-v3/cwmbran-tile-samples.jpg")}
[class*="lp-mm"] a[href*="219-saloni"] img{content:url("../img/home-v7/showroom-displays.jpg")}
[class*="lp-mm"] a[href*="835-by-style"] img{content:url("../img/home-v7/warehouse-aisle.jpg")}
/* Phone footer: one chevron per block, not two */
@media (max-width:767px){#footer .links .title .float-xs-right .material-icons+.material-icons{display:none}}

/* Card image: earlier rules kept some images at natural size; force the box (specific + important) */
html body .lp-card .product-thumbnail a.product-cover-link{position:relative;overflow:hidden}
html body .lp-card .product-thumbnail a.product-cover-link img{position:static!important;transform:none!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important}
html body .lp-card:has(.lp-choose-quantity) .product-thumbnail a.product-cover-link img{object-fit:cover!important}

/* "Also bought": a single card is hidden (it repeats the row above); two or more show normally */
.crossselling-products:not(:has(.product-miniature + .product-miniature)){display:none}

/* Phone footer, trade accounts block: heading like the other footer headings, one chevron */
@media (max-width:767px){
#footer .title .h3{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lp8-ink)}
#footer .title .collapse-icons .remove{display:none}
}

/* Tax label: letter-spacing inherited from the price (-1.12px) made the words touch */
html body .product-prices .tax-label{letter-spacing:0!important;word-spacing:0}
/* Bathroom product: description and details cards share the full width (tile page keeps its own grid) */
@media (min-width:992px){html body .lp-pdp:not(.lp-pdp--tile) .lm-product-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;width:100%!important}}