.banner{position:relative;width:100%;overflow:hidden}.banner-image-container{width:100%;height:100%}.banner-image{width:100%;height:auto;display:block}.banner-title{font-size:40px;letter-spacing:1px;margin:0 0 12px;font-weight:500}@media (max-width:767px){.banner-title{font-size:28px}}.banner-content{position:absolute;z-index:2;max-width:50%;top:var(--top-desktop);right:var(--right-desktop);bottom:var(--bottom-desktop);left:var(--left-desktop);transform:var(--transform-desktop)}@media (max-width:768px){.banner-content{top:var(--top-mobile);right:var(--right-mobile);bottom:var(--bottom-mobile);left:var(--left-mobile);transform:var(--transform-mobile);max-width:70%}}.banner-button{display:inline-block;padding:12px 24px;background-color:transparent;border:1px solid #000;color:#000;text-decoration:none;font-size:14px;letter-spacing:1px;transition:all .3s ease}.banner-button:hover{transform:translateY(-2px)}.banner-button:active{transform:translateY(0)}@media (max-width:768px){.banner-button{padding:10px 20px;font-size:13px}}@media (max-width:480px){.banner-button{padding:8px 16px;font-size:12px}}.banner-collection{display:flex;flex-direction:column;gap:40px}.banner-collection.page-container{padding:0}.hero-banner .banner-collection{margin:0}@media (max-width:768px){.banner-collection{gap:30px}}@media (max-width:480px){.banner-collection{gap:20px}}.product-collection .swiper-button-next:after,.product-collection .swiper-button-prev:after{color:#000!important}.collection-header{margin-bottom:24px}.shop-all-link{font-size:15px;font-weight:500;text-decoration:none;color:#000;letter-spacing:.5px;transition:opacity .2s}.shop-all-link:hover{opacity:.7;text-decoration:underline}