.why-hydrogen{position:relative;overflow:visible;padding-top:var(--section-gap-top, 40px);padding-bottom:var(--section-gap-bottom, 48px);background-color:var(--why-hydrogen-page-bg, #ffffff);color:var(--why-hydrogen-text, #111)}.why-hydrogen__inner{position:relative;z-index:1;width:min(980px,calc(100% - 32px));margin:0 auto}.why-hydrogen__glow{position:absolute;left:50%;top:50%;z-index:0;width:100%;aspect-ratio:1;height:auto;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--why-hydrogen-glow, #7dd3d0) 60%,#fff) 0%,color-mix(in srgb,var(--why-hydrogen-glow, #7dd3d0) 32%,transparent) 36%,color-mix(in srgb,var(--why-hydrogen-glow, #7dd3d0) 12%,transparent) 55%,transparent 70%)}.why-hydrogen__card{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding:28px 20px;border:1.5px solid var(--why-hydrogen-border, #7eb8b8);border-radius:12px;background:var(--why-hydrogen-card-bg, #fff);box-sizing:border-box}.why-hydrogen__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px}.why-hydrogen__circle{position:absolute;width:min(78%,280px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--why-hydrogen-circle, #18bab4)}.why-hydrogen__circle img{width:100%;height:100%;object-fit:cover;display:block}.why-hydrogen__product{position:relative;z-index:1;width:min(72%,260px);display:flex;align-items:center;justify-content:center}.why-hydrogen__product img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22))}.why-hydrogen__content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.why-hydrogen__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--why-hydrogen-muted, #6b6b6b)}.why-hydrogen__heading{margin:0;font-family:var(--font-headline, inherit);font-size:clamp(34px,5.5vw,56px);font-weight:800;line-height:.98;letter-spacing:.01em;text-transform:uppercase;color:inherit}.why-hydrogen__intro{margin:0;max-width:28ch;font-size:14px;line-height:1.45;color:var(--why-hydrogen-muted, #555)}.why-hydrogen__list-heading{margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.35;color:inherit}.why-hydrogen__list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px;width:100%}.why-hydrogen__item{display:flex;align-items:center;gap:10px}.why-hydrogen__item-icon{flex:0 0 auto;width:var(--why-hydrogen-icon-size, 28px);height:var(--why-hydrogen-icon-size, 28px);display:flex;align-items:center;justify-content:center;color:var(--why-hydrogen-accent, #18bab4)}.why-hydrogen__item-icon img{width:100%;height:100%;object-fit:contain;display:block}.why-hydrogen__item-text{margin:0;font-size:14px;font-weight:500;line-height:1.3;color:inherit}.why-hydrogen__button{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;min-width:180px;padding:12px 28px;border:0;border-radius:8px;background:var(--why-hydrogen-button-bg, #18bab4);color:var(--why-hydrogen-button-text, #fff);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;line-height:1.2;transition:opacity .2s ease}.why-hydrogen__button:hover{opacity:.92;color:var(--why-hydrogen-button-text, #fff)}.why-hydrogen__button:focus-visible{outline:2px solid #111;outline-offset:3px}@media screen and (min-width:750px){.why-hydrogen__inner{width:min(980px,calc(100% - 48px))}.why-hydrogen__card{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:28px;padding:36px 40px}.why-hydrogen__media{min-height:280px}.why-hydrogen__circle{width:min(92%,240px)}.why-hydrogen__product{width:min(82%,220px)}.why-hydrogen__content{gap:14px}.why-hydrogen__heading{font-size:clamp(42px,4.8vw,56px)}.why-hydrogen__intro{max-width:30ch;font-size:15px}.why-hydrogen__list-heading,.why-hydrogen__item-text{font-size:15px}.why-hydrogen__list{gap:12px}}@media screen and (max-width:749px){.why-hydrogen__card{text-align:left}.why-hydrogen__heading{font-size:34px}.why-hydrogen__intro{max-width:26ch}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/why-hydrogen-water.css.map */