/* Carry the service section's blue surround through the buying guides. */
body.home-page .home-guides-band {background:#081f43;padding-bottom:14px}
body.home-page .home-guides-band .seo-guides-home {width:calc(100% - 36px);max-width:1080px;margin:0 auto;padding:0;box-sizing:border-box}
@media (min-width:1001px) {
 body.home-page .home-guides-band {background:#0a2345;padding-bottom:24px}
 body.home-page .home-guides-band .seo-guides-home {width:min(1120px,calc(100% - 64px));max-width:1120px;padding:0}
}

/* Shared homepage rhythm. Keep product, checkout and staff interfaces independent. */
body.home-page {
 --home-ink:#0b2345;
 --home-blue:#087ade;
 --home-paper:#fff;
 --home-soft:#f4f7fb;
 --home-line:#dce6f0;
 --home-radius:10px;
}
@media (min-width:1001px) {
 body.home-page {--home-width:1200px;--home-gutter:64px;--home-section-space:32px}
 body.home-page .blue-sided-content {background:var(--home-paper)}
 body.home-page .hero.storefront-hero .hero-inner,
 body.home-page .family-story-background #about,
 body.home-page #service .service-panel,
 body.home-page #shop-online .shop-online-heading,
 body.home-page #shop-online .direct-shop-section>.wrap,
 body.home-page #appliances,
 body.home-page .carousel-introduction,
 body.home-page .carousel-shortcuts,
 body.home-page .new-arrivals,
 body.home-page .seo-guides-home,
 body.home-page .local-washer-feature .local-washer-inner,
 body.home-page #demonstrations,
 body.home-page #local-businesses,
 body.home-page #follow,
 body.home-page #payments>.wrap,
 body.home-page #google-reviews,
 body.home-page #customer-reviews,
 body.home-page #visit,
 body.home-page .store-footer>.wrap {
  box-sizing:border-box;width:min(var(--home-width),calc(100% - var(--home-gutter)));
  max-width:var(--home-width);margin-inline:auto;
 }
 body.home-page #service.service,
 body.home-page #shop-online,
 body.home-page #shop-online .direct-shop-section,
 body.home-page .local-washer-feature {background:var(--home-paper);color:var(--home-ink);border:0}
 body.home-page #service.service {padding:0}
 body.home-page #service .service-panel {padding:var(--home-section-space) 0;border:0;border-top:1px solid var(--home-line);border-radius:0;background:var(--home-paper)}
 body.home-page #shop-online {padding:var(--home-section-space) 0 20px}
 body.home-page #shop-online .direct-shop-section {padding:0}
 body.home-page #shop-online .direct-shop-section>.wrap {padding:0}
 body.home-page #shop-online .shop-online-heading {padding:0;margin-bottom:16px}
 body.home-page .new-arrivals {padding:24px 0;background:var(--home-paper)}
 body.home-page #appliances {padding:var(--home-section-space) 0}
 body.home-page .seo-guides-home {padding:24px 0;background:var(--home-paper)}
 body.home-page .local-washer-feature .local-washer-inner {padding:20px 0;border-block:1px solid var(--home-line)}
 body.home-page .local-washer-feature h2 {color:var(--home-ink)}
 body.home-page .local-washer-feature p {color:#52657d}
 body.home-page .local-washer-feature .local-washer-link {color:var(--home-blue)}
 /* One heading family and a restrained accent across major sections. */
 body.home-page #about .about-copy .about-story-heading h2,
 body.home-page #service .section-heading h2,
 body.home-page #shop-online .shop-online-heading h2,
 body.home-page #appliances>.section-heading h2,
 body.home-page .carousel-introduction>.section-heading h2,
 body.home-page .new-arrivals .section-heading h2,
 body.home-page #demonstrations .pov-copy h2,
 body.home-page #local-businesses .local-business-heading h2,
 body.home-page #follow #follow-title,
 body.home-page #payments #payments-title,
 body.home-page #google-reviews #google-reviews-title,
 body.home-page #customer-reviews #customer-reviews-title,
 body.home-page #visit .section-heading h2 {
  font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;
  font-style:normal;line-height:1.2;letter-spacing:-.6px;text-transform:none;
  color:var(--home-ink);margin:0 0 16px;
 }
 body.home-page :is(#about,#service,#shop-online,#appliances,.new-arrivals,#demonstrations,#local-businesses,#payments,#google-reviews,#customer-reviews,#visit) h2 .brand-accent {color:var(--home-blue);font:inherit}
 body.home-page #demonstrations,
 body.home-page #local-businesses,
 body.home-page #google-reviews,
 body.home-page #customer-reviews {
  margin-block:24px;padding:24px;border:1px solid var(--home-line);
  border-radius:var(--home-radius);background:var(--home-soft);box-shadow:none;
 }
 body.home-page #payments {padding:var(--home-section-space) 0;background:var(--home-soft);color:var(--home-ink);border:0}
 body.home-page #payments>.wrap {padding:0}
 body.home-page #payments .payment-card {background:var(--home-paper);border-color:var(--home-line);border-radius:var(--home-radius);box-shadow:none}
 body.home-page #visit {margin-block:24px}
 body.home-page #shop-online .compact-shop-card>.direct-order-copy,
 body.home-page #shop-online .compact-shop-card>#euronics {border:1px solid var(--home-line);border-radius:var(--home-radius);background:var(--home-soft);padding:16px}
 body.home-page #shop-online .compact-shop-card h3 {color:var(--home-ink)}
 body.home-page #service .service-intro {margin-bottom:20px}
 body.home-page #service .service-delivery-summary {background:var(--home-soft);border-color:var(--home-line);border-radius:var(--home-radius)}
 /* Colour gives the aligned sections their own role in the page. */
 body.home-page .family-story-background {background:#0c2648;color:#fff}
 body.home-page #about .about-copy .about-story-heading h2 {color:#fff}
 body.home-page #about .about-copy .about-story-heading h2 .brand-accent {color:#42b5ff}
 body.home-page #about .about-copy .about-story-heading p,
 body.home-page #about .about-copy .about-story-heading p.lead,
 body.home-page #about .about-copy .about-story-details p {color:#dbe8f5}
 body.home-page #about .about-story-details>summary,
 body.home-page #about .about-story-details a {color:#9bd8ff}
 body.home-page #about .about-story-details>summary:focus-visible {outline:2px solid #8bd2ff;outline-offset:3px}
 body.home-page #service.service {background:#0a2345;color:#fff}
 body.home-page #service .service-panel {background:transparent;border-top-color:#ffffff24}
 body.home-page #service .section-heading h2,
 body.home-page #service .benefits-inner h3 {color:#fff}
 body.home-page #service .section-heading h2 .brand-accent {color:#42b5ff}
 body.home-page #service .service-intro,
 body.home-page #service .benefits-inner p {color:#dbe8f5}
 body.home-page #service .benefits-inner>div+div {border-left-color:#ffffff26}
 body.home-page #service .benefits-inner svg {background:#087ade;color:#fff}
 body.home-page #service .service-delivery-summary,
 body.home-page #service .service-collection {background:#f1f6fd;color:var(--home-ink);border-color:#d7e5f3}
 body.home-page #service .service-collection h3,
 body.home-page #service .service-collection p {color:var(--home-ink)}
 body.home-page #shop-online,
 body.home-page #shop-online .direct-shop-section {background:#eaf3ff}
 body.home-page #shop-online .compact-shop-card>.direct-order-copy,
 body.home-page #shop-online .compact-shop-card>#euronics {background:#fff;border-color:#ccdef1}
 body.home-page #appliances,
 body.home-page .new-arrivals {background:#fff}

}

/* Desktop finishing details, using the established blue palette. */
body.home-page #visit .visit-heading {display:none}
@media (min-width:1001px) {
 body.home-page .hero.storefront-hero .van-photo {position:relative;isolation:isolate}
 body.home-page .hero.storefront-hero .van-photo::before {content:"";position:absolute;z-index:-1;pointer-events:none;inset:-8% -7% 18%;background:radial-gradient(ellipse at 50% 45%,#087ade36,transparent 68%);border-radius:50%}
 body.home-page .family-story-background {background:linear-gradient(180deg,#0b284b,#0b2546)}
 body.home-page #service.service {background:linear-gradient(180deg,#0b2546,#0a2345)}
 body.home-page #shop-online {background:linear-gradient(180deg,#e6f1ff,#f3f8ff)}
 body.home-page #shop-online .direct-shop-section {background:transparent}
 body.home-page .hero-care-summary li {display:inline-flex;align-items:center;gap:6px}
 body.home-page .hero-care-summary li+li::before {content:none}
 body.home-page .hero-care-summary svg {width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#42b5ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 body.home-page #service .benefits-inner svg {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;border-radius:50%}
 body.home-page #appliances .product-card,
 body.home-page .new-arrival {background:#fff;border-color:#d4e3f1;box-shadow:0 2px 10px #0a234504}
 body.home-page #appliances .card-gallery,
 body.home-page #appliances .product-image-button,
 body.home-page .new-arrival-photo {background:#f0f6fc}
 body.home-page #appliances .product-image-button img,
 body.home-page .new-arrival-photo img {mix-blend-mode:multiply}
 body.home-page #appliances .product-body,
 body.home-page .new-arrival-copy {background:#fff}
 body.home-page main .button.blue {background:#087ade;border-color:#087ade;color:#fff;border-radius:8px}
 body.home-page main .button.outline {border-radius:8px}
 body.home-page #appliances .category.active,
 body.home-page #appliances button[aria-pressed="true"] {background:#087ade;border-color:#087ade;color:#fff;box-shadow:0 2px 7px #087ade24}
 body.home-page #visit {width:100%;max-width:none;margin:32px 0 0;padding:36px 0;background:linear-gradient(135deg,#0c2d52,#04142e);border:0;border-radius:0;box-shadow:none;color:#fff}
 body.home-page #visit .visit-grid {width:min(var(--home-width),calc(100% - var(--home-gutter)));max-width:var(--home-width);margin:0 auto;padding:0}
 body.home-page #visit .visit-heading {display:block;margin-bottom:24px}
 body.home-page #visit .visit-heading .eyebrow {color:#adcce7;font-size:12px;margin:0 0 8px}
 body.home-page #visit .visit-heading h2 {font:700 32px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px;color:#fff;margin:0}
 body.home-page #visit .visit-heading h2 .brand-accent {color:#42b5ff;font:inherit}
 body.home-page #visit .showroom-contact .address {color:#dbe8f5}
 body.home-page #visit .showroom-contact .address strong,
 body.home-page #visit .hours h3 {color:#fff}
 body.home-page #visit .showroom-contact .phone,
 body.home-page #visit .showroom-contact .email,
 body.home-page #visit .showroom-contact .visit-links a {color:#9bd8ff;text-decoration-color:#6fb6e6}
 body.home-page #visit .hours {border-left-color:#ffffff26}
 body.home-page #visit .hours dl>div {color:#dbe8f5;border-bottom-color:#ffffff1c}
 body.home-page #visit .hours dd {color:#fff}
 body.home-page #visit a:focus-visible {outline-color:#8bd2ff}
 body.home-page footer.store-footer {border-top-color:#ffffff14}
}
@media (min-width:1001px) and (hover:hover) and (pointer:fine) {
 body.home-page main .button,
 body.home-page #appliances .product-card,
 body.home-page .new-arrival {transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
 body.home-page main .button.blue:hover {background:#066bc5;border-color:#066bc5}
 body.home-page main .button.outline:hover {background:#eaf3ff;border-color:#087ade}
 body.home-page #appliances .product-card:hover,
 body.home-page .new-arrival:hover {border-color:#79b4e8;box-shadow:0 6px 18px #0a437d12;transform:translateY(-2px)}
 body.home-page #visit .showroom-contact a:hover {color:#fff}
}
@media (prefers-reduced-motion:reduce) {
 body.home-page main .button,
 body.home-page #appliances .product-card,
 body.home-page .new-arrival {transition:none;transform:none}
 body.home-page #appliances .product-card:hover,
 body.home-page .new-arrival:hover {transform:none}
}

@media (min-width:1001px) {
 body.home-page .local-washer-feature {background:#e6f1ff}
 body.home-page .local-washer-feature .local-washer-inner {border-block:0}
}

/* Colour surrounds the shopping area; the appliance cards stay entirely white. */
@media (min-width:1001px) {
 body.home-page .shopping-colour-band {background:#f3f8ff}
 body.home-page .shopping-colour-band .new-arrivals,
 body.home-page .shopping-colour-band #appliances {background:transparent}
}
body.home-page #appliances .product-card,
body.home-page #appliances .product-body,
body.home-page #appliances .card-gallery,
body.home-page #appliances .card-photo-track,
body.home-page #appliances .product-image-button,
body.home-page .new-arrival,
body.home-page .new-arrival-copy,
body.home-page .new-arrival-photo,
body.home-page .new-arrival-photo:has(.arrival-photo-controls),
body.home-page .new-arrival .arrival-photo-controls {background:#fff}
/* This layer spans the photo: only its arrow buttons may paint a background. */
body.home-page #appliances .card-gallery-controls {background:transparent}
body.home-page #appliances .product-image-button img,
body.home-page .new-arrival-photo img {mix-blend-mode:normal;background:#fff}

/* Supporting text panels stay white. */
body.home-page #appliances .range-note,
body.home-page #demonstrations.pov-section,
body.home-page #local-businesses.local-business-section {background:#fff}

/* Continue the blue surround through the lower information panels. */
@media (min-width:1001px) {
 body.home-page .shopping-colour-band {display:flow-root}
 body.home-page .shopping-colour-band #payments {background:transparent}
 body.home-page .shopping-colour-band #follow,
 body.home-page .shopping-colour-band #google-reviews,
 body.home-page .shopping-colour-band #customer-reviews {background:#fff}
}

/* Tighter service-to-guides spacing and a restrained blue section divider. */
@media (min-width:1001px) {
 body.home-page #service .service-panel {padding-bottom:12px}
 body.home-page .home-guides-band {padding-bottom:0}
 body.home-page #shop-online {position:relative;padding-top:24px}
 body.home-page #shop-online::before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 64px));height:1px;background:linear-gradient(90deg,transparent,#8abce880 18%,#087adeb3 50%,#8abce880 82%,transparent);pointer-events:none}
}

/* Match the heading palette and let white information panels stand without outlines. */
body.home-page #follow #follow-title {color:#0b2345}
body.home-page #follow #follow-title .brand-accent {color:#087ade;font:inherit}
body.home-page #appliances .range-note,
body.home-page #demonstrations.pov-section,
body.home-page #local-businesses.local-business-section,
body.home-page #google-reviews,
body.home-page #customer-reviews {border:0;box-shadow:none}

/* The community copy has its own small white panel; the image sits on the blue surround. */
body.home-page #local-businesses.local-business-section {padding:0;border:0;border-radius:0;background:#f3f8ff;box-shadow:none;gap:32px;align-items:center}
body.home-page #local-businesses .local-business-heading {box-sizing:border-box;width:100%;max-width:480px;padding:24px;background:#fff;border:0;border-radius:10px;align-self:center;justify-self:start}
body.home-page #local-businesses .local-business-heading>p:last-child {margin-bottom:0}
body.home-page #local-businesses .local-business-figure {align-self:center}
@media (max-width:700px) {
 body.home-page #local-businesses.local-business-section {gap:18px}
 body.home-page #local-businesses .local-business-heading {max-width:none;padding:20px}
}

/* Slightly wider shop-life panel and a continuous navy browse directory. */
@media (min-width:1001px) {
 body.home-page #follow.follow-section {width:min(1248px,calc(100% - 40px));max-width:1248px}
}
body.home-page .seo-directory {box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px max(20px,calc((100% - 1200px)/2));background:#04142e;color:#c6d5e7}
body.home-page .seo-directory details {border-top:1px solid #ffffff1c}
body.home-page .seo-directory summary,
body.home-page .seo-directory h2,
body.home-page .seo-directory h3 {color:#fff}
body.home-page .seo-directory a {color:#9bd8ff}
body.home-page .seo-directory .seo-category-links a {background:transparent;border-color:#ffffff26;color:#9bd8ff}
body.home-page .seo-directory a:hover {color:#fff}
body.home-page .seo-directory summary:focus-visible,
body.home-page .seo-directory a:focus-visible {outline:2px solid #8bd2ff;outline-offset:3px}

/* The direct washer link matches the white buying-guides panel above. */
body.home-page .local-washer-feature {padding:0 0 12px;margin:0;background:#0a2345;border:0}
body.home-page .local-washer-feature .local-washer-inner.local-washer-panel {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px 20px;background:#fff;border:1px solid #dce6f0;border-radius:12px;text-decoration:none;color:#111}
body.home-page .local-washer-feature .local-washer-panel h2 {font:650 19px/1.3 var(--body);letter-spacing:-.2px;color:#111;margin:0 0 3px}
body.home-page .local-washer-feature .local-washer-panel p {font:400 12px/1.5 var(--body);color:#333;margin:0;max-width:none}
body.home-page .local-washer-feature .local-washer-chevron {width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#42b5ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.home-page .local-washer-feature .local-washer-panel:hover {border-color:#dce6f0;background:#f8fbff}
body.home-page .local-washer-feature .local-washer-panel:focus-visible {outline:2px solid #8bd2ff;outline-offset:3px}
@media (min-width:1001px) {
 body.home-page .local-washer-feature .local-washer-inner.local-washer-panel {width:min(1200px,calc(100% - 64px));max-width:1200px}
}
@media (max-width:640px) {
 body.home-page .local-washer-feature .local-washer-inner.local-washer-panel {padding:14px 16px}
 body.home-page .local-washer-feature .local-washer-panel h2 {font-size:17px}
}

/* One treatment for the collection, guides and local washer panels. */
body.home-page #service.service {padding-bottom:0}
body.home-page #service .service-collection {background:#fff;color:#111;border:1px solid #dce6f0;border-radius:12px;padding:16px 20px;gap:5px 16px;box-shadow:none}
body.home-page #service .service-collection h3 {font:650 19px/1.3 var(--body);letter-spacing:-.2px;color:#111;margin:0 0 3px}
body.home-page #service .service-collection p {font:400 12px/1.5 var(--body);color:#333}
body.home-page #service .service-collection .collection-more-info summary {color:#111}
body.home-page #service .service-collection .panel-word-accent,
body.home-page .home-guides-disclosure #buying-guides-title .panel-word-accent,
body.home-page .local-washer-panel #local-washer-heading .panel-word-accent {color:#087ade;font:inherit}
@media (max-width:640px) {
 body.home-page #service .service-collection {padding:14px 16px}
 body.home-page #service .service-collection h3 {font-size:17px}
}

/* A single type hierarchy across the neighbouring white information panels. */
body.home-page #service .service-collection h3,
body.home-page .seo-guides-home .home-guides-disclosure>summary #buying-guides-title,
body.home-page .local-washer-feature .local-washer-panel h2 {
 font:700 18px/1.35 var(--body);letter-spacing:-.2px;color:#0b2345;margin:0 0 5px;
}
body.home-page #service .service-collection p,
body.home-page .seo-guides-home .home-guides-disclosure>summary .home-guides-heading>span,
body.home-page .local-washer-feature .local-washer-panel p {
 font:400 14px/1.5 var(--body);color:#52657d;margin:0;
}
body.home-page .seo-guides-home .home-guides-disclosure>summary {background:#fff;color:#0b2345}
body.home-page #service .service-collection .collection-more-info summary {font:600 14px/1.5 var(--body);color:#087ade}
@media (max-width:640px) {
 body.home-page #service .service-collection h3,
 body.home-page .seo-guides-home .home-guides-disclosure>summary #buying-guides-title,
 body.home-page .local-washer-feature .local-washer-panel h2 {font-size:18px}
}