FAQ

<style>
  #shopify-section-{{ section.id }},
  #shopify-section-{{ section.id }} * {
    box-sizing: border-box;
  }

  #shopify-section-{{ section.id }} {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    background: {{ section.settings.bg_color }};
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }

  .faq-{{ section.id }} .faq-wrap {
    max-width: 820px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .faq-{{ section.id }} .faq-head {
    text-align: center;
    margin-bottom: 40px;
  }

  .faq-{{ section.id }} .faq-title {
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: 0.2px;
    color: {{ section.settings.heading_color }};
    margin: 0 0 10px;
  }

  .faq-{{ section.id }} .faq-subtitle {
    font-size: clamp(14px, 2vw, 16px);
    color: {{ section.settings.subheading_color }};
    margin: 0;
    max-width: 560px;
    margin-inline: auto;
  }

  .faq-{{ section.id }} .faq-category {
    margin-top: 44px;
    margin-bottom: 4px;
  }

  .faq-{{ section.id }} .faq-category:first-of-type {
    margin-top: 0;
  }

  .faq-{{ section.id }} .faq-category-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: {{ section.settings.accent_color }};
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid {{ section.settings.border_color }};
  }

  .faq-{{ section.id }} .faq-item {
    border-bottom: 1px solid {{ section.settings.border_color }};
  }

  .faq-{{ section.id }} .faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    padding: 18px 0;
    font-size: 15.5px;
    font-weight: 600;
    color: {{ section.settings.question_color }};
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
  }

  .faq-{{ section.id }} .faq-question:hover {
    color: {{ section.settings.accent_color }};
  }

  .faq-{{ section.id }} .faq-icon {
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
  }

  .faq-{{ section.id }} .faq-icon::before,
  .faq-{{ section.id }} .faq-icon::after {
    content: '';
    position: absolute;
    background: {{ section.settings.accent_color }};
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .faq-{{ section.id }} .faq-icon::before {
    width: 100%;
    height: 2px;
  }

  .faq-{{ section.id }} .faq-icon::after {
    width: 2px;
    height: 100%;
    transition: opacity 0.25s ease;
  }

  .faq-{{ section.id }} .faq-item.is-open .faq-icon {
    transform: rotate(45deg);
  }

  .faq-{{ section.id }} .faq-item.is-open .faq-icon::after {
    opacity: 0;
  }

  .faq-{{ section.id }} .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .faq-{{ section.id }} .faq-item.is-open .faq-answer {
    max-height: 600px;
  }

  .faq-{{ section.id }} .faq-answer-inner {
    padding: 0 0 20px;
    font-size: 14.5px;
    line-height: 1.65;
    color: {{ section.settings.answer_color }};
    max-width: 92%;
  }

  @media screen and (max-width: 749px) {
    .faq-{{ section.id }} .faq-question {
      font-size: 14.5px;
      padding: 15px 0;
    }
    .faq-{{ section.id }} .faq-answer-inner {
      font-size: 14px;
      padding-bottom: 16px;
      max-width: 100%;
    }
    .faq-{{ section.id }} .faq-category {
      margin-top: 34px;
    }
  }
</style>

<div class="faq-{{ section.id }}">
  <div class="faq-wrap">
    <div class="faq-head">
      {% if section.settings.heading != blank %}
        <h2 class="faq-title">{{ section.settings.heading }}</h2>
      {% endif %}
      {% if section.settings.subheading != blank %}
        <p class="faq-subtitle">{{ section.settings.subheading }}</p>
      {% endif %}
    </div>

    {% for block in section.blocks %}
      {% case block.type %}
        {% when 'category' %}
          <div class="faq-category" {{ block.shopify_attributes }}>
            <h3 class="faq-category-title">{{ block.settings.title }}</h3>
          </div>

        {% when 'question' %}
          <div class="faq-item" {{ block.shopify_attributes }}>
            <button class="faq-question" aria-expanded="false" type="button">
              <span>{{ block.settings.question }}</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-answer">
              <div class="faq-answer-inner">{{ block.settings.answer }}</div>
            </div>
          </div>
      {% endcase %}
    {% endfor %}
  </div>
</div>

<script>
  (function () {
    var section = document.currentScript.closest('.faq-{{ section.id }}') ||
      document.querySelector('.faq-{{ section.id }}');
    if (!section) return;
    var singleOpen = {{ section.settings.single_open | json }};

    section.querySelectorAll('.faq-question').forEach(function (btn) {
      btn.addEventListener('click', function () {
        var item = btn.closest('.faq-item');
        var isOpen = item.classList.contains('is-open');

        if (singleOpen) {
          section.querySelectorAll('.faq-item.is-open').forEach(function (openItem) {
            if (openItem !== item) {
              openItem.classList.remove('is-open');
              openItem.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
            }
          });
        }

        item.classList.toggle('is-open', !isOpen);
        btn.setAttribute('aria-expanded', String(!isOpen));
      });
    });
  })();
</script>

{% schema %}
{
  "name": "FAQ Section",
  "max_blocks": 100,
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Frequently Asked Questions"
    },
    {
      "type": "textarea",
      "id": "subheading",
      "label": "Subheading",
      "default": "Everything you need to know before you order."
    },
    {
      "type": "checkbox",
      "id": "single_open",
      "label": "Only allow one question open at a time",
      "default": true
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Background",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading color",
      "default": "#111111"
    },
    {
      "type": "color",
      "id": "subheading_color",
      "label": "Subheading color",
      "default": "#767676"
    },
    {
      "type": "color",
      "id": "accent_color",
      "label": "Accent color (category label, icon, hover)",
      "default": "#a9762f"
    },
    {
      "type": "color",
      "id": "question_color",
      "label": "Question text color",
      "default": "#151515"
    },
    {
      "type": "color",
      "id": "answer_color",
      "label": "Answer text color",
      "default": "#5c5c5c"
    },
    {
      "type": "color",
      "id": "border_color",
      "label": "Divider line color",
      "default": "#e7e2da"
    },
    {
      "type": "header",
      "content": "Spacing"
    },
    {
      "type": "range",
      "id": "padding_top",
      "label": "Top padding",
      "min": 0,
      "max": 120,
      "step": 4,
      "default": 64
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "label": "Bottom padding",
      "min": 0,
      "max": 120,
      "step": 4,
      "default": 64
    }
  ],
  "blocks": [
    {
      "type": "category",
      "name": "Category label",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Category title",
          "default": "Category name"
        }
      ]
    },
    {
      "type": "question",
      "name": "Question",
      "settings": [
        {
          "type": "text",
          "id": "question",
          "label": "Question",
          "default": "Your question here?"
        },
        {
          "type": "richtext",
          "id": "answer",
          "label": "Answer",
          "default": "<p>Your answer here.</p>"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "FAQ Section",
      "blocks": [
        { "type": "category", "settings": { "title": "Curated Hampers" } },
        { "type": "question", "settings": { "question": "What occasions are curated hampers suitable for?", "answer": "<p>Our curated hampers are perfect for birthdays, anniversaries, weddings, baby showers, housewarmings, festivals, and corporate gifting.</p>" } },
        { "type": "question", "settings": { "question": "Can I personalize a curated hamper?", "answer": "<p>Yes, many of our curated hampers can include personalized gifts, greeting cards, and custom messages.</p>" } },

        { "type": "category", "settings": { "title": "Gifts for Her" } },
        { "type": "question", "settings": { "question": "What are the best gifts for her?", "answer": "<p>Our Gifts for Her collection includes luxury gift hampers, personalized gifts, wellness boxes, gourmet treats, and elegant keepsakes.</p>" } },
        { "type": "question", "settings": { "question": "Can I send gifts directly to the recipient?", "answer": "<p>Yes, we can deliver your gift directly to your loved one with a personalized greeting card.</p>" } },

        { "type": "category", "settings": { "title": "Gifts for Him" } },
        { "type": "question", "settings": { "question": "Are these hampers suitable for birthdays?", "answer": "<p>Yes, they're perfect for birthdays, promotions, anniversaries, Father's Day, and festive gifting.</p>" } },
        { "type": "question", "settings": { "question": "Can I choose products for my hamper?", "answer": "<p>You can also explore our Build Your Own Hamper option for complete customization.</p>" } },

        { "type": "category", "settings": { "title": "Gifts for Couples" } },
        { "type": "question", "settings": { "question": "What occasions are couple gift hampers suitable for?", "answer": "<p>Perfect for anniversaries, weddings, engagements, housewarmings, Valentine's Day, and special celebrations.</p>" } },
        { "type": "question", "settings": { "question": "Are these suitable as wedding gifts?", "answer": "<p>Yes, our couple hampers make thoughtful wedding and engagement gifts.</p>" } },
        { "type": "question", "settings": { "question": "Can I customize the products?", "answer": "<p>Yes, you can create a personalized hamper through our Build Your Own Hamper collection.</p>" } },

        { "type": "category", "settings": { "title": "Personalized Gifts" } },
        { "type": "question", "settings": { "question": "What products can be personalized?", "answer": "<p>Many of our gifts can be customized with names, initials, photographs, logos, or special messages.</p>" } },
        { "type": "question", "settings": { "question": "How long does personalization take?", "answer": "<p>Personalized orders may require additional processing time depending on the product.</p>" } },
        { "type": "question", "settings": { "question": "Can I upload my own design or photo?", "answer": "<p>Yes, selected products allow image or logo uploads.</p>" } },
        { "type": "question", "settings": { "question": "Are personalized gifts returnable?", "answer": "<p>As personalized products are custom-made, they are generally not eligible for returns unless damaged or incorrect.</p>" } },
        { "type": "question", "settings": { "question": "Are personalized gifts suitable for corporate gifting?", "answer": "<p>Yes, we also offer personalized corporate gifts with company branding.</p>" } },

        { "type": "category", "settings": { "title": "Build Your Own Hamper" } },
        { "type": "question", "settings": { "question": "How does Build Your Own Hamper work?", "answer": "<p>Simply choose your preferred hamper box, select your favorite products, and we'll beautifully curate and pack them for you.</p>" } },
        { "type": "question", "settings": { "question": "Can I choose every item in my hamper?", "answer": "<p>Yes, you have complete flexibility to select products based on your preferences.</p>" } },
        { "type": "question", "settings": { "question": "Is there a minimum hamper value?", "answer": "<p>The minimum order value depends on the hamper size you choose.</p>" } },
        { "type": "question", "settings": { "question": "Can I include a personalized greeting card?", "answer": "<p>Yes, every custom hamper can include a personalized message.</p>" } },
        { "type": "question", "settings": { "question": "Can I build hampers for corporate gifting?", "answer": "<p>Yes, Build Your Own Hamper is available for both personal and corporate gifting.</p>" } },

        { "type": "category", "settings": { "title": "Corporate Hampers" } },
        { "type": "question", "settings": { "question": "Do you accept bulk corporate orders?", "answer": "<p>Yes, we specialize in bulk corporate gifting for businesses of all sizes.</p>" } },
        { "type": "question", "settings": { "question": "Can you add company branding?", "answer": "<p>Yes, we offer logo branding, custom packaging, branded sleeves, and personalized greeting cards.</p>" } },
        { "type": "question", "settings": { "question": "Do you provide GST invoices?", "answer": "<p>Yes, GST invoices are available for all eligible corporate orders.</p>" } },
        { "type": "question", "settings": { "question": "Can you deliver to multiple locations?", "answer": "<p>Yes, we can deliver corporate gifts to multiple addresses across India.</p>" } },
        { "type": "question", "settings": { "question": "How early should I place a corporate order?", "answer": "<p>We recommend placing bulk orders at least 2–3 weeks in advance, especially during festive seasons.</p>" } },

        { "type": "category", "settings": { "title": "Regal Wedding Collection" } },
        { "type": "question", "settings": { "question": "What products are available in the Regal Wedding Collection?", "answer": "<p>Our collection includes luxury wedding hampers, bridal gifts, trousseau packing, welcome hampers, and wedding keepsakes.</p>" } },
        { "type": "question", "settings": { "question": "Do you offer trousseau packing?", "answer": "<p>Yes, we provide elegant trousseau packing with premium packaging options within Bangalore.</p>" } },
        { "type": "question", "settings": { "question": "Can wedding hampers be personalized?", "answer": "<p>Yes, we offer custom names, monograms, wedding dates, and personalized messages.</p>" } },
        { "type": "question", "settings": { "question": "Do you create hampers for bridesmaids and family members?", "answer": "<p>Yes, we curate hampers for bridesmaids, groomsmen, parents, and wedding guests.</p>" } },
        { "type": "question", "settings": { "question": "Can I order wedding hampers in bulk?", "answer": "<p>Absolutely. We cater to both intimate and large wedding celebrations.</p>" } },

        { "type": "category", "settings": { "title": "Common FAQs" } },
        { "type": "question", "settings": { "question": "Do you deliver across India?", "answer": "<p>Yes, we deliver our premium gift hampers and personalized gifts across India.</p>" } },
        { "type": "question", "settings": { "question": "Can I include a personalized greeting card?", "answer": "<p>Yes, you can add a custom message with every gift hamper.</p>" } },
        { "type": "question", "settings": { "question": "What payment methods do you accept?", "answer": "<p>We accept major credit and debit cards, UPI, net banking, and other secure online payment options.</p>" } },
        { "type": "question", "settings": { "question": "How can I contact YelloWraps?", "answer": "<p>You can reach us through our website, email, or WhatsApp for assistance with orders, customization, and bulk inquiries.</p>" } },

        { "type": "category", "settings": { "title": "Designer Clutches" } },
        { "type": "question", "settings": { "question": "What occasions are designer clutches suitable for?", "answer": "<p>Designer clutches are perfect for weddings, receptions, cocktail parties, festive celebrations, engagements, bridal events, and other special occasions.</p>" } },
        { "type": "question", "settings": { "question": "Are your designer clutches handcrafted?", "answer": "<p>Yes, many of our designer clutches are handcrafted with intricate embroidery, embellishments, beads, sequins, pearls, and premium fabrics for a luxurious finish.</p>" } },
        { "type": "question", "settings": { "question": "What can I carry in a designer clutch?", "answer": "<p>Our clutches are designed to hold essentials such as your phone, keys, cash, cards, lipstick, compact, and other small personal items.</p>" } },
        { "type": "question", "settings": { "question": "Do your clutches come with a chain strap?", "answer": "<p>Many of our designer clutches include a detachable chain strap, allowing you to carry them as a clutch or a shoulder bag. Please check the product description for specific details.</p>" } },
        { "type": "question", "settings": { "question": "Are designer clutches a good gifting option?", "answer": "<p>Yes, designer clutches make elegant gifts for birthdays, anniversaries, weddings, bridesmaids, festive celebrations, and special occasions.</p>" } },

        { "type": "category", "settings": { "title": "Potli Bags" } },
        { "type": "question", "settings": { "question": "What occasions are potli bags suitable for?", "answer": "<p>Potli bags are ideal for weddings, festive celebrations, Mehendi, Haldi, Sangeet, receptions, traditional events, and ethnic wear.</p>" } },
        { "type": "question", "settings": { "question": "Are your potli bags handcrafted?", "answer": "<p>Yes, many of our potli bags feature handcrafted embroidery, beadwork, sequins, mirror work, pearls, and premium fabrics.</p>" } },

        { "type": "category", "settings": { "title": "Clutches & Potli — Common FAQs" } },
        { "type": "question", "settings": { "question": "Do you deliver across India?", "answer": "<p>Yes, we deliver designer clutches and potli bags across India with secure packaging and free shipping.</p>" } },
        { "type": "question", "settings": { "question": "What payment methods do you accept?", "answer": "<p>We accept UPI, credit cards, debit cards, net banking, and other secure online payment options.</p>" } },
        { "type": "question", "settings": { "question": "How can I contact YelloWraps?", "answer": "<p>You can reach us through our website, email, or WhatsApp for product inquiries, customization requests, and order assistance.</p>" } },
        { "type": "question", "settings": { "question": "How should I care for my clutch or potli bag?", "answer": "<p>Store your clutch or potli bag in a dust bag, avoid exposure to moisture, and gently wipe it with a soft, dry cloth to preserve its beauty.</p>" } },
        { "type": "question", "settings": { "question": "Do the product colors match the images?", "answer": "<p>We strive to display product colors as accurately as possible. However, slight variations may occur due to screen settings and lighting during photography.</p>" } },
        { "type": "question", "settings": { "question": "Do you ship outside India?", "answer": "<p>Yes, we offer international shipping. Please contact us before placing your order to confirm shipping charges, delivery timelines, and international payment options.</p>" } }
      ]
    }
  ]
}
{% endschema %}