/* v105 — approved colorful photographic categories only. */
#categories{position:relative!important;padding:22px 0 30px!important;overflow:hidden!important;background:#fff!important;border:0!important}
#categories::before,#categories::after{content:none!important;display:none!important}
#categories .container{width:min(1380px,calc(100% - 64px))!important}
#categories .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important;padding:0!important}
#categories .section-head h2{margin:0!important;color:#17221f!important;font-size:25px!important;font-weight:950!important}
#categories .section-head h2::before{content:"";display:inline-block;width:8px;height:8px;margin-left:9px;border:2px solid #07836a;border-radius:2px;transform:rotate(45deg)}
#categories .section-head p{display:none!important}
#categories .section-head a{color:#07836a!important;font-size:11px!important;font-weight:850!important}
#categories .categories{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;width:100%!important;padding:0!important;overflow:visible!important;background:transparent!important}
#categories .cat{position:relative!important;display:flex!important;min-width:0!important;min-height:0!important;padding:0!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important;color:#17221f!important;transform:none!important}
#categories .cat::before,#categories .cat::after{content:none!important;display:none!important}
#categories .cat:hover{transform:translateY(-3px)!important;border:0!important;box-shadow:none!important}
#categories .cat i{position:relative!important;display:block!important;width:100%!important;height:auto!important;flex:0 0 auto!important;margin:0 0 8px!important;overflow:hidden!important;border:0!important;border-radius:15px!important;background:#eff4f2!important;aspect-ratio:1/1!important;box-shadow:0 6px 16px rgba(27,52,48,.07)!important}
#categories .cat .category-3d-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:scale(1.02)!important;transition:transform .2s ease!important}
#categories .cat:hover .category-3d-img{transform:scale(1.055)!important}
#categories .cat b{position:relative!important;z-index:1!important;margin:0!important;color:#202926!important;font-size:13px!important;font-weight:850!important;line-height:1.6!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#categories .cat small{display:none!important}
#categories .cat[data-jump="digital"] i{background:#b9d0ff!important}
#categories .cat[data-jump="home"] i{background:#f8bfd0!important}
#categories .cat[data-jump="clothes"] i{background:#bde8ce!important}
#categories .cat[data-jump="tools"] i{background:#b8d5ff!important}
#categories .cat[data-jump="food"] i{background:#ffe0a1!important}
#categories .cat[data-jump="other"] i{background:#dcc0ff!important}
@media(max-width:980px) and (min-width:651px){#categories .categories{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){
  #categories{padding:18px 0 22px!important;background:#fff!important}
  #categories .container{width:calc(100% - 24px)!important}
  #categories .section-head{margin-bottom:11px!important}
  #categories .section-head h2{font-size:18px!important}
  #categories .section-head h2::before{width:6px;height:6px;margin-left:7px}
  #categories .section-head a{font-size:9px!important}
  #categories .categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 8px!important}
  #categories .cat{min-height:0!important;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important}
  #categories .cat i{height:auto!important;flex-basis:auto!important;margin:0 0 5px!important;border-radius:11px!important;aspect-ratio:1/1!important}
  #categories .cat b{font-size:9px!important;line-height:1.5!important}
}
@media(max-width:350px){#categories .categories{gap:9px 6px!important}#categories .cat b{font-size:8px!important}}
