.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.hero{position:relative;margin-bottom:55px;margin-top:30px}.hero-three{margin-top:20px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:22px;gap:22px;align-items:stretch;margin-top:25px;height:clamp(320px,36vw,440px)}.hero-carousel{overflow:hidden;min-width:0}.hero-carousel,.hero-swiper{width:100%;height:100%}.hero-swiper .swiper-slide,.hero-swiper .swiper-wrapper{height:100%}.hero-slide{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;margin:0;padding-top:0}.hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}.hero-swiper .swiper-slide-active .hero-slide-img{transform:scale(1.02)}.hero-carousel .swiper-button-next,.hero-carousel .swiper-button-prev{width:33px;height:33px;top:50%;transform:translateY(-50%);color:var(--color-primary);background-color:#fff;padding:7px;border-radius:50%;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s step-end}.hero-carousel:hover .swiper-button-next,.hero-carousel:hover .swiper-button-prev{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}.hero-carousel .swiper-button-next:after,.hero-carousel .swiper-button-prev:after{font-size:18px;background-color:#000;border-radius:50%;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.15);color:#fff}.hero-carousel .swiper-button-prev{left:10px}.hero-carousel .swiper-button-next{right:10px}.hero-side-banners{display:grid;grid-template-rows:repeat(2,1fr);grid-gap:22px;gap:22px;height:100%}.product-ads{display:block;width:100%;height:100%;margin-bottom:0}.product-ads-inner{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.product-ads-img{position:absolute;inset:0}.product-ads img,.product-ads-img{width:100%;height:100%;object-fit:cover}.product-ads img{max-height:none;border-radius:8px}@media (max-width:1200px){.hero-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px;height:clamp(300px,38vw,400px)}.hero-side-banners{gap:18px}}@media (max-width:992px){.hero-layout{grid-template-columns:1fr;height:auto;gap:16px}.hero-carousel,.hero-swiper,.hero-swiper .swiper-slide,.hero-swiper .swiper-wrapper{height:auto}.hero-slide{height:auto;aspect-ratio:16/7}.hero-side-banners{grid-template-columns:repeat(2,1fr);grid-template-rows:unset;height:auto;gap:16px}.product-ads,.product-ads-inner{height:auto}.product-ads-inner{aspect-ratio:16/9}}@media (max-width:576px){.hero-slide{aspect-ratio:16/9}.hero-carousel .swiper-button-next,.hero-carousel .swiper-button-prev{width:44px;height:44px}.hero-carousel .swiper-button-next:after,.hero-carousel .swiper-button-prev:after{font-size:16px;padding:10px}.hero-side-banners{grid-template-columns:1fr;gap:12px;display:none}.product-ads-inner{aspect-ratio:16/9}.hero-slide-img{object-fit:fill}.hero{position:relative;margin-bottom:25px;margin-top:5px}}.hero-two{margin-top:0}.hero-four{margin:20px}.brand-section{padding:30px 57px}.brand-swiper{padding:20px 10px}.brand-card{height:110px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .25s ease}.brand-card:hover{transform:translateY(-4px)}.brand-card img{max-width:95%;max-height:85px;object-fit:contain}.swiper-button-next,.swiper-button-prev{color:#111}.brand-section .swiper-button-next,.brand-section .swiper-button-prev{width:28px;height:28px;margin-top:0;top:50%;transform:translateY(-50%);background:var(--color-primary);color:var(--color-text-white);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.12)}.brand-section .swiper-button-next:after,.brand-section .swiper-button-prev:after{font-size:12px;font-weight:700}.brand-section .swiper-button-prev{left:0}.brand-section .swiper-button-next{right:0}.brand-section .brand-swiper{padding-left:34px;padding-right:34px}@media (max-width:480px){.brand-card{height:70px}.brand-header h3{font-size:18px}.brand-section{padding:30px 10px}}