Gvibe 3 Pink Gift Box - Вибратор для разных зон, 18х3.5 см (розовый)

/* ========================================================= GVIBE 3 PINK GIFT BOX — PRODUCT LANDING Isolated CSS prefix: gv3p- ========================================================= */ .gv3p-page, .gv3p-page * { box-sizing: border-box; } .gv3p-page { --gv3p-pink: #d98fa9; --gv3p-pink-soft: #f5dfe7; --gv3p-pink-pale: #fbf3f6; --gv3p-rose: #b96784; --gv3p-ink: #29252a; --gv3p-muted: #746d72; --gv3p-line: #ead9df; --gv3p-white: #ffffff; --gv3p-radius: 24px; width: 100%; max-width: 1160px; margin: 0 auto; padding: 0; overflow: hidden; color: var(--gv3p-ink); background: var(--gv3p-white); font-family: Arial, Helvetica, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; } .gv3p-page img { display: block; width: 100%; max-width: 100%; height: auto; } .gv3p-page a { color: inherit; } .gv3p-page h1, .gv3p-page h2, .gv3p-page h3, .gv3p-page p { margin-top: 0; } /* ========================================================= HERO ========================================================= */ .gv3p-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); min-height: 590px; overflow: hidden; background: radial-gradient( circle at 78% 18%, rgba(217,143,169,.22), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #fff7fa 54%, #f8e7ed 100% ); border-radius: 0 0 32px 32px; } .gv3p-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 70px 54px 70px 58px; } .gv3p-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--gv3p-rose); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .gv3p-kicker::before { content: ""; width: 28px; height: 1px; background: var(--gv3p-pink); } .gv3p-hero h1 { max-width: 560px; margin-bottom: 22px; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.08; font-weight: 600; letter-spacing: -.035em; } .gv3p-hero h1 span { color: var(--gv3p-rose); } .gv3p-hero-text { max-width: 510px; margin-bottom: 30px; color: var(--gv3p-muted); font-size: 17px; line-height: 1.7; } .gv3p-hero-facts { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 32px; } .gv3p-fact { padding: 9px 13px; border: 1px solid rgba(185,103,132,.22); border-radius: 999px; background: rgba(255,255,255,.68); color: #5f5158; font-size: 13px; } .gv3p-button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 48px; padding: 0 25px; border-radius: 999px; background: var(--gv3p-ink); color: #ffffff !important; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease; } .gv3p-button:hover { transform: translateY(-2px); background: var(--gv3p-rose); box-shadow: 0 12px 30px rgba(185,103,132,.22); } .gv3p-hero-visual { position: relative; min-height: 590px; display: flex; align-items: center; justify-content: center; padding: 38px; } .gv3p-hero-visual::before { content: ""; position: absolute; width: 410px; height: 410px; border-radius: 50%; background: rgba(217,143,169,.17); } .gv3p-hero-image { position: relative; z-index: 1; width: min(100%, 510px); height: 500px; object-fit: contain; object-position: center; } /* ========================================================= INTRO ========================================================= */ .gv3p-intro { padding: 76px 58px 70px; text-align: center; } .gv3p-section-label { margin-bottom: 13px; color: var(--gv3p-rose); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .gv3p-intro h2 { max-width: 760px; margin: 0 auto 18px; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.18; font-weight: 600; letter-spacing: -.025em; } .gv3p-intro p { max-width: 720px; margin: 0 auto; color: var(--gv3p-muted); font-size: 16px; line-height: 1.