/** Shopify CDN: Minification failed

Line 17:0 Unexpected "<"
Line 19:5 Unexpected "{"
Line 19:14 Expected ":"
Line 20:2 Unexpected "<"
Line 25:11 Unexpected "{"
Line 25:20 Expected ":"
Line 25:49 Unexpected "<"
Line 26:10 Unexpected "{"
Line 26:19 Expected ":"
Line 26:52 Unexpected "<"
... and 88 more hidden warnings

**/

<section class="paw-home">
  <div class="paw-announcement">
    {{ section.settings.announcement | escape }}
  </div>

  <div class="paw-hero">
    <div class="paw-hero-copy">
      <span class="paw-eyebrow">THOUGHTFUL PET ESSENTIALS</span>
      <h1>{{ section.settings.heading | escape }}</h1>
      <p>{{ section.settings.description | escape }}</p>

      <a class="paw-button"
         href="{{ section.settings.button_link | default: routes.all_products_collection_url }}">
        {{ section.settings.button_label | escape }}
      </a>

      <p class="paw-trust">Made for happier days together.</p>
    </div>

    <div class="paw-hero-image">
      {% if section.settings.hero_image != blank %}
        {{
          section.settings.hero_image
          | image_url: width: 1400
          | image_tag:
            widths: '480, 720, 1000, 1400',
            sizes: '(min-width: 750px) 50vw, 100vw',
            loading: 'eager',
            alt: section.settings.heading
        }}
      {% else %}
        <div class="paw-image-placeholder">
          Add your hero image in Theme Editor
        </div>
      {% endif %}
    </div>
  </div>

  <div class="paw-benefits">
    <div><strong>Thoughtful Quality</strong><span>Everyday essentials</span></div>
    <div><strong>For Dogs & Cats</strong><span>Made for both</span></div>
    <div><strong>Care Comes First</strong><span>Comfort matters</span></div>
  </div>

  <div class="paw-featured">
    <div class="paw-section-heading">
      <span class="paw-eyebrow">SHOP THE COLLECTION</span>
      <h2>Little things. More happy moments.</h2>
      <p>Explore essentials for every kind of companion.</p>
    </div>

    <div class="paw-collections">
      {% for block in section.blocks %}
        {% assign collection = block.settings.collection %}
        {% if collection != blank %}
          <a class="paw-collection-card"
             href="{{ collection.url }}"
             {{ block.shopify_attributes }}>
            {% if block.settings.image != blank %}
              {{
                block.settings.image
                | image_url: width: 700
                | image_tag: loading: 'lazy', alt: collection.title
              }}
            {% elsif collection.featured_image != blank %}
              {{
                collection.featured_image
                | image_url: width: 700
                | image_tag: loading: 'lazy', alt: collection.title
              }}
            {% endif %}
            <span>{{ block.settings.title | default: collection.title | escape }}</span>
            <span class="paw-explore">Explore collection →</span>
          </a>
        {% endif %}
      {% endfor %}
    </div>
  </div>

  {% assign featured = section.settings.featured_collection %}
  {% if featured != blank %}
    <div class="paw-products">
      <div class="paw-section-heading">
        <span class="paw-eyebrow">THE PAWVELORA EDIT</span>
        <h2>{{ section.settings.products_heading | escape }}</h2>
        <p>Discover your pet's next favorite.</p>
      </div>

      <div class="paw-product-grid">
        {% for product in featured.products limit: 4 %}
          <article class="paw-product-card">
            <a href="{{ product.url }}">
              {% if product.featured_image %}
                {{
                  product.featured_image
                  | image_url: width: 700
                  | image_tag: loading: 'lazy', alt: product.title
                }}
              {% endif %}
              <h3>{{ product.title | escape }}</h3>
            </a>

            <p class="paw-price">
              {% if product.price_varies %}From {% endif %}
              {{ product.price_min | money }}
            </p>

            {% if product.available %}
              <form method="post" action="{{ routes.cart_add_url }}">
                <input type="hidden" name="id"
                       value="{{ product.selected_or_first_available_variant.id }}">
                <input type="hidden" name="quantity" value="1">
                <button class="paw-button paw-add" type="submit">
                  Add to cart
                </button>
              </form>
            {% else %}
              <button class="paw-button paw-add" disabled>
                Sold out
              </button>
            {% endif %}
          </article>
        {% else %}
          <p>Add products to this collection to display them here.</p>
        {% endfor %}
      </div>

      <a class="paw-view-all" href="{{ featured.url }}">View all products →</a>
    </div>
  {% endif %}

  <div class="paw-story">
    <span class="paw-eyebrow">A LITTLE MORE LOVE</span>
    <h2>Because they're family.</h2>
    <p>
      At Pawvelora, we believe the little things make life with pets special.
      Discover thoughtful essentials for the companions who make every day better.
    </p>
  </div>
</section>

{% style %}
  .paw-home {
    --paw-brown: #38271f;
    --paw-gold: #b18a50;
    --paw-cream: #f8f4ec;
    --paw-ink: #30251f;
    color: var(--paw-ink);
    background: #fffdf9;
  }

  .paw-announcement {
    background: var(--paw-brown);
    color: #fff8ec;
    text-align: center;
    padding: 11px 16px;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .paw-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--paw-cream);
    align-items: center;
  }

  .paw-hero-copy { padding: 65px 9%; }
  .paw-eyebrow {
    color: #8a693d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .paw-hero h1 {
    font-family: Georgia, serif;
    font-size: clamp(36px, 4.5vw, 64px);
    line-height: 1.08;
    font-weight: 500;
    margin: 18px 0;
  }

  .paw-hero-copy > p:not(.paw-trust) {
    line-height: 1.8;
    max-width: 440px;
  }

  .paw-button {
    display: inline-block;
    border: 1px solid var(--paw-brown);
    border-radius: 2px;
    background: var(--paw-brown);
    color: white;
    padding: 14px 24px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    transition: background .2s ease;
  }

  .paw-button:hover {
    background: var(--paw-gold);
    border-color: var(--paw-gold);
    color: white;
  }

  .paw-trust { font-size: 12px; margin-top: 18px; }
  .paw-hero-image { min-height: 430px; height: 100%; }
  .paw-hero-image img {
    width: 100%; height: 100%; min-height: 430px;
    object-fit: cover; display: block;
  }

  .paw-image-placeholder {
    min-height: 430px;
    display: grid;
    place-items: center;
    padding: 20px;
    color: #78695b;
    text-align: center;
  }

  .paw-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 28px 5%;
    border-bottom: 1px solid #eee5d8;
    text-align: center;
  }

  .paw-benefits div { display: grid; gap: 7px; }
  .paw-benefits strong { font-family: Georgia, serif; font-size: 17px; }
  .paw-benefits span { font-size: 12px; color: #74665a; }

  .paw-featured, .paw-products { padding: 65px 5%; }
  .paw-section-heading { text-align: center; margin-bottom: 32px; }
  .paw-section-heading h2, .paw-story h2 {
    font: 500 clamp(27px, 3vw, 39px)/1.2 Georgia, serif;
    margin: 12px 0;
  }
  .paw-section-heading p, .paw-story p {
    color: #75685d;
    line-height: 1.8;
  }

  .paw-collections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .paw-collection-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    color: var(--paw-ink);
    font-family: Georgia, serif;
    font-size: 22px;
  }

  .paw-collection-card img {
    width: 100%;
    aspect-ratio: 1.2;
    object-fit: cover;
    margin-bottom: 7px;
    background: var(--paw-cream);
  }

  .paw-explore {
    font: 12px Arial, sans-serif;
    color: #80613c;
  }

  .paw-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }

  .paw-product-card img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background: var(--paw-cream);
  }

  .paw-product-card a { text-decoration: none; color: var(--paw-ink); }
  .paw-product-card h3 { font-size: 15px; font-weight: 500; }
  .paw-price { font-size: 14px; }
  .paw-add { width: 100%; margin-top: 8px; }
  .paw-view-all {
    display: block;
    text-align: center;
    margin-top: 30px;
    color: var(--paw-brown);
  }

  .paw-story {
    text-align: center;
    background: var(--paw-cream);
    padding: 55px 8%;
  }

  .paw-story p { max-width: 650px; margin: auto; }

  @media (max-width: 749px) {
    .paw-hero { grid-template-columns: 1fr; }
    .paw-hero-copy { padding: 42px 7%; }
    .paw-hero-image, .paw-hero-image img { min-height: 280px; }
    .paw-benefits { padding: 22px 12px; gap: 8px; }
    .paw-benefits strong { font-size: 13px; }
    .paw-benefits span { font-size: 10px; }
    .paw-featured, .paw-products { padding: 42px 5%; }
    .paw-collections { gap: 12px; }
    .paw-collection-card { font-size: 17px; }
    .paw-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  }
{% endstyle %}

{% schema %}
{
  "name": "Pawvelora home",
  "settings": [
    {
      "type": "text",
      "id": "announcement",
      "label": "Announcement bar",
      "default": "WELCOME TO PAWVELORA — THOUGHTFUL PET ESSENTIALS"
    },
    {
      "type": "text",
      "id": "heading",
      "label": "Hero heading",
      "default": "More love in every little moment."
    },
    {
      "type": "textarea",
      "id": "description",
      "label": "Hero description",
      "default": "Discover thoughtfully selected essentials for happier days with your favorite companions."
    },
    {
      "type": "image_picker",
      "id": "hero_image",
      "label": "Hero image"
    },
    {
      "type": "text",
      "id": "button_label",
      "label": "Hero button",
      "default": "Shop the collection"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Hero button link"
    },
    {
      "type": "collection",
      "id": "featured_collection",
      "label": "Featured products collection"
    },
    {
      "type": "text",
      "id": "products_heading",
      "label": "Products heading",
      "default": "Favorites for your best friend"
    }
  ],
  "blocks": [
    {
      "type": "collection_card",
      "name": "Collection card",
      "settings": [
        {
          "type": "collection",
          "id": "collection",
          "label": "Collection"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Custom image (optional)"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Display title"
        }
      ]
    }
  ],
  "max_blocks": 4,
  "presets": [
    {
      "name": "Pawvelora home",
      "blocks": [
        { "type": "collection_card" },
        { "type": "collection_card" }
      ]
    }
  ]
}
{% endschema %}