/* A small spacing pass for the existing Cendon home. No new UI or behaviour. */
#vMenu .lx-ask{gap:8px;box-shadow:var(--shadow-sm)}
#vMenu .lx-mycar{margin-top:18px}
#vMenu .lx-quick{gap:12px;margin-top:18px}
#vMenu .lx-sec{margin-top:30px}
#vMenu .lx-gsecs{gap:32px}
#vMenu .lx-rail{-webkit-mask:none;mask:none;scroll-snap-type:x mandatory}
#vMenu .lx-rail button{scroll-snap-align:start}
#vMenu .lx-pages{display:none}
#vMenu .lx-quick button:focus-visible,#vMenu .lx-rail button:focus-visible{
  outline:2px solid var(--co);outline-offset:3px;
}
@media(max-width:760px){
  #vMenu>.lx-hero{padding:18px 0 12px!important}
  #vMenu .lx-logo{margin-bottom:16px}
  #vMenu .lx-ask{padding:14px 16px 12px!important}
  #vMenu .lx-ask textarea{min-height:48px;font-size:15.5px;line-height:1.5}
  #vMenu .lx-tools{gap:8px}
  #vMenu .lx-tools .lx-tl{width:44px;height:44px;flex:none}
  #vMenu .lx-tools .lx-cta{height:44px;padding:0 18px}
  #vMenu .lx-car{padding:12px;gap:12px}
  #vMenu .lx-cart small{font-size:11.5px;line-height:1.45}
  #vMenu .lx-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #vMenu .lx-quick button{
    display:grid;grid-template-columns:20px minmax(0,1fr);
    align-content:center;align-items:center;column-gap:8px;row-gap:4px;
    min-height:82px;padding:13px 12px;
  }
  #vMenu .lx-quick button>.ti{grid-column:1;grid-row:1;font-size:20px;margin:0}
  #vMenu .lx-quick button>b{grid-column:2;grid-row:1;min-width:0;font-size:13px;line-height:1.4}
  #vMenu .lx-quick button>small{grid-column:2;grid-row:2;font-size:11.5px;line-height:1.4}
  #vMenu .lx-rail{
    box-sizing:border-box;display:grid;grid-template-rows:repeat(2,auto);
    grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);
    justify-content:start;gap:16px 10px;padding:8px 4px;
    margin-top:24px!important;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-inline:4px;
    -webkit-mask:none;mask:none;
  }
  #vMenu .lx-rail button{box-sizing:border-box;width:auto;min-width:0;min-height:90px;gap:8px;padding:6px 2px 8px;scroll-snap-align:none}
  /* A page is four columns / eight consecutive buttons, not a skipped column. */
  #vMenu .lx-rail button:nth-child(8n + 1){scroll-snap-align:start;scroll-snap-stop:always}
  #vMenu .lx-pages{display:flex;justify-content:center;align-items:center;gap:0;margin:0 auto}
  #vMenu .lx-pages[hidden]{display:none}
  #vMenu .lx-pages button{display:grid;place-items:center;width:44px;height:28px;padding:0;border:0;background:none;cursor:pointer}
  #vMenu .lx-pages button::before{content:"";width:4px;height:4px;border-radius:99px;background:var(--muted);opacity:.35;transition:width .18s ease,opacity .18s ease}
  #vMenu .lx-pages button[aria-current="true"]::before{width:24px;background:var(--ink);opacity:1}
  #vMenu .lx-pages button:focus-visible{outline:2px solid var(--co);outline-offset:-4px;border-radius:12px}
  #vMenu .lx-rail .lx-ri{width:46px;height:46px;flex:none}
  #vMenu .lx-rail .lx-rt{width:100%;min-height:30px;font-size:11px;line-height:15px;text-wrap:pretty}
  #vMenu .lx-sec{margin-top:28px}
  #vMenu .lx-pages:not([hidden]) + .lx-sec{margin-top:12px}
  #vMenu .lx-sh{gap:12px;margin-bottom:18px}
  #vMenu .lx-sh h2{font-size:20px;line-height:1.35}
  #vMenu .lx-gsh{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){#vMenu .lx-pages button::before{transition:none}}
@media(hover:none){
  #vMenu .lx-rail button:hover .lx-ri,#vMenu .lx-quick button:hover{transform:none}
}