Contact Us | Gym High
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--black: #0a0a0a;
--white: #ffffff;
--red: #e01f1f;
--light-grey: #f4f4f4;
--border: #e8e8e8;
--mid-grey: #888;
}
body {
font-family: 'Barlow', sans-serif;
background: var(--white);
color: var(--black);
overflow-x: hidden;
}
/* ── HERO ── */
.hero {
background: var(--black);
padding: 100px 40px 80px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(224,31,31,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(224,31,31,0.04) 1px, transparent 1px);
background-size: 60px 60px;
}
.hero-glow {
position: absolute;
top: -100px; left: 50%;
transform: translateX(-50%);
width: 500px; height: 300px;
background: radial-gradient(ellipse, rgba(224,31,31,0.12) 0%, transparent 70%);
pointer-events: none;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 700px;
margin: 0 auto;
}
.hero-eyebrow {
font-family: 'Barlow Condensed', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 6px;
color: var(--red);
text-transform: uppercase;
margin-bottom: 18px;
}
.hero-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(60px, 10vw, 110px);
color: var(--white);
line-height: 0.95;
margin-bottom: 20px;
}
.hero-title span { color: var(--red); }
.hero-sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.55);
line-height: 1.8;
}
/* ── MAIN LAYOUT ── */
.main {
max-width: 1200px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 80px;
align-items: start;
}
/* ── LEFT SIDE INFO ── */
.info-col {}
.info-eyebrow {
font-family: 'Barlow Condensed', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 5px;
color: var(--red);
text-transform: uppercase;
margin-bottom: 14px;
}
.info-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 52px;
color: var(--black);
line-height: 1;
margin-bottom: 24px;
}
.info-text {
font-size: 16px;
font-weight: 300;
color: #555;
line-height: 1.8;
margin-bottom: 40px;
}
.info-cards {
display: flex;
flex-direction: column;
gap: 2px;
}
.info-card {
background: var(--light-grey);
padding: 28px 30px;
display: flex;
align-items: flex-start;
gap: 18px;
transition: background 0.3s;
position: relative;
overflow: hidden;
}
.info-card::after {
content: '';
position: absolute;
left: 0; top: 0;
width: 3px; height: 0;
background: var(--red);
transition: height 0.3s;
}
.info-card:hover { background: var(--white); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.info-card:hover::after { height: 100%; }
.info-card-icon {
font-size: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.info-card-title {
font-family: 'Barlow Condensed', sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--black);
margin-bottom: 4px;
}
.info-card-text {
font-size: 14px;
color: #666;
line-height: 1.6;
font-weight: 300;
}
/* ── SOCIAL LINKS ── */
.social-section {
margin-top: 40px;
}
.social-label {
font-family: 'Barlow Condensed', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 4px;
color: var(--mid-grey);
text-transform: uppercase;
margin-bottom: 16px;
}
.social-links {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.social-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--black);
color: var(--white);
font-family: 'Barlow Condensed', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 10px 18px;
text-decoration: none;
transition: background 0.3s;
}
.social-link:hover { background: var(--red); }
/* ── FORM SIDE ── */
.form-col {}
.form-header {
margin-bottom: 36px;
}
.form-eyebrow {
font-family: 'Barlow Condensed', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 5px;
color: var(--red);
text-transform: uppercase;
margin-bottom: 10px;
}
.form-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 48px;
color: var(--black);
line-height: 1;
}
.form-sub {
font-size: 15px;
color: #666;
font-weight: 300;
margin-top: 10px;
line-height: 1.7;
}
/* ── FAQ ── */
.faq-section {
background: var(--black);
padding: 80px 40px;
}
.faq-inner {
max-width: 1200px;
margin: 0 auto;
}
.faq-header {
margin-bottom: 50px;
}
.faq-eyebrow {
font-family: 'Barlow Condensed', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 5px;
color: var(--red);
text-transform: uppercase;
margin-bottom: 12px;
}
.faq-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(40px, 5vw, 64px);
color: var(--white);
line-height: 1;
}
.faq-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
}
.faq-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.06);
padding: 36px 32px;
transition: border-color 0.3s, background 0.3s;
}
.faq-card:hover {
border-color: var(--red);
background: rgba(224,31,31,0.04);
}
.faq-q {
font-family: 'Barlow Condensed', sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
color: var(--white);
margin-bottom: 12px;
display: flex;
gap: 10px;
align-items: flex-start;
}
.faq-q::before {
content: 'Q';
background: var(--red);
color: var(--white);
font-size: 11px;
padding: 3px 6px;
flex-shrink: 0;
margin-top: 2px;
}
.faq-a {
font-size: 14px;
line-height: 1.8;
color: rgba(255,255,255,0.45);
font-weight: 300;
padding-left: 28px;
}
/* ── RESPONSE TIME BANNER ── */
.response-banner {
background: var(--red);
padding: 20px 40px;
text-align: center;
}
.response-banner p {
font-family: 'Barlow Condensed', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--white);
}
/* ── RESPONSIVE ── */
@media (max-width: 900px) {
.main { grid-template-columns: 1fr; gap: 50px; padding: 60px 24px; }
.faq-grid { grid-template-columns: 1fr; }
.hero { padding: 80px 24px 60px; }
.faq-section { padding: 70px 24px; }
}
@media (max-width: 600px) {
.social-links { gap: 8px; }
}
We're here to help
Get In Touch.
Have a question about your order, a product, or anything else? Fill in the form below and we'll get back to you as soon as possible.
⚡ We aim to respond to all enquiries within 24 hours — Monday to Friday
Contact Info
How Can We Help?
Whether you have a question about an order, need advice on which supplements are right for you, or just want to say hello — we're here.
📦
Orders & Delivery
Questions about your order, shipping times, or tracking? We'll help you out.
💊
Product Advice
Not sure which supplement is right for your goal? Ask us — we know our products inside out.
🔄
Returns & Refunds
We offer 30-day hassle-free returns. Get in touch and we'll sort it quickly.
🤝
Partnerships & Wholesale
Interested in stocking Gym High or working together? We'd love to hear from you.
How long does delivery take?
Standard UK delivery takes 2-5 working days. We also offer express shipping options at checkout. You'll receive a tracking number once your order has been dispatched.
Can I return a product?
Yes — we offer 30-day hassle-free returns on all unopened products. Simply contact us using the form above and we'll arrange your return and refund.
Which supplement is right for me?
It depends on your goal. For muscle building, start with protein and creatine. For fat loss, try our thermogenic range. Not sure? Use the contact form and we'll advise you personally.
Do you ship internationally?
Yes, we offer worldwide shipping. International delivery times and costs vary by location. All shipping options and costs are shown at checkout before you complete your order.
