Гидропомпа BATHMATE - HYDROMAX-7 Wide Boy, прозрачный

.bhm7-page { --bhm7-ink: #172329; --bhm7-muted: #617178; --bhm7-blue: #7faeba; --bhm7-blue-deep: #426f7d; --bhm7-blue-pale: #e9f2f4; --bhm7-white: #ffffff; --bhm7-surface: #f4f7f7; --bhm7-line: rgba(23, 35, 41, 0.13); --bhm7-line-soft: rgba(23, 35, 41, 0.08); width: 100%; max-width: 1160px; margin: 0 auto; overflow: hidden; box-sizing: border-box; color: var(--bhm7-ink); background: var(--bhm7-white); font-family: Arial, Helvetica, sans-serif; line-height: 1.55; } .bhm7-page *, .bhm7-page *::before, .bhm7-page *::after { box-sizing: border-box; } .bhm7-page img { display: block; max-width: 100%; height: auto; } .bhm7-page a { color: inherit; } .bhm7-hero { position: relative; display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); min-height: 610px; background: linear-gradient(135deg, #f5f8f8 0%, #eef5f6 58%, #e5f0f2 100%); overflow: hidden; } .bhm7-hero::before { content: ""; position: absolute; width: 420px; height: 420px; border: 1px solid rgba(66, 111, 125, 0.15); border-radius: 50%; right: 40px; top: 60px; pointer-events: none; } .bhm7-hero::after { content: ""; position: absolute; width: 300px; height: 300px; border: 1px solid rgba(66, 111, 125, 0.09); border-radius: 50%; right: 100px; top: 120px; pointer-events: none; } .bhm7-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 58px 28px 58px 58px; } .bhm7-brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; color: var(--bhm7-blue-deep); font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; } .bhm7-brand::before { content: ""; display: block; width: 32px; height: 1px; background: var(--bhm7-blue-deep); } .bhm7-hero h1 { margin: 0; max-width: 500px; font-size: clamp(38px, 4.1vw, 58px); line-height: 1.04; letter-spacing: -0.035em; font-weight: 700; } .bhm7-hero-subtitle { max-width: 460px; margin: 22px 0 0; color: var(--bhm7-muted); font-size: 17px; line-height: 1.65; } .bhm7-hero-spec { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--bhm7-line); } .bhm7-hero-spec span { color: var(--bhm7-ink); font-size: 13px; font-weight: 700; } .bhm7-hero-spec span::before { content: "—"; margin-right: 7px; color: var(--bhm7-blue-deep); } .bhm7-hero-media { position: relative; min-width: 0; min-height: 610px; display: flex; align-items: center; justify-content: center; padding: 42px 48px; } .bhm7-hero-media img { position: relative; z-index: 2; width: 100%; max-width: 590px; max-height: 555px; object-fit: contain; object-position: center; transition: transform 0.45s ease; } .bhm7-hero-media:hover img { transform: translateY(-5px); } .bhm7-hero-index { position: absolute; z-index: 3; right: 28px; bottom: 28px; color: rgba(23, 35, 41, 0.38); font-size: 11px; letter-spacing: 0.14em; } .bhm7-intro { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 52px; padding: 58px 58px 54px; border-bottom: 1px solid var(--bhm7-line); } .bhm7-kicker { margin: 0; color: var(--bhm7-blue-deep); font-size: 11px; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; } .bhm7-intro h2 { margin: 10px 0 0; font-size: 29px; line-height: 1.15; letter-spacing: -0.025em; } .bhm7-intro-text { margin: 0; color: #46575e; font-size: 16px; line-height: 1.72; } .bhm7-intro-text + .bhm7-intro-text { margin-top: 13px; } .bhm7-features { padding: 56px 58px 62px; } .bhm7-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; } .bhm7-section-head h2 { margin: 7px 0 0; font-size: 31px; line-height: 1.12; letter-spacing: -0.025em; } .bhm7-section-note { max-width: 330px; margin: 0; color: var(--bhm7-muted); font-size: 13px; line-height: 1.55; text-align: right; } .bhm7-feature-layout { display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 20px; align-items: stretch; } .bhm7-feature-image { position: relative; min-height: 470px; overflow: hidden; background: #edf4f5; } .