/* 2026-09 home featured-grid slider — scoped to home page only.
   The SPA sets inline layout styles on .product-grid, so overrides need !important.
   Cards are plain direct-child divs (no class) — target .home .product-grid > div. */
.home .product-grid{
  display:flex !important;
  grid-template-columns:none !important;
  gap:14px !important;
  background:transparent !important;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:8px;
  scrollbar-width:none;
  max-width:none;
}
.home .product-grid::-webkit-scrollbar{display:none}
.home .product-grid > div{
  flex:0 0 calc((100% - 42px)/2.15);
  scroll-snap-align:start;
  min-width:0;
}
.home .lb-slide-nav{display:flex;gap:8px;align-items:center}
.home .lb-slide-btn{
  width:42px;height:42px;border-radius:50%;
  border:1px solid var(--line);background:#111;color:#fff;
  font:700 18px/1 Outfit,sans-serif;cursor:pointer;
  display:grid;place-items:center;transition:.2s;
}
.home .lb-slide-btn:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}
.home .lb-slide-btn:active{transform:scale(.94)}
@media(max-width:850px){
  .home .product-grid > div{flex:0 0 calc((100% - 14px)/2)}
}
@media(max-width:520px){
  .home .product-grid > div{flex:0 0 80%}
  .home .lb-slide-btn{width:38px;height:38px}
}

/* home cosmetics (SPA can't load pages.css) */
html{scrollbar-width:thin;scrollbar-color:#2a2a2a #050505}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#050505}
::-webkit-scrollbar-thumb{background:#2b2b2b;border:2px solid #050505;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--orange,#f97316)}
::selection{background:var(--orange,#f97316);color:#111}
:focus-visible{outline:2px solid var(--orange,#f97316);outline-offset:3px}