@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,300;1,400&display=swap";:root{--hero-font-serif: "Playfair Display", serif}.hero-banners-section{padding:40px 0 60px;background:#fff}.hero-banners-container{max-width:100%;margin:0 auto;padding:0 40px;position:relative}.hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;justify-content:center;color:#1c1c1c;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);opacity:0}.hero-banners-container:hover .hero-nav-btn{opacity:1}.hero-nav-btn.prev{left:40px}.hero-nav-btn.next{right:40px}.hero-nav-btn:hover{background:#0e3421;color:#fff;transform:translateY(-50%) scale(1.1)}.hero-scroll-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab}.hero-scroll-track:active{cursor:grabbing}.hero-banner-item{min-width:100%;scroll-snap-align:start;flex-shrink:0}@media(min-width:768px){.hero-banner-item{flex:0 0 calc(42% - 10px);min-width:calc(42% - 10px)}}.hero-banner-link{display:block;width:100%;text-decoration:none;border-radius:12px;overflow:hidden;background:#f0f0f0}.hero-banner-media{position:relative;width:100%;aspect-ratio:404 / 219}@media(min-width:768px){.hero-banner-media{aspect-ratio:404 / 219}}.hero-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}.hero-banner-link:hover .hero-banner-img{transform:scale(1.05)}.hero-banner-placeholder{width:100%;height:100%;background:#eee}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:767px){.hero-banners-section{padding:0 0 30px}.hero-banners-container{padding:0!important}.hero-nav-btn{display:none}.hero-banner-media{aspect-ratio:404 / 219}.hero-banner-item{min-width:100%;padding:0!important;margin:0!important}.hero-scroll-track{gap:0!important;padding:0!important;margin:0!important;scroll-snap-type:x mandatory}.hero-banner-link{border-radius:0;margin:0!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-home.css.map */