@extends('layouts.shop')

@section('title', 'Pricing & Refund Policy -Hair Niche By Shelly')

@section('content')
    <div class="max-w-4xl mx-auto px-4 py-16 sm:px-6 lg:px-8">
        <h1 class="text-4xl font-bold text-[#9B2D69] mb-8 text-center uppercase tracking-wide">Pricing & Refund Policy</h1>

        <div class="prose prose-lg mx-auto text-gray-600 space-y-6">
            <section>
                <h2 class="text-xl font-bold text-gray-800 mb-3">Returns & Exchanges</h2>
                <p>You must inform us of any return or exchange request within <strong>7 days</strong> of receipt with a
                    valid reason. Products bought on sale are <strong>not eligible</strong> for return or exchange.</p>
            </section>

            <section>
                <h2 class="text-xl font-bold text-gray-800 mb-3">Conditions</h2>
                <p>Products must be unused, unmodified, and in their original packaging. The cost of return shipping is
                    borne by the buyer, and the company is not liable for damages during transit. Please clearly mark the
                    Order Number and Contact Details on the return package.</p>
            </section>

            <section>
                <h2 class="text-xl font-bold text-gray-800 mb-3">Refund Mode & Fees</h2>
                <p>Instead of cash or bank refunds, a <strong>coupon code</strong> will be provided for future purchases. A
                    deduction of <strong>Rs. 150</strong> is applied for all exchanges and returns as a processing fee.</p>
            </section>
        </div>
    </div>
@endsection