/* Universal Store Category Cards - dedicated cache-safe stylesheet */
.store-category-cards-section{
  margin:28px 0 22px!important;
}
.store-category-head{
  margin-bottom:16px!important;
}
.store-category-head h2{
  margin:0!important;
  font-size:1.55rem!important;
  color:#111827!important;
}
.store-category-head p{
  margin:5px 0 0!important;
  color:#7b8490!important;
  font-size:.88rem!important;
}
.store-category-scroll{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.store-category-card{
  position:relative!important;
  min-height:170px!important;
  padding:18px 14px 14px!important;
  border:1px solid #e3e8ef!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
  text-decoration:none!important;
  color:#1f2937!important;
  text-align:center!important;
  box-shadow:0 7px 22px rgba(15,23,42,.05)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  transition:.18s ease!important;
}
.store-category-card:hover,
.store-category-card.active{
  transform:translateY(-2px)!important;
  border-color:var(--store-btn,var(--sp,#0f8a70))!important;
  box-shadow:0 10px 28px rgba(15,23,42,.09)!important;
}
.store-category-card-icon{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(0,0,0,.07)!important;
  font-size:2rem!important;
  margin-bottom:10px!important;
}
.store-category-card strong{
  font-size:.92rem!important;
  line-height:1.15!important;
  min-height:2.2em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.store-category-card small{
  margin-top:6px!important;
  color:#7b8490!important;
  font-size:.72rem!important;
}
.store-category-card>span{
  margin-top:9px!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid currentColor!important;
  color:var(--store-btn,var(--sp,#0f8a70))!important;
  font-size:.85rem!important;
}
@media(max-width:1150px){
  .store-category-scroll{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:850px){
  .store-category-scroll{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .store-category-cards-section{
    margin-top:24px!important;
  }
  .store-category-scroll{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:2px 2px 10px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .store-category-scroll::-webkit-scrollbar{
    display:none!important;
  }
  .store-category-card{
    flex:0 0 calc((100% - 16px)/3)!important;
    width:calc((100% - 16px)/3)!important;
    min-width:calc((100% - 16px)/3)!important;
    max-width:calc((100% - 16px)/3)!important;
    min-height:128px!important;
    padding:10px 6px 9px!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
  }
  .store-category-card-icon{
    width:44px!important;
    height:44px!important;
    font-size:1.35rem!important;
    margin-bottom:7px!important;
  }
  .store-category-card strong{
    font-size:.7rem!important;
    min-height:2.25em!important;
  }
  .store-category-card small{
    font-size:.58rem!important;
    margin-top:4px!important;
  }
  .store-category-card>span{
    width:23px!important;
    height:23px!important;
    font-size:.72rem!important;
    margin-top:6px!important;
  }
  .store-category-head h2{
    font-size:1.35rem!important;
  }
  .store-category-head p{
    font-size:.78rem!important;
  }
}