.tuya-featured-categories{background:var(--tuya-color-background);width:100%;box-sizing:border-box;grid-column:1 / -1!important;overflow:hidden}.tuya-featured-categories__grid{display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;--gap: 12px;--shadow-buffer: 12px;gap:var(--gap);margin-top:var(--tuya-space-4);width:calc(100% + var(--tuya-page-padding-mobile) + (2 * var(--shadow-buffer)));margin-left:calc(-1 * var(--shadow-buffer));margin-right:calc(-1 * (var(--tuya-page-padding-mobile) + var(--shadow-buffer)));padding-left:var(--shadow-buffer);padding-right:calc(var(--tuya-page-padding-mobile) + var(--shadow-buffer));padding-top:12px;padding-bottom:24px;scroll-padding-left:var(--shadow-buffer)}.tuya-featured-categories__grid::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.tuya-featured-categories__grid{--gap: 16px;margin-top:var(--tuya-space-6);width:calc(100% + var(--tuya-page-padding-tablet) + (2 * var(--shadow-buffer)));margin-right:calc(-1 * (var(--tuya-page-padding-tablet) + var(--shadow-buffer)));padding-right:calc(var(--tuya-page-padding-tablet) + var(--shadow-buffer))}}@media screen and (min-width:1024px){.tuya-featured-categories__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--tuya-space-6);margin-top:var(--tuya-space-8);width:100%;margin-left:0;margin-right:0;padding:0;overflow-x:visible}}.tuya-category-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 1.25 * var(--gap)) / 2.25);scroll-snap-align:start;background:var(--tuya-color-surface);border:1px solid var(--tuya-color-stroke);border-radius:var(--tuya-radius-md);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--tuya-shadow-xs);transition:border-color var(--tuya-transition-base),box-shadow var(--tuya-transition-base),transform var(--tuya-transition-base)}@media screen and (min-width:480px){.tuya-category-card{flex:0 0 calc((100% - 2.25 * var(--gap)) / 3.25)}}@media screen and (min-width:768px){.tuya-category-card{flex:0 0 calc((100% - 3.25 * var(--gap)) / 4.25)}}@media screen and (min-width:1024px){.tuya-category-card{flex:none}}@media(hover:hover){.tuya-category-card:hover{border-color:var(--tuya-color-primary-border);box-shadow:var(--tuya-shadow-sm);transform:translateY(-2px)}}.tuya-category-card__image-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--tuya-color-surface-soft);overflow:hidden}.tuya-category-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--tuya-transition-base)}@media(hover:hover){.tuya-category-card:hover .tuya-category-card__image{transform:scale(1.04)}}.tuya-category-card__placeholder{width:100%;height:100%;fill:var(--tuya-color-stroke-strong);background-color:var(--tuya-color-background-soft)}.tuya-category-card__content{display:flex;flex-direction:column;padding:var(--tuya-space-4);gap:var(--tuya-space-1)}.tuya-category-card__title{margin:0;font-family:var(--tuya-font-main);font-size:var(--tuya-text-base);font-weight:var(--tuya-font-weight-bold);color:var(--tuya-color-text);display:flex;align-items:center;justify-content:space-between;gap:var(--tuya-space-2);transition:color var(--tuya-transition-fast)}@media screen and (min-width:1024px){.tuya-category-card__title{font-size:var(--tuya-text-lg)}}.tuya-category-card__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--tuya-color-text-subtle);transition:transform var(--tuya-transition-fast),color var(--tuya-transition-fast)}.tuya-category-card__icon svg{width:14px;height:14px;stroke-width:2.5px}@media(hover:hover){.tuya-category-card:hover .tuya-category-card__icon{color:var(--tuya-color-primary);transform:translate(3px)}.tuya-category-card:hover .tuya-category-card__title{color:var(--tuya-color-primary)}}.tuya-category-card__count{margin:0;font-family:var(--tuya-font-main);font-size:var(--tuya-text-xs);font-weight:var(--tuya-font-weight-regular);color:var(--tuya-color-text-subtle);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:768px){.tuya-category-card__count{font-size:var(--tuya-text-sm)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tuya-featured-categories.css.map */