.tuya-hero{--tuya-hero-overlay: linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .1) 100%);--tuya-hero-text-muted: rgba(255, 255, 255, .9);--tuya-hero-dot: rgba(255, 255, 255, .4);--tuya-hero-dot-hover: rgba(255, 255, 255, .7);background:var(--tuya-color-background);grid-column:1 / -1}.tuya-hero__layout{display:grid;grid-template-columns:256px 1fr;gap:var(--tuya-space-8);width:100%;max-width:var(--tuya-page-width);margin-inline:auto;box-sizing:border-box}.tuya-hero__sidebar{box-sizing:border-box;background:var(--tuya-color-surface);border:1px solid var(--tuya-color-stroke);border-radius:var(--tuya-radius-md);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--tuya-shadow-xs);height:100%}.tuya-hero__sidebar-toggle{display:none}.tuya-hero__sidebar-list{display:flex;flex-direction:column}.tuya-hero__sidebar-item-wrapper{--tuya-hero-sidebar-color: var(--tuya-color-text);--tuya-hero-sidebar-icon: var(--tuya-color-icon);--tuya-hero-sidebar-hover-color: var(--tuya-color-primary);--tuya-hero-sidebar-hover-background: var(--tuya-color-background-soft);--tuya-hero-sidebar-weight: var(--tuya-font-weight-regular);position:relative;border-top:1px solid var(--tuya-color-stroke)}.tuya-hero__sidebar-item-wrapper:first-child{border-top:none}.tuya-hero__sidebar-item-wrapper:first-child,.tuya-hero__sidebar-item-wrapper:first-child .tuya-hero__sidebar-item-main{border-top-left-radius:calc(var(--tuya-radius-md) - 1px);border-top-right-radius:calc(var(--tuya-radius-md) - 1px)}.tuya-hero__sidebar-item-wrapper:last-child,.tuya-hero__sidebar-item-wrapper:last-child .tuya-hero__sidebar-item-main{border-bottom-left-radius:calc(var(--tuya-radius-md) - 1px);border-bottom-right-radius:calc(var(--tuya-radius-md) - 1px)}.tuya-hero__sidebar-item-wrapper--orange{--tuya-hero-sidebar-color: var(--tuya-color-primary);--tuya-hero-sidebar-icon: var(--tuya-color-primary);--tuya-hero-sidebar-hover-color: var(--tuya-color-primary);--tuya-hero-sidebar-hover-background: var(--tuya-color-primary-soft);--tuya-hero-sidebar-weight: var(--tuya-font-weight-bold)}.tuya-hero__sidebar-item-wrapper--green{--tuya-hero-sidebar-color: var(--tuya-color-promo);--tuya-hero-sidebar-icon: var(--tuya-color-promo);--tuya-hero-sidebar-hover-color: var(--tuya-color-promo);--tuya-hero-sidebar-hover-background: var(--tuya-color-promo-soft);--tuya-hero-sidebar-weight: var(--tuya-font-weight-bold)}.tuya-hero__sidebar-item-main{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color var(--tuya-transition-fast)}.tuya-hero__sidebar-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:var(--tuya-space-4);gap:var(--tuya-space-3);flex-grow:1;height:52px;text-decoration:none;color:var(--tuya-hero-sidebar-color);font-size:var(--tuya-text-md);line-height:var(--tuya-leading-sm);font-weight:var(--tuya-hero-sidebar-weight);transition:color var(--tuya-transition-fast),padding-left var(--tuya-transition-fast)}.tuya-hero__sidebar-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media(hover:hover){.tuya-hero__sidebar-item-wrapper:hover .tuya-hero__sidebar-item-main{background-color:var(--tuya-hero-sidebar-hover-background)}.tuya-hero__sidebar-item-wrapper:hover .tuya-hero__sidebar-item{color:var(--tuya-hero-sidebar-hover-color);padding-left:var(--tuya-space-5)}.tuya-hero__sidebar-item-wrapper:hover .tuya-hero__sidebar-icon svg{stroke:var(--tuya-hero-sidebar-hover-color)}.tuya-hero__sidebar-item-wrapper:hover .tuya-hero__sidebar-arrow-btn{color:var(--tuya-hero-sidebar-hover-color)}}.tuya-hero__sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tuya-hero__sidebar-icon svg{width:20px;height:20px;stroke:var(--tuya-hero-sidebar-icon);transition:stroke var(--tuya-transition-fast)}.tuya-hero__sidebar-item--orange,.tuya-hero__sidebar-item--orange .tuya-hero__sidebar-text{color:var(--tuya-color-primary)}.tuya-hero__sidebar-item--orange .tuya-hero__sidebar-icon svg{stroke:var(--tuya-color-primary)}.tuya-hero__sidebar-item--green,.tuya-hero__sidebar-item--green .tuya-hero__sidebar-text{color:var(--tuya-color-promo)}.tuya-hero__sidebar-item--green .tuya-hero__sidebar-icon svg{stroke:var(--tuya-color-promo)}.tuya-hero__sidebar-item--bold{font-weight:var(--tuya-font-weight-bold)}.tuya-hero__sidebar-arrow-btn{position:relative;z-index:2;background:transparent;border:none;display:flex;align-items:center;justify-content:center;width:44px;height:52px;cursor:pointer;padding:0;color:var(--tuya-color-text-muted);transition:color var(--tuya-transition-fast),background-color var(--tuya-transition-fast)}.tuya-hero__sidebar-arrow-btn svg{width:18px;height:18px;stroke:currentColor;transition:transform var(--tuya-transition-fast)}.tuya-hero__submenu-inner{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:var(--tuya-space-6)}.tuya-hero__submenu-header{display:flex;flex-direction:column;gap:var(--tuya-space-2);margin-bottom:var(--tuya-space-4);border-bottom:1px solid var(--tuya-color-stroke);padding-bottom:var(--tuya-space-4)}.tuya-hero__submenu-title{font-size:var(--tuya-text-lg);font-weight:var(--tuya-font-weight-bold);color:var(--tuya-color-text);font-family:var(--tuya-font-main)}.tuya-hero__submenu-all-link{display:inline-flex;align-items:center;gap:var(--tuya-space-1);font-size:var(--tuya-text-sm);color:var(--tuya-color-primary);font-weight:var(--tuya-font-weight-semibold);text-decoration:none;transition:color var(--tuya-transition-fast)}.tuya-hero__submenu-all-link:hover{color:var(--tuya-color-primary-hover)}.tuya-hero__submenu-all-link svg{width:12px;height:12px;stroke:currentColor;transition:transform var(--tuya-transition-fast)}.tuya-hero__submenu-all-link:hover svg{transform:translate(2px)}.tuya-hero__submenu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--tuya-space-3);overflow-y:auto;flex-grow:1}.tuya-hero__submenu-link{font-size:var(--tuya-text-md);color:var(--tuya-color-text-muted);text-decoration:none;font-family:var(--tuya-font-main);transition:color var(--tuya-transition-fast),padding-left var(--tuya-transition-fast);display:block}.tuya-hero__submenu-link:hover{color:var(--tuya-color-primary);padding-left:var(--tuya-space-1)}@media screen and (min-width:1025px){.tuya-hero__sidebar{position:relative;overflow:visible!important}.tuya-hero__sidebar-item-wrapper{position:relative}.tuya-hero__submenu{position:absolute;top:0;left:calc(100% + var(--tuya-space-2));width:280px;height:auto;opacity:0;visibility:hidden;transform:translate(10px);transition:opacity var(--tuya-transition-base),transform var(--tuya-transition-base),visibility var(--tuya-transition-base);z-index:90;pointer-events:none}.tuya-hero__submenu-inner{height:auto;background:var(--tuya-color-surface);border:1px solid var(--tuya-color-stroke);border-radius:var(--tuya-radius-md);box-shadow:var(--tuya-shadow-sm);position:sticky;top:calc(var(--header-group-height, 70px) + var(--tuya-space-4));max-height:calc(100vh - var(--header-group-height, 70px) - var(--tuya-space-8));overflow-y:auto;pointer-events:auto}.tuya-hero__sidebar-item-wrapper:hover .tuya-hero__submenu{opacity:1;visibility:visible;transform:translate(0)}.tuya-hero__sidebar-arrow-btn{pointer-events:none}.tuya-hero__sidebar-arrow-icon-down{display:none!important}.tuya-hero__sidebar-arrow-icon-right{display:inline-flex}}.tuya-hero__banner{position:relative;background:var(--tuya-color-surface);box-shadow:var(--tuya-shadow-xs);border-radius:var(--tuya-radius-md);overflow:hidden;min-height:572px}.tuya-hero__slides{position:relative;width:100%;height:100%;min-height:572px;overflow:hidden}.tuya-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tuya-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;color:inherit}.tuya-hero__slide.active{opacity:1;pointer-events:auto;z-index:1}.tuya-hero__image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.tuya-hero__image-container picture{display:block;width:100%;height:100%}.tuya-hero__image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tuya-hero-overlay);z-index:1}.tuya-hero .tuya-hero__image,.tuya-hero .placeholder-svg{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 6s cubic-bezier(.16,1,.3,1)}.tuya-hero .placeholder-svg{fill:var(--tuya-color-stroke-strong);background-color:var(--tuya-color-background-soft)}.tuya-hero__slide.active .tuya-hero__image,.tuya-hero__slide.active .placeholder-svg{transform:scale(1.04)}.tuya-hero__content{position:relative;width:100%;height:100%;min-height:572px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--tuya-space-16);z-index:2;box-sizing:border-box}.tuya-hero__tag{margin-bottom:var(--tuya-space-4)}.tuya-hero .tuya-hero__title{width:540px;max-width:100%;font-size:var(--tuya-text-hero);line-height:var(--tuya-leading-hero);color:var(--tuya-color-text-light);margin:0 0 var(--tuya-space-4)}.tuya-hero__title-mobile{display:none}.tuya-hero__subtext{width:480px;max-width:100%;font-size:var(--tuya-text-lg);line-height:var(--tuya-leading-lg);color:var(--tuya-hero-text-muted);margin:0 0 var(--tuya-space-8)}.tuya-hero__cta svg{width:12px;height:12px;stroke:var(--tuya-color-text-light);transition:transform var(--tuya-transition-fast)}@media(hover:hover){.tuya-hero__cta:hover svg{transform:translate(3px)}}.tuya-hero__dots{position:absolute;bottom:var(--tuya-space-6);right:var(--tuya-space-6);display:flex;gap:var(--tuya-space-2);z-index:3}.tuya-hero__dot{width:10px;height:10px;border-radius:var(--tuya-radius-pill);border:none;background:var(--tuya-hero-dot);cursor:pointer;padding:0;transition:background-color var(--tuya-transition-fast),transform var(--tuya-transition-fast),width var(--tuya-transition-fast)}@media(hover:hover){.tuya-hero__dot:hover{background:var(--tuya-hero-dot-hover);transform:scale(1.1)}}.tuya-hero__dot.active{background:var(--tuya-color-primary);width:24px}@media screen and (max-width:1024px){.tuya-hero__layout{grid-template-columns:1fr;gap:var(--tuya-space-3)}.tuya-hero__sidebar{position:relative;display:flex;justify-content:center;width:100%;background:transparent;border:none;box-shadow:none;overflow:visible;margin:0;padding:0;z-index:15}.tuya-hero__sidebar.is-open{border-radius:0}.tuya-hero__sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;height:auto;padding:var(--tuya-space-2) var(--tuya-space-4);background:transparent;border:none;font-family:var(--tuya-font-main);font-size:var(--tuya-text-md);font-weight:var(--tuya-font-weight-bold);color:var(--tuya-color-primary);text-transform:none;letter-spacing:normal;cursor:pointer;text-align:center;gap:var(--tuya-space-2)}.tuya-hero__sidebar-toggle-icon-open{display:inline-flex;align-items:center}.tuya-hero__sidebar-toggle-icon-close{display:none;align-items:center}.tuya-hero__sidebar-toggle-icon-open svg,.tuya-hero__sidebar-toggle-icon-close svg{width:20px;height:20px;stroke:var(--tuya-color-primary)}.tuya-hero__sidebar-toggle-text-open{display:inline;font-weight:var(--tuya-font-weight-bold)!important}.tuya-hero__sidebar-toggle-text-close{display:none;color:var(--tuya-color-primary);font-weight:var(--tuya-font-weight-bold)!important}.tuya-hero__sidebar.is-open .tuya-hero__sidebar-toggle-icon-open{display:none}.tuya-hero__sidebar.is-open .tuya-hero__sidebar-toggle-icon-close{display:inline-flex}.tuya-hero__sidebar.is-open .tuya-hero__sidebar-toggle-text-open{display:none}.tuya-hero__sidebar.is-open .tuya-hero__sidebar-toggle-text-close{display:inline}.tuya-hero__sidebar-list{display:flex;flex-direction:column;position:absolute;top:calc(100% + var(--tuya-space-2));left:0;right:0;width:100%;background:var(--tuya-color-surface);border:1px solid var(--tuya-color-stroke);border-radius:var(--tuya-radius-md);box-shadow:var(--tuya-shadow-md);z-index:20;box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity var(--tuya-transition-base),transform var(--tuya-transition-base),visibility var(--tuya-transition-base)}.tuya-hero__sidebar.is-open .tuya-hero__sidebar-list{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.tuya-hero__sidebar-item{display:flex;flex-direction:row;align-items:center;padding:var(--tuya-space-4);gap:var(--tuya-space-3);flex-grow:1;height:52px;background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--tuya-hero-sidebar-color);font-size:var(--tuya-text-md);line-height:var(--tuya-leading-sm);font-weight:var(--tuya-hero-sidebar-weight);text-decoration:none;box-sizing:border-box}.tuya-hero__sidebar-item-wrapper{border-top:1px solid var(--tuya-color-stroke);display:flex;flex-direction:column;width:100%}.tuya-hero__sidebar-list .tuya-hero__sidebar-item-wrapper:first-child{border-top:none}.tuya-hero__sidebar-arrow-btn{background:transparent;border:none}@media(hover:hover){.tuya-hero__sidebar-item:hover{padding-left:var(--tuya-space-5)}}.tuya-hero__submenu{display:block;position:static;width:100%;height:auto;background:var(--tuya-color-surface);border:none;border-radius:0;box-shadow:none;transform:none;visibility:visible;pointer-events:auto;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--tuya-transition-base),opacity var(--tuya-transition-base)}.tuya-hero__sidebar-item-wrapper.is-open .tuya-hero__submenu{max-height:600px;opacity:1}.tuya-hero__sidebar-item-wrapper.is-open .tuya-hero__sidebar-arrow-btn svg{transform:rotate(180deg)}.tuya-hero__submenu-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:0;border-bottom:none;padding-bottom:0}.tuya-hero__submenu-title{display:none}.tuya-hero__submenu-all-link{font-size:15px;font-weight:var(--tuya-font-weight-semibold);color:var(--tuya-color-text);padding:var(--tuya-space-2) 0;display:flex;align-items:center;gap:var(--tuya-space-1);text-decoration:none}.tuya-hero__submenu-all-link:hover{color:var(--tuya-color-primary)}.tuya-hero__submenu-inner{padding:var(--tuya-space-3) var(--tuya-space-4) var(--tuya-space-3) calc(var(--tuya-space-4) + 20px + var(--tuya-space-3))}.tuya-hero__submenu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.tuya-hero__submenu-link{font-size:15px;color:var(--tuya-color-text-muted);text-decoration:none;font-family:var(--tuya-font-main);display:block;padding:var(--tuya-space-2) 0;transition:color var(--tuya-transition-fast)}.tuya-hero__submenu-link:hover{color:var(--tuya-color-primary)}.tuya-hero__sidebar-arrow-icon-right{display:none!important}.tuya-hero__sidebar-arrow-icon-down{display:inline-flex}.tuya-hero__banner,.tuya-hero__slides{min-height:480px}.tuya-hero__content{min-height:480px;padding:var(--tuya-space-10)}}@media screen and (max-width:767px){.tuya-hero__banner{min-height:auto;background:transparent;box-shadow:none;border-radius:0;overflow:hidden;width:calc(100% + (2 * var(--tuya-page-padding-mobile)));margin-left:calc(-1 * var(--tuya-page-padding-mobile));margin-right:calc(-1 * var(--tuya-page-padding-mobile));padding:0}.tuya-hero__slides{min-height:auto;display:flex;flex-direction:row;align-items:flex-start;gap:var(--tuya-space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--tuya-space-3) var(--tuya-page-padding-mobile);width:100%;box-sizing:border-box}.tuya-hero__slides::-webkit-scrollbar{display:none}.tuya-hero__slide{position:static;opacity:1!important;pointer-events:auto!important;flex:1 0 auto;width:96px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:none!important;transition:none!important}.tuya-hero__slide-link{position:static;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;height:auto}.tuya-hero__image-container{position:relative;width:84px;height:84px;flex-shrink:0;border-radius:50%;border:2px solid var(--tuya-color-primary);background:var(--tuya-color-surface);box-shadow:var(--tuya-shadow-xs);overflow:hidden;z-index:1;transition:border-color var(--tuya-transition-fast),transform var(--tuya-transition-fast)}.tuya-hero__slide:active .tuya-hero__image-container{transform:scale(.94)}.tuya-hero__image-container:after{display:none}.tuya-hero__slide.active .tuya-hero__image,.tuya-hero__slide.active .placeholder-svg{transform:none}.tuya-hero .tuya-hero__image,.tuya-hero .placeholder-svg{transform:none;transition:none}.tuya-hero__content{position:static;min-height:auto;display:flex;flex-direction:column;align-items:center;padding:0;margin-top:var(--tuya-space-2);width:100%;height:auto}.tuya-hero__tag{display:none}.tuya-hero .tuya-hero__title{width:100%;font-size:var(--tuya-text-md);line-height:1.2;letter-spacing:-.01em;color:var(--tuya-color-text);margin:0;text-align:center;font-weight:var(--tuya-font-weight-semibold);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.tuya-hero__title-desktop{display:none}.tuya-hero__title-mobile{display:block}.tuya-hero__subtext,.tuya-hero__cta{display:none}.tuya-hero__dots{display:none!important}}@media(prefers-reduced-motion:reduce){.tuya-hero__slider,.tuya-hero__slide,.tuya-hero__submenu,.tuya-hero__sidebar-toggle,.tuya-hero__sidebar-list,.tuya-hero__submenu-link,.tuya-hero__submenu-all-link svg{transition:none!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tuya-hero.css.map */