.category-grid-container,.category-grid-container *,.category-grid-container :after,.category-grid-container :before{box-sizing:border-box}.category-grid-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;max-width:100%;gap:clamp(6px,1vw,16px);padding:8px 1%;margin:0 0 12.8px;overflow:visible}.category-grid-item{position:relative;flex-grow:0;flex-shrink:1;flex-basis:calc(15% - 16px);width:calc(15% - 16px);min-width:0;height:auto;aspect-ratio:1/.92;padding:8px 0;margin-top:1%;background-color:#ffffff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;transition:transform .25s ease,border-radius .25s ease,box-shadow .25s ease;transform:translateZ(0);will-change:transform;z-index:1}.category-grid-item:hover{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:10}.category-image-wrapper{display:flex;justify-content:center;align-items:center;width:calc(100% - 10px);height:80%;margin-left:5px;padding:5px;background-color:#fbf9f7;border-radius:8px;overflow:hidden}.category-image{display:block;width:100%;height:100%;min-width:0;min-height:0;padding:3px;object-fit:contain;object-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .25s ease}.category-title{display:block;width:100%;max-width:100%;margin:2px 0 0;padding:4px 3px;text-align:center;font-size:clamp(9px,1.05vw,15px);font-family:Poppins,sans-serif;font-weight:400;line-height:1.3;color:#8a8888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-hover-menu{position:absolute;top:100%;left:0;width:100%;min-width:180px;max-width:280px;margin-top:5.4px;padding:8px;background-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.15);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box;z-index:100}.category-hover-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.category-hover-item:hover{background-color:rgba(0,186,198,.1)}.category-hover-item-homepage,.category-hover-item-name{min-width:0;color:grey;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-view-all{display:block;margin-top:8px;margin-left:-4px;padding:0;border:none;outline:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;line-height:normal;text-align:center;cursor:pointer;transition:color .2s ease;color:var(--theme-color)}.category-view-all,.category-view-all:hover{background:transparent}@media (min-width:1600px){.category-grid-container{gap:18px;padding-left:2%;padding-right:2%}.category-grid-item{flex-basis:calc(15% - 18px);width:calc(15% - 18px)}.category-title{font-size:15px}}@media (min-width:1200px) and (max-width:1599px){.category-grid-container{gap:14px}.category-grid-item{flex-basis:calc(15% - 14px);width:calc(15% - 14px)}.category-title{font-size:14px}}@media (min-width:900px) and (max-width:1199px){.category-grid-container{gap:10px}.category-grid-item{flex-basis:calc(16.666% - 10px);width:calc(16.666% - 10px)}.category-title{font-size:12px}.category-hover-menu{min-width:160px}}@media (min-width:600px) and (max-width:899px){.category-grid-container{gap:8px;padding-left:8px;padding-right:8px}.category-grid-item{flex-basis:calc(20% - 8px);width:calc(20% - 8px)}.category-title{font-size:10px}.category-hover-menu{min-width:150px;max-width:240px}.category-hover-item-homepage,.category-hover-item-name{font-size:10px}.category-view-all{font-size:11px}}@media (max-width:599px){.category-grid-container{display:none}}@media (hover:hover) and (pointer:fine){.category-grid-item:hover{transform:translateY(-2px) scale(1.04)}}@media (prefers-reduced-motion:reduce){.category-grid-item,.category-hover-item,.category-image,.category-view-all{transition:none!important}.category-grid-item:hover{transform:none}}