/* User-supplied coded Shop buttons — compact, consistent three-column layout. */
#viewShopExplore .shopExploreList{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:start!important;
}
#viewShopExplore .shopCodedCategoryCard{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:284/370!important;
  padding:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  border:1px solid rgba(239,198,77,.30)!important;
  background:#070707!important;
  box-shadow:0 8px 18px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,235,164,.05)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#viewShopExplore .shopCodedCategoryCard::before,
#viewShopExplore .shopCodedCategoryCard::after{display:none!important}
#viewShopExplore .shopCodedCategoryCard:hover,
#viewShopExplore .shopCodedCategoryCard:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(247,211,101,.62)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.38),0 0 0 2px rgba(239,198,77,.08)!important;
}
#viewShopExplore .shopCodedCategoryCard:active{transform:translateY(1px) scale(.985)!important}
#viewShopExplore .shopCodedCategoryImage{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  background:#070707!important;
  box-shadow:none!important;
}

/* Electronics 001-100 supplied icon set. The image already contains the code,
   icon and title, so no duplicated label is rendered below it. */
#viewSubcats #subcatGrid.electronicsCodedSubcategoryGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
}
#viewSubcats .electronicsCodedSubcategoryCard{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:150/95!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  border:1px solid rgba(239,198,77,.30)!important;
  background:#070707!important;
  box-shadow:0 7px 15px rgba(0,0,0,.28)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#viewSubcats .electronicsCodedSubcategoryCard:hover,
#viewSubcats .electronicsCodedSubcategoryCard:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(247,211,101,.62)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.36)!important;
}
#viewSubcats .electronicsCodedSubcategoryCard:active{transform:translateY(1px) scale(.98)!important}
#viewSubcats .electronicsCodedSubcategoryImage{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  background:#070707!important;
  box-shadow:none!important;
}
@media(max-width:370px){
  #viewShopExplore .shopExploreList,
  #viewSubcats #subcatGrid.electronicsCodedSubcategoryGrid{gap:6px!important}
  #viewShopExplore .shopCodedCategoryCard{border-radius:12px!important}
  #viewSubcats .electronicsCodedSubcategoryCard{border-radius:10px!important}
}
@media(min-width:760px){
  #viewShopExplore .shopExploreList{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
  #viewSubcats #subcatGrid.electronicsCodedSubcategoryGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
}
@media(min-width:1100px){
  #viewShopExplore .shopExploreList{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #viewSubcats #subcatGrid.electronicsCodedSubcategoryGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}