/* Shop detail upgrade: no intro panel, richer category art, larger subcategories */
.shopExploreScreen{padding-top:4px!important}
.shopExploreList{margin-top:0!important}
.shopExploreVisual{
  color:#edc759!important;
  background:linear-gradient(180deg,#18140e,#0b0b0b)!important;
  border:1px solid rgba(232,191,76,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,236,175,.08),0 8px 18px rgba(0,0,0,.24)!important;
}
.shopExploreVisual .shopDetailedSvg{width:58px!important;height:58px!important;display:block!important}
.shopExploreCard{
  min-height:112px!important;
  grid-template-columns:84px minmax(0,1fr) 18px!important;
  gap:16px!important;
  padding:13px 15px 13px 13px!important;
}
.shopExploreVisual{width:84px!important;height:84px!important;border-radius:19px!important}
.shopExploreCopy strong{font-size:18px!important;letter-spacing:-.01em!important}
.shopExploreCopy small{font-size:12px!important;line-height:1.4!important}

/* Electronics / Shop subcategory screen: approximately twice the prior mobile size. */
#viewSubcats .gridCat{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#viewSubcats .tile{
  min-height:174px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#17130d,#0d0d0c)!important;
  border:1px solid rgba(226,184,64,.25)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,238,181,.04)!important;
  overflow:hidden!important;
}
#viewSubcats .tile .img{
  height:124px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#15120d,#090909)!important;
  border:1px solid rgba(226,184,64,.19)!important;
}
#viewSubcats .tile .img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:7px!important;
  background:#f4f1ea!important;
  border-radius:14px!important;
}
#viewSubcats .tile .img svg{width:64px!important;height:64px!important;color:#e8c350!important}
#viewSubcats .tile .label{
  margin-top:9px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#f4ecdc!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
#viewSubcats .subhead{margin-bottom:12px!important}

@media(min-width:760px){
  .shopExploreList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #viewSubcats .gridCat{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:390px){
  .shopExploreCard{min-height:104px!important;grid-template-columns:76px minmax(0,1fr) 16px!important;gap:12px!important;padding:11px 12px 11px 10px!important}
  .shopExploreVisual{width:76px!important;height:76px!important;border-radius:17px!important}
  .shopExploreVisual .shopDetailedSvg{width:52px!important;height:52px!important}
  .shopExploreCopy strong{font-size:17px!important}
  .shopExploreCopy small{font-size:11px!important}
  #viewSubcats .gridCat{gap:10px!important}
  #viewSubcats .tile{min-height:166px!important;padding:8px!important;border-radius:18px!important}
  #viewSubcats .tile .img{height:116px!important}
  #viewSubcats .tile .label{font-size:13px!important}
}