.ht-top-cats{padding:2.5rem 0;background-color:var(--color-bg, #ffffff)}.ht-top-cats__header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #111;margin-bottom:2rem}.ht-top-cats__title-wrap{background-color:#111;padding:.6rem 2.5rem .6rem 1.2rem;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%);margin-bottom:-2px}.ht-top-cats__title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:.01em}.ht-top-cats__view-all{color:var(--color-primary, #1F7F3E);font-weight:700;text-decoration:none;font-size:12px;padding-bottom:.4rem;transition:opacity .2s ease}.ht-top-cats__view-all:hover{opacity:.8}.ht-top-cats__grid{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none}.ht-top-cats__grid::-webkit-scrollbar{display:none}.ht-top-cat-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:.8rem;min-width:80px;flex-shrink:0}.ht-top-cat-item__icon-wrap{width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ht-top-cat-item:hover .ht-top-cat-item__icon-wrap{transform:translateY(-5px)}.ht-top-cat-item__img{width:100%;height:100%;object-fit:contain}.ht-top-cat-item__placeholder{width:100%;height:100%;background:var(--color-background-alt, #f4f4f4);border-radius:8px;padding:12px}.ht-top-cat-item__placeholder svg{width:100%;height:100%;fill:var(--color-text-muted, #888)}.ht-top-cat-item__title{font-size:12px;font-weight:700;color:var(--color-text, #111);text-align:center;transition:color .2s ease}.ht-top-cat-item:hover .ht-top-cat-item__title{color:var(--color-primary, #1F7F3E)}@media screen and (max-width:749px){.ht-top-cats__grid{gap:1rem;justify-content:flex-start;scrollbar-width:thin}.ht-top-cats__grid::-webkit-scrollbar{display:block;height:4px}.ht-top-cats__grid::-webkit-scrollbar-thumb{background:var(--color-border, #E5E7EB);border-radius:4px}.ht-top-cat-item{min-width:72px}.ht-top-cat-item__icon-wrap{width:50px;height:50px}.ht-top-cats__title{font-size:16px}.ht-top-cats__view-all{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hightech-top-categories.css.map */