.section-image-with-text [data-contained-card=true]{--sonic-card-radius: 24px}.section-image-with-text [data-contained-card=true].hero__wrapper{max-width:min(var(--site-max-width-big),calc(100vw - 48px));padding-left:0;padding-right:0}.section-image-with-text [data-contained-card=true] .hero{min-height:var(--section-height, 460px);background:rgba(var(--color-overlay-rgb),var(--color-overlay-opacity));border-radius:var(--sonic-card-radius);overflow:hidden}.section-image-with-text [data-contained-card=true] .hero__overlay{background:transparent}.section-image-with-text [data-contained-card=true] .hero__overlay__content{max-width:520px;gap:0}.section-image-with-text [data-contained-card=true] .hero__subheading{margin-bottom:16px;color:#28a17b;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.4;text-transform:uppercase}.section-image-with-text [data-contained-card=true] .hero__title{max-width:560px;margin-bottom:20px;font-size:clamp(32px,2.2vw,42px);font-weight:500;letter-spacing:0;line-height:1.1}.section-image-with-text [data-contained-card=true] .headline--rich{margin-bottom:20px}.section-image-with-text [data-contained-card=true] .headline--rich h2,.section-image-with-text [data-contained-card=true] .headline--rich p{margin:0;color:#16181d;font-size:clamp(32px,2.2vw,42px);font-weight:500;letter-spacing:0;line-height:1.1}.section-image-with-text [data-contained-card=true] .headline--rich strong{color:#6a7281;font-weight:inherit}.section-image-with-text [data-contained-card=true] .hero__text{max-width:520px;margin-bottom:24px;color:#6a7281;font-size:16px;line-height:1.4}.section-image-with-text [data-contained-card=true] .hero__text p{margin:0}.section-image-with-text [data-contained-card=true] .hero__button--gap{justify-content:flex-start}.section-image-with-text [data-contained-card=true] .hero__button--primary{min-height:56px;padding:0 36px;color:#fafafa;background:#2c2f35;border-radius:999px;font-size:16px;line-height:1.4}@media(hover:hover){.section-image-with-text [data-contained-card=true] .hero__button--primary:hover{color:#16181d;background:#9fe3c5}}.section-image-with-text [data-contained-card=true] .hero__pic-container,.section-image-with-text [data-contained-card=true] .hero__pic-wrapper,.section-image-with-text [data-contained-card=true] .hero__pic{height:100%;overflow:visible}.section-image-with-text [data-contained-card=true] .hero__pic .hero__img{object-fit:contain;object-position:center}@media(min-width:900px){.section-image-with-text [data-contained-card=true] .hero{min-height:var(--section-height-desk, 450px)}.section-image-with-text [data-contained-card=true] .hero__overlay{padding:64px clamp(32px,calc((100vw - 1100px) / 6),120px)}.section-image-with-text [data-contained-card=true] .hero__pic{min-height:var(--section-height-desk, 450px)}}@media(max-width:899px){.section-image-with-text [data-contained-card=true].hero__wrapper{max-width:calc(100vw - 32px);padding-left:0;padding-right:0}.section-image-with-text [data-contained-card=true] .hero{display:flex;flex-direction:column-reverse}.section-image-with-text [data-contained-card=true] .hero__overlay{padding:32px 24px 36px}.section-image-with-text [data-contained-card=true] .hero__overlay__content{width:100%;max-width:none}.section-image-with-text [data-section-id$=__sonic_compare_cleaners][data-contained-card=true] .hero__overlay__content{align-items:center;text-align:center}.section-image-with-text [data-section-id$=__sonic_compare_cleaners][data-contained-card=true] .headline--rich,.section-image-with-text [data-section-id$=__sonic_compare_cleaners][data-contained-card=true] .headline--rich h2{width:100%;text-align:center}.section-image-with-text [data-section-id$=__sonic_compare_cleaners][data-contained-card=true] .hero__button--gap{justify-content:center}.section-image-with-text [data-contained-card=true] .hero__title,.section-image-with-text [data-contained-card=true] .headline--rich h2,.section-image-with-text [data-contained-card=true] .headline--rich p{font-size:32px}.section-image-with-text [data-contained-card=true] .hero__pic{height:clamp(260px,45vw,360px);min-height:0;flex:0 0 clamp(260px,45vw,360px)}.section-image-with-text [data-contained-card=true] .hero__pic-container,.section-image-with-text [data-contained-card=true] .hero__pic-wrapper{height:auto}.section-image-with-text [data-contained-card=true] .hero__pic .hero__img{height:100%;object-position:center bottom}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-image-with-text-contained.css.map */
