.aoc-click-to-scroll .inner-wrapper{display:flex;justify-content:center;align-items:center;max-width:1440px;margin:0 auto;flex-wrap:wrap}.aoc-click-to-scroll h3{text-align:center;font-size:3rem;text-transform:none;margin-top:20px}.aoc-click-to-scroll .banner-item{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.aoc-click-to-scroll .banner-section{height:400px;position:relative;overflow:hidden}.aoc-click-to-scroll .banner-item{position:absolute;top:0;right:0;bottom:0;left:0}.aoc-click-to-scroll .banner-item img{width:100%;height:100%;object-fit:cover;object-position:center}.aoc-click-to-scroll .banner-item.is-visible{opacity:1;pointer-events:auto}.aoc-click-to-scroll .banner-section{width:100%;margin-bottom:70px}.aoc-back-to-top{position:fixed;bottom:2rem;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--color-button-primary);color:#fff;cursor:pointer;transition:opacity .3s ease,visibility .3s ease;border:3px solid #34778F;z-index:9999999999!important}.aoc-back-to-top.label-only{border-radius:0;width:auto;padding:10px;font-weight:700}.aoc-back-to-top[data-position=right]{right:7rem}.aoc-back-to-top[data-position=left]{left:2rem}.aoc-back-to-top svg{transform:rotate(180deg) translateY(1px)}.aoc-back-to-top.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.aoc-click-to-scroll .anchor{padding:10px;cursor:pointer;display:grid;grid-template-rows:1fr 55px}.aoc-click-to-scroll .anchor:hover>p{color:var(--color-button-primary)}.aoc-click-to-scroll .anchor>.img-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;margin-bottom:10px;border-radius:12px}.aoc-click-to-scroll .anchor>.img-wrapper>img{width:100%;height:100%;object-fit:cover;object-position:center}.aoc-click-to-scroll .anchor>p{font-size:1.3rem;font-weight:700;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media(min-width:1000px)and (max-width:1300px){.aoc-click-to-scroll .inner-wrapper[data-desktop-counts="7"] .anchor>p{font-size:15px}}@media(max-width:600px){.aoc-click-to-scroll .banner-section{height:200px;margin-bottom:30px}.aoc-click-to-scroll h3{font-size:2rem}.aoc-click-to-scroll .inner-wrapper[data-mobile-counts="3"] .anchor>p,.aoc-click-to-scroll .inner-wrapper[data-mobile-counts="4"] .anchor>p{font-size:12px}.aoc-back-to-top[data-position=right]{right:3rem}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/aoc-click-to-scroll.css.map */