Анальная вибропробка Satisfyer Sweet Seal Connect App лиловая

/* ========================================================= SATISFYER SWEET SEAL · CONNECTED EDITORIAL ========================================================= */ .ss-connect { --ss-bg: #f7f5f8; --ss-white: #ffffff; --ss-text: #211f27; --ss-muted: #716d78; --ss-line: rgba(44,38,52,.10); --ss-purple: #7251a4; --ss-purple-dark: #4d356f; --ss-purple-deep: #30223f; --ss-lilac: #cbb8e3; --ss-lilac-soft: #eee8f5; --ss-lilac-pale: #f6f2fa; width: 100%; max-width: 1160px; margin: 0 auto; box-sizing: border-box; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: var(--ss-text); background: var(--ss-bg); } .ss-connect *, .ss-connect *:before, .ss-connect *:after { box-sizing: border-box; } .ss-connect img { display: block; max-width: 100%; } .ss-connect a { text-decoration: none !important; } .ss-container { width: 100%; padding-left: 54px; padding-right: 54px; } .ss-kicker { display: flex; align-items: center; gap: 9px; margin-bottom: 15px; color: var(--ss-purple); font-size: 10px; line-height: 1.2; font-weight: 900; letter-spacing: 1.8px; text-transform: uppercase; } .ss-kicker:before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--ss-purple); } .ss-title { margin: 0; color: var(--ss-text); font-size: clamp(38px, 5vw, 64px); line-height: .96; letter-spacing: -3px; font-weight: 900; } .ss-section-title { margin: 0; color: var(--ss-text); font-size: clamp(32px, 4vw, 50px); line-height: 1; letter-spacing: -2px; font-weight: 900; } /* ========================================================= HERO ========================================================= */ .ss-hero { position: relative; overflow: hidden; min-height: 620px; padding: 70px 0 62px; background: radial-gradient(circle at 88% 18%, rgba(203,184,227,.55) 0 125px, transparent 126px), radial-gradient(circle at 75% 72%, rgba(114,81,164,.09) 0 230px, transparent 231px), linear-gradient(135deg, #fbfafc 0%, #f2edf7 100%); } .ss-hero:after { content: "CONNECT"; position: absolute; right: -16px; bottom: -38px; color: rgba(77,53,111,.045); font-size: 125px; line-height: 1; font-weight: 900; letter-spacing: -8px; pointer-events: none; } .ss-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.92fr) minmax(390px,1.08fr); gap: 45px; align-items: center; } .ss-hero-copy { position: relative; z-index: 2; } .ss-hero-brand { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 25px; padding: 8px 13px; border: 1px solid rgba(114,81,164,.14); border-radius: 999px; background: rgba(255,255,255,.7); color: var(--ss-purple-dark); font-size: 9px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; } .ss-hero-brand:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ss-purple); } .ss-hero-name { display: block; margin-bottom: 11px; color: var(--ss-purple); font-size: 16px; line-height: 1; font-weight: 900; } .ss-hero-lead { max-width: 510px; margin: 25px 0 0; color: var(--ss-muted); font-size: 15px; line-height: 1.72; } .ss-hero-specs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 27px; } .ss-hero-spec { display: inline-flex; min-height: 29px; align-items: center; padding: 0 11px; border-radius: 999px; background: #fff; border: 1px solid rgba(114,81,164,.10); color: var(--ss-purple-dark); font-size: 8px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; } .ss-hero-visual { position: relative; min-height: 470px; display: flex; align-items: center; justify-content: center; } .ss-hero-photo { position: relative; z-index: 2; width: min(100%,470px); overflow: hidden; border-radius: 38px; background: #fff; box-shadow: 0 30px 80px rgba(62,43,86,.13); } .ss-hero-photo img { width: 100%; height: auto; } .ss-signal { position: absolute; z-index: 1; width: 360px; height: 360px; border: 1px solid rgba(114,81,164,.16); border-radius: 50%; } .ss-signal:before, .ss-signal:after { content: ""; position: absolute; border: 1px solid rgba(114,81,164,.12); border-radius: 50%; } .ss-signal:before { inset:38px; } .