.category-grid-container.skeleton{width:100%;padding:30px 0}@media (max-width:767px){.category-grid-container.skeleton{padding-top:5px;padding-bottom:20px}}.category-grid-container.skeleton .category-grid-header{margin-bottom:30px}@media (max-width:767px){.category-grid-container.skeleton .category-grid-header{margin-bottom:15px}}.category-grid-container.skeleton .category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid}@media (max-width:1024px){.category-grid-container.skeleton .category-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}}@media (max-width:768px){.category-grid-container.skeleton .category-grid{grid-auto-columns:minmax(120px,auto);grid-auto-flow:column;gap:12px;margin:0 -20px;padding:0 20px;overflow:auto hidden}}@media (max-width:480px){.category-grid-container.skeleton .category-grid{grid-auto-columns:minmax(110px,auto);gap:10px;margin:0 -20px;padding:0 20px}}.skeleton-card{border-radius:25px!important;height:95px!important}@media (max-width:768px){.skeleton-card{height:84px!important}}@media (max-width:480px){.skeleton-card{height:77px!important}}
.category-grid-container{width:100%;padding:30px 0}@media (max-width:767px){.category-grid-container{padding-top:5px;padding-bottom:20px}}.category-grid-container .category-grid-header{margin-bottom:30px}@media (max-width:767px){.category-grid-container .category-grid-header{margin-bottom:15px}}.category-grid-container .category-grid-header h2{background:linear-gradient(135deg,#009bd9 0%,#953af0 100%);-webkit-text-fill-color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:3px;font-size:28px;font-weight:700}@media (max-width:768px){.category-grid-container .category-grid-header h2{font-size:22px}}.category-grid-container .category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid}@media (max-width:1024px){.category-grid-container .category-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}}@media (max-width:768px){.category-grid-container .category-grid{scrollbar-width:none;-ms-overflow-style:none;grid-auto-columns:minmax(120px,auto);grid-auto-flow:column;gap:12px;margin:0 -20px;padding:0 20px;overflow:auto hidden}.category-grid-container .category-grid::-webkit-scrollbar{display:none}}@media (max-width:480px){.category-grid-container .category-grid{grid-auto-columns:minmax(110px,auto);gap:10px;margin:0 -20px;padding:0 20px}}.category-card{cursor:pointer;background:linear-gradient(135deg,#00000059 0%,#00000059 100%),linear-gradient(135deg,var(--color-from)0%,var(--color-to)100%);border:none;border-radius:25px;justify-content:center;align-items:center;height:70px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #0000001f}@media (max-width:1200px){.category-card{transition:transform .1s,box-shadow .1s}.category-card:active{transform:scale(.98);box-shadow:0 2px 6px #0003}}@media (min-width:1200px){.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #0003}.category-card:hover .category-card-content h3{transform:scale(1.05)}.category-card:hover .category-card-overlay{opacity:.15}.category-card:active{transform:translateY(-4px)}}.category-card:focus-visible{outline-offset:2px;outline:2px solid #fff9}.category-card .category-card-overlay{pointer-events:none;opacity:0;background:radial-gradient(circle at 100% 0,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.category-card .category-card-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.category-card .category-card-content h3{color:#fff;text-shadow:0 2px 8px #00000040;word-break:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:700;line-height:1.3;transition:transform .3s cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}@media (max-width:768px){.category-card{height:65px;padding:12px}.category-card .category-card-content h3{font-size:15px}}@media (max-width:480px){.category-card{height:60px;padding:10px}.category-card .category-card-content h3{-webkit-line-clamp:2;line-clamp:2;font-size:13px}}