/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 21:10 Unexpected "{"
Line 21:22 Expected ":"
Line 21:31 Unexpected "{"
Line 21:37 Expected ":"
Line 21:45 Unexpected "<"
Line 22:3 Unexpected "{"
Line 22:23 Expected ":"
Line 24:2 Unexpected "<"
Line 35:2 Unexpected "<"
... and 105 more hidden warnings

**/
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ page_title }} — {{ shop.name }}</title>
  {{ content_for_header }}

  <style>
    body {
      margin: 0;
      padding: 0;
      background: #f5f5f5;
      font-family: 'Helvetica Neue', sans-serif;
      color: #111;
    }
    a { text-decoration: none; color: inherit; }

    .container { max-width: 1400px; margin: 0 auto; padding: 20px; }
  </style>
</head>
<body>

  {% section 'header' %}

  <main>
    {{ content_for_layout }}
  </main>

  {% section 'footer' %}

</body>
</html>


================================================
2. sections/header.liquid
================================================
<header style="background:#000; padding:18px 0;">
  <div class="container" style="display:flex; justify-content:space-between; align-items:center; color:#fff;">
    <h1 style="font-size:26px; letter-spacing:2px;">{{ shop.name }}</h1>

    <nav>
      <ul style="display:flex; gap:30px; list-style:none; font-size:16px;">
        {% for link in linklists.main-menu.links %}
        <li><a href="{{ link.url }}" style="color:#fff;">{{ link.title }}</a></li>
        {% endfor %}
      </ul>
    </nav>
  </div>
</header>

{% schema %}
{
  "name": "Luxury Header",
  "settings": []
}
{% endschema %}


================================================
3. sections/footer.liquid
================================================
<footer style="background:#000; color:#fff; padding:40px 0; text-align:center;">
  <p style="letter-spacing:1px;">© {{ shop.name }} — All Rights Reserved</p>
</footer>

{% schema %}
{
  "name": "Luxury Footer",
  "settings": []
}
{% endschema %}


================================================
4. sections/hero-banner.liquid
================================================
<div style="position:relative; height:85vh; background:url({{ section.settings.image | img_url: 'master' }}); background-size:cover; background-position:center;">
  <div style="position:absolute; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;">
    <h1 style="font-size:60px; font-weight:700; letter-spacing:2px;">{{ section.settings.title }}</h1>
  </div>
</div>

{% schema %}
{
  "name": "Luxury Hero Banner",
  "settings": [
    {"type": "image_picker", "id": "image", "label": "Hero Image"},
    {"type": "text", "id": "title", "label": "Hero Title", "default": "Luxury Defined"}
  ]
}
{% endschema %}


================================================
5. sections/featured-products.liquid
================================================
<div class="container">
  <h2 style="text-align:center; margin:50px 0 20px; font-size:32px; font-weight:600;">Featured Collection</h2>

  <div style="display:grid; grid-template-columns:repeat(4,1fr); gap:25px;">
    {% for product in collections[section.settings.collection].products limit: 8 %}
    <div style="background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
      <a href="{{ product.url }}">
        <img src="{{ product.featured_image | img_url: 'master' }}" style="width:100%; height:330px; object-fit:cover;">
      </a>
      <div style="padding:15px;">
        <h3 style="margin:0; font-size:18px; font-weight:600;">{{ product.title }}</h3>
        <p style="margin-top:6px; font-size:16px; color:#555;">{{ product.price | money }}</p>
      </div>
    </div>
    {% endfor %}
  </div>
</div>

{% schema %}
{
  "name": "Luxury Featured Products",
  "settings": [
    {"type":"collection", "id":"collection", "label":"Select Collection"}
  ]
}
{% endschema %}


================================================
6. templates/index.liquid (Homepage)
================================================
{% section 'hero-banner' %}
{% section 'featured-products' %}


================================================
7. templates/product.liquid (Product Page)
================================================
<div class="container" style="display:flex; gap:40px; margin-top:50px;">

  <div style="flex:1;">
    <img src="{{ product.featured_image | img_url: 'master' }}" style="width:100%; border-radius:12px;">
  </div>

  <div style="flex:1;">
    <h1 style="font-size:32px; font-weight:700;">{{ product.title }}</h1>
    <p style="font-size:24px; margin:10px 0;">{{ product.price | money }}</p>

    <div>{{ product.description }}</div>

    <form method="post" action="/cart/add">
      <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
      <button type="submit" style="margin-top:20px; padding:15px 25px; background:#000; color:#fff; font-size:16px; border:none; cursor:pointer;">Add to Cart</button>
    </form>
  </div>
</div>


================================================
8. templates/collection.liquid
================================================
<div class="container">
  <h1 style="text-align:center; margin:40px 0; font-size:36px;">{{ collection.title }}</h1>

  <div style="display:grid; grid-template-columns:repeat(4,1fr); gap:25px;">
    {% for product in collection.products %}
    <div style="background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
      <a href="{{ product.url }}">
        <img src="{{ product.featured_image | img_url: 'master' }}" style="width:100%; height:300px; object-fit:cover;">
      </a>
      <div style="padding:15px;">
        <h3>{{ product.title }}</h3>
        <p>{{ product.price | money }}</p>
      </div>
    </div>
    {% endfor %}
  </div>
</div>


================================================
9. templates/cart.liquid
================================================
<div class="container" style="margin-top:50px;">
  <h1>Your Cart</h1>

  {% if cart.item_count > 0 %}
  <table style="width:100%; margin-top:20px; border-collapse:collapse;">
    {% for item in cart.items %}
    <tr style="border-bottom:1px solid #eee;">
      <td>{{ item.title }}</td>
      <td>{{ item.quantity }}</td>
      <td>{{ item.line_price | money }}</td>
    </tr>
    {% endfor %}
  </table>

  <h2 style="margin-top:20px;">Total: {{ cart.total_price | money }}</h2>

  <form action="/checkout" method="post">
    <button style="background:#000; color:#fff; padding:15px 25px; border:none; cursor:pointer; margin-top:20px;">Checkout</button>
  </form>

  {% else %}
  <p>Your cart is empty.</p>
  {% endif %}
</div>
