.hero-banner{overflow:visible;position:relative}.hero-banner__top{background-color:var(--color-bg-light);width:100%}.hero-banner__content{max-width:640px;padding-top:112px;padding-bottom:340px}.hero-banner__title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:1.1;margin:0 0 16px;color:var(--color-text-dark)}.hero-banner__subtitle{font-size:var(--font-size-5xl);line-height:48px;font-weight:var(--font-weight-regular);margin:0 0 40px;color:var(--color-text-dark)}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:24px}.hero-banner__button{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:4px 40px;border-radius:60px;font-size:var(--font-size-md);text-decoration:none;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.hero-banner__button:hover{opacity:.85}.hero-banner__button--normal{background-color:var(--color-brand-blue);border:1px solid var(--color-brand-blue);color:#fff}.hero-banner__button--normal .hero-banner__button-arrow svg path{fill:#fff}.hero-banner__button--reverse{background-color:#fff;border:1px solid var(--color-brand-blue);color:var(--color-brand-blue)}.hero-banner__button--reverse .hero-banner__button-arrow svg path{fill:var(--color-brand-blue)}.hero-banner__button-arrow{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.hero-banner__button-arrow svg{width:14px;height:12px}.hero-banner__collections{background-color:#fff;padding-bottom:80px}.hero-banner__collections>.page-width{display:flex;flex-direction:column;align-items:center}.hero-banner__collections-wrapper{max-width:80%;width:100%;margin-top:-70px;position:relative}.hero-banner__collections-blue{background-color:var(--color-brand-blue);border-radius:40px;padding:32px 24px 120px;position:relative;z-index:1;overflow:visible;margin-bottom:135px}.hero-banner__collections-banner{text-align:center}.hero-banner__collections-banner-text{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);position:relative;margin:0;z-index:1}.hero-banner__image-wrap{position:absolute;right:0;bottom:50%;width:100%;pointer-events:none;z-index:1}.hero-banner__image{width:100%;height:auto;display:block;object-fit:contain;object-position:right bottom}.hero-banner__collections-grid{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:80%;z-index:2}.hero-banner__collections-grid-inner{display:flex;gap:14px;overflow:hidden;scroll-behavior:smooth;padding:20px;margin:-20px}.hero-banner__collection-card{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:24px;text-decoration:none;transition:transform .2s ease;box-shadow:0 0 20px var(--color-shadow);min-width:calc((100% - 42px)/4);width:calc((100% - 42px)/4);aspect-ratio:227 / 175;flex-shrink:0;overflow:hidden;min-height:0}.hero-banner__collection-card:hover{transform:scale(1.03)}.hero-banner__collection-card img{max-width:100%;max-height:100%;height:auto;object-fit:contain}.hero-banner__collections-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:var(--color-shadow-dark);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:opacity .2s ease;padding:0}.hero-banner__collections-grid:hover .hero-banner__collections-arrow:not([disabled]){opacity:1}.hero-banner__collections-arrow[disabled]{opacity:0;pointer-events:none}.hero-banner__collections-arrow--left{left:-24px}.hero-banner__collections-arrow--right{right:-24px}.hero-banner__collections-arrow svg{width:10px;height:18px}.hero-banner__collections-cta{text-align:center}@media screen and (max-width:1220px){.hero-banner__collections-blue{padding-bottom:88px}}@media screen and (max-width:989px){.hero-banner__content{padding-top:48px;padding-bottom:24px}.hero-banner__title{font-size:var(--font-size-4xl)}.hero-banner__subtitle{font-size:var(--font-size-xl);line-height:32px}.hero-banner__button{padding:12px 24px;font-size:var(--font-size-base)}.hero-banner__image-wrap{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;margin-bottom:-40px}.hero-banner__collection-card{min-width:calc((100% - 28px) / 3);width:calc((100% - 28px) / 3);height:auto;aspect-ratio:227 / 175;padding:16px}.hero-banner__collections-blue{border-radius:28px;padding:24px 20px 80px;margin-bottom:100px}.hero-banner__collections-banner-text{font-size:var(--font-size-md)}.hero-banner__collections{padding-top:40px}.hero-banner__collections-wrapper{max-width:90%}.hero-banner__collections-grid-inner{overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-banner__collections-grid-inner::-webkit-scrollbar{display:none}.hero-banner__collections-grid-inner:active{cursor:grabbing}.hero-banner__collections-arrow{display:none}}@media screen and (max-width:749px){.hero-banner__collections-blue{border-radius:20px;padding:20px 16px 64px;margin-bottom:80px}.hero-banner__collections-banner-text{font-size:var(--font-size-base)}.hero-banner__collection-card{padding:12px;border-radius:10px}}@media screen and (max-width:480px){.hero-banner__collection-card{min-width:calc(50% - 7px);width:calc(50% - 7px)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-hero-banner.css.map */