@extends('layouts.public')

@section('content')
    <section class="hms-container max-w-6xl py-12 sm:py-16 lg:py-20">

        {{-- Page Header --}}
        <header class="max-w-3xl">
            <p class="hms-kicker">Legal</p>

            <h1 class="hms-serif mt-3 text-4xl leading-tight text-black sm:text-5xl">
                Website & Cannabis Information Disclaimer
            </h1>

            <p class="mt-5 max-w-2xl text-lg leading-relaxed text-black/60">
                Important information about website content, medical cannabis eligibility,
                product information, safety, and responsible use.
            </p>
        </header>

        <div class="mt-10 grid gap-8 lg:grid-cols-[220px_minmax(0,1fr)] lg:items-start">

            {{-- Desktop Table of Contents --}}
            <aside class="hidden lg:sticky lg:top-28 lg:block">
                <nav
                    class="rounded-2xl border border-black/10 bg-white p-5 shadow-sm"
                    aria-label="Disclaimer sections"
                >
                    <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/40">
                        On this page
                    </p>

                    <div class="mt-4 space-y-1 text-sm">
                        <a
                            href="#general-information"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            General Information
                        </a>

                        <a
                            href="#medical-advice"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            No Medical Advice
                        </a>

                        <a
                            href="#age-eligibility"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Age & Eligibility
                        </a>

                        <a
                            href="#product-information"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Product Information
                        </a>

                        <a
                            href="#availability"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Availability
                        </a>

                        <a
                            href="#responsible-use"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Responsible Use
                        </a>

                        <a
                            href="#legal-compliance"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Legal Compliance
                        </a>

                        <a
                            href="#third-parties"
                            class="block rounded-lg px-3 py-2 text-black/60 transition hover:bg-black/[0.04] hover:text-black"
                        >
                            Third-Party Content
                        </a>
                    </div>
                </nav>
            </aside>

            <div class="min-w-0">

                {{-- Mobile Table of Contents --}}
                <details class="mb-6 rounded-2xl border border-black/10 bg-white p-5 lg:hidden">
                    <summary class="cursor-pointer font-medium text-black">
                        Jump to a section
                    </summary>

                    <nav class="mt-4 grid gap-2 text-sm">
                        <a href="#general-information" class="text-black/60 hover:text-black">
                            General Information
                        </a>
                        <a href="#medical-advice" class="text-black/60 hover:text-black">
                            No Medical Advice
                        </a>
                        <a href="#age-eligibility" class="text-black/60 hover:text-black">
                            Age & Eligibility
                        </a>
                        <a href="#product-information" class="text-black/60 hover:text-black">
                            Product Information
                        </a>
                        <a href="#availability" class="text-black/60 hover:text-black">
                            Availability
                        </a>
                        <a href="#responsible-use" class="text-black/60 hover:text-black">
                            Responsible Use
                        </a>
                        <a href="#legal-compliance" class="text-black/60 hover:text-black">
                            Legal Compliance
                        </a>
                        <a href="#third-parties" class="text-black/60 hover:text-black">
                            Third-Party Content
                        </a>
                    </nav>
                </details>

                {{-- Main Disclaimer --}}
                <article
                    class="overflow-hidden rounded-3xl border border-black/10 bg-white shadow-sm"
                >

                    {{-- Important Notice --}}
                    <div class="border-b border-black/10 bg-black/[0.025] p-6 sm:p-8">
                        <div class="flex gap-4">
                            <div
                                class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-black text-white"
                                aria-hidden="true"
                            >
                                <svg
                                    class="h-5 w-5"
                                    viewBox="0 0 24 24"
                                    fill="none"
                                    stroke="currentColor"
                                    stroke-width="1.8"
                                >
                                    <circle cx="12" cy="12" r="9"></circle>
                                    <path stroke-linecap="round" d="M12 10v6"></path>
                                    <path stroke-linecap="round" d="M12 7h.01"></path>
                                </svg>
                            </div>

                            <div>
                                <p class="font-semibold text-black">
                                    Important Information
                                </p>

                                <p class="mt-2 leading-relaxed text-black/60">
                                    This website provides general information about Hollis Medication
                                    Station and cannabis products. Website content should not be relied
                                    upon as medical or legal advice or as a guarantee that any particular
                                    product is appropriate or available for you.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="p-6 sm:p-8 lg:p-10">

                        {{-- Section 1 --}}
                        <section
                            id="general-information"
                            class="scroll-mt-32"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                01
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                General Information Only
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Information presented on the Hollis Medication Station website
                                    is provided for lawful, general informational purposes only.
                                </p>

                                <p>
                                    Nothing on this website constitutes a prescription, medical
                                    diagnosis, treatment recommendation, legal opinion, or guarantee
                                    concerning the suitability of cannabis or any cannabis product
                                    for a particular individual.
                                </p>
                            </div>
                        </section>

                        {{-- Section 2 --}}
                        <section
                            id="medical-advice"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                02
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                No Medical Advice
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Cannabis-related information on this website is not intended to
                                    diagnose, treat, cure, or prevent any disease or medical condition
                                    and is not a substitute for advice from an appropriate healthcare
                                    professional.
                                </p>

                                <p>
                                    Your use of this website does not create a physician-patient,
                                    healthcare-provider-patient, pharmacist-patient, or other
                                    professional healthcare relationship with Hollis Medication
                                    Station or its staff.
                                </p>

                                <p>
                                    If you have questions about cannabis use, medication interactions,
                                    side effects, pregnancy or breastfeeding, dosage, or an existing
                                    medical condition, consult an appropriate healthcare professional.
                                </p>
                            </div>
                        </section>

                        {{-- Section 3 --}}
                        <section
                            id="age-eligibility"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                03
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Website Age Gate & Cannabis Eligibility
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    The public-facing Hollis Medication Station website is intended
                                    for visitors who are 21 years of age or older.
                                </p>

                                <p>
                                    The website's age-verification requirement is an HMS
                                    website-access policy. Successfully completing the age gate does
                                    not establish eligibility to purchase, possess, or use medical
                                    cannabis.
                                </p>

                                <p>
                                    Eligibility for medical cannabis is determined under applicable
                                    Maine law. Appropriate identification, patient certification,
                                    caregiver or guardian authority, or other documentation may be
                                    required and verified before a transaction is completed.
                                </p>

                                <p>
                                    Hollis Medication Station reserves the right to decline a
                                    transaction when applicable eligibility or identification
                                    requirements cannot be verified.
                                </p>
                            </div>
                        </section>

                        {{-- Section 4 --}}
                        <section
                            id="product-information"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                04
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Product, Strain & Potency Information
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Product descriptions, strain information, cannabinoid profiles,
                                    potency information, photographs, reported effects, aromas,
                                    flavors, and similar information are provided for general
                                    informational purposes.
                                </p>

                                <p>
                                    Information may be based on product labels, laboratory results,
                                    growers, manufacturers, suppliers, or third-party informational
                                    sources.
                                </p>

                                <p>
                                    Cannabis may affect individuals differently. Descriptions of
                                    commonly reported effects or characteristics do not guarantee
                                    that you will experience the same effects.
                                </p>

                                <p>
                                    Actual product packaging, labeling, and applicable laboratory
                                    information should be reviewed before use.
                                </p>
                            </div>
                        </section>

                        {{-- Section 5 --}}
                        <section
                            id="availability"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                05
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Pricing, Specials & Availability
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Inventory, pricing, potency, specials, promotions, and other
                                    product information may change without notice.
                                </p>

                                <p>
                                    Displaying a product or promotion on this website does not
                                    guarantee that the product will be available when you visit the
                                    store and does not constitute a binding offer or completed sale.
                                </p>

                                <p>
                                    In the event of a discrepancy, current product information and
                                    applicable terms available at the physical store control.
                                </p>
                            </div>
                        </section>

                        {{-- Section 6 --}}
                        <section
                            id="responsible-use"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                06
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Responsible Use & Safety
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Cannabis may impair judgment, coordination, reaction time, and
                                    other abilities. Do not drive, operate machinery, or engage in
                                    activities requiring alertness while impaired.
                                </p>

                                <p>
                                    Cannabis and cannabis products should be stored securely and kept
                                    away from children and animals.
                                </p>

                                <p>
                                    Individuals should consider their own health circumstances,
                                    medications, and other relevant factors and seek appropriate
                                    professional guidance when necessary.
                                </p>
                            </div>
                        </section>

                        {{-- Section 7 --}}
                        <section
                            id="legal-compliance"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                07
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Legal Compliance
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    Cannabis laws, regulations, and eligibility requirements may
                                    change over time and may differ depending on the circumstances.
                                </p>

                                <p>
                                    Users are responsible for understanding and complying with laws
                                    applicable to their possession, transportation, storage, and use
                                    of cannabis.
                                </p>

                                <p>
                                    Nothing on this website is intended as legal advice regarding
                                    compliance with federal, state, or local law.
                                </p>
                            </div>
                        </section>

                        {{-- Section 8 --}}
                        <section
                            id="third-parties"
                            class="mt-10 scroll-mt-32 border-t border-black/10 pt-10"
                        >
                            <p class="text-xs font-semibold uppercase tracking-[0.16em] text-black/35">
                                08
                            </p>

                            <h2 class="hms-serif mt-2 text-2xl text-black sm:text-3xl">
                                Third-Party Information & Links
                            </h2>

                            <div class="mt-4 space-y-4 leading-7 text-black/65">
                                <p>
                                    This website may reference or link to third-party websites,
                                    product information, strain resources, maps, social media
                                    services, or other external sources.
                                </p>

                                <p>
                                    Hollis Medication Station does not control third-party content
                                    and does not guarantee its accuracy, completeness, availability,
                                    privacy practices, or suitability.
                                </p>

                                <p>
                                    A link or reference to an external source does not necessarily
                                    constitute an endorsement by Hollis Medication Station.
                                </p>
                            </div>
                        </section>

                    </div>
                </article>

                <p class="mt-6 text-center text-sm text-black/40">
                    Last updated August 13, 2026
                </p>

            </div>
        </div>
    </section>
@endsection