.home-banner-skeleton{position:relative;width:100%;aspect-ratio:21/9.8;max-height:35vh;border-radius:20px;overflow:hidden;margin-top:8px}@media (min-width:1400px){.home-banner-skeleton{max-height:min(46vh,calc(92vw * 9.8 / 21))}}@media (min-width:1800px){.home-banner-skeleton{max-height:min(50vh,calc(92vw * 9.8 / 21))}}.skeleton-banner-image{width:100%;height:100%;background:var(--skeleton-bg,linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%));background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:20px}[data-theme=dark] .skeleton-banner-image{background:var(--skeleton-bg,linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%));background-size:200% 100%}.skeleton-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.skeleton-nav-button{width:44px;height:44px;border-radius:50%;background:var(--skeleton-nav-bg,rgba(255,255,255,.3));position:relative}[data-theme=dark] .skeleton-nav-button{background:var(--skeleton-nav-bg,rgba(255,255,255,.1))}.skeleton-nav-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid var(--skeleton-nav-arrow,rgba(255,255,255,.5));border-left:none;border-bottom:none}.skeleton-nav-prev:after{transform:translate(-50%,-50%) rotate(-135deg)}.skeleton-nav-next:after{transform:translate(-50%,-50%) rotate(45deg)}.skeleton-pagination{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.skeleton-dot{width:10px;height:10px;border-radius:50%;background:var(--skeleton-dot-bg,rgba(255,255,255,.4));animation:pulse 1.5s ease-in-out infinite}[data-theme=dark] .skeleton-dot{background:var(--skeleton-dot-bg,rgba(255,255,255,.2))}.skeleton-dot:first-child{animation-delay:0s}.skeleton-dot:nth-child(2){animation-delay:.2s}.skeleton-dot:nth-child(3){animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:768px){.skeleton-nav-button{width:36px;height:36px}.skeleton-nav-button:after{width:10px;height:10px}.skeleton-pagination{bottom:15px}.skeleton-dot{width:8px;height:8px}}@media (max-width:480px){.skeleton-navigation{padding:0 15px}.skeleton-nav-button{width:32px;height:32px}.skeleton-nav-button:after{width:8px;height:8px}}.banner-container{margin-top:0!important;padding:0 4% .5rem!important;width:100%;box-sizing:border-box}.home-banner-slider{position:relative;width:100%;aspect-ratio:21/9.8;max-height:35vh;border-radius:20px;overflow:hidden;margin-top:8px;background:var(--background-secondary,#f0f0f0)}@media (min-width:1400px){.home-banner-slider{max-height:min(46vh,calc(92vw * 9.8 / 21))}}@media (min-width:1800px){.home-banner-slider{max-height:min(50vh,calc(92vw * 9.8 / 21))}}.home-banner-slider>.swiper.mySwiper2{position:absolute!important;inset:0!important;margin:0!important}.home-banner-slider .swiper-slide,.home-banner-slider .swiper-wrapper,.home-banner-slider>.swiper.mySwiper2{width:100%!important;height:100%!important}.home-banner-slider .swiper-slide{display:block!important;position:relative!important;overflow:hidden}.home-banner-slide-frame{overflow:hidden}.home-banner-slide-bg,.home-banner-slide-frame{position:absolute;inset:0;width:100%;height:100%}.home-banner-slide-bg{background-size:cover;background-position:0;background-repeat:no-repeat}@supports not (aspect-ratio:1){.home-banner-slider{height:clamp(70px,35vh,168px)}}html[dir=rtl] .home-banner-slide-bg{background-position:100%}@media (max-width:768px){.home-banner-slider{width:100%;max-width:100%;aspect-ratio:21/9.8;max-height:35vh;min-height:min(35vh,calc(92vw * 9.8 / 21))}.home-banner-slider>.swiper.mySwiper2{margin-top:0!important;margin-bottom:0!important}.home-banner-slide-bg{background-position:0}}.swiper{margin-top:0!important}.home-banner-slider .mySwiper2{margin-top:0!important;margin-bottom:0!important;z-index:1!important}.search,.search.active{margin-bottom:0!important;padding-bottom:0!important}.home-banner-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,86,82,.5),0 4px 12px rgba(0,0,0,.25)!important}.home-banner-cta:active{transform:translateY(0)}