/* lp-fix-v1.css (8 Nov 2026, FIX-V1): fixes from the 8 Nov verify round. CSS only. Linked last in head.tpl.
   5 duplicate "Complete your project" block | 6 tap targets | 7 no sideways scroll at 320/260 | 9 phone trust line + H1/price gutter. */

/* 5. Moe's "Complete your product" panel (.lcp) is on the page: hide the older plain-text "Complete your project / Explore related items" block(s). */
body#product:has(.lcp) .lp-v2-accessories,
body#product .lp-fix-dup { display: none !important; }

@media (max-width: 991.98px) {
  /* 6. tap targets: real size 44px where the layout allows it */
  html body .product-miniature .product-name a, html body .product-name > a { display: block; min-height: 44px; }
  html body .pagination a, html body .page-list a, html body a.js-search-link { min-width: 44px !important; min-height: 44px !important; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
  html body a.home-more { min-height: 44px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; }
  html body .lp-eb-rail-prev, html body .lp-eb-rail-next { min-width: 44px !important; min-height: 44px !important; }
  html body .lp-deptstrip__more { min-width: 44px; min-height: 44px; }
  html body .lp-cat-chips a { min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }
  html body a[href*="facebook.com"], html body a[href*="instagram.com"], html body a[href*="tiktok.com"] { min-height: 44px !important; height: 44px !important; box-sizing: border-box; }
  html body button.lm-filter-button, html body .sort-select .select-title { min-height: 44px !important; height: 44px !important; }
  html body#product details > summary { min-height: 44px !important; box-sizing: border-box; }
  /* small text links: look unchanged, the tappable area is grown by a pseudo-element (class added by lp-fix-v1.js) */
  .lp-hit-rel { position: relative; }
  .lp-hit-a::after, .lp-hit-b::before { content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }
}

/* 7. no sideways scroll on small phones: the Google-reviews pill (.lp-trust) was nowrap and wider than the screen */
@media (max-width: 575.98px) {
  html body .lp-trust { white-space: normal !important; max-width: 100%; box-sizing: border-box; flex-wrap: wrap; height: auto; padding-top: 4px; padding-bottom: 4px; }
  html body .lp-trust__txt { white-space: normal; min-width: 0; flex: 1 1 0; }
  html body .lp-cart__trust, html body .lp-cat__trust { max-width: 100%; min-width: 0; }
  html body .lm-cart-header, html body #cart h1.page-heading { max-width: 100%; box-sizing: border-box; }
}

/* 9. product page, phones: 2 x 2 trust line without leading dividers, and the same 16px side gutter for H1 and price as the Colour/Size line */
@media (max-width: 767.98px) {
  html body#product .lp-pp10.lp-pdp1.lp-pdp1.lp-pdp1.lp-pdp1 .lp-m7-decide .lp13-trustline { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0; justify-content: stretch; padding: 0 !important; }
  html body#product .lp-pp10.lp-pdp1.lp-pdp1.lp-pdp1.lp-pdp1 .lp13-trustline > * { justify-content: center; text-align: center; padding: 0 8px; border-left: 0 !important; border-top: 0; font-size: 14px; }
  html body#product .lp-pp10.lp-pdp1.lp-pdp1.lp-pdp1.lp-pdp1 .lp13-trustline > *:nth-child(even) { border-left: 1px solid var(--p1-line, #e3e0d8) !important; }
  html body#product .lp-pp10.lp-pdp1.lp-pdp1.lp-pdp1.lp-pdp1 .lp13-trustline > *:nth-child(n+3) { border-top: 1px solid var(--p1-line, #e3e0d8); }
  html body#product .lp-pdp__buy .row > .col-12 { padding-left: 16px !important; padding-right: 16px !important; }
  html body#product h1.lm-product-title { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
}