/* Give the opening artwork and copy room without changing either heading. */
.hero.storefront-hero {
  background: radial-gradient(ellipse at 8% 5%, #124f9759 0, transparent 60%), linear-gradient(120deg, #08234b, #093565);
  border-bottom: 1px solid #87c6f32b;
}
.hero.storefront-hero .hero-inner > .van-photo {
  width: 100%;
  max-width: 520px;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: visible;
}
.hero.storefront-hero .van-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.hero.storefront-hero .van-photo figcaption {
  margin: 12px 0 0;
  padding: 0;
  border: 0;
  color: #fff;
  font: 600 clamp(19px, 2.1vw, 26px)/1.35 var(--body);
  letter-spacing: -.4px;
  text-transform: none;
  text-align: center;
}
.hero.storefront-hero .van-photo .van-promise {
  display: block;
  font: italic 700 clamp(22px, 2.4vw, 30px)/1.3 Georgia, serif;
}
.hero.storefront-hero .van-photo .van-services {
  display: block;
  max-width: 46ch;
  margin: 9px auto 0;
  color: #dbe8f7;
  font: 400 15px/1.6 var(--body);
  text-wrap: balance;
  letter-spacing: 0;
}
.storefront-hero + .local-delivery-check {
  padding: 0;
  background: #081f43;
}
.storefront-hero + .local-delivery-check #top-delivery-disclosure > summary {
  font-size: .875rem;
  line-height: 1.5;
  min-height: 58px;
  justify-content: space-between;
  text-align: left;
  padding: 15px 20px;
  border: 1px solid #82b7e23d;
  border-radius: 10px;
  background: #ffffff09;
  box-shadow: none;
}
.storefront-hero + .local-delivery-check > .wrap {
  width: min(1120px, calc(100% - 64px));
  padding: 0;
}
.storefront-hero + .local-delivery-check #top-delivery-disclosure {
  max-width: none;
  margin: 0;
}
.storefront-hero + .local-delivery-check #top-delivery-disclosure > summary:hover {
  background: #ffffff13;
}
.storefront-hero + .local-delivery-check .delivery-check-hint {
  margin-left: auto;
  color: #b6cde6;
  font-size: 13px;
  font-weight: 400;
}
.family-story-background { background: #081f43; }
.family-story-background #about {
  width: min(1120px, calc(100% - 64px));
  padding-top: 36px;
  padding-bottom: 40px;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
#about .about-copy { max-width: none; }
#about .about-copy p {
  line-height: 1.75;
  color: #d4e1f0;
  margin-bottom: 16px;
}
#about .about-copy p.lead { color: #fff; line-height: 1.75; }
#about .about-copy p:last-child { margin-bottom: 0; }
.family-story-background #about .about-title {
  border: 1px solid #68b7ee66;
  border-radius: 14px;
  box-shadow: 0 14px 32px #00142e40;
}
@media (min-width: 1001px) {
  .hero.storefront-hero .hero-inner {
    width: min(1120px, calc(100% - 64px));
    grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 56px);
    padding: 40px 0;
    align-items: center;
  }
  .hero.storefront-hero .hero-inner > .van-photo { max-width: 520px; justify-self: start; }
  .storefront-hero .laptop-hero-copy { min-width: 0; max-width: 560px; gap: 18px; }
  .hero.storefront-hero .laptop-hero-copy > p.storefront-introduction {
    max-width: 49ch;
    font-size: 1rem;
    line-height: 1.65;
    color: #dbe8f7;
  }
  .storefront-hero .laptop-hero-actions { gap: 12px; margin: 0; }
  .storefront-hero .laptop-hero-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: .9375rem;
    box-shadow: none;
  }
  .storefront-hero .laptop-hero-actions .button.blue { background: #0878e7; border: 1px solid #50b5ff; box-shadow: 0 5px 16px #001b4533; }
  .storefront-hero .laptop-hero-actions .button.blue:hover { background: #096aca; }
  .storefront-hero .laptop-hero-actions .button.outline { border-color: #8dafd380; background: #ffffff05; }
  .storefront-hero .laptop-hero-actions .button.outline:hover { background: #ffffff12; }
  .hero.storefront-hero .laptop-hero-copy > p.storefront-checkout-note {
    font-size: .875rem;
    line-height: 1.5;
    color: #b6cde6;
    margin-top: 0;
    max-width: 49ch;
    padding-left: 12px;
    border-left: 2px solid #68b7ee66;
  }
  .family-story-background #about {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
  }
  /* The removed photo no longer needs a reserved grid column. */
  #about .about-copy {
    max-width: none;
    padding-left: 0;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 56px);
    align-items: start;
  }
  #about .about-copy .eyebrow { margin-bottom: 14px; }
  #about .about-story-details { padding-left: 0; border-left: 0; }
  #about .about-story-heading { padding-right: 24px; }
  #about .about-copy h2 { margin-bottom: 16px; }
  #about .about-copy p,
  #about .about-copy p.lead {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  #about .about-copy p:last-child { margin-bottom: 0; }
}
@media (max-width: 1000px) {
  #about .about-story-heading { margin-bottom: 20px; }
  #about .about-story-details { max-width: 68ch; }
}
@media (max-width: 760px) {
  .family-story-background #about {
    width: calc(100% - 36px);
    padding-top: 28px;
    padding-bottom: 36px;
    gap: 28px;
  }
  .storefront-hero + .local-delivery-check { padding: 0; }
  .storefront-hero + .local-delivery-check > .wrap { width: calc(100% - 36px); }
  .storefront-hero + .local-delivery-check .delivery-check-hint { display: none; }
}

/* Match the family heading to the main appliance heading. */
#about .about-copy h2 {
  font: 700 clamp(34px, 3.25vw, 44px)/1.12 var(--body);
  letter-spacing: -1px;
  text-transform: none;
}

/* Centre the service cards and keep their supporting copy close. */
#service .section-heading { justify-content: center; text-align: center; }
#service .service-grid { gap: 24px; margin-top: 18px; }
#service .service-grid article { text-align: center; padding-top: 16px; }
#service .service-grid h3 { margin: 10px 0 8px; }
#service .service-grid article > p { max-width: 38ch; margin: 0 auto; }
#service .collection-more-info { margin: 2px auto 0; border-top: 0; max-width: 38ch; }
#service .collection-more-info summary { width: fit-content; margin: 0 auto; padding: 7px 10px; min-height: 34px; }
#service .collection-more-info p { margin: 2px auto 0; }
#service .service-closing { max-width: 80ch; margin: 12px auto 0; font-size: 15px; line-height: 1.55; text-align: center; }
@media (max-width: 760px) {
  #service .service-grid { gap: 18px; }
  #service .service-closing { margin-top: 14px; font-size: 14px; }
}

/* Compact browsing options, followed immediately by the appliance finder. */
#shop-online { padding: 24px 0 18px; }
#shop-online .shop-online-heading h2,
#appliances > .section-heading h2 {
  font: 700 clamp(24px, 2.6vw, 30px)/1.2 var(--body);
  letter-spacing: -.5px;
  text-transform: none;
  margin: 0;
}
#shop-online .shop-online-heading { margin-bottom: 14px; }
#shop-online .compact-shop-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#shop-online .compact-shop-card > .direct-order-copy,
#shop-online .compact-shop-card > #euronics {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 20px;
  border: 1px solid #b9cce3;
  border-radius: 10px;
  background: #fff;
}
#shop-online .compact-shop-card > .direct-order-copy { border-top: 3px solid #1266c5; padding-top: 18px; }
#shop-online .compact-shop-card h3 { color: #10284d; font-size: 19px; }
#shop-online .compact-shop-card p { color: #30465f; font-size: 15px; line-height: 1.55; margin: 0 0 4px; max-width: 60ch; }
#shop-online .compact-shop-card .button {
  width: auto;
  min-width: 172px;
  max-width: 100%;
  min-height: 44px;
  margin: auto 0 0;
  padding: 10px 18px;
}
#appliances.catalogue { padding-top: 22px; }
#appliances > .section-heading { margin-bottom: 14px; }
@media (max-width: 640px) {
  #shop-online { padding: 20px 0 14px; }
  #shop-online .compact-shop-card { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #shop-online .compact-shop-card > .direct-order-copy,
  #shop-online .compact-shop-card > #euronics { padding: 16px; }
  #shop-online .compact-shop-card > .direct-order-copy { padding-top: 14px; }
  #appliances.catalogue { padding-top: 18px; }
}

/* Keep the remaining pictured headings consistent with the appliance finder. */
#payments-title,
#pov-title,
#visit .showroom-heading {
  font: 700 clamp(24px, 2.6vw, 30px)/1.2 var(--body);
  letter-spacing: -.5px;
  text-transform: none;
}
#follow .eyebrow,
#payments .eyebrow,
#demonstrations .eyebrow {
  text-transform: none;
  letter-spacing: .5px;
}

/* Refine the opening hierarchy and keep the service icons within their section. */
.hero.storefront-hero .hero-inner{align-items:center}
.hero.storefront-hero .laptop-hero-copy > p.storefront-checkout-note{
  font-size:13px;
  line-height:1.5;
  font-weight:400;
  color:#b6cde6;
  max-width:54ch;
  margin-top:0;
  padding:0;
  border:0;
}
#about .about-copy h2{font-size:clamp(36px,3.5vw,47px)}
#service .service-panel > .benefits{
  margin:22px 0;
  border-top:1px solid #dfe8f1;
  border-bottom:1px solid #dfe8f1;
  background:#fff;
}
#service .benefits > .benefits-inner{width:100%;max-width:none;margin:0;padding:20px 0}

/* Flow directly from the family story into the service panel. */
.family-story-background + #service.service{padding-top:16px;background:#081f43;border-top:0}
.family-story-background #about{padding-bottom:24px}
@media(max-width:760px){
  .family-story-background + #service.service{padding-top:10px}
  .family-story-background #about{padding-bottom:20px}
}

/* A calmer, compact service section with aligned delivery information. */
#service .service-panel{width:calc(100% - 36px);max-width:1080px;padding:24px 30px;border:1px solid #a7c9e8;box-shadow:0 4px 18px #001a3b12}
#service .section-heading{margin-bottom:10px}
#service .section-heading h2{font:700 clamp(27px,3.1vw,38px)/1.15 var(--body);text-transform:none;letter-spacing:-.8px}
#service .service-intro{max-width:74ch;margin:0 auto;font-size:15px;font-weight:400;line-height:1.55;color:#40516a}
#service .service-panel>.benefits{margin:18px 0 16px}
#service .benefits>.benefits-inner{padding:14px 0;gap:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#service .benefits-inner>div{min-width:0;padding:0 8px;gap:10px;font-size:13px;line-height:1.35;justify-content:center}
#service .benefits svg{width:32px;height:32px;flex-shrink:0;padding:7px;outline-width:1px;margin:0}
#service .service-delivery-summary{max-width:800px;margin:0 auto;padding:12px 18px;border:1px solid #d1e2f2;border-bottom:0;border-radius:10px 10px 0 0;background:#edf5ff;color:#334c69;font-size:13px;line-height:1.55}
#service .service-delivery-summary>strong{font-size:15px;margin-bottom:5px;color:#163c68}
#service .delivery-map-preview{max-width:800px;margin:0 auto 18px;border:1px solid #d1e2f2;border-radius:0 0 10px 10px}
#service .delivery-map-preview>summary{padding:10px 16px;text-align:center;font-size:14px;background:#f8fbff;color:#1261b0;list-style:none}
#service .delivery-map-preview>summary::-webkit-details-marker{display:none}
#service .delivery-map-preview>summary::after{content:' +';margin-left:10px;font-weight:700}
#service .delivery-map-preview[open]>summary::after{content:' −'}
#service .service-grid{gap:0;margin:0 auto;max-width:940px;align-items:start}
#service .service-grid article{padding:2px 20px;border:0;border-radius:0;background:transparent}#service .service-grid article+article{border-left:1px solid #d8e4f0}
#service .service-number{display:none}
#service .service-grid h3{font:700 18px/1.25 var(--body);text-transform:none;letter-spacing:-.25px;margin:0 0 7px}
#service .service-grid article>p{font-size:14px;line-height:1.5;color:#4a5c73;max-width:35ch}
#service .collection-more-info summary{font-size:13px;padding:5px 8px;min-height:32px}
#service .service-closing{font-size:13px;line-height:1.5;color:#65738a;max-width:86ch;margin:14px auto 0}
@media(max-width:760px){
 #service .service-panel{padding:20px 15px}
 #service .benefits>.benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 #service .benefits-inner>div{justify-content:flex-start;padding:0;font-size:12px}
 #service .service-intro{font-size:14px}
 #service .service-grid{gap:0}
 #service .service-grid article{padding:12px 4px}#service .service-grid article+article{border-left:0;border-top:1px solid #e1e9f2}
 #service .service-delivery-summary{padding:11px 13px}
}

#service .service-delivery-summary .delivery-rates{margin-top:5px;font-size:12px;color:#49617d}#service .service-delivery-summary b{color:#163c68}#service .delivery-map-preview>summary:hover{background:#e5f0fe}#service .service-closing{border-top:1px solid #e1e9f2;padding-top:12px;margin-top:16px}

/* Centre the family introduction and delivery prompt consistently. */
#about .about-copy{align-items:center;text-align:center}
#about .about-story-heading{padding-right:0;text-align:center}
#about .about-story-heading h2{margin-left:auto;margin-right:auto;text-align:center;text-wrap:balance}
#about .about-story-heading .lead{max-width:46ch;margin-left:auto;margin-right:auto;text-wrap:balance}
#about .about-story-details{width:100%;max-width:62ch;margin-left:auto;margin-right:auto;text-align:center}
#about .about-story-details p{text-wrap:pretty}
.storefront-hero + .local-delivery-check #top-delivery-disclosure>summary{position:relative;justify-content:center;text-align:center;gap:12px;padding-left:44px;padding-right:44px}
.storefront-hero + .local-delivery-check #top-delivery-disclosure>summary::after{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
.storefront-hero + .local-delivery-check .delivery-check-hint{margin-left:0}
@media(max-width:760px){#about .about-story-heading .lead{max-width:34ch}#about .about-story-details{max-width:44ch}}

/* Give the opening two columns a shared centre and a quieter hierarchy. */
.hero.storefront-hero .laptop-hero-copy{text-align:center;align-items:center;gap:16px}
.hero.storefront-hero .laptop-hero-copy h1{font:750 clamp(30px,3.3vw,44px)/1.14 var(--body);letter-spacing:-1px;text-transform:none;margin:0;text-wrap:balance}
.hero.storefront-hero .laptop-hero-copy>.storefront-introduction{max-width:44ch;margin:0 auto;font-size:16px;line-height:1.6;text-wrap:pretty}
.hero.storefront-hero .laptop-hero-actions{justify-content:center;gap:10px;width:100%;margin:0}
.hero.storefront-hero .laptop-hero-actions .button{font-size:14px;min-height:46px;padding:11px 18px}
.hero.storefront-hero .laptop-hero-copy>p.storefront-checkout-note{max-width:48ch;margin:0 auto;font-size:12px;line-height:1.5;text-align:center;color:#bccfe5}
.hero.storefront-hero .van-photo figcaption{margin-top:8px}
.hero.storefront-hero .van-photo .van-services{font-size:14px;line-height:1.5;max-width:44ch;margin-top:7px}
.storefront-hero+.local-delivery-check{padding:0 0 4px}
.storefront-hero+.local-delivery-check #top-delivery-disclosure{max-width:820px;margin:0 auto}
.storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{min-height:48px;padding-top:10px;padding-bottom:10px;background:#ffffff08}
.family-story-background #about{padding-top:30px;padding-bottom:28px}
#about .about-copy{gap:36px}
#about .about-copy h2{font:750 clamp(30px,3vw,40px)/1.12 var(--body);letter-spacing:-.7px;margin-bottom:12px;text-transform:none}
#about .about-copy p.lead{font-size:14px;line-height:1.6;color:#d9e7f6;max-width:38ch}
#about .about-story-details{max-width:56ch;padding:0 0 0 28px;border-left:1px solid #abccef30}
#about .about-story-details p{font-size:14px;line-height:1.65;margin-bottom:12px;color:#d3e1f0}
@media(min-width:1001px){.hero.storefront-hero .hero-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:30px 0 26px}.hero.storefront-hero .hero-inner>.van-photo{justify-self:center}#about .about-copy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){#about .about-story-details{padding:0;border-left:0}#about .about-story-heading{margin-bottom:18px}}
@media(max-width:600px){.hero.storefront-hero .laptop-hero-copy h1{font-size:30px;letter-spacing:-.6px}.hero.storefront-hero .laptop-hero-copy>.storefront-introduction{font-size:15px}.hero.storefront-hero .laptop-hero-actions .button{flex:1;padding:10px;font-size:13px}.family-story-background #about{padding-top:24px;padding-bottom:24px}#about .about-story-details p{font-size:14px}}

/* Consistent body typography across the opening and family introduction. */
.hero.storefront-hero .laptop-hero-copy>.storefront-introduction,
.hero.storefront-hero .van-photo .van-services,
#about .about-copy p.lead,
#about .about-story-details p{font:400 16px/1.6 var(--body);letter-spacing:0;color:#dbe8f7}
.hero.storefront-hero .laptop-hero-copy>p.storefront-checkout-note{font:400 13px/1.5 var(--body)}
.family-story-background #about{padding-top:42px}
@media(max-width:760px){.family-story-background #about{padding-top:32px}}

/* Compact phone opening, preserving the stock notice and service wording. */
.mobile-hero-browse{display:none}
@media(max-width:1000px){
 .header .header-inner{grid-template-columns:64px minmax(0,1fr);column-gap:10px;row-gap:7px;padding-top:8px;padding-bottom:6px}
 .header .header-inner>.wordmark{width:64px;margin:0}
 .header .wordmark>img,.header.is-compact .wordmark>img{width:64px;height:64px}
 .header .header-inner>.header-top-links{gap:5px}
 .header .header-top-links .header-account-link{min-height:44px;padding:6px 8px;font-size:13px;border-radius:7px;white-space:nowrap}
 .header .header-top-links .vat-toggle{padding:1px;gap:0;border-radius:7px}
 .header .header-top-links .vat-toggle button{min-height:42px;padding:5px 6px;font-size:12px}
 .header .header-inner>.header-actions{gap:6px;padding:2px 0 0}
 .header .header-actions>a,.header .header-actions>button{height:44px;min-height:44px;padding:10px;border:1px solid #6493bd80;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff12}
 .header .header-actions>a svg,.header .header-actions>button svg{width:23px;height:23px}
 .header .header-actions>.header-euronics-link img{width:25px;height:25px;object-fit:contain}
 .header .header-inner>nav{margin:0;padding-top:0;padding-bottom:0}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{min-height:44px;padding:9px 12px;font-size:13px}
 .hero.storefront-hero .hero-inner{grid-template-columns:minmax(0,1fr);padding:10px 0 20px;gap:14px}
 .hero.storefront-hero .hero-inner>.van-photo{max-width:460px;margin:0;justify-self:center}
 .hero.storefront-hero .van-photo figcaption{margin-top:8px}
 .hero.storefront-hero .van-photo .van-services{margin-top:6px}
 .hero.storefront-hero .mobile-hero-browse{display:flex;align-items:center;justify-content:center;width:min(100%,320px);min-height:46px;padding:10px 18px;margin:0;justify-self:center;border:1px solid #59bdff;border-radius:8px;background:#0878e7;color:#fff;font:700 15px/1.4 var(--body);box-shadow:0 3px 10px #001b4526;text-decoration:none}
 .hero.storefront-hero .mobile-hero-browse:hover{background:#096aca}
 .hero.storefront-hero .mobile-hero-browse:focus-visible{outline:3px solid #b3e7ff;outline-offset:3px}
}

/* Smaller mobile menu labels with a compact stock update below. */
@media(max-width:1000px){
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{font-size:12px;padding:8px 10px;min-height:44px;letter-spacing:0}
 .header .header-inner>.catalogue-accuracy{grid-row:5}
 .header .header-top-links .vat-toggle{padding:1px;border-radius:6px;gap:0}
 .header .header-top-links .vat-toggle button{font-size:9px;min-height:28px;padding:3px 4px;border-radius:4px}
}

/* A restrained mobile storefront: quieter controls, one clear primary action. */
@media(max-width:1000px){
 .header .header-inner{row-gap:6px;padding-top:10px;padding-bottom:8px}
 .header #header-product-search{border:1px solid #8cb8d9;border-radius:8px;box-shadow:none}
 .header #header-product-search>input{padding:10px 12px;font-size:16px;min-height:44px}
 .header #header-product-search>input::placeholder{color:#6f7d8c;opacity:1}
 .header #header-product-search>button{min-height:44px;padding:10px 13px;border:0;border-left:1px solid #3e76a3;border-radius:0 7px 7px 0;background:#165487;box-shadow:none}
 .header #header-product-search>button:hover{background:#1d659e}
 .header .header-inner>.header-actions{gap:7px;padding-top:4px}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{background:#123c69;border-color:#496e9580;border-radius:8px;box-shadow:none}
 .header .header-actions>a:hover,.header .header-actions>.contact-link:hover,.header .header-actions>button:hover{background:#1c527f;border-color:#81b2d5}
 .header .header-top-links .header-account-link{background:#123c69;border-color:#496e9580;box-shadow:none;font-weight:600;font-size:12px;min-height:38px;padding:6px 9px}
 .header .header-top-links .header-account-link:hover{background:#1c527f}
 .header .header-top-links .vat-toggle{background:#071e3b;border-color:#496e9580}
 .header .header-top-links .vat-toggle button[aria-pressed="true"]{background:#245b87;box-shadow:none}
 .header .header-inner>nav{border:0;background:transparent;padding-left:0;padding-right:0}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{font-weight:600;border-radius:6px}
 .hero.storefront-hero .mobile-hero-browse{background:#0872d5;border-color:#50a6e0;border-radius:8px;box-shadow:none;font-weight:600}
 .hero.storefront-hero .mobile-hero-browse:hover{background:#0963bb}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{border-color:#6486aa66;border-radius:8px;background:#0b2547;box-shadow:none}
}

/* Overlay only the menu edge; dropdowns remain unobscured and links tappable. */
.navigation-edge-fade{display:none}
@media(max-width:1000px){
 .header .header-inner>.navigation-edge-fade:not([hidden]){display:block;grid-column:1/-1;grid-row:4;justify-self:end;align-self:center;height:36px;width:24px;z-index:2;pointer-events:none;background:radial-gradient(ellipse at right center,#08254499,transparent 72%)}
}

/* Align the primary browse action and delivery disclosure on small screens. */
@media(max-width:1000px){
 .hero.storefront-hero .hero-inner,.storefront-hero+.local-delivery-check>.wrap{width:calc(100% - 36px)}
 .hero.storefront-hero .mobile-hero-browse,.storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{width:min(100%,320px);box-sizing:border-box;margin-left:auto;margin-right:auto}
}

/* Finish the mobile action area with consistent type, height and spacing. */
@media(max-width:1000px){
 .hero.storefront-hero .mobile-hero-browse{position:relative;min-height:46px;padding-left:42px;padding-right:42px}
 .mobile-hero-browse .browse-action-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{font:600 15px/1.4 var(--body);min-height:46px;padding-top:10px;padding-bottom:10px}
 .family-story-background #about{padding-top:22px}
}

/* Consistent, compact reading rhythm for the story, services and browse cards. */
#about .about-copy p,
#about .about-copy p.lead,
#about .about-story-details p,
#service p.service-intro,
#service .service-grid article p,
#service p.service-closing,
#service p.service-delivery-summary,
#shop-online .compact-shop-card p {
  font-size:15px;
  line-height:1.55;
  text-align:left;
  text-wrap:pretty;
  margin-top:0;
  margin-bottom:10px;
}
#about .about-story-details {text-align:left}
#about .about-copy p.lead {max-width:62ch;margin-left:auto;margin-right:auto}
#about .about-copy p:last-child,
#service .service-grid article p:last-child {margin-bottom:0}
#about .about-story-heading {margin-bottom:16px}
#about .about-copy h2,
#service .section-heading h2,
#shop-online .shop-online-heading h2 {text-align:center}
#service .service-grid h3,
#shop-online .compact-shop-card h3 {font:700 21px/1.25 var(--body);letter-spacing:-.3px;margin:0 0 8px}
#service .service-delivery-summary>strong {font:700 20px/1.3 var(--body);text-align:center;margin-bottom:8px}
#service .service-delivery-summary .delivery-rates {font-size:14px;line-height:1.5;margin-top:8px}
#service .service-grid article>p {max-width:38ch}
#service .service-closing {margin-top:16px;margin-bottom:0}
#shop-online .compact-shop-card>.direct-order-copy {border-top:3px solid #1266c5;background:#fff}
#shop-online .direct-order-copy .button.blue {min-height:46px;background:#006deb;color:#fff;border:1px solid #006deb;font-weight:700;box-shadow:0 3px 10px rgb(0 83 178 / 12%)}
#shop-online .direct-order-copy .button.blue:hover {background:#005bc6}
#shop-online .compact-shop-card>#euronics {background:#f6f9fd;border-color:#d8e3ee}
#shop-online #euronics h3 {color:#43566d;font-size:20px}
#shop-online #euronics .button.outline {width:auto;min-width:0;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#285889;font-weight:600;text-decoration:underline;text-underline-offset:4px;justify-content:flex-start}
#shop-online #euronics .button.outline:hover {color:#004ba3;background:transparent;text-decoration-thickness:2px}
@media(max-width:640px){
 #shop-online .direct-order-copy .button.blue {width:100%;justify-content:center}
 #service .service-grid {gap:16px}
}

/* Compact service section, retaining the complete service information. */
#service .section-heading h2 {font-size:28px;line-height:1.2;letter-spacing:-.4px;max-width:none}
#service .service-grid h3 {font-size:20px;line-height:1.3;margin:0 0 8px;text-align:center}
#service .service-delivery-summary>strong {font-size:20px;line-height:1.3}
#service p.service-intro,#service .service-grid article p,#service p.service-closing,#service p.service-delivery-summary {font-size:15px;line-height:1.6;text-align:left}
#service .service-delivery-summary .delivery-rates {font-size:15px;line-height:1.6}
#service .service-grid {gap:22px;margin-top:22px}
#service .service-grid article {padding-top:20px}
#service .service-closing {margin-top:22px;padding-top:20px}
#service .benefits-inner {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px 0;width:100%}
#service .benefits-inner>div {display:flex;align-items:center;gap:10px;padding:0;border:0;min-width:0;font-size:13px;line-height:1.4}
#service .benefits-inner svg {box-sizing:border-box;width:30px;height:30px;flex:0 0 30px;padding:6px;margin:0;outline-width:1px;outline-offset:2px}
@media(max-width:380px){#service .section-heading h2{font-size:26px}#service .benefits-inner{column-gap:12px}#service .benefits-inner>div{font-size:12px;gap:8px}}

/* Slightly smaller mobile account and quick-action controls. */
@media(max-width:1000px){
 .header .header-top-links #header-account{position:relative;min-height:34px;height:34px;padding:5px 8px;font-size:11px;gap:5px;border-radius:7px}
 .header .header-top-links #header-account svg{width:14px;height:14px}
 .header .header-top-links #header-account::after{content:"";position:absolute;inset:-5px 0}
 .header .header-inner>.header-actions{max-width:340px;justify-self:center;gap:7px}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{position:relative;height:40px;min-height:40px;padding:9px;border-radius:7px}
 .header .header-actions>a::after,.header .header-actions>button::after{content:"";position:absolute;inset:-2px 0}
 .header .header-actions>a svg,.header .header-actions>button svg{width:21px;height:21px}
 .header .header-actions>.header-euronics-link img{width:23px;height:23px}
}

/* Compact service details: short rows without large vertical gaps. */
#service .service-grid{gap:16px;margin-top:12px}
#service .service-grid article{padding:4px 14px}
#service .service-grid h3{font-size:17px;line-height:1.3;margin:0 0 5px}
#service .service-grid article p{font-size:14px;line-height:1.45;margin:0;text-align:left;max-width:none}
#service .collection-more-info{max-width:none;margin:3px 0 0}
#service .collection-more-info summary{font-size:13px;line-height:1.4;padding:4px 0;min-height:28px;margin:0}
#service .collection-more-info p{font-size:13px;line-height:1.45;margin:4px 0 0}
#service p.service-delivery-summary{font-size:14px;line-height:1.45;padding:10px 12px}
#service .service-delivery-summary>strong{font-size:17px;line-height:1.3;margin-bottom:5px}
#service .service-delivery-summary .delivery-rates{font-size:13px;line-height:1.45;margin-top:6px}
#service .delivery-map-preview{margin-bottom:10px}
#service .delivery-map-preview>summary{padding:9px 12px;min-height:40px;font-size:13px;line-height:1.5}
@media(max-width:760px){
 #service .service-panel{padding:18px 15px 10px}
 #service .service-grid{gap:0;margin-top:4px}
 #service .service-grid article{padding:11px 0}
 #service .service-grid article+article{border-left:0;border-top:1px solid #e1e9f2}
 #service .service-grid h3{text-align:left}
}

/* Bring the stock-check line down to the mobile header divider. */
@media(max-width:1000px){
 .header .header-inner{padding-bottom:1px}
 .header .header-inner>.catalogue-accuracy{margin-top:-4px;margin-bottom:0;padding:0;line-height:1.15;align-self:end}
}

/* Compact account and VAT controls; align the check time near the edge. */
@media(max-width:1000px){
 .header .header-top-links #header-account{height:30px;min-height:30px;padding:4px 6px;font-size:10px;gap:4px;border-radius:6px}
 .header .header-top-links #header-account svg{width:12px;height:12px}
 .header .header-top-links #header-account::after{inset:-7px 0}
 .header .header-top-links .vat-toggle{padding:1px;gap:0}
 .header .header-top-links .vat-toggle button{position:relative;min-height:24px;height:24px;padding:2px 3px;font-size:8px}
 .header .header-top-links .vat-toggle button::after{content:"";position:absolute;inset:-9px 0}
 .header .header-inner>.catalogue-accuracy{justify-self:end;text-align:right;margin-right:-10px}
}

/* Hide empty basket counts and bring mobile navigation closer to the icons. */
#basket-count[hidden]{display:none}
@media(max-width:1000px){.header .header-inner>nav{margin-top:-3px}}

.navigation-motion-toggle{display:none}
@media(max-width:600px){
 .header.has-moving-navigation .header-inner>nav{width:calc(100% - 34px);justify-self:start;scroll-behavior:auto;scroll-snap-type:none}
 .header.has-moving-navigation .navigation-motion-toggle:not([hidden]){display:flex;position:relative;align-items:center;justify-content:center;grid-column:1/-1;grid-row:4;justify-self:end;align-self:center;width:24px;height:24px;min-height:24px;border:1px solid #7ab4e44d;border-radius:4px;background:#12385e;color:#fff;font-size:11px;line-height:1;z-index:3;padding:0}
 .header.has-moving-navigation .navigation-motion-toggle::after{content:"";position:absolute;inset:-8px -4px}
 .header.has-moving-navigation .navigation-edge-fade{margin-right:34px}
}

/* Slim homepage search; keep mobile text large enough to avoid input zoom. */
.header #header-product-search{height:38px;min-height:38px;box-sizing:border-box;border-width:1px;border-radius:7px}
.header #header-product-search>input{box-sizing:border-box;height:36px;min-height:36px;padding:5px 12px;font-size:16px;line-height:1.25;border-radius:6px 0 0 6px}
.header #header-product-search>button{position:relative;box-sizing:border-box;height:36px;min-height:36px;min-width:44px;padding:5px 13px;border-radius:0 6px 6px 0}
.header #header-product-search>button::after{content:"";position:absolute;inset:-4px 0}
.header #header-product-search>button svg{width:18px;height:18px}
@media(max-width:1000px){
 .header #header-product-search{height:36px;min-height:36px}
 .header #header-product-search>input,.header #header-product-search>button{height:34px;min-height:34px}
 .header #header-product-search>button::after{inset:-5px 0}
}

/* Slim announcement strip, retaining readable text and its pause control. */
.launch-announcement .announcement-track>span{padding-top:3px;padding-bottom:3px;line-height:14px}
.launch-announcement .announcement-pause{width:26px;height:24px;min-height:24px;font-size:11px}

/* A tighter phone header and smaller van, keeping the caption full width. */
@media(max-width:600px){
 .header .header-inner{row-gap:4px;padding-top:8px}
 .header .header-inner>.header-actions{padding-top:2px}
 .hero.storefront-hero .hero-inner{padding-top:4px}
 .hero.storefront-hero .van-photo img{width:85%;margin-inline:auto}
}

/* Slim mobile header and closely paired shopping actions. */
@media(max-width:600px){
 .header .header-inner{grid-template-columns:54px minmax(0,1fr);row-gap:3px;column-gap:8px;padding-top:6px}
 .header .header-inner>.wordmark{margin:0;width:auto}
 .header .header-inner>.wordmark>img{width:54px;height:54px}
 .header .header-inner>.header-top-links{gap:5px;align-self:center;margin:0}
 .header #header-product-search{height:32px;min-height:32px;border-radius:6px}
 .header #header-product-search>input,.header #header-product-search>button{height:30px;min-height:30px;padding-top:3px;padding-bottom:3px}
 .header #header-product-search>input{font-size:16px;padding-left:10px}
 .header #header-product-search>button{padding-left:12px;padding-right:12px}
 .header #header-product-search>button svg{width:16px;height:16px}
 .header .header-inner>.header-actions{width:auto;max-width:100%;gap:10px;justify-content:center;padding:3px 0}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{box-sizing:border-box;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:8px;border-radius:6px}
 .header .header-actions>a::after,.header .header-actions>button::after{inset:-4px}
 .header .header-actions>a svg,.header .header-actions>button svg{width:19px;height:19px}
 .header .header-actions>.header-euronics-link img{width:21px;height:21px}
 .header.has-moving-navigation .navigation-motion-toggle:not([hidden]){width:20px;height:20px;min-height:20px;font-size:10px;border-radius:3px}
 .header.has-moving-navigation .navigation-motion-toggle::after{inset:-10px -4px}
 .header.has-moving-navigation .header-inner>nav{width:calc(100% - 30px)}
 .header.has-moving-navigation .navigation-edge-fade{margin-right:30px}
 .launch-announcement .announcement-pause{position:relative;width:22px;height:20px;min-height:20px;font-size:10px;padding:0}
 .launch-announcement .announcement-pause::after{content:"";position:absolute;inset:-6px 0}
 .hero.storefront-hero .hero-inner{padding-bottom:8px}
 .storefront-hero+.local-delivery-check{padding-top:0;border-top:0}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure{margin-top:0}
 .hero.storefront-hero .mobile-hero-browse,.storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{width:min(100%,320px);min-height:44px}
}

/* Fine spacing adjustments for the mobile opening. */
@media(max-width:600px){
 .hero.storefront-hero .van-photo figcaption{margin-top:3px}
 .header .header-inner>.header-actions{padding-bottom:0}
 .header .header-inner>nav{margin-top:-5px}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{box-sizing:border-box;min-height:42px;padding-top:8px;padding-bottom:8px}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary::before{content:"";position:absolute;inset:-1px 0}
}

/* Compact desktop header with clear space between the logo and navigation. */
@media(min-width:1001px){
 .header .header-inner{row-gap:2px;padding-top:6px;padding-bottom:2px}
 .header .header-inner>.wordmark{margin-top:0;margin-bottom:0}
 .header .header-inner>.header-actions{align-self:end}
 .header .header-inner>.header-top-links{align-self:start}
 .header .header-inner>nav{margin-top:10px;margin-bottom:0;padding-top:0;padding-bottom:0}
 /* Match the logo centre: 32px left inset + half its 132px width. */
 .header .header-inner>nav>.navigation-guides{flex:0 0 196px;width:196px;justify-content:center}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{padding-top:4px;padding-bottom:4px;min-height:32px}
 .header .header-inner>.catalogue-accuracy{margin:-2px 0 0;padding-top:0;padding-bottom:0;line-height:1.15}
}

/* A compact service overview; each benefit appears once with its useful detail. */
#service .service-panel{padding:20px 24px;border-radius:12px}
#service .section-heading{margin:0 0 7px}
#service .section-heading h2{max-width:none;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.6px;text-wrap:balance}
#service p.service-intro{max-width:66ch;margin:0 auto;font-size:14px;line-height:1.45;text-align:center;text-wrap:pretty}
#service .service-panel>.benefits{margin:14px 0 12px;border:0;background:transparent}
#service .benefits>.benefits-inner{padding:0;gap:10px;align-items:stretch}
#service .benefits-inner>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;align-items:center;gap:6px 8px;padding:10px;border:1px solid #e0eaf4;border-radius:8px;background:#f7faff;text-align:left}
#service .benefits svg{width:28px;height:28px;padding:6px;margin:0;outline:0;border:0;box-shadow:none}
#service .benefits-inner h3{font:700 14px/1.25 var(--body);letter-spacing:0;margin:0;color:#10244b;overflow-wrap:normal}
#service .benefits-inner p{grid-column:1/-1;font:400 13px/1.4 var(--body);color:#4a5c73;margin:0}
#service .service-delivery-summary{max-width:none;padding:12px 14px;margin:0;border-radius:8px 8px 0 0;text-align:left;font-size:13px;line-height:1.4}
#service .service-delivery-summary>strong{display:block;font:700 15px/1.3 var(--body);letter-spacing:0;margin:0 0 8px;text-align:left;color:#163c68}
#service .service-delivery-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
#service .service-delivery-limits>div+div{border-left:1px solid #c8dcee;padding-left:12px}
#service .service-delivery-limits dt{font-size:12px;line-height:1.3;color:#4a5c73}
#service .service-delivery-limits dd{font-size:16px;font-weight:700;line-height:1.4;color:#163c68;margin:2px 0 0}
#service .service-delivery-summary .delivery-origin{font-size:12px;line-height:1.4;margin:6px 0 0;color:#49617d}
#service .service-delivery-summary .delivery-rates{font-size:13px;line-height:1.4;margin:7px 0 0;color:#405674}
#service .service-delivery-summary+.delivery-map-preview{max-width:none;margin:0 0 12px;border-radius:0 0 8px 8px}
#service .delivery-map-preview>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:8px 13px;text-align:left;font-size:13px;line-height:1.4}
#service .delivery-map-preview>summary::after{margin:0}
#service .service-collection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:start;padding:0 1px;text-align:left}
#service .service-collection>h3{font:700 15px/1.3 var(--body);letter-spacing:0;margin:0;color:#10244b}
#service .service-collection>p{grid-column:1;font-size:13px;line-height:1.4;margin:0;color:#4a5c73}
#service .service-collection .collection-more-info{grid-column:2;grid-row:1/3;max-width:34ch;margin:0;border:0}
#service .collection-more-info summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 0;margin:0;font-size:13px;line-height:1.4;list-style:none}
#service .collection-more-info summary::-webkit-details-marker{display:none}
#service .collection-more-info summary::after{content:'+';font-weight:700}
#service .collection-more-info[open] summary::after{content:'−'}
#service .collection-more-info p{font-size:13px;line-height:1.4;margin:0 0 5px;color:#4a5c73}
@media(max-width:760px){
 #service .service-panel{padding:16px 14px}
 #service p.service-intro{font-size:13.5px}
 #service .benefits>.benefits-inner{gap:8px}
 #service .benefits-inner>div{padding:9px;gap:5px 7px}
 #service .benefits-inner h3{font-size:13px}
 #service .benefits-inner p{font-size:12.5px}
 #service .service-collection{grid-template-columns:minmax(0,1fr);gap:4px}
 #service .service-collection .collection-more-info{grid-column:1;grid-row:auto;max-width:none}
 #service .collection-more-info summary{min-height:36px;padding:7px 0}
}

/* Align the desktop header controls to one compact, consistent grid. */
@media(min-width:1001px){
 .header .header-inner{grid-template-columns:96px minmax(260px,1fr) 294px;row-gap:6px}
 .header .header-inner>.header-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:294px;gap:6px;padding:0;margin:0;justify-self:end;align-items:center}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;min-width:0;padding:10px;margin:0;border:1px solid #45698f;border-radius:7px;background:#123b64;color:#fff;box-shadow:none;line-height:1}
 .header .header-actions>a:hover,.header .header-actions>button:hover{background:#1b527f;border-color:#79b7e6}
 .header .header-actions svg{display:block;width:22px;height:22px;flex:none}
 .header .header-actions>.header-euronics-link img{width:24px;height:24px;object-fit:contain}
 .header .header-inner>.header-top-links{display:flex;flex-wrap:nowrap;justify-content:flex-end;width:294px;gap:8px;padding:0;margin:0;align-items:center;justify-self:end}
 .header .header-inner>.header-top-links>.header-contact-link{display:none}
 .header .header-top-links .header-account-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:auto;min-width:0;height:34px;min-height:34px;margin:0;padding:5px 8px;gap:4px;border:1px solid #45698f;border-radius:7px;background:#123b64;color:#fff;font:600 11px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}
 .header .header-top-links .header-account-link svg{width:14px;height:14px;flex:none}
 .header .header-top-links .vat-toggle{display:grid;grid-template-columns:1fr 1fr;box-sizing:border-box;flex:none;width:128px;height:34px;min-width:0;gap:6px;padding:2px;border:1px solid #45698f;border-radius:7px;background:#0b244b}
 .header .header-top-links .vat-toggle button{width:100%;min-width:0;height:28px;min-height:28px;margin:0;padding:3px 6px;border:0;border-radius:4px;font:700 11px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}
 .header .header-top-links .vat-toggle button[aria-pressed="true"]{background:#245b87;color:#fff;box-shadow:none}
}

/* Slim mobile search, retaining 16px text to avoid iPhone focus zoom. */
@media(max-width:600px){
 .header #header-product-search{height:28px;min-height:28px;border-radius:6px}
 .header #header-product-search>input,.header #header-product-search>button{height:26px;min-height:26px;padding-top:2px;padding-bottom:2px}
 .header #header-product-search>input{font-size:16px;line-height:20px}
 .header #header-product-search>button{display:flex;align-items:center;justify-content:center;min-width:44px}
 .header #header-product-search>button::after{inset:-9px 0}
}

/* Mobile shop header: branding, search, then quiet utility links. */
@media(max-width:1000px){
 .header .header-inner{grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:3px;padding-top:5px;padding-bottom:1px;align-items:center}
 .header .header-inner>.wordmark{grid-column:1;grid-row:1;width:60px;margin:0;align-self:center;justify-self:start}
 .header .header-inner>.wordmark>img,.header.is-compact .header-inner>.wordmark>img{width:60px;height:60px;margin:0}
 .header .header-inner>.header-top-links{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;width:auto;max-width:100%;margin:0;padding:0;justify-self:end}
 .header .header-top-links #header-account{order:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:auto;height:40px;min-height:40px;padding:6px 8px;border:0;background:transparent;box-shadow:none;font-size:12px;gap:5px}
 .header .header-top-links #header-account svg{width:15px;height:15px}
 .header .header-top-links #header-account::after{inset:-2px 0}
 .header .header-top-links .vat-toggle{order:1;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;width:88px;height:36px;padding:2px;gap:0;margin:0;border:1px solid #517696;border-radius:6px;background:#071e3b}
 .header .header-top-links .vat-toggle button{box-sizing:border-box;min-width:0;width:100%;height:30px;min-height:30px;padding:3px 2px;font-size:9px;border-radius:4px}
 .header .header-top-links .vat-toggle button::after{inset:-7px 0}
 .header #header-product-search{grid-column:1/-1;grid-row:2;width:100%;margin:0}
 .header .header-inner>.header-actions{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:nowrap;gap:3px;width:100%;max-width:420px;margin:0;padding:0;justify-content:flex-start;justify-self:center;align-items:center}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:40px;min-height:40px;min-width:44px;margin:0;padding:9px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:#edf6ff}
 .header .header-actions>a:hover,.header .header-actions>button:hover{background:#ffffff12;border:0;box-shadow:none}
 .header .header-actions>a::after,.header .header-actions>button::after{inset:-2px 0}
 .header .header-actions>a svg,.header .header-actions>button svg{width:22px;height:22px}
 .header .header-actions>.contact-link+.header-social{margin-left:auto}
 .header .header-actions>.header-social{color:#bed3e8}
 .header .header-actions>.header-social svg{width:19px;height:19px}
 .header .header-actions>.header-euronics-link img{width:22px;height:22px;object-fit:contain}
 .header .header-inner>nav{grid-column:1/-1;grid-row:4;margin:0;padding-top:0;padding-bottom:0;align-self:center}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{min-height:36px;padding:6px 8px;font-size:12px;line-height:24px}
 .header .header-inner>.navigation-edge-fade:not([hidden]),.header.has-moving-navigation .navigation-motion-toggle:not([hidden]){grid-row:4}
 .header .header-inner>.catalogue-accuracy{grid-column:1/-1;grid-row:5;margin-top:-2px;margin-bottom:0;padding:0}
}

/* Mobile opening: compact branding with stationary swipeable navigation. */
@media(max-width:600px){
 .header .header-inner{grid-template-columns:52px minmax(0,1fr);row-gap:1px;column-gap:10px;padding-top:4px;padding-bottom:1px}
 .header .header-inner>.wordmark{width:52px}
 .header .header-inner>.wordmark>img,.header.is-compact .header-inner>.wordmark>img{width:52px;height:52px}
 .header .header-inner>.header-actions{padding:0}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{height:36px;min-height:36px;padding:7px 9px}
 .header .header-actions>a::after,.header .header-actions>button::after{inset:-4px 0}
 .header .header-inner>nav{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:auto;margin:0;scrollbar-width:thin}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{min-height:36px;padding:6px 8px;line-height:24px}
 .header .navigation-motion-toggle{display:none!important}
 .header .navigation-edge-fade{margin-right:0;pointer-events:none}
 .hero.storefront-hero .hero-inner{padding-top:0;padding-bottom:6px}
 .hero.storefront-hero .van-photo img{width:72.25%;margin-inline:auto}
 .hero.storefront-hero .van-photo figcaption{margin-top:-7px}
 .hero.storefront-hero .van-photo .van-services{margin-top:1px}
 .hero.storefront-hero .mobile-hero-browse{min-height:42px;padding-top:8px;padding-bottom:8px;font-size:15px;line-height:24px}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{min-height:40px;padding-top:7px;padding-bottom:7px;font-size:15px;line-height:24px}
}

/* Selected mobile polish: closer navigation, paired buttons and a quieter story. */
@media(max-width:600px){
 .header .header-inner>nav{margin-top:-4px;margin-bottom:0}
 .hero.storefront-hero .mobile-hero-browse,
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{
  box-sizing:border-box;width:min(100%,320px);min-height:44px;
  padding:9px 42px;border-width:1px;border-style:solid;border-radius:8px;
  font:700 15px/24px var(--body);margin-left:auto;margin-right:auto;
  display:flex;align-items:center;justify-content:center;position:relative;
 }
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary::after{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;
 }
 .hero.storefront-hero .hero-inner{padding-bottom:8px}
 .storefront-hero+.local-delivery-check{padding-top:0}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure{margin-top:0}
 .family-story-background #about{padding-top:18px;padding-bottom:18px}
 #about .about-copy .about-story-heading h2{font-size:27px;line-height:1.15;letter-spacing:-.5px;margin:0 0 12px}
 #about .about-story-heading{margin-bottom:10px}
 #about .about-copy p,#about .about-copy p.lead,#about .about-story-details p{margin-top:0;margin-bottom:8px;line-height:1.5}
 #about .about-copy p:last-child{margin-bottom:0}
}

/* Give collection the same restrained card treatment as delivery. */
#service .service-collection{box-sizing:border-box;padding:13px 14px;border:1px solid #d3e3f5;border-radius:8px;background:#f2f7fd;gap:5px 16px}
#service .service-collection>h3{color:#163c68}
#service .service-collection>p{line-height:1.5}

/* Balance the desktop opening and align all three sections to one content grid. */
@media (min-width:1001px) {
 .hero.storefront-hero .hero-inner,
 .storefront-hero+.local-delivery-check>.wrap,
 .family-story-background #about{width:min(1120px,calc(100% - 64px))}
 .hero.storefront-hero .hero-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;padding:30px 0 24px}
 .hero.storefront-hero .hero-inner>.van-photo{align-self:start;justify-self:center;max-width:520px;margin:0}
 .hero.storefront-hero .laptop-hero-copy{width:100%;max-width:none;gap:16px}
 .hero.storefront-hero .laptop-hero-copy>.storefront-introduction{max-width:42ch;line-height:1.6}
 .hero.storefront-hero .van-photo figcaption{margin-top:8px}
 .hero.storefront-hero .van-photo .van-services{max-width:38ch;margin:8px auto 0}
 .hero.storefront-hero .laptop-hero-actions{gap:12px;margin:0}
 .hero.storefront-hero .laptop-hero-copy>p.storefront-checkout-note{font-size:12px;line-height:1.45;max-width:45ch;padding:0;border:0;margin:0 auto}
 .storefront-hero+.local-delivery-check #top-delivery-disclosure{width:100%;max-width:none;margin:0}
 .family-story-background #about{padding-top:22px;padding-bottom:24px}
 #about .about-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}
 #about .about-story-heading{margin:0;padding:0}
 #about .about-copy p.lead{max-width:38ch;text-align:center;margin:0 auto}
 #about .about-story-details{box-sizing:border-box;max-width:none;padding-left:28px;margin:0;border-left:1px solid #abccef30}
}

/* Mobile hero and family spacing refinement, preserving artwork and copy. */
@media(max-width:600px){
 .hero.storefront-hero .van-photo figcaption{margin-top:-12px}
 .hero.storefront-hero .van-photo .van-services{font-size:14px;line-height:1.4;margin-top:5px}
 .hero.storefront-hero .mobile-hero-browse,
 .storefront-hero+.local-delivery-check #top-delivery-disclosure>summary{height:46px;min-height:46px;padding:9px 36px;font-size:14px;line-height:24px}
 .hero.storefront-hero .hero-inner{padding-bottom:5px}
 .family-story-background #about{padding-top:16px;padding-bottom:16px}
 #about .about-copy .about-story-heading h2{font-size:25px;line-height:1.13;margin-bottom:9px}
 #about .about-story-heading{margin-bottom:5px}
 #about .about-copy p,#about .about-copy p.lead,#about .about-story-details p{line-height:1.4;margin-bottom:7px}
 #about .about-story-details{margin-top:0}
 #about .about-story-details>summary{min-height:44px;padding-top:8px;padding-bottom:8px}
}

/* Tighten mobile header rows while retaining comfortable touch targets. */
@media(max-width:600px){
 .header .header-inner{row-gap:0;padding-top:3px;padding-bottom:0}
 .header .header-inner>.header-actions{padding:0;margin-top:-2px;margin-bottom:0}
 .header .header-actions>a,.header .header-actions>.contact-link,.header .header-actions>button{height:32px;min-height:32px;padding:5px 9px}
 .header .header-actions>a::after,.header .header-actions>button::after{inset:-6px 0}
 .header .header-inner>nav{padding-top:0;padding-bottom:0;margin-top:-3px}
 .header .header-inner>nav>a,.header .header-inner>nav>.browse-menu>summary{min-height:32px;padding:4px 8px;line-height:24px}
}

/* Let the local service sentence flow naturally across mobile lines. */
@media(max-width:600px){
 #about .about-copy p.lead .family-service-area{display:inline;white-space:normal}
}