.gr-hero-benefits{position:relative;max-width:1100px;margin:0 auto;border-radius:20px;overflow:hidden;background:#f6f2e7;font-family:inherit}.gr-hero-benefits__image-wrap{position:relative;width:100%;aspect-ratio:16 / 8;overflow:hidden}.gr-hero-benefits__image{width:100%;height:100%;object-fit:cover;display:block}.gr-hero-benefits__headline{position:absolute;top:40px;left:40px;right:40px;max-width:640px}.gr-hero-benefits__headline h2{color:#fff;font-size:34px;line-height:1.25;font-weight:500;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.25)}.gr-hero-benefits__cards{display:grid;grid-template-columns:repeat(4,1fr);margin:-90px 24px 0;position:relative;z-index:2;gap:16px;padding-bottom:32px}.gr-hero-benefits__card{background:#1e3d2f8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:26px 20px;box-shadow:0 8px 24px #0000002e}.gr-card-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);margin-bottom:18px}.gr-card-icon{display:block;font-size:20px;line-height:1}.gr-hero-benefits__cards h3{color:#fff;font-size:15.5px;font-weight:700;margin:0 0 8px}.gr-hero-benefits__cards p{color:#ffffffd1;font-size:13px;line-height:1.5;margin:0}.gr-hero-benefits__dots{display:none}@media(max-width:749px){.gr-hero-benefits{border-radius:14px}.gr-hero-benefits__image-wrap{aspect-ratio:4 / 5}.gr-hero-benefits__headline{top:24px;left:20px;right:20px}.gr-hero-benefits__headline h2{font-size:24px}.gr-hero-benefits__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:-130px 0 0;padding:0 20px 24px;gap:14px;scrollbar-width:none}.gr-hero-benefits__cards::-webkit-scrollbar{display:none}.gr-hero-benefits__card{flex:0 0 78%;scroll-snap-align:start;padding:22px 18px}.gr-card-icon-wrap{width:38px;height:38px;margin-bottom:14px}.gr-card-icon{font-size:17px}.gr-hero-benefits__cards h3{font-size:14.5px}.gr-hero-benefits__cards p{font-size:12.5px}.gr-hero-benefits__dots{display:flex;justify-content:center;gap:6px;padding-bottom:20px}.gr-hero-benefits__dot{width:6px;height:6px;border-radius:50%;background:#1e3d2f40;transition:background .2s ease}.gr-hero-benefits__dot.is-active{background:#1e3d2f;width:18px;border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-benefits.css.map */