.section-hero-16{position:relative;overflow:hidden}.hero-container{width:100%}.hero-wrapper{max-width:1400px;margin:0 auto;display:grid;gap:var(--hero-gap-mobile, 16px);padding:var(--hero-content-py, 15px) var(--hero-content-px, 16px);grid-template-areas:"image" "content"}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;grid-area:content}.hero-image{grid-area:image;border-radius:var(--hero-image-radius, 16px);overflow:hidden}.hero-image img{display:block;width:100%;height:100%;object-fit:cover}.hero-image-placeholder{background-color:#e0e0e0;min-height:300px;display:flex;align-items:center;justify-content:center}.hero-image-placeholder .placeholder-svg{width:100%;height:auto;max-height:400px}.hero-review{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--hero-review-bg, rgba(223,223,223,.4));padding:14px;border-radius:10px;margin-top:0;width:fit-content;max-width:100%}.hero-stars{display:flex;align-items:center;gap:2px}.hero-stars .star{display:inline-flex;align-items:center;justify-content:center}.hero-stars .star svg{width:14px;height:14px;display:block}.hero-review-text{margin:0}.hero-review-text *{margin:0;font-size:12px;color:#000;line-height:130%}.hero-heading{margin-top:18px}.hero-heading *{margin:0;font-size:var(--hero-heading-size-mobile, 30px);color:var(--hero-heading-color, #000000);line-height:1.3}.hero-text{margin-top:10px}.hero-text *{margin:0;font-size:var(--hero-text-size-mobile, 15px);color:var(--hero-text-color, #000000);line-height:1.5}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:var(--hero-button-py, 22px) var(--hero-button-px, 50px);border-radius:var(--hero-button-radius, 8px);text-decoration:none;font-weight:700;font-size:14px;line-height:1;transition:all .3s ease;cursor:pointer;border:none;text-align:center;background-color:var(--hero-button-bg, #4b6851);color:var(--hero-button-text, #ffffff)}.hero-button:hover{background-color:var(--hero-button-bg-hover, #4f8c5c)!important;color:var(--hero-button-text-hover, #000000)!important}.hero-button-text{display:inline-block}.hero-feature{display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;margin-top:14px}.hero-feature:first-of-type{margin-top:28px}.hero-feature-icon{height:16px;width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-feature-icon img,.hero-feature-icon svg{display:block;width:100%;height:100%;object-fit:contain}.hero-feature-text{margin:0;font-size:14px;color:var(--hero-feature-text-color, #000000);line-height:1.3}@media(min-width:990px){.hero-wrapper{display:grid;gap:var(--hero-gap-desktop, 76px);padding:var(--hero-content-py, 20px) 5rem;grid-template-areas:"content image"}.section-hero-16[data-layout=content_left] .hero-wrapper{grid-template-columns:var(--hero-content-width, 50%) 1fr}.section-hero-16[data-layout=content_left] .hero-content{grid-column:1;grid-row:1}.section-hero-16[data-layout=content_left] .hero-image{grid-column:2;grid-row:1}.section-hero-16[data-layout=image_left] .hero-wrapper{grid-template-columns:1fr var(--hero-content-width, 50%)}.section-hero-16[data-layout=image_left] .hero-content{grid-column:2;grid-row:1}.section-hero-16[data-layout=image_left] .hero-image{grid-column:1;grid-row:1}.hero-content{align-items:flex-start;text-align:left}.hero-review{justify-content:flex-start}.hero-stars .star svg{width:18px;height:18px}.hero-review-text *{font-size:14px}.hero-heading{margin-top:24px}.hero-heading *{font-size:var(--hero-heading-size-desktop, 32px)}.hero-text{margin-top:16px}.hero-text *{font-size:var(--hero-text-size-desktop, 16px)}.hero-button{margin-top:36px;padding:var(--hero-button-py-desktop, 26px) var(--hero-button-px-desktop, 62px);font-size:16px}.hero-button+.hero-feature{margin-top:30px}.hero-feature{justify-content:flex-start;margin-top:14px}.hero-feature:first-of-type{margin-top:30px}.hero-feature-icon{height:20px;width:20px}.hero-feature-text{font-size:16px}.hero-image{aspect-ratio:auto!important}}@media(min-width:768px)and (max-width:989px){.hero-wrapper{padding:var(--hero-content-py, 18px) 2rem;gap:32px}.hero-heading *{font-size:calc(var(--hero-heading-size-desktop, 32px) * .85)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-16.css.map */