/* V0LT V18.3 — desktop preservation and mobile interaction refinement
   Maintenance revision of the completed V18 roadmap.
   Phone Mechanic supplied menu layout used only as interaction inspiration;
   V0LT branding, routes and appointment-only operating model remain independent. */

:root{
  --v18-2-orange:#ff4b1f;
  --v18-2-ink:#111419;
  --v18-2-muted:#606a75;
  --v18-2-line:#e3e7ea;
  --v18-2-soft:#fbf7f5;
  --v18-2-green:#16784a;
  --v18-2-blue:#276bc1;
}

/* Preserve the approved desktop heading exactly: black first line, orange second line. */
.hero h1{
  display:block;
  width:470px;
  max-width:100%;
  margin:0;
  color:var(--v18-2-ink)!important;
  font-size:48px;
  line-height:1.01;
  letter-spacing:-2.7px;
  white-space:normal;
}
.hero-title-desktop,
.hero-title-desktop>span{display:block}
.hero-title-desktop .hero-line-main{color:var(--v18-2-ink)!important}
.hero-title-desktop .hero-line-accent{color:var(--v18-2-orange)!important}
.hero-title-mobile{display:none}

/* A mouse or trackpad can click-drag either horizontal rail. */
[data-benefit-rail].is-mouse-draggable,
[data-home-lab-rail].is-mouse-draggable{cursor:grab}
[data-benefit-rail].is-dragging,
[data-home-lab-rail].is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}
[data-benefit-rail].is-dragging,
[data-benefit-rail].is-dragging *,
[data-home-lab-rail].is-dragging,
[data-home-lab-rail].is-dragging *{
  -webkit-user-select:none!important;
  user-select:none!important;
}

/* Home Lab cards: clearer hierarchy, less inherited corporate-card sameness. */
.home-lab-card-grid{
  gap:20px;
}
.home-lab-feature-card{
  min-height:300px;
  padding:24px 24px 22px;
  border-radius:24px;
  border-color:#e1e5e8;
  isolation:isolate;
  box-shadow:0 18px 42px rgba(17,20,25,.065);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-lab-feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.86));
}
.home-lab-feature-card::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  border-radius:24px 24px 0 0;
  background:var(--card-accent,var(--v18-2-orange));
}
.home-lab-feature-card--lab{
  --card-accent:var(--v18-2-orange);
  background:linear-gradient(145deg,#fff,#fff8f5);
}
.home-lab-feature-card--queue{
  --card-accent:var(--v18-2-blue);
  background:linear-gradient(145deg,#fff,#f5f9ff);
}
.home-lab-feature-card--secure{
  --card-accent:var(--v18-2-green);
  background:linear-gradient(145deg,#fff,#f4fbf7);
}
.home-lab-feature-card .location-number{
  right:20px;
  top:20px;
  width:42px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--card-accent) 25%,#fff);
  border-radius:999px;
  color:var(--card-accent);
  background:#fff;
  box-shadow:0 7px 18px rgba(17,20,25,.05);
  font-size:13px;
  line-height:1;
  letter-spacing:.7px;
}
.home-lab-feature-card .location-card-head{
  padding-right:58px;
  align-items:center;
}
.home-lab-feature-card .location-pin{
  width:50px;
  height:50px;
  border-radius:16px;
  color:var(--card-accent);
  background:color-mix(in srgb,var(--card-accent) 9%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 15%,#fff);
}
.home-lab-feature-card .location-pin svg{
  width:23px;
  height:23px;
}
.home-lab-feature-card .location-card-head small{
  color:var(--card-accent);
  font-size:13px;
  letter-spacing:1.15px;
}
.home-lab-feature-card .location-card-head h3{
  margin-top:7px;
  font-size:24px;
  letter-spacing:-.8px;
}
.home-lab-feature-card>p{
  min-height:0;
  margin-top:20px;
  color:#555f6a;
  font-size:16px;
  line-height:1.58;
}
.home-lab-feature-card .location-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
  padding-top:16px;
}
.home-lab-feature-card .location-meta span{
  width:max-content;
  padding:8px 10px;
  border:1px solid #e3e7ea;
  border-radius:999px;
  color:#323942;
  background:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:700;
}
.home-lab-feature-card .location-meta svg{
  stroke:var(--card-accent);
}
.home-lab-feature-card>a{
  margin-top:auto;
  padding-top:22px;
  color:var(--v18-2-ink);
  font-size:14px;
}
.home-lab-feature-card>a span{
  color:var(--card-accent);
}
.home-lab-feature-card:hover{
  border-color:color-mix(in srgb,var(--card-accent) 30%,#dfe3e6);
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(17,20,25,.09);
}

/* Dedicated menu is hidden on desktop; desktop navigation is unchanged. */
.v0lt-mobile-menu{display:none}

@media(max-width:1100px){
  body.v0lt-mobile-menu-open{overflow:hidden;touch-action:none}

  /* Phone Mechanic-inspired clean mobile header, adapted to V0LT. */
  .site-header{
    height:70px;
    padding:0 16px;
    border-bottom:1px solid #eceff1;
    box-shadow:none;
  }
  .site-header .brand{gap:9px}
  .site-header .brand>img{width:31px;height:38px}
  .site-header .brand-copy strong{font-size:20px;letter-spacing:-.7px}
  .site-header .brand-copy small{display:none}
  .site-header .header-tools{display:none}
  .site-header .main-nav,
  .site-header .header-estimate{display:none!important}
  .site-header .menu-button{
    display:grid!important;
    width:44px;
    height:44px;
    margin-left:auto;
    border:1px solid #f1e6e1;
    border-radius:50%;
    background:#fbf4f1;
  }
  .site-header .menu-button:hover{background:#f8ece7;transform:none}
  .site-header .menu-button svg{width:21px;height:21px;stroke-width:1.8}

  .v0lt-mobile-menu{
    position:fixed;
    inset:0;
    z-index:1000;
    display:block;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  .v0lt-mobile-menu.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .v0lt-mobile-menu-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(17,20,25,.34);
    backdrop-filter:blur(3px);
  }
  .v0lt-mobile-menu-panel{
    position:absolute;
    top:0;
    right:0;
    width:min(520px,100%);
    height:100dvh;
    padding:0 14px calc(18px + env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#fff;
    box-shadow:-24px 0 60px rgba(17,20,25,.14);
    transform:translateX(24px);
    transition:transform .24s cubic-bezier(.22,.8,.24,1);
    scrollbar-width:none;
  }
  .v0lt-mobile-menu-panel::-webkit-scrollbar{display:none}
  .v0lt-mobile-menu.is-open .v0lt-mobile-menu-panel{transform:none}
  .v0lt-mobile-menu-head{
    position:sticky;
    top:0;
    z-index:5;
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:8px 0;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(16px);
  }
  .v0lt-mobile-menu-brand{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .v0lt-mobile-menu-brand img{width:29px;height:36px}
  .v0lt-mobile-menu-brand>span{display:flex;flex-direction:column;line-height:1}
  .v0lt-mobile-menu-brand strong{font-size:22px;letter-spacing:-.8px}
  .v0lt-mobile-menu-brand small{
    margin-top:6px;
    color:#65707a;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
  }
  .v0lt-mobile-menu-close{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border:1px solid #f1e6e1;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fbf4f1;
    color:var(--v18-2-ink);
  }
  .v0lt-mobile-menu-close svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
  }
  .v0lt-mobile-menu-feature{
    min-height:72px;
    margin:2px 0 14px;
    padding:12px 14px;
    border:1px solid #f0cec1;
    border-radius:18px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    background:linear-gradient(135deg,#fff,#fff9f6);
  }
  .v0lt-mobile-menu-feature-icon,
  .v0lt-mobile-menu-row-icon,
  .v0lt-mobile-menu-call-icon{
    display:grid;
    place-items:center;
    color:var(--v18-2-orange);
    background:#fff6f2;
  }
  .v0lt-mobile-menu-feature-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }
  .v0lt-mobile-menu-feature svg,
  .v0lt-mobile-menu-row-icon svg,
  .v0lt-mobile-menu-call svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .v0lt-mobile-menu-feature>span:nth-child(2){min-width:0}
  .v0lt-mobile-menu-feature strong{display:block;font-size:17px;line-height:1.24}
  .v0lt-mobile-menu-feature small{display:block;margin-top:4px;color:#68727c;font-size:13px;line-height:1.35}
  .v0lt-mobile-menu-feature>b{color:var(--v18-2-orange);font-size:22px;font-weight:500}

  .v0lt-mobile-menu-nav{display:block;border-top:1px solid #e6eaed}
  .v0lt-mobile-menu-group,
  .v0lt-mobile-menu-link{border-bottom:1px solid #e6eaed}
  .v0lt-mobile-menu-row{
    width:100%;
    min-height:70px;
    padding:10px 6px;
    border:0;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 26px;
    gap:10px;
    align-items:center;
    color:var(--v18-2-ink);
    background:#fff;
    text-align:left;
  }
  .v0lt-mobile-menu-row-icon{
    width:44px;
    height:44px;
    border-radius:14px;
  }
  .v0lt-mobile-menu-row-copy{min-width:0}
  .v0lt-mobile-menu-row-copy strong{display:block;font-size:18px;line-height:1.16;letter-spacing:-.25px}
  .v0lt-mobile-menu-row-copy small{display:block;margin-top:4px;color:#68727c;font-size:13px;line-height:1.28}
  .v0lt-mobile-menu-chevron,
  .v0lt-mobile-menu-arrow{
    justify-self:end;
    color:#545e68;
    font-size:20px;
    line-height:1;
    transition:transform .18s ease,color .18s ease;
  }
  .v0lt-mobile-menu-row[aria-expanded="true"] .v0lt-mobile-menu-chevron{
    color:var(--v18-2-orange);
    transform:rotate(180deg);
  }
  .v0lt-mobile-menu-submenu{
    padding:0 0 10px 60px;
  }
  .v0lt-mobile-menu-submenu[hidden]{display:none}
  .v0lt-mobile-menu-submenu a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:7px 10px;
    border-radius:10px;
    color:#45505b;
    font-size:14px;
    font-weight:650;
  }
  .v0lt-mobile-menu-submenu a:hover{background:#f6f8f9;color:var(--v18-2-orange)}

  .v0lt-mobile-menu-call{
    min-height:74px;
    margin:14px 0;
    padding:11px 12px;
    border:1px solid #f0cdbf;
    border-radius:18px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:10px;
    align-items:center;
    background:linear-gradient(135deg,#fff,#fff9f6);
  }
  .v0lt-mobile-menu-call-icon{width:44px;height:44px;border-radius:14px}
  .v0lt-mobile-menu-call>span:nth-child(2){min-width:0}
  .v0lt-mobile-menu-call small{display:block;color:#59636d;font-size:13px}
  .v0lt-mobile-menu-call strong{display:block;margin-top:3px;color:var(--v18-2-orange);font-size:20px;letter-spacing:.6px}
  .v0lt-mobile-menu-call>b{
    width:44px;
    height:44px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    background:var(--v18-2-orange);
  }
  .v0lt-mobile-menu-call>b svg{width:20px;height:20px}

  .v0lt-mobile-menu-trust{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:2px 0 16px;
    padding:4px 0;
  }
  .v0lt-mobile-menu-trust>div{
    min-width:0;
    padding:5px 7px;
    border-right:1px solid #e5e9ec;
    text-align:center;
  }
  .v0lt-mobile-menu-trust>div:last-child{border-right:0}
  .v0lt-mobile-menu-trust>div>span{
    width:31px;
    height:31px;
    margin:0 auto 7px;
    display:grid;
    place-items:center;
    color:var(--v18-2-orange);
  }
  .v0lt-mobile-menu-trust svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .v0lt-mobile-menu-trust strong{display:block;font-size:11px;line-height:1.2}
  .v0lt-mobile-menu-trust small{display:block;margin-top:3px;color:#68727c;font-size:10px;line-height:1.2}

  .v0lt-mobile-menu-socials{
    min-height:54px;
    margin-top:4px;
    border:1px solid #eee3de;
    border-radius:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:32px;
    background:#fcf8f6;
  }
  .v0lt-mobile-menu-socials a{width:34px;height:34px;display:grid;place-items:center;color:#171b20}
  .v0lt-mobile-menu-socials svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .v0lt-mobile-menu-socials a:first-child svg{fill:currentColor;stroke:none}
}

/* The mobile content layout begins at the original 820px breakpoint. This prevents
   desktop browser zoom from turning normal desktop images into oversized mobile panels. */
@media(max-width:820px){
  /* Hero: actions, then a full-width image, then swipeable benefits. */
  .hero{
    height:auto!important;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .hero::before{display:none!important}
  .hero-copy{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    translate:none!important;
    width:100%!important;
    padding:36px 20px 24px!important;
  }
  .hero h1{
    width:100%;
    max-width:100%;
    margin-inline:auto;
    color:var(--v18-2-ink)!important;
    font-size:clamp(27px,7.5vw,36px)!important;
    line-height:1.04!important;
    letter-spacing:-1.55px!important;
    text-align:center;
    white-space:normal;
  }
  .hero-title-desktop{display:none}
  .hero-title-mobile{display:block}
  .hero-title-mobile>span{
    display:block;
    color:var(--v18-2-ink)!important;
  }
  .hero-copy>p{
    max-width:620px!important;
    margin-top:15px!important;
    color:#56616c!important;
    font-size:16px!important;
    line-height:1.58!important;
  }
  .hero-actions{
    width:100%!important;
    max-width:none!important;
    margin-top:22px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-actions .button{
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    justify-content:space-between;
    font-size:15px!important;
  }
  .hero-art{
    position:relative!important;
    inset:auto!important;
    order:2;
    width:100%!important;
    max-width:none!important;
    height:clamp(260px,38vw,330px)!important;
    min-height:260px;
    max-height:330px;
    border-top:1px solid #edf0f2;
    border-bottom:1px solid #edf0f2;
    background-image:url('../hero-showroom-wide.jpg')!important;
    background-size:cover!important;
    background-position:61% center!important;
    background-repeat:no-repeat!important;
  }
  .hero-art::after{display:none!important}
  .hero>.benefits,
  .hero-copy>.benefits{
    order:3;
    width:100%;
    margin:0!important;
    padding:16px 18px 21px;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:18px;
    scrollbar-width:none;
    background:#fff;
  }
  .hero>.benefits::-webkit-scrollbar,
  .hero-copy>.benefits::-webkit-scrollbar{display:none}
  .hero>.benefits>div,
  .hero-copy>.benefits>div{
    flex:0 0 min(76vw,360px);
    min-height:76px;
    padding:14px 16px;
    border:1px solid #e1e6e9;
    border-radius:17px;
    scroll-snap-align:start;
    display:flex;
    align-items:center;
    gap:13px;
    color:var(--v18-2-ink);
    background:linear-gradient(145deg,#fff,#f8fafb);
    box-shadow:0 11px 24px rgba(17,20,25,.055);
    font-size:15px!important;
    font-weight:750;
    line-height:1.32;
  }
  .hero>.benefits>div:nth-child(2),
  .hero-copy>.benefits>div:nth-child(2){background:linear-gradient(145deg,#fff,#f6f9ff)}
  .hero>.benefits>div:nth-child(3),
  .hero-copy>.benefits>div:nth-child(3){background:linear-gradient(145deg,#fff,#f5fbf7)}
  .hero .benefit-icon{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border-radius:14px;
    color:var(--v18-2-orange);
    background:#fff5f1;
    box-shadow:none;
  }
  .hero .benefit-icon svg{width:20px;height:20px;fill:currentColor}

  /* Three Home Lab cards become a swipeable mobile rail. */
  .home-lab-showcase{overflow:hidden}
  .home-lab-card-grid{
    width:calc(100% + 40px);
    margin-left:-20px;
    margin-top:20px;
    padding:4px 20px 20px;
    display:flex!important;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:20px;
    scrollbar-width:none;
  }
  .home-lab-card-grid::-webkit-scrollbar{display:none}
  .home-lab-feature-card{
    flex:0 0 min(86vw,372px);
    min-height:330px;
    scroll-snap-align:start;
  }
}

@media(max-width:600px){
  .v0lt-mobile-menu-panel{width:100%;box-shadow:none}
  .v0lt-mobile-menu-backdrop{display:none}
  .v0lt-mobile-menu-brand small{display:none}
  .v0lt-mobile-menu-head{min-height:66px}
  .v0lt-mobile-menu-feature{min-height:72px}
  .v0lt-mobile-menu-trust>div{padding-inline:4px}
  .v0lt-mobile-menu-trust strong{font-size:10px}
  .v0lt-mobile-menu-trust small{font-size:9px}

  .hero-copy{padding:31px 18px 22px!important}
  .hero h1{font-size:clamp(26px,7.4vw,34px)!important;letter-spacing:-1.35px!important}
  .hero-copy>p{font-size:16px!important}
  .hero-art{
    height:260px!important;
    min-height:260px;
    max-height:260px;
    background-position:62% center!important;
  }
  .hero>.benefits,
  .hero-copy>.benefits{padding-inline:16px;scroll-padding-inline:16px}
  .hero>.benefits>div,
  .hero-copy>.benefits>div{flex-basis:min(80vw,292px)}

  .store-showcase-heading h2{font-size:31px!important;line-height:1.08}
  .store-showcase-heading>p{font-size:16px!important;line-height:1.58}
  .home-lab-card-grid{
    width:calc(100% + 36px);
    margin-left:-18px;
    padding-left:18px;
    padding-right:18px;
    scroll-padding-inline:18px;
  }
  .home-lab-feature-card{
    flex-basis:min(88vw,350px);
    min-height:326px;
    padding:22px 20px 20px;
  }
  .home-lab-feature-card .location-card-head h3{font-size:23px}
}

@media(max-width:360px){
  .hero h1{font-size:25px!important;letter-spacing:-1.15px!important}
  .v0lt-mobile-menu-row-copy strong{font-size:17px}
  .v0lt-mobile-menu-call strong{font-size:18px}
}

@media(prefers-reduced-motion:reduce){
  .v0lt-mobile-menu,
  .v0lt-mobile-menu-panel,
  .v0lt-mobile-menu-chevron,
  .home-lab-feature-card{transition:none!important}
  .hero>.benefits,
  .hero-copy>.benefits{scroll-behavior:auto!important}
}

@media(max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden}
}

/* ---------------------------------------------------------------
   V18.3 desktop geometry lock
   Keep the accepted larger typography, but restore the compact visual
   proportions instead of scaling images and image-led cards on wide screens.
   --------------------------------------------------------------- */
@media(min-width:821px){
  .hero{
    height:500px!important;
  }
  .hero::before,
  .hero-art::after{
    display:none!important;
  }
  .hero-copy{
    top:51px!important;
    width:470px!important;
    translate:none!important;
  }
  .hero-art{
    left:auto!important;
    right:0!important;
    top:0!important;
    width:67.5%!important;
    height:100%!important;
    max-width:none!important;
    background-image:
      linear-gradient(90deg,#fff 0%,rgba(255,255,255,.90) 7%,rgba(255,255,255,.25) 18%,rgba(255,255,255,0) 30%),
      url('../hero-showroom.jpg')!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  .hero-actions{
    width:auto!important;
    max-width:none!important;
    margin-top:24px!important;
    flex-direction:row!important;
    gap:20px!important;
  }
  .hero-actions .button{
    width:auto!important;
    height:44px!important;
    min-width:0!important;
    padding:0 18px!important;
    border-radius:7px!important;
    gap:18px!important;
  }
  .hero-actions .primary{min-width:176px!important}
  .hero-actions .secondary{min-width:210px!important}
  .benefits{
    gap:14px!important;
    margin-top:30px!important;
  }
  .benefit-icon{
    width:30px!important;
    height:30px!important;
    box-shadow:none!important;
  }
  .benefit-icon svg{
    width:16px!important;
    height:16px!important;
  }
}

@media(min-width:1101px){
  .hero-copy{left:92px!important}
}

@media(min-width:821px) and (max-width:1100px){
  .hero-copy{left:40px!important}
}

@media(min-width:1450px){
  :root{
    --wide-content:min(calc(100% - 124px),1412px)!important;
  }
  .journey{
    width:min(calc(100% - 124px),1412px)!important;
    padding:42px 0 46px!important;
    grid-template-columns:190px repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .journey-card{
    height:318px!important;
    border-radius:10px!important;
  }
  .ecosystem{
    width:min(calc(100% - 124px),1412px)!important;
    min-height:420px!important;
    padding:40px 0 68px!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    gap:40px!important;
  }
  .ecosystem-stage{height:380px!important}
  .trust-strip{
    width:min(calc(100% - 124px),1412px)!important;
    min-height:92px!important;
    margin:4px auto 22px!important;
    padding:16px 18px!important;
    border-radius:12px!important;
  }
  .store-showcase{
    width:min(calc(100% - 124px),1412px)!important;
    padding:18px 0 56px!important;
  }
  .store-showcase-heading{margin-bottom:24px!important}
  .store-visual-panel{
    min-height:315px!important;
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr)!important;
  }
  .store-visual-image,
  .store-visual-map{
    min-height:315px!important;
  }
  .store-card-grid{
    margin-top:18px!important;
    gap:16px!important;
  }
}