/* Salam Electric V44 — focused polish for homepage categories + brands */
:root{--v44-navy:#17194f;--v44-orange:#ff7a00;--v44-line:#e7e9f1;--v44-soft:#f7f8fb}

/* === Main / managed category sections === */
.salam-home .salam-quick-cats{
  width:min(1180px,calc(100% - 32px))!important;
  margin-inline:auto!important;
  padding:22px!important;
  background:#fff!important;
  border:1px solid var(--v44-line)!important;
  border-radius:14px!important;
  box-shadow:0 8px 28px rgba(18,20,61,.045)!important;
  overflow:hidden!important;
}
.salam-home .salam-quick-cats .section-title{
  margin-bottom:16px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #eef0f5!important;
}
.salam-home .salam-quick-cats .category-carousel-track,
.salam-home .salam-quick-cats .home-category-grid-v32{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:safe center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#c9ccd8 transparent!important;
  padding:2px 2px 10px!important;
}
.salam-home .salam-quick-cats .category-carousel-track::-webkit-scrollbar{height:5px}
.salam-home .salam-quick-cats .category-carousel-track::-webkit-scrollbar-thumb{background:#c9ccd8;border-radius:99px}

.salam-home .salam-quick-cats .home-category-card-v32{
  flex:0 0 168px!important;
  width:168px!important;
  min-width:168px!important;
  max-width:168px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #e5e7ef!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  box-shadow:0 3px 12px rgba(20,23,69,.035)!important;
  transform:none!important;
}
.salam-home .salam-quick-cats .home-category-card-v32:hover{
  border-color:#cfd3df!important;
  box-shadow:0 8px 20px rgba(20,23,69,.07)!important;
  transform:translateY(-2px)!important;
}
.salam-home .salam-quick-cats .home-category-media-v32{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  background:#f7f8fb!important;
  overflow:hidden!important;
  border:0!important;
}
.salam-home .salam-quick-cats .home-category-media-v32 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:10px!important;
}
.salam-home .salam-quick-cats .home-category-icon-v32{
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
}
.salam-home .salam-quick-cats .home-category-count-v32{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  z-index:4!important;
  min-width:28px!important;
  width:auto!important;
  height:22px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:6px!important;
  background:rgba(23,25,79,.94)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(23,25,79,.15)!important;
}
.salam-home .salam-quick-cats .home-category-card-v32>b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:11px 10px!important;
  text-align:center!important;
  color:#20234a!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.55!important;
  background:#fff!important;
  border-top:1px solid #f0f1f5!important;
}

/* === Brands panel === */
.salam-home .v44-brands{
  width:min(1180px,calc(100% - 32px))!important;
  margin:26px auto!important;
  padding:22px!important;
  background:#fff!important;
  border:1px solid var(--v44-line)!important;
  border-radius:14px!important;
  box-shadow:0 8px 28px rgba(18,20,61,.045)!important;
  overflow:hidden!important;
}
.salam-home .v44-brands .brands-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 16px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #eef0f5!important;
}
.salam-home .v44-brands .brands-title h2{margin:2px 0 0!important}
.salam-home .v44-brands .brand-actions{display:flex!important;align-items:center!important;gap:7px!important}
.salam-home .v44-brands .brand-actions>a{
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 11px!important;
  border:1px solid #dfe2eb!important;
  border-radius:8px!important;
  color:var(--v44-navy)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  background:#fff!important;
}
.salam-home .v44-brands .brand-actions button{
  width:34px!important;height:34px!important;border:1px solid #dfe2eb!important;border-radius:8px!important;background:#fff!important;color:var(--v44-navy)!important;font-size:18px!important;cursor:pointer!important
}
.salam-home .v44-brands .brand-actions button:hover,.salam-home .v44-brands .brand-actions>a:hover{border-color:#c7cbd8!important;background:#fafbfc!important}

.salam-home .v44-brand-track{
  direction:rtl!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#c9ccd8 transparent!important;
  padding:2px 2px 10px!important;
}
.salam-home .v44-brand-track::-webkit-scrollbar{height:5px}
.salam-home .v44-brand-track::-webkit-scrollbar-thumb{background:#c9ccd8;border-radius:99px}
.salam-home .v44-brands .v44-brand-card{
  flex:0 0 164px!important;
  width:164px!important;
  min-width:164px!important;
  height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #e5e7ef!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  box-shadow:0 3px 12px rgba(20,23,69,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.salam-home .v44-brands .v44-brand-card:hover{border-color:#cfd3df!important;box-shadow:0 8px 20px rgba(20,23,69,.07)!important;transform:translateY(-2px)!important}
.salam-home .v44-brands .v44-brand-card .brand-logo-wrap{
  width:100%!important;
  max-width:none!important;
  height:86px!important;
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  background:#fafbfc!important;
  border:0!important;
}
.salam-home .v44-brands .v44-brand-card .brand-logo-wrap img{
  width:auto!important;
  height:auto!important;
  max-width:118px!important;
  max-height:54px!important;
  object-fit:contain!important;
}
.salam-home .v44-brands .v44-brand-card .brand-fallback{
  width:54px!important;height:54px!important;border-radius:10px!important;background:#f0f2f7!important;color:var(--v44-navy)!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:900!important
}
.salam-home .v44-brands .v44-brand-card>b{
  width:100%!important;
  min-height:41px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border-top:1px solid #eef0f5!important;
  color:#252947!important;
  font-size:10.5px!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.45!important;
  background:#fff!important;
}

@media(max-width:700px){
  .salam-home .salam-quick-cats,.salam-home .v44-brands{
    width:calc(100% - 18px)!important;
    margin-inline:auto!important;
    padding:14px!important;
    border-radius:12px!important;
  }
  .salam-home .salam-quick-cats .section-title,.salam-home .v44-brands .brands-title{align-items:center!important;margin-bottom:12px!important;padding-bottom:10px!important}
  .salam-home .salam-quick-cats .category-carousel-track,
  .salam-home .salam-quick-cats .home-category-grid-v32{
    justify-content:flex-start!important;
    gap:10px!important;
    margin-inline:0!important;
    padding-inline:0!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .salam-home .salam-quick-cats .home-category-card-v32{flex-basis:142px!important;width:142px!important;min-width:142px!important;max-width:142px!important}
  .salam-home .salam-quick-cats .home-category-media-v32{height:108px!important;min-height:108px!important}
  .salam-home .salam-quick-cats .home-category-card-v32>b{min-height:44px!important;font-size:10.5px!important;padding:9px 8px!important}
  .salam-home .v44-brands .brand-actions button{display:none!important}
  .salam-home .v44-brands .brand-actions>a{height:32px!important;padding:0 9px!important;font-size:9px!important}
  .salam-home .v44-brand-track{gap:10px!important;-webkit-overflow-scrolling:touch!important;padding-inline:0!important}
  .salam-home .v44-brands .v44-brand-card{flex-basis:138px!important;width:138px!important;min-width:138px!important;height:116px!important}
  .salam-home .v44-brands .v44-brand-card .brand-logo-wrap{height:77px!important;min-height:77px!important;padding:12px!important}
  .salam-home .v44-brands .v44-brand-card .brand-logo-wrap img{max-width:104px!important;max-height:48px!important}
  .salam-home .v44-brands .v44-brand-card>b{min-height:38px!important;font-size:10px!important;padding:7px!important}
}