.sky-shop-hero{padding-block:var(--sp-6);}
.sky-shop-hero .lede{max-width:600px;margin-inline:auto;}

.sky-shop-cats{
  display:flex;gap:.6rem;flex-wrap:wrap;padding-block:var(--sp-3);
  border-bottom:1px solid var(--c-border);
}
.sky-shop-cats__pill{
  padding:.55em 1.2em;border:1px solid var(--c-border);border-radius:99px;
  font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--c-muted);
  transition:all var(--dur) var(--ease);
}
.sky-shop-cats__pill:hover{border-color:var(--c-navy-900);color:var(--c-navy-900);}
.sky-shop-cats__pill.is-active{background:var(--c-navy-900);border-color:var(--c-navy-900);color:#fff;}

.sky-shop-layout{padding-block:var(--sp-5);display:block;}
.sky-shop-layout--with-filters{display:grid;grid-template-columns:260px 1fr;gap:var(--sp-5);align-items:start;}

.sky-shop-filter-toggle{
  display:none;align-items:center;gap:.5rem;border:1px solid var(--c-border);border-radius:var(--radius-s);
  padding:.7rem 1.2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;margin-bottom:var(--sp-3);
}
.sky-shop-filter-toggle svg{width:18px;height:18px;}

.sky-shop-filters{position:sticky;top:calc(var(--header-h) + 24px);}
.sky-shop-filters__head{display:none;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2);}
.sky-shop-filters .widget{margin-bottom:var(--sp-4);}
.sky-shop-filters .widget-title{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-2);}
.sky-shop-filters__backdrop{display:none;}

.sky-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;}
.sky-shop-toolbar .woocommerce-result-count{color:var(--c-muted);font-size:.9rem;margin:0;}
.sky-shop-toolbar form.woocommerce-ordering{margin:0;}
.sky-shop-toolbar select{
  border:1px solid var(--c-border);border-radius:var(--radius-s);padding:.65rem 1rem;font-size:.85rem;
  background:#fff;
}
.sky-shop-toolbar .woocommerce-notices-wrapper:empty{display:none;}

.sky-shop-customiser-cta{margin-top:var(--sp-4);}

@media (max-width:900px){
  .sky-shop-layout--with-filters{grid-template-columns:1fr;}
  .sky-shop-filter-toggle{display:inline-flex;}
  .sky-shop-filters{
    position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);background:#fff;z-index:1100;
    padding:var(--sp-3);overflow-y:auto;transform:translateX(100%);transition:transform .4s var(--ease);
  }
  .sky-shop-filters.is-open{transform:translateX(0);}
  .sky-shop-filters__head{display:flex;}
  .sky-shop-filters__backdrop{
    display:block;position:fixed;inset:0;background:rgba(10,18,39,.5);z-index:1050;
    opacity:0;pointer-events:none;transition:opacity .4s var(--ease);
  }
  .sky-shop-filters__backdrop.is-open{opacity:1;pointer-events:auto;}
}