.hanoi26-carousel{position:relative;box-sizing:border-box;padding-inline:3.75rem}.hanoi26-carousel__viewport{position:relative;z-index:1;width:100%;overflow:hidden}.hanoi26-carousel:not(.is-ready) .hanoi26-carousel__viewport::before{content:"";position:absolute;inset:0;z-index:10;border-radius:.75rem;background:linear-gradient(100deg,#f1f3f5 20%,#fafafa 38%,#f1f3f5 56%);background-size:200% 100%;animation:hanoi26-carousel-skeleton 1.25s ease-in-out infinite;pointer-events:none}.hanoi26-carousel:not(.is-ready) .hanoi26-carousel__track{visibility:hidden;opacity:0}.hanoi26-carousel:not(.is-ready) .hanoi26-carousel__nav{display:none}.hanoi26-carousel.is-ready .hanoi26-carousel__track{visibility:visible;opacity:1;transition:opacity 0.2s ease}@keyframes hanoi26-carousel-skeleton{to{background-position:-200% 0}}.hanoi26-carousel__track{display:flex;flex-direction:row;flex-wrap:nowrap;will-change:transform}.hanoi26-carousel__nav{position:absolute;inset:0;z-index:20;pointer-events:none}.hanoi26-carousel__btn{position:absolute;top:50%;margin:0;padding:0;transform:translateY(-50%);width:3rem;height:3rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#111827;display:flex!important;align-items:center;justify-content:center;cursor:pointer!important;pointer-events:auto!important;z-index:21;box-shadow:0 4px 14px rgb(0 0 0 / .14);opacity:1;visibility:visible;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:#fff0}.hanoi26-carousel__btn--prev{left:0}.hanoi26-carousel__btn--next{right:0}.hanoi26-carousel__btn i{pointer-events:none}.hanoi26-carousel__btn:hover,.hanoi26-carousel__btn:focus-visible{background:#e53e3e!important;color:#fff!important;border-color:#e53e3e!important;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 18px rgb(229 62 62 / .35);outline:none}.hanoi26-carousel__btn:active{transform:translateY(-50%) scale(.96)}.hanoi26-carousel__btn.is-hidden{display:none!important}.hanoi26-carousel--products .hanoi26-carousel__viewport{padding-top:.75rem;padding-bottom:1.25rem;border-radius:.75rem;cursor:grab;touch-action:pan-y pinch-zoom}.hanoi26-carousel--products .product-card__link{position:relative;z-index:6;pointer-events:auto}.hanoi26-carousel--products .product-card__swatches{position:relative;z-index:18}.hanoi26-carousel--products.is-dragging .hanoi26-carousel__viewport{cursor:grabbing;user-select:none;-webkit-user-select:none;touch-action:none}.hanoi26-carousel--products.is-dragging .product-card{cursor:grabbing}.hanoi26-carousel--products.is-dragging .product-card a.product-card__link{pointer-events:none}.hanoi26-carousel--products .hanoi26-carousel__track{align-items:stretch;gap:12px;transition:transform 0.45s cubic-bezier(.25,.46,.45,.94)}.hanoi26-carousel--products .hanoi26-carousel__slide{flex:0 0 auto;width:calc((100% - 12px) / 2);min-width:calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2);box-sizing:border-box;padding-top:4px;display:flex;overflow:visible}.hanoi26-carousel--products .hanoi26-carousel__slide .product-card{overflow:visible;flex:1 1 auto;width:100%;cursor:pointer}.hanoi26-carousel--products .hanoi26-carousel__btn{top:42%}.hanoi26-carousel--brands .hanoi26-carousel__track{gap:16px}.hanoi26-carousel--brands .hanoi26-carousel__viewport{min-height:8rem;cursor:grab;touch-action:pan-y}.hanoi26-carousel--brands.is-dragging .hanoi26-carousel__viewport{cursor:grabbing;user-select:none;-webkit-user-select:none}.hanoi26-carousel--brands.is-dragging .h26-brand-carousel__link{pointer-events:none}.hanoi26-carousel--brands .hanoi26-carousel__slide{flex:0 0 auto;width:calc((100% - 16px) / 2);min-width:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2);box-sizing:border-box;display:flex;justify-content:center;pointer-events:none}.hanoi26-carousel--brands .h26-brand-carousel__link{pointer-events:auto;width:100%;max-width:9rem;margin-inline:auto}.hanoi26-carousel--brands .hanoi26-carousel__btn{top:38%}.hanoi26-home-usp{overflow-x:clip;max-width:100%}.hanoi26-home-usp__mobile{display:block;padding-inline:1rem;overflow-x:clip;max-width:100%}.hanoi26-home-usp__frame{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;box-shadow:0 10px 28px rgb(15 23 42 / .08);overflow:hidden;max-width:100%}.hanoi26-home-usp__frame::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / .9)}.hanoi26-carousel--usp{padding:0!important;position:relative}.hanoi26-carousel--usp .hanoi26-carousel__viewport{min-height:6.25rem;overflow:hidden;border-radius:.875rem;cursor:grab;touch-action:pan-y;background:linear-gradient(180deg,#ffffff 0%,#fffbfb 100%)}.hanoi26-carousel--usp.is-dragging .hanoi26-carousel__viewport{cursor:grabbing;user-select:none;-webkit-user-select:none}.hanoi26-carousel--usp .hanoi26-carousel__track{gap:0;transition:transform 0.5s cubic-bezier(.25,.46,.45,.94)}.hanoi26-carousel--usp .hanoi26-carousel__slide{flex:0 0 auto;box-sizing:border-box;height:100%}.hanoi26-carousel--usp .hanoi26-home-usp__item{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;min-height:6rem;padding:1rem 2.75rem;border:0;border-radius:0;background:#fff0;box-shadow:none;box-sizing:border-box}.hanoi26-carousel--usp .hanoi26-home-usp__icon{flex-shrink:0;width:2.875rem;height:2.875rem;border-radius:9999px;background:linear-gradient(145deg,#fff1f2 0%,#ffe4e6 100%);color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.0625rem;box-shadow:0 4px 12px rgb(220 38 38 / .12)}.hanoi26-carousel--usp .hanoi26-home-usp__copy{flex:1 1 auto;min-width:0;padding-left:.625rem;border-left:2px solid #fecaca}.hanoi26-carousel--usp .hanoi26-home-usp__title{margin:0 0 .25rem;font-size:.8125rem;font-weight:800;line-height:1.2;letter-spacing:.015em;text-transform:uppercase;color:#0f172a;word-break:break-word}.hanoi26-carousel--usp .hanoi26-home-usp__desc{margin:0;font-size:.75rem;line-height:1.45;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.hanoi26-carousel--usp .hanoi26-carousel__nav{inset:0;pointer-events:none}.hanoi26-carousel--usp .hanoi26-carousel__btn{top:50%;width:2rem;height:2rem;margin:0;padding:0;border:2px solid #fff;background:#fff;color:#374151;box-shadow:0 4px 16px rgb(15 23 42 / .14);transform:translateY(-50%);pointer-events:auto;z-index:25}.hanoi26-carousel--usp .hanoi26-carousel__btn--prev{left:.5rem;transform:translateY(-50%)}.hanoi26-carousel--usp .hanoi26-carousel__btn--next{right:.5rem;transform:translateY(-50%)}.hanoi26-carousel--usp .hanoi26-carousel__btn:hover,.hanoi26-carousel--usp .hanoi26-carousel__btn:focus-visible{background:#e53e3e!important;color:#ffffff!important;border-color:#ffffff!important;transform:translateY(-50%) scale(1.05)}.hanoi26-carousel--usp .hanoi26-carousel__btn--next:hover,.hanoi26-carousel--usp .hanoi26-carousel__btn--next:focus-visible{transform:translateY(-50%) scale(1.05)}.hanoi26-carousel--usp .hanoi26-carousel__btn:active{transform:translateY(-50%) scale(.96)}.hanoi26-carousel--usp .hanoi26-carousel__btn--next:active{transform:translateY(-50%) scale(.96)}.hanoi26-home-usp__dots{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem 0 .125rem}.hanoi26-home-usp__dot{width:.375rem;height:.375rem;padding:0;border:0;border-radius:9999px;background:#cbd5e1;cursor:pointer;transition:width 0.25s ease,background-color 0.25s ease}.hanoi26-home-usp__dot.is-active{width:1.125rem;background:#e53e3e}.hanoi26-home-usp__desktop{display:none}.hanoi26-home-usp__slider{display:block}.hanoi26-home-usp__grid{display:none}@media (min-width:640px){.hanoi26-home-usp__mobile{display:none!important}.hanoi26-home-usp__desktop{display:block}.hanoi26-home-usp__grid{display:grid}}@media (min-width:768px) and (max-width:1099px){.hanoi26-carousel--products .hanoi26-carousel__track{gap:20px}.hanoi26-carousel--products .hanoi26-carousel__slide{width:calc((100% - 40px) / 3);min-width:calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3)}}@media (min-width:1100px){.hanoi26-carousel--products .hanoi26-carousel__track{gap:24px}.hanoi26-carousel--products .hanoi26-carousel__slide{width:calc((100% - 72px) / 4);min-width:calc((100% - 72px) / 4);max-width:calc((100% - 72px) / 4)}}@media (min-width:768px){.hanoi26-carousel--brands .hanoi26-carousel__track{gap:24px}.hanoi26-carousel--brands .h26-brand-carousel__link{max-width:10rem}}@media (min-width:640px) and (max-width:767px){.hanoi26-carousel--brands .hanoi26-carousel__slide{width:calc((100% - 32px) / 3);min-width:calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3)}}@media (min-width:768px) and (max-width:1023px){.hanoi26-carousel--brands .hanoi26-carousel__slide{width:calc((100% - 48px) / 3);min-width:calc((100% - 48px) / 3);max-width:calc((100% - 48px) / 3)}}@media (min-width:1024px){.hanoi26-carousel--brands .hanoi26-carousel__slide{width:calc((100% - 144px) / 7);min-width:calc((100% - 144px) / 7);max-width:calc((100% - 144px) / 7)}.hanoi26-carousel--brands .h26-brand-carousel__link{max-width:7.5rem;gap:.5rem}.hanoi26-carousel--brands .h26-brand-carousel__link>div:first-child{width:5rem!important;height:5rem!important}.hanoi26-carousel--brands .h26-brand-carousel__link span{font-size:.75rem;line-height:1.2}}@media (min-width:1600px){.hanoi26-carousel--products .hanoi26-carousel__slide{width:calc((100% - 96px) / 5);min-width:calc((100% - 96px) / 5);max-width:calc((100% - 96px) / 5)}}@media (max-width:767px){.hanoi26-carousel{padding-inline:3rem}.hanoi26-carousel--products,.hanoi26-carousel--usp{padding-inline:0!important}.hanoi26-carousel--products .hanoi26-carousel__btn{top:28%}.hanoi26-carousel--products .hanoi26-carousel__btn--prev{left:.25rem}.hanoi26-carousel--products .hanoi26-carousel__btn--next{right:.25rem}.hanoi26-carousel__btn{width:2.5rem;height:2.5rem;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.hanoi26-carousel:not(.is-ready) .hanoi26-carousel__viewport::before{animation:none}}