Contact information

:root { --brand: #1F3789; --brand-2: #1EADF1; --brand-3: #071B43; --ink: #071B43; --text: #263955; --muted: #6d7f99; --bg: #eef7ff; --panel: #ffffff; --panel-soft: rgba(255,255,255,.88); --tint: #dff4ff; --line: #d6e8f5; --line-strong: #9fd7ef; --accent: #68d9ff; --accent-soft: rgba(30,173,241,.14); --shadow: 0 20px 54px rgba(7, 27, 67, .10); --shadow-hover: 0 30px 76px rgba(7, 27, 67, .18); --radius: 22px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } html, body { width: 100%; max-width: 100%; overflow-x: hidden; } body > div, main, section { max-width: 100%; } body { margin: 0; font-family: Inter, "Segoe UI", Arial, sans-serif; color: var(--text); line-height: 1.72; font-size: 16px; background: radial-gradient(circle at 8% 4%, rgba(30,173,241,.20), transparent 29%), radial-gradient(circle at 92% 0%, rgba(31,55,137,.18), transparent 32%), linear-gradient(135deg, #f8fcff 0%, var(--bg) 48%, #e5f4ff 100%); } body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(31,55,137,.055) 1px, transparent 1px), linear-gradient(180deg, rgba(30,173,241,.045) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 70%); z-index: -1; } a { color: inherit; text-decoration: none; } p { margin: 0 0 18px; } p, h1, h2, h3, h4, h5, h6, .card, .sidebar { overflow-wrap: anywhere; word-break: break-word; } h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--ink); letter-spacing: -0.035em; line-height: 1.12; font-weight: 640; } h1 { font-size: clamp(40px, 5vw, 64px); max-width: 1050px; } h2 { font-size: 34px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid var(--line); position: relative; } h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 96px; height: 3px; background: linear-gradient(90deg, var(--brand), var(--brand-2)); border-radius: 999px; } h3 { font-size: 28px; margin: 30px 0 14px; } h4 { font-size: 26px; margin: 26px 0 12px; } h5 { font-size: 24px; margin: 22px 0 10px; } h6 { font-size: 22px; margin: 20px 0 10px; } .hero { min-height: 460px; width: 100%; position: relative; overflow: hidden; display: flex; align-items: center; padding: 84px 120px 92px; color: #ffffff; background: radial-gradient(circle at 86% 22%, rgba(104,217,255,.28), transparent 30%), linear-gradient(128deg, #071B43 0%, #1F3789 52%, #1EADF1 100%); } .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg, transparent 0 49%, rgba(255,255,255,.16) 49% 50%, transparent 50%), linear-gradient(112deg, transparent 0 61%, rgba(255,255,255,.10) 61% 62%, transparent 62%), repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 92px); opacity: .88; } .hero::after { content: ""; position: absolute; right: -140px; bottom: -230px; width: 560px; height: 560px; border-radius: 50%; border: 1px solid rgba(255,255,255,.28); box-shadow: inset 0 0 0 36px rgba(255,255,255,.045), 0 0 90px rgba(30,173,241,.32); } .hero-inner { position: relative; max-width: 1080px; z-index: 2; } .hero h1 { color: #ffffff; text-shadow: 0 12px 34px rgba(0,0,0,.22); } .eyebrow { display: inline-flex; gap: 12px; align-items: center; margin-bottom: 22px; color: #aeefff; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; } .eyebrow::before { content: ""; width: 38px; height: 2px; background: linear-gradient(90deg, #ffffff, var(--brand-2)); border-radius: 999px; } .hero p { max-width: 820px; margin-top: 20px; color: rgba(255,255,255,.86); font-size: 18px; } .hero-actions { display: flex; gap: clamp(14px, 2vw, 28px); margin-top: 32px; flex-wrap: wrap; } .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; border-radius: 14px; border: 1px solid transparent; font-size: 14px; font-weight: 650; letter-spacing: .01em; transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease; cursor: pointer; } .btn-primary { background: #ffffff; color: var(--brand) !important; box-shadow: 0 14px 34px rgba(0,0,0,.20); } .btn-primary:hover { background: #effaff; transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.25); } .btn-secondary { background: rgba(255,255,255,.08); color: #ffffff !important; border-color: rgba(255,255,255,.52); backdrop-filter: blur(10px); } .btn-secondary:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.82); transform: translateY(-2px); } .page { max-width: 1760px; margin: 0 auto; padding: 74px 22px; display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: clamp(24px, 3vw, 58px); align-items: start; } .sidebar { position: sticky; top: 22px; padding: 30px; border-radius: var(--radius); background: radial-gradient(circle at 90% 0%, rgba(30,173,241,.28), transparent 34%), linear-gradient(180deg, rgba(7,27,67,.98), rgba(31,55,137,.94)); border: 1px solid rgba(126,216,255,.26); box-shadow: var(--shadow); color: #ffffff; } .sidebar::-webkit-scrollbar { width: 4px; } .sidebar::-webkit-scrollbar-thumb { background: rgba(30,173,241,.42); border-radius: 10px; } .sidebar::-webkit-scrollbar-track { background: transparent; } .sidebar-title { font-size: 13px; text-transform: uppercase; letter-spacing: .16em; color: #9de8ff; margin-bottom: 22px; font-weight: 760; } .nav-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; } .sidebar .nav-list { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } .sidebar .nav-list li { list-style: none !important; margin: 0 !important; padding: 0 !important; } .sidebar .nav-list li::marker { content: "" !important; } .sidebar .nav-list a, .sidebar .nav-list a:hover, .sidebar .nav-list a:focus, .sidebar .nav-list a:visited { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; } .sidebar .nav-list a { display: block !important; color: rgba(255,255,255,.82) !important; font-size: 15px !important; padding: 8px 13px !important; border-radius: 12px !important; transition: background-color .2s ease, color .2s ease, transform .2s ease !important; } .sidebar .nav-list a:hover, .sidebar .nav-list a.active { background: linear-gradient(90deg, var(--brand-2), rgba(30,173,241,.62)) !important; color: #071B43 !important; transform: translateX(4px); } .mobile-toggle { display: none; width: 100%; border: 0; background: transparent; color: #ffffff; font-size: 16px; font-weight: 700; text-align: left; padding: 0; } .content { display: grid; gap: 26px; } .card { position: relative; overflow: hidden; background: rgba(255,255,255,.97); border: 1px solid rgba(214,232,245,.96); border-radius: var(--radius); padding: 42px; box-shadow: var(--shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; scroll-margin-top: 34px; font-size: 18px; } .card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--brand), var(--brand-2)); } .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: var(--line-strong); } .card strong { color: var(--brand); } ul, ol { margin: 14px 0 22px; padding-left: 22px; } li { margin-bottom: 10px; } .note, .quote, .faq { background: linear-gradient(135deg, rgba(223,244,255,.88), #ffffff); border: 1px solid var(--line); border-left: 5px solid var(--brand-2); border-radius: 16px; padding: 20px; margin: 22px 0; color: #243855; } .note a, .quote a, .faq a, .card a { color: var(--brand); font-weight: 650; } .card a:hover { color: var(--brand-2); } .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; } .info-card { background: linear-gradient(135deg, #f7fcff, #eef8ff); border: 1px solid var(--line); border-radius: 18px; padding: 22px; } .info-card strong { display: block; color: var(--brand); margin-bottom: 6px; font-weight: 700; } .table-wrap { overflow-x: auto; margin: 20px 0; border-radius: 16px; } table { width: 100%; border-collapse: collapse; min-width: 100%; background: #ffffff; } th, td { border: 1px solid var(--line); padding: 14px 16px; text-align: left; vertical-align: top; } th { background: linear-gradient(90deg, var(--brand), var(--brand-2)); color: #ffffff; font-weight: 700; } td { background: #ffffff; } tr:nth-child(even) td { background: #f5fbff; } footer { max-width: 1760px; margin: 0 auto; padding: 0 120px 72px; color: var(--muted); font-size: 14px; } @media (max-width: 1180px) { .hero { padding: 44px 16px 52px !important; } .page { display: block !important; width: 100% !important; max-width: 100% !important; padding: 22px 12px !important; margin: 0 !important; grid-template-columns: 1fr !important; } .sidebar, .content, .card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .sidebar, .card { padding: 20px !important; } .sidebar { position: relative; top: auto; margin-bottom: 18px; } .mobile-toggle { display: flex; justify-content: space-between; align-items: center; } .nav-list { display: none; margin-top: 22px; } .sidebar.open .nav-list { display: grid; } .grid { grid-template-columns: 1fr 1fr; } footer { padding: 0 48px 56px; } } @media (max-width: 720px) { h1 { font-size: 38px; } h2 { font-size: 27px; } h3 { font-size: 24px; } .hero { min-height: 390px; padding: 40px 16px 48px; } .hero p { font-size: 16px; } .page { display: block; width: 100%; max-width: 100%; padding: 20px 12px; margin: 0; } .sidebar, .content, .card { width: 100%; max-width: 100%; } .sidebar, .card { padding: 18px !important; } .grid { grid-template-columns: 1fr; } footer { padding: 0 16px 32px; } body { overflow-x: hidden; } }

Kontakt

Pour toute question concernant les commandes, la livraison, les retours, les échanges, le droit de rétractation, les données personnelles ou les paiements, vous pouvez contacter le service client de Homavineo aux coordonnées ci-dessous.

© nestornament · nestornament.com · Die Informationen auf dieser Seite dienen dazu, die Richtlinien des Shops klar darzulegen, und können aktualisiert werden.