/* ========================================= VELYX LEGAL NOTICE Matches Velyx Refunds & Returns styling ========================================= */ .velyx-legal-notice { --vx-bg: #fbf8f6; --vx-ink: #241521; --vx-text: #3d2e38; --vx-muted: #705e69; --vx-rose: #b04f68; --vx-rose-dark: #87384e; --vx-border: #efdce1; background: var(--vx-bg); color: var(--vx-text); font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; padding: 115px 60px 120px; } .velyx-legal-notice-inner { max-width: 1320px; margin: 0 auto; } /* ========================================= HERO ========================================= */ .velyx-legal-notice-hero { padding-bottom: 60px; border-bottom: 2px solid var(--vx-border); } .velyx-legal-notice-label { display: inline-flex; align-items: center; background: var(--vx-rose); color: #ffffff; padding: 15px 25px; border-radius: 999px; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 112px; } .velyx-legal-notice-hero h1 { margin: 0 0 24px; color: var(--vx-ink); font-size: clamp(48px, 5vw, 68px); line-height: 1.08; font-weight: 700; letter-spacing: -0.035em; } .velyx-legal-notice-intro { max-width: 1250px; margin: 0; color: var(--vx-muted); font-size: clamp(25px, 2.3vw, 34px); line-height: 1.55; font-weight: 400; letter-spacing: -0.015em; } .velyx-legal-notice-updated { margin-top: 22px; color: var(--vx-muted); font-size: 16px; line-height: 1.5; } /* ========================================= CONTENT ========================================= */ .velyx-legal-notice-content { padding-top: 135px; } .velyx-legal-notice-section { margin-bottom: 72px; } .velyx-legal-notice-section h2 { display: table; margin: 0 0 22px; color: var(--vx-ink); font-size: clamp(30px, 3vw, 42px); line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; padding-bottom: 12px; border-bottom: 4px solid var(--vx-rose); } .velyx-legal-notice-section p { margin: 0 0 20px; color: var(--vx-text); font-size: 22px; line-height: 1.65; font-weight: 400; } .velyx-legal-notice-section p:last-child { margin-bottom: 0; } /* ========================================= COMPANY DETAILS ========================================= */ .velyx-legal-notice-details { margin-top: 10px; } .velyx-legal-notice-details p { margin-bottom: 12px; } .velyx-legal-notice-details strong { color: var(--vx-ink); font-weight: 700; } /* ========================================= LINKS ========================================= */ .velyx-legal-notice a { color: var(--vx-rose-dark); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .velyx-legal-notice a:hover { color: var(--vx-rose); } /* ========================================= FINAL STATEMENT ========================================= */ .velyx-legal-notice-final { margin-top: 90px; padding-top: 35px; border-top: 2px solid var(--vx-border); } .velyx-legal-notice-final p { margin: 6px 0; color: var(--vx-muted); font-size: 17px; line-height: 1.6; } .velyx-legal-notice-final strong { color: var(--vx-ink); } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 749px) { .velyx-legal-notice { padding: 70px 22px 80px; } .velyx-legal-notice-hero { padding-bottom: 42px; } .velyx-legal-notice-label { padding: 12px 19px; font-size: 14px; margin-bottom: 65px; } .velyx-legal-notice-hero h1 { font-size: 42px; line-height: 1.08; margin-bottom: 18px; } .velyx-legal-notice-intro { font-size: 22px; line-height: 1.5; } .velyx-legal-notice-updated { font-size: 14px; } .velyx-legal-notice-content { padding-top: 75px; } .velyx-legal-notice-section { margin-bottom: 52px; } .velyx-legal-notice-section h2 { font-size: 29px; border-bottom-width: 3px; padding-bottom: 9px; margin-bottom: 18px; } .velyx-legal-notice-section p { font-size: 18px; line-height: 1.65; } .velyx-legal-notice-final { margin-top: 65px; } }