.ahgh-shop-layout{
  max-width:1200px;
  margin:22px auto 70px;
  padding:0 22px;
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.ahgh-shop-panel{
  background:linear-gradient(180deg,#ffffff 0%, #f6f7f9 100%);
  border:1px solid rgba(15,23,42,0.10);
  border-radius:18px;
  box-shadow:var(--ahgh-shadow-soft);
  padding:14px;
  margin-bottom:12px;
}
.ahgh-shop-panel__title{
  margin:0 0 10px;
  font-size:0.95rem;
  color:var(--ahgh-text);
  font-weight:900;
}

/* Drawer toggle */
.ahgh-shop-filters__toggle{
  display:none;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,0.10);
  background:#ffffff;
  color:rgba(11,18,32,0.92);
  font-weight:900;
  box-shadow:var(--ahgh-shadow-soft);
  cursor:pointer;
}

/* Desktop sticky sidebar */
@media (min-width:1025px){
  .ahgh-shop-sidebar{
    position:sticky;
    top:92px;
    max-height:calc(100vh - 110px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding-right:6px;
  }
}

/* Tablet: swipe panels */
@media (max-width:1024px){
  .ahgh-shop-layout{ grid-template-columns:1fr; }
  .ahgh-shop-filters__toggle{ display:flex; }

  .ahgh-shop-sidebar{
    position:relative !important;
    display:flex !important;
    gap:12px;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding:10px 2px 12px;
    margin-bottom:10px;
  }

  .ahgh-shop-sidebar > .ahgh-shop-panel{
    flex:0 0 min(420px, 85vw);
    scroll-snap-align:start;
    margin-bottom:0 !important;
  }
}

/* Mobile: offcanvas drawer compatible with your JS + checkbox fallback */
@media (max-width:640px){
  .ahgh-shop-filters__drawer{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:min(92vw, 420px);
    background:linear-gradient(180deg,#ffffff 0%, #f6f7f9 100%);
    border-right:1px solid rgba(15,23,42,0.10);
    box-shadow:0 22px 60px rgba(2,8,23,0.22);
    z-index:9999;
    transform:translateX(-104%);
    transition:transform 0.22s ease-out;
    padding:14px 14px 18px;
    overflow:auto;
  }

  .ahgh-shop-filters__drawer.is-open{ transform:translateX(0); }
  #ahghFiltersToggle:checked ~ .ahgh-shop-filters__drawer{ transform:translateX(0); }

  body.ahgh-filters-open{ overflow:hidden; }

  .ahgh-shop-sidebar{
    position:static !important;
    display:block !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }
}

/* Results grid */
.ahgh-shop-results ul.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}
@media (max-width:1024px){
  .ahgh-shop-results ul.products{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  .ahgh-shop-results ul.products{ grid-template-columns:1fr; }
}