/* 2026-10-15 home sections: Auto centri, Najtraženije kategorije, Brendovi (homepage only) */
.hs{--hs-dark:#131921;--hs-acc:#ffb300;--hs-sh:0 2px 8px rgba(19,25,33,.06);font-family:Poppins,sans-serif;color:var(--hs-dark);margin:6px 0 18px}
.hs a{color:inherit;text-decoration:none}
.hs ul{list-style:none;margin:0;padding:0}
.hs-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 12px}
.hs-head h3{margin:0;font-size:16.5px;font-weight:700;line-height:1.3;color:var(--hs-dark)}
.hs-all{flex:none;font-size:12.5px;font-weight:500;color:#555!important;white-space:nowrap}
.hs-all span{color:var(--hs-dark)}
.hs-all:hover{color:var(--hs-dark)!important}
.hs-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hs-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* auto centri */
.hs-acc{position:relative;display:block;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--hs-sh);transition:transform .15s,box-shadow .15s}
.hs-acimg{display:flex;align-items:center;justify-content:center;height:84px;background:#f2f4f6}
.hs-acimg img{display:block;width:80px;height:60px;object-fit:contain}
.hs-badge{position:absolute;left:8px;top:64px;width:36px;height:36px;border-radius:50%;background:var(--hs-acc);border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.hs-badge svg{width:20px;height:20px}
.hs-nm{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:22px 8px 10px}
.hs-nm b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-nm svg{flex:none}
/* categories */
.hs-cc{margin:0;padding:0;float:none;width:auto}
.hs-cc a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--hs-sh);transition:transform .15s,box-shadow .15s}
.hs-im{display:flex;align-items:center;justify-content:center;height:108px;padding:8px;background:#f6f7f8;box-sizing:border-box}
.hs-im img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.hs-ft{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px;flex:1}
.hs-ft b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.hs-ft small{display:block;margin-top:3px;font-size:12px;color:#777}
.hs-cv{flex:none;width:28px;height:28px;border-radius:50%;background:#eef0f2;display:flex;align-items:center;justify-content:center}
/* brands */
.hs-brands li{margin:0;padding:0;float:none;width:auto;min-width:0}
.hs-pill{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dcdfe3;border-radius:6px;padding:8px 7px;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;transition:border-color .15s}
.hs-pill span{overflow:hidden;text-overflow:ellipsis}
.hs-pill i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--hs-dark);color:var(--hs-acc);font:700 12px/24px Poppins,sans-serif;font-style:normal;text-align:center}
.hs-acc:hover,.hs-cc a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(19,25,33,.1)}
.hs-pill:hover{border-color:var(--hs-acc)}

@media (min-width:769px){
  .hs-g2.hs-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hs-im{height:120px}
  .hs-brands{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* auto centri sits in the narrow left column: stacked row cards + full list below */
  .hs-ac{grid-template-columns:1fr}
  .hs-acc{display:flex;align-items:center}
  .hs-acimg{flex:none;width:72px;height:56px}
  .hs-acimg img{width:60px;height:45px}
  .hs-badge{left:50px;top:30px;width:30px;height:30px}
  .hs-badge svg{width:16px;height:16px}
  .hs-nm{flex:1;padding:8px 10px 8px 22px;min-width:0}
  .hs-aclist{margin-top:14px}
}