<?php
$pageTitle = "Returns & Refunds - Tom's Java Jive";
$metaDescription = "Tom's Java Jive return and refund policy. 30-day returns accepted. Free return shipping. No restocking fees.";
$breadcrumbs = [
    ['name' => 'Home', 'url' => 'https://tomsjavajive.com'],
    ['name' => 'Returns', 'url' => 'https://tomsjavajive.com/returns.php']
];
require_once __DIR__ . '/includes/header.php';
?>

<section class="section" style="padding-top: 2rem; padding-bottom: 4rem;">
    <div class="container" style="max-width: 800px;">

        <div style="text-align: center; margin-bottom: 3rem;">
            <h1 style="font-size: 2.5rem; margin-bottom: 0.75rem;">Returns & Refunds</h1>
            <p style="color: var(--text-muted); font-size: 1.1rem;">Simple, transparent, and always focused on making things right.</p>
        </div>

        <!-- Policy Summary -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <p style="color: var(--text-muted); line-height: 1.8; margin: 0 0 1.25rem;">At Tom's Java Jive, your satisfaction is our priority. We accept returns and exchanges within <strong>30 days</strong> of delivery for any reason — whether the product is defective or you simply changed your mind.</p>
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;">
                    <div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; text-align: center;">
                        <div style="font-size: 1.5rem; margin-bottom: 0.4rem;">📦</div>
                        <div style="font-weight: 600; font-size: 0.9rem; margin-bottom: 0.25rem;">30-Day Window</div>
                        <div style="color: var(--text-muted); font-size: 0.85rem;">Returns &amp; exchanges accepted within 30 days of delivery</div>
                    </div>
                    <div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; text-align: center;">
                        <div style="font-size: 1.5rem; margin-bottom: 0.4rem;">🏷️</div>
                        <div style="font-weight: 600; font-size: 0.9rem; margin-bottom: 0.25rem;">Free Return Label</div>
                        <div style="color: var(--text-muted); font-size: 0.85rem;">We email you a prepaid label — just download, print, and drop off</div>
                    </div>
                    <div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; text-align: center;">
                        <div style="font-size: 1.5rem; margin-bottom: 0.4rem;">💳</div>
                        <div style="font-weight: 600; font-size: 0.9rem; margin-bottom: 0.25rem;">No Restocking Fees</div>
                        <div style="color: var(--text-muted); font-size: 0.85rem;">You get back exactly what you paid — no deductions</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- What We Accept -->
        <div class="card" style="margin-bottom: 1.5rem;">
            <div class="card-body">
                <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
                    <div style="width: 42px; height: 42px; background: rgba(16,185,129,0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0;">✅</div>
                    <h2 style="font-size: 1.2rem; margin: 0;">What We Accept</h2>
                </div>
                <ul style="padding-left: 1.25rem; color: var(--text-muted); line-height: 1.9; margin: 0;">
                    <li><strong>Defective products</strong> — damaged, stale, or incorrect items sent by us</li>
                    <li><strong>Non-defective products</strong> — changed your mind, ordered the wrong flavor or grind</li>
                    <li><strong>Exchanges</strong> — swap for a different product of equal or lesser value</li>
                    <li>All items must be in their <strong>original, unopened packaging</strong> (except in cases of defect)</li>
                    <li>Applies to orders shipped within the <strong>United States</strong></li>
                </ul>
            </div>
        </div>

        <!-- How to Return -->
        <div class="card" style="margin-bottom: 1.5rem;">
            <div class="card-body">
                <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
                    <div style="width: 42px; height: 42px; background: rgba(59,130,246,0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0;">📬</div>
                    <h2 style="font-size: 1.2rem; margin: 0;">How to Return or Exchange</h2>
                </div>
                <ol style="padding-left: 1.25rem; color: var(--text-muted); line-height: 1.9; margin: 0;">
                    <li>Email <a href="mailto:sales@tomsjavajive.com">sales@tomsjavajive.com</a> with your <strong>order number</strong> and reason for the return or exchange.</li>
                    <li>If the item arrived damaged or defective, include a photo — it helps us resolve things faster.</li>
                    <li>We'll respond within <strong>1 business day</strong> with a <strong>free prepaid return label</strong> — download and print it at home.</li>
                    <li>Pack the item securely and drop it off at any compatible carrier location.</li>
                    <li>Once we receive your return, your refund will be processed within <strong>5 business days</strong> to your original payment method.</li>
                </ol>
            </div>
        </div>

        <!-- Refund Details -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
                    <div style="width: 42px; height: 42px; background: rgba(245,158,11,0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0;">💰</div>
                    <h2 style="font-size: 1.2rem; margin: 0;">Refund Details</h2>
                </div>
                <ul style="padding-left: 1.25rem; color: var(--text-muted); line-height: 1.9; margin: 0;">
                    <li>Refunds are issued to your <strong>original payment method</strong></li>
                    <li>Processed within <strong>5 business days</strong> of receiving your return</li>
                    <li><strong>No restocking fees</strong> — you receive the full amount paid</li>
                    <li>Return shipping is <strong>free</strong> — we provide a prepaid label</li>
                    <li>For exchanges, replacement orders ship within <strong>1–2 business days</strong> of receiving your return</li>
                </ul>
            </div>
        </div>

        <p style="text-align: center; color: var(--text-muted);">Have a question about your order? <a href="/contact.php">Contact us</a> and we'll take care of you.</p>

    </div>
</section>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
