/* lp-home-v8.css (8 Nov 2026). Sales-first home: categories with photos, deals rail, best sellers, one service strip, reviews, two showroom photos. */
html body#index .lp-v4-home > .lp-caticons { order: 1 !important; }
html body#index .lp-v4-home > .hero { order: 2 !important; }
html body#index .lp-v4-home > .lp-h8-cats { order: 3 !important; }
html body#index .lp-v4-home > .lp-h8-deals { order: 4 !important; }
html body#index .lp-v4-home > .lp-h8-bs { order: 5 !important; }
html body#index .lp-v4-home > .lp-h8-serv { order: 6 !important; }
html body#index .lp-v4-home > .lp-home-reviews { order: 7 !important; }
html body#index .lp-v4-home > .lp-h8-show { order: 8 !important; }
html body#index .lp-h8-cats, html body#index .lp-h8-serv { --h8-ink: #18232c; --h8-mute: #5b6670; --h8-line: #e3ddd3; font-family: "Laporsa Manrope", "Segoe UI", Arial, sans-serif; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 12px; box-sizing: border-box; }
.lp-h8-cats { margin: 20px auto 0 !important; }
html body#index .lp-v4-home > .lp-h8-cats, html body#index .lp-v4-home > .lp-h8-serv { margin-left: auto !important; margin-right: auto !important; max-width: 1280px !important; }
.lp-h8-cats h2, .lp-h8-show h2, html body#index .lp-h8-deals .lp-bs__head h2 { margin: 0 0 12px !important; font: 800 22px/1.2 "Laporsa Manrope", "Segoe UI", Arial, sans-serif !important; letter-spacing: -.01em; color: #18232c !important; }
.lp-h8-cats ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lp-h8-cats li:first-child { grid-column: span 2; }
.lp-h8-cats a { position: relative; display: block; border-radius: 12px; overflow: hidden; background: #ece8e0; text-decoration: none; aspect-ratio: 4 / 3; }
.lp-h8-cats li:first-child a { aspect-ratio: 16 / 8; }
.lp-h8-cats img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.lp-h8-cats a:hover img { transform: scale(1.04); }
.lp-h8-cats span { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px; font: 800 17px/1.2 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #fff; background: linear-gradient(to top, rgba(10, 16, 22, .72), rgba(10, 16, 22, 0)); }
.lp-h8-cats a:focus-visible, .lp-h8-serv a:focus-visible { outline: 3px solid #18232c; outline-offset: 2px; }
@media (min-width: 768px) {
  .lp-h8-cats { margin-top: 32px !important; padding: 0 24px !important; }
  .lp-h8-cats h2, .lp-h8-show h2, html body#index .lp-h8-deals .lp-bs__head h2 { font-size: 28px !important; }
  .lp-h8-cats ul { grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .lp-h8-cats li:first-child a { aspect-ratio: 8 / 3.8; }
  .lp-h8-cats span { font-size: 19px; padding: 34px 16px 14px; }
}
/* deals + best sellers: tighter spacing, same rails as before */
html body#index .lp-h8-deals, html body#index .lp-h8-bs { padding-top: 22px !important; padding-bottom: 0 !important; margin: 0 !important; }
html body#index .lp-h8-bs .section-head h2 { font: 800 22px/1.2 "Laporsa Manrope", "Segoe UI", Arial, sans-serif !important; color: #18232c; margin: 0 0 12px; }
@media (min-width: 768px) { html body#index .lp-h8-bs .section-head h2 { font-size: 28px !important; } html body#index .lp-h8-deals, html body#index .lp-h8-bs { padding-top: 34px !important; } }
/* one service strip */
.lp-h8-serv { margin-top: 26px !important; }
.lp-h8-serv ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lp-h8-serv a { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 10px 12px; background: #f4f2ee; border-radius: 10px; color: #18232c; text-decoration: none; }
.lp-h8-serv svg { flex: 0 0 24px; width: 24px; height: 24px; fill: none; stroke: #18232c; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.lp-h8-serv span { font: 400 12.5px/1.3 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #5b6670; }
.lp-h8-serv strong { display: block; font: 800 14px/1.25 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #18232c; }
@media (min-width: 768px) { .lp-h8-serv { padding: 0 24px !important; margin-top: 40px !important; } .lp-h8-serv ul { grid-template-columns: repeat(4, 1fr); gap: 12px; } .lp-h8-serv span { font-size: 13.5px; } .lp-h8-serv strong { font-size: 15.5px; } }
/* reviews, compact */
html body#index .lp-v4-home .lp-home-reviews { margin: 22px 0 0 !important; padding: 18px 0 20px !important; background: #fff !important; color: #18232c !important; }
/* showrooms: one photo each */
html body#index .lp-h8-show { padding: 26px 0 36px !important; margin: 0 !important; }
html body#index .lp-h8-show .wrap { max-width: 1280px; margin: 0 auto; padding: 0 12px; box-sizing: border-box; }
.lp-h8-show__grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.lp-h8-show__grid a { display: block; border-radius: 12px; overflow: hidden; background: #f4f2ee; text-decoration: none; color: #18232c; }
.lp-h8-show__grid img { display: block; width: 100%; height: 220px; object-fit: cover; }
.lp-h8-show__grid a:nth-child(2) img { object-position: 50% 0; height: 260px; }
@media (min-width: 768px) { .lp-h8-show__grid a:nth-child(2) img { height: 340px; } }
.lp-h8-show__grid span { display: block; padding: 10px 14px 14px; font: 400 14px/1.45 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #5b6670; }
.lp-h8-show__grid strong { display: block; font: 800 16px/1.3 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #18232c; }
.lp-h8-show p { margin: 14px 0 0; }
@media (min-width: 768px) { html body#index .lp-h8-show .wrap { padding: 0 24px; } .lp-h8-show__grid { grid-template-columns: 1fr 1fr; gap: 16px; } .lp-h8-show__grid img { height: 340px; } }