/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 12:1 Expected identifier but found "%"
Line 13:2 Unexpected "="
Line 45:1 Expected identifier but found "%"
Line 47:0 Unexpected "{"
Line 47:1 Expected identifier but found "%"
Line 52:0 Unexpected "<"

**/
{% comment %}
  ============================================================
  SM VISIT MODAL v1.0
  File: snippets/sm-visit-modal.liquid
  Rendered in: layout/theme.liquid (before </body>, after sm-oversize-notice)
  Pairs with: assets/sm-visit.css, assets/sm-visit.js

  Purpose:
    - The booking CHOOSER. Two panels, one per appointment type.
    - Opens from ANY element carrying data-sm-visit-modal="1", anywhere
      on the site. Nav link, ribbon link, footer, product page.

  WHY THIS IS A SNIPPET AND NOT A CUSTOM LIQUID BLOCK:
    Rendered once from theme.liquid, so it exists on every page and lives
    OUTSIDE <main> and every section wrapper. That means one node, correct
    stacking context, and no dedupe/relocate hack.

  WHERE THE PANELS POINT:
    /pages/book                 Shop at Seth Michael   (attended)
    /pages/book-self-guided     Self-Guided Shopping   (unattended)
    NOT calendly.com. Those pages carry the embed and are the single URL
    the ribbon, nav, modal and Klaviyo flows all point at. If the booking
    front end changes later, nothing here has to move.

  COPY:
    Lives in the CONFIG-style block below, same pattern as
    sm-oversize-notice.liquid. It is NOT section settings because a snippet
    has no schema. To make this editable by an operator it would need to
    move to settings_schema.json (Theme settings). Flagged, not done, since
    that file has not been reviewed.

  VOICE: store voice, first person plural. Matches the Klaviyo templates.
  ============================================================
{% endcomment %}

{%- liquid
  assign sm_visit_owner_url = '/pages/book'
  assign sm_visit_self_url  = '/pages/book-self-guided'
-%}

<div class="sm-visit-overlay" id="sm-visit-modal" role="dialog" aria-modal="true" aria-labelledby="sm-visit-title" hidden>
  <div class="sm-visit-box">
    <button type="button" class="sm-visit-close" aria-label="Close">&times;</button>

    <p class="sm-visit-eyebrow">Book a Store Visit</p>
    <h3 class="sm-visit-title" id="sm-visit-title">How would you like to shop?</h3>
    <p class="sm-visit-sub">Two ways to see the sleepers and recliners in person at our Fells Point showroom. Pick whichever fits you.</p>

    <div class="sm-visit-panels">

      <div class="sm-visit-panel sm-visit-panel-owner">
        <h3>Shop With Someone</h3>
        <p>One of us meets you at the door and walks the floor with you. Open every sleeper, compare sizes against your room, go through fabric swatches, and get straight answers on lead times and delivery.</p>
        <p class="sm-visit-best"><strong>Best for:</strong> a first visit, narrowing down a model, or questions about fit, fabric, and function.</p>
        <a class="sm-visit-cta" href="{{ sm_visit_owner_url }}">Book a Visit With Someone</a>
      </div>

      <div class="sm-visit-panel sm-visit-panel-self">
        <h3>Shop Self Guided</h3>
        <p>The showroom is open and yours to explore at your own pace. Sit on everything, open the sleepers, pull swatches, and text or call us if something comes up.</p>
        <p class="sm-visit-best"><strong>Best for:</strong> a second look, a quick stop, or bringing someone along for their opinion.</p>
        <a class="sm-visit-cta" href="{{ sm_visit_self_url }}">Book a Self Guided Visit</a>
      </div>

    </div>

    <p class="sm-visit-foot"><strong>1605 Eastern Ave</strong>, Fells Point, Baltimore. Loading zone out front when it is open, plus street parking on Eastern and Bond and meters on Broadway.</p>
  </div>
</div>