.category-section{overflow:hidden}.cat-grid-wrap{position:relative;width:100%;overflow:hidden}.category-grid{display:flex;width:100%;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 5% 4px 0;scroll-padding-right:5%}.category-grid::-webkit-scrollbar{display:none}.cat-card{position:relative;flex:0 0 calc((100% - 64px)/5);min-width:0;overflow:hidden;display:block;border-radius:12px;background:var(--g2);text-decoration:none;scroll-snap-align:start;scroll-snap-stop:always;transition:transform .35s ease}.cat-card:hover{transform:translateY(-2px)}.cat-img-wrapper{position:relative;width:100%;overflow:hidden;aspect-ratio:3/4}.cat-img{width:100%;height:100%;object-fit:cover;display:block;background:var(--cm);transition:transform .7s ease}.cat-card:hover .cat-img{transform:scale(1.05)}.cat-img-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,var(--g2),var(--g1))}.cat-ph-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(201,150,43,.3);background:#c9962b1f}.cat-ph-text{padding:0 14px;text-align:center;color:#c9962b9e;font-size:11px;letter-spacing:.1em}.cat-over{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#0624169e);transition:background .3s ease}.cat-card:hover .cat-over{background:linear-gradient(180deg,#0000000a,#062416b8)}.cat-label{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:32px 18px 16px}.cat-name{color:#fff;font-size:18px;font-weight:600;line-height:1.15;margin-bottom:4px}.cat-count{color:#fffdf89e;font-size:11px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1024px){.category-grid{gap:14px;padding-right:8%;scroll-padding-right:8%}.cat-card{flex:0 0 calc((100% - 28px)/3.2)}}@media(max-width:768px){.category-grid{gap:12px;padding-right:5%;scroll-padding-right:5%}.cat-card{flex:0 0 86%}.cat-label{padding:26px 16px 14px}.cat-name{font-size:16px}}.cat-card,.category-grid{touch-action:pan-x}.cat-carousel-wrapper{position:relative;display:flex;align-items:center;gap:8px}.cat-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.cat-carousel::-webkit-scrollbar{display:none}.cat-card{flex:0 0 calc(20% - 9.6px);scroll-snap-align:start;position:relative;overflow:hidden;border-radius:6px;cursor:pointer;display:block}@media(min-width:1025px){.cat-card:nth-child(6n){margin-right:5%}}@media(max-width:1024px){.cat-card{flex:0 0 calc(20% - 9.6px)}}@media(max-width:768px){.cat-card{flex:0 0 calc(100% - 12px)}.cat-carousel{gap:12px}.cat-card:nth-child(2n){margin-right:5%}}.cat-img-wrapper{width:100%;aspect-ratio:3/4;overflow:hidden}.cat-img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);background:var(--cm)}.cat-card:hover .cat-img{transform:scale(1.07)}.cat-img-ph{width:100%;height:100%;background:linear-gradient(160deg,var(--g2),var(--g1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .5s var(--ease)}.cat-card:hover .cat-img-ph{transform:scale(1.05)}.cat-ph-icon{width:52px;height:52px;border-radius:50%;background:#c9962b26;border:1px solid rgba(201,150,43,.3);display:flex;align-items:center;justify-content:center}.cat-ph-icon svg{width:26px;height:26px;color:var(--gom);opacity:.7}.cat-ph-text{font-family:var(--ff-h);color:#c9962b99;font-size:11px;letter-spacing:.1em;text-align:center}.cat-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#06241640;transition:background .3s}.cat-card:hover .cat-over{background:#0624164d}.cat-label{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 14px;background:linear-gradient(transparent,#062416e6);color:#fff}.cat-name{font-family:var(--ff-h);font-size:17px;font-weight:500;line-height:1.2;margin-bottom:2px}.cat-count{font-size:11px;color:#fffdf88c;letter-spacing:.06em}.cat-nav{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid rgba(11,61,38,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.cat-nav:hover{background:var(--g1);border-color:var(--g1);color:#fff}.cat-nav svg{width:20px;height:20px}.cat-nav-left{margin-right:4px}.cat-nav-right{margin-left:4px}.cat-indicators{display:none}@media(max-width:768px){.cat-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.cat-dot{width:8px;height:8px;border-radius:50%;background:#0b3d2633;border:none;cursor:pointer;transition:all .2s}.cat-dot.active{background:var(--g1);transform:scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/category-grid.css.map */