Contact
Source: https://varenel.com/pages/contact
/* ========================================================= VARENEL CONTACT US STABLE ROLLBACK VERSION Known state: - Shopify contact submission works - contact_posted=true is detected - Success message displays correctly - Success-state desktop grid is NOT visually optimized yet ========================================================= */ .varenel-contact { --vc-bg: #F8F7F4; --vc-warm: #EEEAE4; --vc-soft: #E8E6E2; --vc-soft-2: #F2F0EB; --vc-dark: #24231F; --vc-night: #23221F; --vc-text: #4E4B45; --vc-muted: #77736C; --vc-line: #D8D4CD; --vc-light: #F5F3EE; --vc-light-muted: #BBB7AF; position: relative !important; width: 100vw !important; max-width: none !important; left: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 0 !important; overflow-x: clip; background: var(--vc-bg); color: var(--vc-dark); font-family: inherit; } .varenel-contact *, .varenel-contact *::before, .varenel-contact *::after { box-sizing: border-box; } .varenel-contact h1, .varenel-contact h2, .varenel-contact h3, .varenel-contact p { margin-top: 0; } .varenel-contact a { color: inherit; } .varenel-contact, .varenel-contact *, .varenel-contact h1, .varenel-contact h2, .varenel-contact h3, .varenel-contact p, .varenel-contact label { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ========================================================= SHOPIFY PAGE FULL WIDTH RESET ========================================================= */ #MainContent .page-width--narrow:has(.varenel-contact), #MainContent .page-width:has(.varenel-contact) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #MainContent .rte:has(.varenel-contact) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #MainContent .shopify-section:has(.varenel-contact) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Hide Shopify automatic page title */ body:has(.varenel-contact) #MainContent .main-page-title, body:has(.varenel-contact) #MainContent .page-title.main-page-title { display: none !important; } /* ========================================================= GLOBAL CONTAINER ========================================================= */ .vc-container { width: min(1320px, calc(100% - 120px)); margin-left: auto; margin-right: auto; } .vc-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #625E57; } .vc-eyebrow::before { content: ""; display: block; width: 32px; height: 1px; flex: 0 0 auto; background: #8A857C; } .vc-section-title { max-width: 700px; margin: 0; font-size: clamp(42px, 4vw, 60px); line-height: 1.03; letter-spacing: -.04em; font-weight: 500; } .vc-body { max-width: 650px; margin: 0; font-size: 16px; line-height: 1.78; color: var(--vc-text); } .vc-body + .vc-body { margin-top: 17px; } /* ========================================================= 01 / HERO ========================================================= */ .vc-hero { padding: 112px 0 84px; background: var(--vc-bg); } .vc-hero-inner { max-width: 1000px; } .vc-hero-label { display: flex; align-items: center; gap: 14px; margin: 0 0 26px; font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #5F5A52; } .vc-hero-label::before { content: ""; width: 34px; height: 1px; background: #8A857C; } .vc-hero h1 { max-width: 900px; margin: 0; font-size: clamp(62px, 5.6vw, 80px); line-height: .98; letter-spacing: -.05em; font-weight: 500; } .vc-hero-copy { max-width: 650px; margin: 32px 0 0; font-size: 17px; line-height: 1.72; color: var(--vc-text); } /* ========================================================= 02 / CONTACT AT A GLANCE ========================================================= */ .vc-glance { background: var(--vc-bg); } .vc-glance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--vc-line); border-bottom: 1px solid var(--vc-line); } .vc-glance-item { min-width: 0; padding: 38px 32px 42px 0; } .vc-glance-item + .vc-glance-item { padding-left: 32px; border-left: 1px solid var(--vc-line); } .vc-glance-label { margin: 0 0 15px; font-size: 10px; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; color: var(--vc-muted); } .vc-glance-value { margin: 0; font-size: clamp(19px, 1.65vw, 25px); line-height: 1.2; letter-spacing: -.025em; font-weight: 500; } .vc-glance-value a { text-decoration: none !important; } .vc-glance-copy { max-width: 240px; margin: 13px 0 0; font-size: 13px; line-height: 1.62; color: #69655E; } /* ========================================================= 03 / CONTACT FORM ========================================================= */ .vc-message { padding: 135px 0; background: var(--vc-warm); } .vc-message-grid { display: grid; grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: clamp(90px, 9vw, 150px); align-items: start; } .vc-message-intro { max-width: 390px; } .vc-message-intro .vc-section-title { font-size: clamp(44px, 4vw, 58px); } .vc-response-note { margin-top: 38px; padding-top: 22px; border-top: 1px solid #CCC8C1; } .vc-response-note span { display: block; margin-bottom: 6px; font-size: 10px; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; color: var(--vc-muted); } .vc-response-note strong { font-size: 16px; line-height: 1.5; font-weight: 500; color: var(--vc-dark); } /* ========================================================= FORM SUCCESS STATE ========================================================= */ .vc-form-success { width: 100%; max-width: 780px; margin: 0 0 38px; padding: 28px 0 30px; border-top: 1px solid #AAA59C; border-bottom: 1px solid #AAA59C; color: var(--vc-dark); } .vc-form-success[hidden] { display: none !important; } .vc-form-success__label { display: block; margin-bottom: 13px; font-size: 10px; line-height: 1.4; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--vc-muted); } .vc-form-success h3 { margin: 0 0 11px; font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: -.025em; color: var(--vc-dark); } .vc-form-success p { max-width: 560px; margin: 0; font-size: 14px; line-height: 1.7; color: var(--vc-text); } /* Form */ .vc-form { width: 100%; max-width: 780px; } .vc-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px; } .vc-field { position: relative; margin-bottom: 36px; } .vc-field label { display: block; margin: 0 0 10px; font-size: 10px; line-height: 1.4; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #6F6B64; } .vc-field label span { margin-left: 5px; font-weight: 400; letter-spacing: .06em; color: #918C84; } .vc-input, .vc-select, .vc-textarea { display: block; width: 100%; margin: 0; padding: 8px 0 14px; border: 0 !important; border-bottom: 1px solid #AAA59C !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: 16px !important; line-height: 1.5 !important; color: var(--vc-dark) !important; } .vc-input::placeholder, .vc-textarea::placeholder { color: #99948C; } .vc-input:focus, .vc-select:focus, .vc-textarea:focus { border-bottom-color: var(--vc-dark) !important; } .vc-select-wrap { position: relative; } .vc-select { appearance: none; -webkit-appearance: none; padding-right: 35px; } .vc-select-wrap::after { content: "↓"; position: absolute; right: 2px; bottom: 14px; pointer-events: none; font-size: 14px; color: #6A665F; } .vc-textarea { min-height: 155px; resize: vertical; } /* Submit */ .vc-submit-wrap { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 10px; } .vc-submit { display: inline-flex; align-items: center; gap: 13px; padding: 9px 0 7px; border: 0; border-bottom: 1px solid var(--vc-dark); background: transparent; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: .03em; color: var(--vc-dark); transition: opacity .2s ease; } .vc-submit:hover { opacity: .6; } .vc-form-privacy { max-width: 380px; margin: 0; font-size: 11px; line-height: 1.65; color: #7A766F; } .vc-form-privacy a { padding-bottom: 2px; border-bottom: 1px solid #9A958D; text-decoration: none; } /* ========================================================= 04 / WHAT CAN WE HELP WITH ========================================================= */ .vc-help { padding: 130px 0; background: var(--vc-bg); } .vc-help-head { display: grid; grid-template-columns: minmax(320px, .40fr) minmax(0, .60fr); gap: 110px; align-items: end; margin-bottom: 70px; } .vc-help-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--vc-line); } .vc-help-item { min-width: 0; padding: 30px 28px 31px 0; border-bottom: 1px solid var(--vc-line); } .vc-help-item + .vc-help-item { padding-left: 28px; border-left: 1px solid var(--vc-line); } .vc-help-item:nth-child(5) { border-left: 0; } .vc-help-number { display: block; margin-bottom: 18px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: var(--vc-muted); } .vc-help-item h3 { margin: 0 0 9px; font-size: 19px; line-height: 1.25; letter-spacing: -.02em; font-weight: 500; } .vc-help-item p { margin: 0; font-size: 13px; line-height: 1.62; color: var(--vc-text); } /* ========================================================= 05 / BEFORE YOU SEND ========================================================= */ .vc-before { padding: 115px 0; background: var(--vc-soft-2); } .vc-before-head { max-width: 720px; margin-bottom: 65px; } .vc-before-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #CAC6BE; border-bottom: 1px solid #CAC6BE; } .vc-before-item { padding: 36px 38px 40px 0; } .vc-before-item + .vc-before-item { padding-left: 38px; border-left: 1px solid #CAC6BE; } .vc-before-number { display: block; margin-bottom: 22px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: #837F77; } .vc-before-item h3 { margin: 0 0 15px; font-size: 23px; line-height: 1.17; letter-spacing: -.025em; font-weight: 500; } .vc-before-item p { margin: 0; font-size: 14px; line-height: 1.72; color: var(--vc-text); } /* ========================================================= 06 / PRODUCT & FIT SUPPORT ========================================================= */ .vc-fit { padding: 135px 0; background: var(--vc-soft); } .vc-fit-grid { display: grid; grid-template-columns: minmax(360px, .43fr) minmax(0, .57fr); gap: 115px; align-items: start; } .vc-fit-statement { max-width: 580px; margin: 0; font-size: clamp(48px, 4.8vw, 70px); line-height: .99; letter-spacing: -.05em; font-weight: 400; } .vc-fit-content { min-width: 0; } .vc-fit-content .vc-body { max-width: 620px; } .vc-fit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 38px; border-top: 1px solid #C5C1BA; } .vc-fit-item { padding: 18px 20px 18px 0; border-bottom: 1px solid #C5C1BA; font-size: 12px; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; color: #5F5B54; } .vc-fit-item:nth-child(even) { padding-left: 20px; border-left: 1px solid #C5C1BA; } .vc-fit-note { max-width: 620px; margin: 30px 0 0; padding-top: 23px; border-top: 1px solid #C5C1BA; font-size: 12px; line-height: 1.72; color: #716D66; } /* ========================================================= 07 / QUICK ANSWERS ========================================================= */ .vc-quick { padding: 125px 0; background: var(--vc-bg); } .vc-quick-head { margin-bottom: 58px; } .vc-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--vc-line); border-bottom: 1px solid var(--vc-line); } .vc-quick-link { position: relative; min-width: 0; padding: 32px 45px 34px 0; text-decoration: none !important; transition: opacity .2s ease; } .vc-quick-link + .vc-quick-link { padding-left: 30px; border-left: 1px solid var(--vc-line); } .vc-quick-link:hover { opacity: .6; } .vc-quick-label { display: block; margin-bottom: 12px; font-size: 18px; line-height: 1.25; font-weight: 500; color: var(--vc-dark); } .vc-quick-copy { display: block; max-width: 220px; font-size: 12px; line-height: 1.6; color: var(--vc-muted); } .vc-quick-arrow { position: absolute; right: 18px; top: 34px; font-size: 17px; line-height: 1; color: #6E6A63; } /* ========================================================= 08 / BUSINESS INFORMATION ========================================================= */ .vc-business { padding: 125px 0; background: var(--vc-soft-2); } .vc-business-grid { display: grid; grid-template-columns: minmax(330px, .38fr) minmax(0, .62fr); gap: 110px; align-items: start; } .vc-business-title { max-width: 470px; margin: 0; font-size: clamp(40px, 4vw, 56px); line-height: 1.02; letter-spacing: -.04em; font-weight: 500; } .vc-business-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #CAC6BE; } .vc-business-item { min-width: 0; padding: 26px 28px 28px 0; border-bottom: 1px solid #CAC6BE; } .vc-business-item:nth-child(even) { padding-left: 28px; border-left: 1px solid #CAC6BE; } .vc-business-label { display: block; margin-bottom: 11px; font-size: 10px; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: #807C74; } .vc-business-value { display: block; font-size: 15px; line-height: 1.65; color: var(--vc-dark); } .vc-business-value a { text-decoration: none; } .vc-business-address { white-space: normal; } /* Privacy note */ .vc-privacy-note { display: grid; grid-template-columns: minmax(250px, .30fr) minmax(0, .70fr); gap: 70px; margin-top: 65px; padding-top: 38px; border-top: 1px solid #CAC6BE; } .vc-privacy-note h3 { margin: 0; font-size: 23px; line-height: 1.2; letter-spacing: -.025em; font-weight: 500; } .vc-privacy-note p { max-width: 680px; margin: 0; font-size: 13px; line-height: 1.75; color: var(--vc-text); } .vc-privacy-link { display: inline-flex; margin-top: 17px; padding-bottom: 4px; border-bottom: 1px solid #918D85; font-size: 13px; line-height: 1.4; text-decoration: none !important; } /* ========================================================= 09 / FINAL CUSTOMER CARE ========================================================= */ .vc-final { padding: 130px 0 140px; background: var(--vc-night); color: var(--vc-light); } .vc-final-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 440px); gap: 115px; align-items: end; } .vc-final .vc-eyebrow { grid-column: 1 / -1; color: #A9A59D; } .vc-final .vc-eyebrow::before { background: #77736C; } .vc-final h2 { max-width: 760px; margin: 0; font-size: clamp(48px, 5vw, 72px); line-height: 1; letter-spacing: -.045em; font-weight: 400; color: var(--vc-light); } .vc-final-copy { margin: 0; font-size: 15px; line-height: 1.75; color: var(--vc-light-muted); } .vc-final-links { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; margin-top: 28px; } .vc-final-link { display: inline-flex; padding-bottom: 5px; border-bottom: 1px solid #D3CFC7; font-size: 16px; line-height: 1.4; text-decoration: none !important; color: var(--vc-light) !important; } /* ========================================================= LARGE DESKTOP ========================================================= */ @media screen and (min-width: 1440px) { .varenel-contact .vc-container { width: min(1320px, calc(100% - 120px)) !important; max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; } .varenel-contact .vc-message-grid { grid-template-columns: minmax(360px, 400px) minmax(0, 780px) !important; justify-content: space-between !important; gap: 120px !important; } .varenel-contact .vc-form { max-width: 780px !important; } .varenel-contact .vc-fit-grid { grid-template-columns: minmax(420px, 520px) minmax(0, 1fr) !important; gap: 135px !important; } .varenel-contact .vc-business-grid { grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; gap: 135px !important; } } /* ========================================================= DESKTOP / LAPTOP ========================================================= */ @media screen and (min-width: 1100px) and (max-width: 1439px) { .varenel-contact .vc-container { width: min(1180px, calc(100% - 80px)) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } .vc-hero { padding: 95px 0 78px; } .vc-hero h1 { font-size: clamp(58px, 5.5vw, 74px); } .vc-glance-item { padding-right: 24px; } .vc-glance-item + .vc-glance-item { padding-left: 24px; } .vc-message-grid { grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); gap: 80px; } .vc-help-head { gap: 75px; } .vc-fit-grid, .vc-business-grid { gap: 80px; } .vc-final-grid { gap: 80px; } } /* ========================================================= SMALL LAPTOP / LARGE TABLET ========================================================= */ @media screen and (min-width: 901px) and (max-width: 1099px) { .varenel-contact .vc-container { width: calc(100% - 56px) !important; margin-left: auto !important; margin-right: auto !important; } .vc-hero { padding: 82px 0 70px; } .vc-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-glance-item { padding: 30px; } .vc-glance-item + .vc-glance-item { padding-left: 30px; } .vc-glance-item:nth-child(3) { border-left: 0; } .vc-glance-item:nth-child(n+3) { border-top: 1px solid var(--vc-line); } .vc-message-grid { grid-template-columns: minmax(270px, 34%) minmax(0, 66%); gap: 55px; } .vc-help-head { grid-template-columns: 1fr; gap: 28px; } .vc-help-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-help-item:nth-child(odd) { padding-left: 0; border-left: 0; } .vc-before-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .vc-fit-grid { grid-template-columns: minmax(300px, 42%) minmax(0, 58%); gap: 55px; } .vc-fit-statement { font-size: 51px; } .vc-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-quick-link:nth-child(3) { border-left: 0; border-top: 1px solid var(--vc-line); } .vc-quick-link:nth-child(4) { border-top: 1px solid var(--vc-line); } .vc-business-grid { grid-template-columns: minmax(280px, 35%) minmax(0, 65%); gap: 55px; } .vc-final-grid { grid-template-columns: minmax(0, 1fr) minmax(300px, 340px); gap: 55px; } } /* ========================================================= TABLET ========================================================= */ @media screen and (min-width: 769px) and (max-width: 900px) { .varenel-contact .vc-container { width: calc(100% - 48px) !important; margin-left: auto !important; margin-right: auto !important; } .vc-hero { padding: 78px 0 66px; } .vc-hero h1 { font-size: 58px; } .vc-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-glance-item { padding: 30px 28px; } .vc-glance-item:nth-child(odd) { padding-left: 0; border-left: 0; } .vc-glance-item:nth-child(n+3) { border-top: 1px solid var(--vc-line); } .vc-message, .vc-help, .vc-fit, .vc-business { padding-top: 100px; padding-bottom: 100px; } .vc-message-grid { grid-template-columns: 1fr; gap: 55px; } .vc-message-intro { max-width: 650px; } .vc-form { max-width: none; } .vc-help-head { grid-template-columns: 1fr; gap: 28px; } .vc-help-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-help-item:nth-child(odd) { padding-left: 0; border-left: 0; } .vc-before-grid { grid-template-columns: 1fr; } .vc-before-item { padding: 30px 0; } .vc-before-item + .vc-before-item { padding-left: 0; border-left: 0; border-top: 1px solid #CAC6BE; } .vc-fit-grid { grid-template-columns: 1fr; gap: 45px; } .vc-fit-statement { max-width: 650px; font-size: 54px; } .vc-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-quick-link:nth-child(3) { border-left: 0; border-top: 1px solid var(--vc-line); } .vc-quick-link:nth-child(4) { border-top: 1px solid var(--vc-line); } .vc-business-grid { grid-template-columns: 1fr; gap: 45px; } .vc-privacy-note { gap: 45px; } .vc-final-grid { grid-template-columns: 1fr; gap: 35px; } .vc-final .vc-eyebrow { grid-column: auto; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { .varenel-contact { width: 100vw !important; left: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; } .varenel-contact .vc-container { width: calc(100% - 40px) !important; margin-left: auto !important; margin-right: auto !important; } .vc-hero { padding: 70px 0 58px; } .vc-hero-label { margin-bottom: 20px; font-size: 12px; } .vc-hero h1 { font-size: clamp(44px, 11vw, 56px); line-height: .99; } .vc-hero-copy { margin-top: 24px; font-size: 15px; } .vc-glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-glance-item { padding: 27px 20px 29px; } .vc-glance-item:nth-child(odd) { padding-left: 0; border-left: 0; } .vc-glance-item:nth-child(n+3) { border-top: 1px solid var(--vc-line); } .vc-glance-value { font-size: 18px; } .vc-message, .vc-help, .vc-before, .vc-fit, .vc-quick, .vc-business { padding-top: 82px; padding-bottom: 82px; } .vc-section-title { font-size: 39px; } .vc-message-grid { grid-template-columns: 1fr; gap: 52px; } .vc-message-intro { max-width: 600px; } .vc-form-row { grid-template-columns: 1fr; gap: 0; } .vc-field { margin-bottom: 30px; } .vc-textarea { min-height: 135px; } .vc-submit-wrap { flex-direction: column; align-items: flex-start; gap: 25px; } .vc-help-head { grid-template-columns: 1fr; gap: 27px; margin-bottom: 48px; } .vc-help-grid { grid-template-columns: 1fr; } .vc-help-item { padding: 26px 0 !important; border-left: 0 !important; } .vc-before-grid { grid-template-columns: 1fr; } .vc-before-item { padding: 28px 0; } .vc-before-item + .vc-before-item { padding-left: 0; border-left: 0; border-top: 1px solid #CAC6BE; } .vc-fit-grid { grid-template-columns: 1fr; gap: 40px; } .vc-fit-statement { font-size: clamp(43px, 10vw, 55px); } .vc-fit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vc-quick-grid { grid-template-columns: 1fr; } .vc-quick-link { padding: 27px 45px 28px 0 !important; border-left: 0 !important; } .vc-quick-link + .vc-quick-link { border-top: 1px solid var(--vc-line); } .vc-business-grid { grid-template-columns: 1fr; gap: 45px; } .vc-business-info { grid-template-columns: 1fr; } .vc-business-item { padding: 23px 0 !important; border-left: 0 !important; } .vc-privacy-note { grid-template-columns: 1fr; gap: 22px; margin-top: 50px; } .vc-final { padding: 85px 0 95px; } .vc-final-grid { grid-template-columns: 1fr; gap: 34px; } .vc-final .vc-eyebrow { grid-column: auto; } .vc-final h2 { font-size: 44px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media screen and (max-width: 480px) { .varenel-contact .vc-container { width: calc(100% - 32px) !important; } .vc-hero { padding: 62px 0 52px; } .vc-hero h1 { font-size: 44px; } .vc-glance-grid { grid-template-columns: 1fr; } .vc-glance-item { padding: 25px 0 27px !important; border-left: 0 !important; } .vc-glance-item + .vc-glance-item { border-top: 1px solid var(--vc-line); } .vc-fit-list { grid-template-columns: 1fr; } .vc-fit-item { padding: 16px 0 !important; border-left: 0 !important; } .vc-fit-item + .vc-fit-item { border-top: 1px solid #C5C1BA; } } Contact Us Here when you need us. Whether you have a question about your order, need help choosing the right fit, or aren't sure what to do next, our customer care team is here to help. Email service@varenel.com Orders, products, returns, warranty, accounts, and general customer care. Phone +852 9354 2389 Speak with our customer care team during support hours. Customer Care Hours Mon–Fri · 9AM–6PM Hong Kong Time (HKT), excluding public holidays. Typical Response 1–2 Business Days Messages outside support hours are reviewed during the next business period. Send Us a Message Tell us what you need. Share a few details and we'll point you in the right direction. If your question is about an existing order, include your order number whenever possible. Typical Response Within 1–2 business days Message Sent Thanks for reaching out. We've received your message and will get back to you within 1–2 business days. Name Email Order Number Optional What Can We Help With? Select a topic Order & Shipping Return & Refund Product Question Sizing / Fit Warranty / Product Issue Account Other Message Send Message → By submitting this form, you provide information so we can respond to your request and provide customer service. Privacy Policy What Can We Help With? The right place to start. Our customer care team can help across orders, products, fit, returns, warranty questions, and account support. 01 Order & Shipping Order status, tracking, address questions, and delivery support. 02 Return & Refund Return eligibility, instructions, refund status, and related questions. 03 Product Question Materials, dimensions, stones, product options, and general information. 04 Sizing / Fit Post length, gauge, flat back fit, stone size, and dimensions. 05 Warranty / Product Issue Manufacturing concerns, damaged items, incorrect items, or warranty support. 06 Account Customer account, saved information, or order history questions. 07 Other Something else? Send us a message and we'll help you find the next step. Before You Send A little context helps us help you faster. 01 / ORDER QUESTION Include your order number. If your message relates to an existing order, include your order number whenever possible. You may also include the email address used at checkout if helpful. 02 / PRODUCT & FIT Tell us what you're comparing. For questions about post length, gauge, size, or fit, tell us which product or option you're considering so we can give you more relevant information. 03 / PRODUCT ISSUE Start with a short description. If photos are needed, our customer care team will let you know how to send them after reviewing your message. Product & Fit Support Not sure what fits? We're happy to help you understand the available product specifications before you choose your jewelry. Post Length Gauge Flat Back Fit Stone Size Dimensions Product Options Information provided by Varenel about piercing jewelry and fit is for general informational purposes and does not replace advice from a qualified professional piercer or healthcare professional. Individual anatomy, piercing placement, and healing circumstances vary. Looking for a Quick Answer? You may not need to wait. FAQ Common questions about jewelry, fit, care, orders, and more. → Shipping & Delivery Processing, delivery estimates, tracking, duties, and taxes. → Returns & Exchanges Return eligibility, instructions, exchanges, and refunds. → 2-Year Warranty Learn what is covered and how to request warranty support. → Business Information Clear ways to reach Varenel. Brand Varenel Operated By Hong Kong Zhenhuan Electronic Commerce Co., Limited Business Address Shop 185, G/F, Hang Wai Industrial Centre, No. 6 Kin Tai Street, Tuen Mun, New Territories, Hong Kong Email service@varenel.com Phone +852 9354 2389 Customer Care Hours Monday–Friday 9:00 AM–6:00 PM Hong Kong Time (HKT) Typical Response Within 1–2 business days Availability Excluding applicable public holidays Your information stays part of the conversation. When you contact Varenel, we use the information you provide to respond to your request and provide customer service. Please do not include unnecessary sensitive personal information in your message. View Privacy Policy → Still Need Help? Not sure where your question fits? Ask us. Send us a message or contact our customer care team directly. Please include your order number whenever possible so we can help you more quickly. We typically respond within 1–2 business days. service@varenel.com +852 9354 2389 Send us a message ↑