/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 28:9 Expected identifier but found "%"
Line 29:10 Unexpected "<"
Line 29:40 Unexpected "{"
Line 29:46 Expected ":"
Line 29:55 Unexpected "<"
Line 30:9 Expected identifier but found "%"
Line 31:6 Unexpected "<"
Line 47:7 Expected identifier but found "%"
Line 48:8 Unexpected "<"
... and 5 more hidden warnings

**/
<header class="custom-header">
  <div class="header-container">
    <!-- Left: Logo -->
    <div class="logo">
      <a href="{{ routes.root_url }}">
        <img src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" class="site-logo">
      </a>
    </div>

    <!-- Center: Navigation Menu -->
    <nav class="main-menu">
      <ul>
        {% for link in linklists.main-menu.links %}
          <li><a href="{{ link.url }}">{{ link.title }}</a></li>
        {% endfor %}
      </ul>
    </nav>

    <!-- Right: Icons -->
    <div class="header-icons">
      <a href="/pages/wishlist" class="icon">♡</a>
      <a href="/account" class="icon">👤</a>
      <a href="{{ routes.cart_url }}" class="icon">🛒</a>
      <button class="menu-toggle">☰</button>
    </div>
  </div>

  <!-- Sidebar Menu for Mobile -->
  <div class="sidebar-menu">
    <button class="close-btn">×</button>
    <ul>
      {% for link in linklists.main-menu.links %}
        <li><a href="{{ link.url }}">{{ link.title }}</a></li>
      {% endfor %}
    </ul>
  </div>
</header>





/* ===============================
   Global Heading Font – Cormorant Garamond
   Applies to all homepage headings (H1–H6)
   =============================== */

h1, h2, h3, h4, h5, h6,
.section-title,
.title,
.page-title,
.block-title,
h2.section-heading,
.ai-rotating-products-heading,
.shopify-section h2,
.shopify-section h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #3a0000; /* optional - you can change or remove */
  text-transform: none;
}

/* Optional: make it look more elegant */
.section-title,
h2.section-heading {
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.2;
}




/* Target the custom Shop Now button and replace text */
.product-form button[name="add"] span,
.product-form button[type="submit"] span,
.product-form button.shop-now span {
    font-size: 0 !important; /* hide original text */
}

.product-form button[name="add"]::after,
.product-form button[type="submit"]::after,
.product-form button.shop-now::after {
    content: "Add to Cart" !important;
    font-size: 15px !important;
    color: #333 !important;
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 10px 0;
    border-radius: 6px;
    background: #fafafa;
    text-align: center;
    font-weight: 500;
    transition: 0.25s;
}

.product-form button:hover::after {
    background: #f0f0f0;
    border-color: #bbb;
}




/* Prevent hover color fade */