body.template--product carousel-banners>.page-width{padding-bottom:28px;max-width:unset}body.template--product carousel-banners>.page-width .carousel-banners-swiper{margin-top:10px}@media screen and (min-width: 1500px){body.template--product carousel-banners .carousel-banners__box--content-inner{width:fit-content;margin:auto}}carousel-banners{position:relative}carousel-banners>.page-width{padding-top:20px}carousel-banners *{padding:0;margin:0}carousel-banners .carousel-banners__container{display:grid;grid-template-columns:1fr 1fr}carousel-banners .carousel-banners__box{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}carousel-banners .carousel-banners__image{width:100%;height:auto;object-fit:contain}carousel-banners .carousel-banners__title-box{display:flex;flex-direction:column;gap:8px;position:relative}carousel-banners .carousel-banners__title{position:relative;z-index:1}carousel-banners .title-1{color:var(--text-color);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:90%;letter-spacing:-1.2px}carousel-banners .title-2{color:var(--text-color);font-family:Libre Caslon Text,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:36px;font-style:normal;font-weight:400;line-height:90%;letter-spacing:-1.2px}carousel-banners .border-second-title .title-1{font-weight:400}carousel-banners .border-second-title .title-2{font-weight:700}carousel-banners .maple-icon svg{width:36px;height:36px}carousel-banners .maple-icon svg path{fill:#fff}carousel-banners .carousel-banners__desc-box{position:relative;z-index:2;max-width:530px}carousel-banners .carousel-banners__desc-box p{color:var(--text-color);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}carousel-banners .carousel-banners__box--content{display:flex;flex-direction:column;padding:18px 36px;position:relative}carousel-banners .carousel-banners__box--content-inner{display:flex;flex-direction:column;gap:24px}carousel-banners .carousel-banners__cta-box{display:flex;flex-direction:column;align-items:flex-start;gap:24px;position:relative;z-index:2}carousel-banners .carousel-banners__btn-primary{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:10px;background:var(--cta-bg-color);color:var(--cta-color);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:140%;letter-spacing:.36px;text-decoration:none}carousel-banners .carousel-banners__btn-outline{color:var(--text-color);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.36px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}carousel-banners .carousel-banners__tile-circle{display:block;background-color:#fff;width:268px;aspect-ratio:1;position:absolute;top:-70px;left:-60px;border-radius:50%}carousel-banners .carousel-banners__container.swiper-slide{height:100%;box-sizing:border-box;border-radius:8px}carousel-banners .carousel-banners-swiper{margin-top:40px;width:100%;overflow:hidden;position:relative}carousel-banners .carousel-banners__swiper-buttons{position:absolute;top:50%;width:100%;left:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:1;padding-left:8px;padding-right:8px;min-height:40px}carousel-banners .js-swiper-buttons-cotainer-pc{display:flex;align-items:center;gap:16px}carousel-banners .carousel-banners__swiper-buttons .swiper-button-prev,carousel-banners .carousel-banners__swiper-buttons .swiper-button-next{width:40px;height:40px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1efec3d;margin-top:0;position:static}carousel-banners .carousel-banners__swiper-buttons .swiper-button-prev svg{transform:rotate(90deg)}carousel-banners .carousel-banners__swiper-buttons .swiper-button-next svg{transform:rotate(-90deg)}carousel-banners .image-block__picture{overflow:hidden}@media only screen and (max-width: 749px){carousel-banners .carousel-banners__box--content{padding:16px 8px}carousel-banners .title-1,carousel-banners .title-2{font-size:24px;line-height:30px;display:block}carousel-banners .maple-icon svg{width:24px;height:24px}carousel-banners .carousel-banners__desc-box p{font-size:12px;font-style:normal;font-weight:500;line-height:150%;max-width:135px}carousel-banners .carousel-banners__tile-circle{width:84px;top:-10px;left:-13px}carousel-banners .carousel-banners__btn-primary{padding:8px 12px;font-size:12px}carousel-banners .carousel-banners__btn-outline{display:none}carousel-banners .carousel-banners__box--content-inner{gap:8px}carousel-banners .image-block__picture{height:100%;overflow:hidden}carousel-banners .carousel-banners__container{padding-left:24px;padding-right:24px}carousel-banners .carousel-banners__image{height:100%;object-fit:cover}carousel-banners .js-swiper-buttons-cotainer-pc{display:none}carousel-banners .image-position--cover{object-fit:cover}carousel-banners .image-position--contain{object-fit:contain}carousel-banners .image-hidden-mobile{display:block}carousel-banners .image-hidden-mobile .carousel-banners__title>span{display:inline}carousel-banners .image-hidden-mobile .carousel-banners__desc-box p{max-width:unset}carousel-banners .images-takes-avail-space-mobile picture{width:100%;height:100%;position:relative}carousel-banners .images-takes-avail-space-mobile picture img{position:absolute;width:100%;height:auto}}carousel-banners .carousel-banners-swiper .carousel-banners__container.swiper-slide{min-height:var(--slides-height)}@media only screen and (min-width: 750px){carousel-banners .carousel-banners__container{grid-template-columns:1fr 1fr;width:100%;height:100%;min-height:fit-content}carousel-banners .image-block__picture{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}carousel-banners .image-block__picture .carousel-banners__image:not(.image-position--contain){height:auto;min-height:100%;object-fit:contain;position:absolute;object-position:center;max-width:420px}carousel-banners .image-position--contain{height:100%;object-fit:contain;width:auto;position:absolute}}carousel-banners .swiper-button-prev:after,carousel-banners .swiper-button-next:after{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/981/assets/carousel-banners.css.map */