/* Mobile catalogue clearance uses the existing navigation state, never touch handlers. */
@media (max-width:760px){
 body.hbs-storefront{
  --hbs-mobile-dock-reserve:calc(65px + env(safe-area-inset-bottom,0px));
  --hbs-catalogue-dock-clearance:var(--hbs-mobile-dock-reserve);
  /* Keep the document end inside the actual ink footer instead of a cream body spacer. */
  padding-bottom:0;
 }
 .hbs-nav-away body.hbs-storefront{
  --hbs-catalogue-dock-clearance:env(safe-area-inset-bottom,0px);
 }
 body.hbs-storefront>.hbs-footer{
  /* Constant clearance avoids changing scrollHeight when the dock hides or returns. */
  padding-bottom:calc(var(--hbs-mobile-dock-reserve) + 12px);
 }
 body.hbs-storefront .hbs-archive-page{
  --hbs-catalogue-gap:0px;
 }
 body.hbs-storefront .hbs-archive-page .hbs-category-rail>.hbs-eyebrow{
  /* The aside and nav already have accessible names; keep the phone list edge to edge. */
  display:none;
 }
 body.hbs-storefront .hbs-archive-page .hbs-category-rail{
  max-height:max(0px,calc(100vh - var(--hbs-catalogue-rail-top) - var(--hbs-catalogue-dock-clearance)));
  max-height:max(0px,calc(100dvh - var(--hbs-catalogue-rail-top) - var(--hbs-catalogue-dock-clearance)));
 }
 body.hbs-storefront .hbs-archive-page .hbs-category-rail>nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:0;
  scroll-padding-block:8px;
 }
 .hbs-navigation-ready body.hbs-storefront .hbs-archive-page .hbs-category-rail{
  /* Top and available height follow the same .34s header/dock transition. */
  transition:top .34s var(--hbs-ease),max-height .34s var(--hbs-ease);
 }
 .hbs-nav-keyboard-recovery body.hbs-storefront .hbs-archive-page .hbs-category-rail{
  transition:none!important;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination{
  clear:both;
  max-width:100%;
  margin-top:24px;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:6px;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  white-space:normal;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li{
  display:block;
  float:none;
  flex:0 0 auto;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  overflow:visible;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li>:is(a,span){
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:44px;
  min-height:44px;
  height:44px;
  margin:0;
  padding:0 9px;
  border:1px solid var(--hbs-line);
  border-radius:0;
  background:transparent;
  color:var(--hbs-ink);
  font:700 12px/1 var(--hbs-body);
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li>span.current{
  background:var(--hbs-ink);
  border-color:var(--hbs-ink);
  color:var(--hbs-cream);
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li>a:is(:hover,:focus-visible){
  background:var(--hbs-red);
  border-color:var(--hbs-red);
  color:#fff;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li>a:focus-visible{
  outline:2px solid var(--hbs-ink);
  outline-offset:2px;
 }
 body.hbs-storefront .hbs-archive-results nav.woocommerce-pagination ul.page-numbers>li>span.dots{
  min-width:0;
  min-height:0;
  height:auto;
  padding:0 2px;
  border:0;
  background:transparent;
  color:var(--hbs-muted);
  line-height:1.4;
 }
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
 .hbs-navigation-ready body.hbs-storefront .hbs-archive-page .hbs-category-rail{
  transition:none!important;
 }
}