Contact
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us | Within Feminine</title>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
img { display: block; max-width: 100%; }
a { text-decoration: none; }
:root {
--page-width: 1540px;
--page-padding: 0 55px;
--wine: #4A1B2A;
--wine-deep: #35121C;
--plum: #6B2440;
--plum-light: #F7E4EA;
--blush: #FCEBEF;
--blush-soft: #FDF5F7;
--white: #ffffff;
--off-white: #FDF8F9;
--navy: #35121C;
--text: #4a3c40;
--muted: #8b7076;
--border: #F0DDE3;
--pink: #E8A4B0;
--pink-dark: #D4708A;
--font-body: 'Poppins', sans-serif;
--font-heading: 'Libre Baskerville', serif;
}
body { font-family: var(--font-body); font-weight: 500; background: var(--white); color: var(--text); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.page-width { max-width: var(--page-width); margin: 0 auto; padding: var(--page-padding); }
.page-width--narrow { max-width: 100% !important; padding: 0 !important; }
.main-page-title { display: none !important; }
.section-hero { background: linear-gradient(160deg, #35121C 0%, #4A1B2A 50%, #6B2440 100%); padding: 48px 55px; text-align: center; position: relative; overflow: hidden; }
.section-hero::before { content: ''; position: absolute; top: -40%; left: -10%; right: -10%; bottom: -40%; background: radial-gradient(ellipse at 50% 60%, rgba(232,164,176,0.12) 0%, transparent 55%); pointer-events: none; }
.section-hero .page-width { position: relative; z-index: 1; }
.hero-badge { font-size: 11px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; color: rgba(232,164,176,0.75); margin-bottom: 20px; }
.section-hero h1 { font-family: var(--font-heading); font-size: clamp(26px, 3.5vw, 44px); font-weight: 700; color: #fff; max-width: 700px; margin: 0 auto 14px; line-height: 1.2; }
.section-hero .subtitle { color: rgba(255,255,255,0.78); font-size: 14px; font-style: italic; font-weight: 400; max-width: 500px; margin: 0 auto; font-family: var(--font-heading); }
.section-contact { background: var(--off-white); padding: 64px 0; }
.section-contact .page-width { max-width: 860px; }
.email-cta { background: var(--white); border: 2px solid var(--plum-light); border-radius: 16px; padding: 44px 40px; text-align: center; margin-bottom: 36px; }
.email-cta .email-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--blush); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 24px; color: var(--plum); }
.email-cta h2 { font-family: var(--font-heading); font-size: clamp(20px, 2.5vw, 26px); font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.email-cta p { font-size: 14px; color: var(--muted); font-weight: 400; margin-bottom: 20px; line-height: 1.7; }
.email-btn { display: inline-block; background: linear-gradient(135deg, #f0b8c4 0%, #e8a4b0 50%, #d4708a 100%); color: #fff !important; font-family: var(--font-body); font-weight: 700; font-size: 14px; padding: 16px 40px; border-radius: 50px; letter-spacing: 0.04em; transition: all .2s; box-shadow: 0 4px 16px rgba(212,112,138,0.35); }
.email-btn:hover { background: var(--pink-dark); transform: translateY(-1px); box-shadow: 0 6px 24px rgba(212,112,138,0.5); }
.email-address { display: block; margin-top: 14px; font-size: 13px; color: var(--plum); font-weight: 700; }
.info-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.info-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 28px 22px; text-align: center; transition: border-color 0.3s; }
.info-card:hover { border-color: var(--pink-dark); }
.info-card .card-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--blush); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 18px; color: var(--plum); }
.info-card h3 { font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.info-card p { font-size: 13px; color: var(--muted); line-height: 1.65; font-weight: 400; }
.section-faq { background: var(--blush); padding: 80px 40px; }
.faq-container { max-width: 900px; margin: 0 auto; }
.faq-header { margin-bottom: 48px; text-align: center; }
.faq-title { font-family: var(--font-heading); font-size: clamp(22px, 2.5vw, 28px); font-weight: 700; font-style: italic; color: var(--navy); margin-bottom: 12px; }
.faq-subtitle { font-size: 14px; color: var(--muted); font-weight: 400; }
.faq-wrapper { display: flex; flex-direction: column; gap: 16px; }
.faq-item { background: #fff; border: 1.5px solid rgba(74,27,42,0.08); border-radius: 16px; overflow: hidden; box-shadow: rgba(74,27,42,0.08) 0 4px 16px; }
.faq-question { width: 100%; background: #fff; border: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 28px; font-family: var(--font-body); font-size: 16px; font-weight: 600; color: var(--navy); cursor: pointer; text-align: left; }
.faq-arrow { background: rgba(212,112,138,0.14); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--pink-dark); font-weight: 300; flex-shrink: 0; transition: transform .2s, background .2s; line-height: 1; }
.faq-item.active .faq-question { background: rgba(212,112,138,0.05); color: var(--plum); }
.faq-item.active { border-color: rgba(212,112,138,0.35); }
.faq-item.active .faq-arrow { background: var(--pink-dark); color: white; transform: rotate(45deg); }
.faq-answer { display: none; }
.faq-answer-content { padding: 0 28px 28px; font-size: 14px; color: #5c4a50; line-height: 1.75; font-weight: 400; background: rgba(212,112,138,0.03); }
.section-disclaimer { background: var(--blush-soft); padding: 24px 0; border-top: 1px solid var(--border); }
.disclaimer-text { font-size: 11.5px; color: var(--muted); text-align: center; line-height: 1.6; font-weight: 400; max-width: 800px; margin: 0 auto; }
.disclaimer-text a { color: var(--muted); text-decoration: underline; }
.disclaimer-legal { font-size: 10.5px; color: var(--muted); text-align: center; line-height: 1.6; font-weight: 400; max-width: 800px; margin: 10px auto 0; opacity: 0.85; }
@media (max-width: 749px) {
.section-hero { padding: 48px 16px 56px !important; }
.section-hero h1 { max-width: 100% !important; font-size: 28px !important; }
.section-hero .page-width { padding: 0 !important; max-width: 100% !important; }
.section-contact { padding: 32px 0 !important; }
.section-contact .page-width { padding: 0 20px !important; max-width: 100% !important; }
.email-cta { padding: 32px 20px !important; }
.email-btn { width: 100% !important; text-align: center !important; }
.info-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.section-faq { padding: 40px 20px 48px !important; }
.faq-container { max-width: 100% !important; }
.faq-header { margin-bottom: 16px !important; }
.faq-item { border-radius: 12px !important; border: 1px solid var(--border) !important; margin-bottom: 12px !important; box-shadow: none !important; }
.faq-question { padding: 18px 20px !important; font-size: 15px !important; }
.faq-answer-content { padding: 0 20px 20px !important; }
.section-disclaimer { padding: 20px !important; }
.section-disclaimer .page-width { padding: 0 20px !important; max-width: 100% !important; }
}
</style>
<section class="section-hero">
<div class="page-width">
<div class="hero-badge">GET IN TOUCH</div>
<h1>We're Here to Help</h1>
<p class="subtitle">Questions about Spicy Cubes? We'd love to hear from you.</p>
</div>
</section>
<section class="section-contact">
<div class="page-width">
<div class="email-cta">
<div class="email-icon">✉</div>
<h2>Send Us an Email</h2>
<p>Our team responds to every email within 24 hours. Whether it's a product question, an order issue, or something you'd rather ask privately, we're here.</p>
<a href="mailto:info@withinfeminine.com" class="email-btn" style="display:inline-block;background:linear-gradient(135deg,#f0b8c4 0%,#e8a4b0 50%,#d4708a 100%);color:#ffffff!important;font-weight:700;font-size:14px;padding:16px 40px;border-radius:50px;text-decoration:none!important;">Email Us Now</a>
<span style="display:block;margin-top:14px;font-size:15px;color:#6B2440;font-weight:700;">info@withinfeminine.com</span>
</div>
<div class="info-grid">
<div class="info-card">
<div class="card-icon">⏰</div>
<h3>Fast Response</h3>
<p>We reply within 24 hours on business days. For urgent matters, add "Urgent" to your subject line.</p>
</div>
<div class="info-card">
<div class="card-icon">♥</div>
<h3>30-Day Guarantee</h3>
<p>Not seeing results? Email us within 30 days for a full refund. No questions asked.</p>
</div>
<div class="info-card">
<div class="card-icon">📦</div>
<h3>Discreet & Private</h3>
<p>Every order ships in plain packaging with no product name on the outside. Your privacy comes first.</p>
</div>
</div>
</div>
</section>
<section class="section-faq">
<div class="faq-container">
<div class="faq-header">
<h2 class="faq-title">Common Questions</h2>
<p class="faq-subtitle">Quick answers before you reach out</p>
</div>
<div class="faq-wrapper">
<div class="faq-item active">
<button class="faq-question" onclick="toggleFaq(this)">How do I track my order?<span class="faq-arrow">+</span></button>
<div class="faq-answer" style="display:block"><div class="faq-answer-content">Once your order ships, you'll receive a confirmation email with a tracking number. If you haven't received one within 3 business days, email us and we'll look into it.</div></div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">Is my order discreet?<span class="faq-arrow">+</span></button>
<div class="faq-answer"><div class="faq-answer-content">Yes. Your order arrives in plain packaging with no product name or imagery on the outside. The billing descriptor on your statement is discreet as well.</div></div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">What is your return policy?<span class="faq-arrow">+</span></button>
<div class="faq-answer"><div class="faq-answer-content">We offer a 30-day money-back guarantee. Email info@withinfeminine.com with your order number for a full refund. No questions asked.</div></div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">How long does shipping take?<span class="faq-arrow">+</span></button>
<div class="faq-answer"><div class="faq-answer-content">Standard shipping takes 3-7 business days. Expedited options are available at checkout. International orders typically arrive within 7-14 business days.</div></div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">How do I manage or cancel my subscription?<span class="faq-arrow">+</span></button>
<div class="faq-answer"><div class="faq-answer-content">You can pause, skip, or cancel at any time with no commitment. Email us with your order number and we'll take care of it, usually the same day.</div></div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFaq(this)">Can I modify or cancel my order?<span class="faq-arrow">+</span></button>
<div class="faq-answer"><div class="faq-answer-content">Email us as soon as possible. If your order hasn't shipped yet, we can accommodate changes or cancellations. Once shipped, we'll help you with a return instead.</div></div>
</div>
</div>
</div>
</section>
<div class="section-disclaimer">
<div class="page-width">
<p class="disclaimer-text">© 2026 Within Feminine. All rights reserved. <a href="/policies/privacy-policy">Privacy Policy</a> · <a href="/policies/terms-of-service">Terms of Use</a></p>
<p class="disclaimer-legal">These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease. Consult your healthcare provider before use, especially if you are pregnant, nursing, taking medication, or managing a medical condition.</p>
</div>
</div>
<script>
function toggleFaq(btn) {
const item = btn.closest('.faq-item');
const answer = btn.nextElementSibling;
const isOpen = item.classList.contains('active');
document.querySelectorAll('.faq-item').forEach(i => { i.classList.remove('active'); i.querySelector('.faq-answer').style.display = 'none'; });
if (!isOpen) { item.classList.add('active'); answer.style.display = 'block'; }
}
</script>