www.miabellacouture.com Open in urlscan Pro
23.227.38.74 Public Scan

Back to summary

Submitted URL:
http://www.miabellacouture.com/ar/collections/evening-gown-sale-1?page=17
Effective URL:
https://www.miabellacouture.com/ar/collections/evening-gown-sale-1?page=17
Submission: On September 02 via api (September 2nd 2023, 5:00:32 am UTC) from SA — Scanned from CA

Form analysis
16 forms found in the DOM

POST /localization

<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden"
    value="/ar/collections/evening-gown-sale-1?page=17"><input name="country_code" type="hidden" value="CA"><input name="locale_code" type="hidden" value="en"><button class="recommendation-modal__close-button" type="submit"><svg aria-label="Dismiss"
      viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="height: 1em; width: 1em;">
      <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
        fill="#333333"></path>
    </svg></button></form>

POST /localization

<form action="/localization" method="POST" class="recommendation-modal__form"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden"
    value="/ar/collections/evening-gown-sale-1?page=17"><input name="country_code" type="hidden" value="CA"><input name="locale_code" type="hidden" value="en"><button class="recommendation-modal__button" type="submit"
    style="background-color: rgb(25, 123, 189); color: rgb(255, 255, 255);">Continue</button></form>

POST /ar/localization

<form method="post" action="/ar/localization" id="countryFormNoScript" accept-charset="UTF-8" class="localization-form localization-form--country--noscript flex flex-col" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div>
    <h2 class="sr-only" id="CountrySelectorLabelNoScript">Country/region</h2>
    <select name="country_code" data-aid="noscript-country-selector" aria-labelledby="CountrySelectorLabelNoScript">
      <option value="IS"> آيسلندا (ISK kr) </option>
      <option value="AM"> أرمينيا (AMD դր.) </option>
      <option value="AW"> أروبا (AWG ƒ) </option>
      <option value="AU"> أستراليا (AUD $) </option>
      <option value="AL"> ألبانيا (ALL L) </option>
      <option value="DE"> ألمانيا (EUR €) </option>
      <option value="AD"> أندورا (EUR €) </option>
      <option value="UZ"> أوزبكستان (UZS ) </option>
      <option value="UA"> أوكرانيا (UAH ₴) </option>
      <option value="IE"> أيرلندا (EUR €) </option>
      <option value="ES"> إسبانيا (EUR €) </option>
      <option value="EE"> إستونيا (EUR €) </option>
      <option value="IL"> إسرائيل (ILS ₪) </option>
      <option value="ID"> إندونيسيا (IDR Rp) </option>
      <option value="IT"> إيطاليا (EUR €) </option>
      <option value="AR"> الأرجنتين (USD $) </option>
      <option value="JO"> الأردن (USD $) </option>
      <option value="TF"> الأقاليم الجنوبية الفرنسية (EUR €) </option>
      <option value="IO"> الإقليم البريطاني في المحيط الهندي (USD $) </option>
      <option value="AE"> الإمارات العربية المتحدة (AED د.إ) </option>
      <option value="BH"> البحرين (USD $) </option>
      <option value="BR"> البرازيل (USD $) </option>
      <option value="PT"> البرتغال (EUR €) </option>
      <option value="CZ"> التشيك (CZK Kč) </option>
      <option value="ME"> الجبل الأسود (EUR €) </option>
      <option value="DK"> الدانمرك (DKK kr.) </option>
      <option value="SE"> السويد (SEK kr) </option>
      <option value="CN"> الصين (CNY ¥) </option>
      <option value="VA"> الفاتيكان (EUR €) </option>
      <option value="PH"> الفلبين (PHP ₱) </option>
      <option value="KW"> الكويت (USD $) </option>
      <option value="MA"> المغرب (MAD د.م.) </option>
      <option value="MX"> المكسيك (USD $) </option>
      <option value="SA"> المملكة العربية السعودية (SAR ر.س) </option>
      <option value="GB"> المملكة المتحدة (GBP £) </option>
      <option value="NO"> النرويج (USD $) </option>
      <option value="AT"> النمسا (EUR €) </option>
      <option value="IN"> الهند (INR ₹) </option>
      <option value="US" selected=""> الولايات المتحدة (USD $) </option>
      <option value="JP"> اليابان (JPY ¥) </option>
      <option value="GR"> اليونان (EUR €) </option>
      <option value="PG"> بابوا غينيا الجديدة (PGK K) </option>
      <option value="PK"> باكستان (PKR ₨) </option>
      <option value="BB"> بربادوس (BBD $) </option>
      <option value="BM"> برمودا (USD $) </option>
      <option value="BN"> بروناي (BND $) </option>
      <option value="BE"> بلجيكا (EUR €) </option>
      <option value="BG"> بلغاريا (BGN лв.) </option>
      <option value="BZ"> بليز (BZD $) </option>
      <option value="PA"> بنما (USD $) </option>
      <option value="PL"> بولندا (PLN zł) </option>
      <option value="PF"> بولينيزيا الفرنسية (XPF Fr) </option>
      <option value="BY"> بيلاروس (USD $) </option>
      <option value="TW"> تايوان (TWD $) </option>
      <option value="TR"> تركيا (USD $) </option>
      <option value="TT"> ترينيداد وتوباغو (TTD $) </option>
      <option value="CL"> تشيلي (USD $) </option>
      <option value="TV"> توفالو (AUD $) </option>
      <option value="TK"> توكيلو (NZD $) </option>
      <option value="TO"> تونغا (TOP T$) </option>
      <option value="TL"> تيمور - ليشتي (USD $) </option>
      <option value="JM"> جامايكا (JMD $) </option>
      <option value="AX"> جزر آلاند (EUR €) </option>
      <option value="BS"> جزر البهاما (BSD $) </option>
      <option value="MQ"> جزر المارتينيك (EUR €) </option>
      <option value="MV"> جزر المالديف (MVR MVR) </option>
      <option value="UM"> جزر الولايات المتحدة النائية (USD $) </option>
      <option value="PN"> جزر بيتكيرن (NZD $) </option>
      <option value="TC"> جزر توركس وكايكوس (USD $) </option>
      <option value="SB"> جزر سليمان (SBD $) </option>
      <option value="FO"> جزر فارو (DKK kr.) </option>
      <option value="VG"> جزر فيرجن البريطانية (USD $) </option>
      <option value="KY"> جزر كايمان (KYD $) </option>
      <option value="CK"> جزر كوك (NZD $) </option>
      <option value="CC"> جزر كوكوس (كيلينغ) (AUD $) </option>
      <option value="WF"> جزر والس وفوتونا (XPF Fr) </option>
      <option value="IM"> جزيرة مان (GBP £) </option>
      <option value="NF"> جزيرة نورفولك (AUD $) </option>
      <option value="DO"> جمهورية الدومينيكان (DOP $) </option>
      <option value="ZA"> جنوب أفريقيا (USD $) </option>
      <option value="GE"> جورجيا (USD $) </option>
      <option value="JE"> جيرسي (USD $) </option>
      <option value="RO"> رومانيا (RON Lei) </option>
      <option value="RE"> روينيون (EUR €) </option>
      <option value="WS"> ساموا (WST T) </option>
      <option value="BL"> سان بارتليمي (EUR €) </option>
      <option value="PM"> سان بيير ومكويلون (EUR €) </option>
      <option value="MF"> سان مارتن (EUR €) </option>
      <option value="SM"> سان مارينو (EUR €) </option>
      <option value="VC"> سانت فنسنت وجزر غرينادين (XCD $) </option>
      <option value="LC"> سانت لوسيا (XCD $) </option>
      <option value="SH"> سانت هيلينا (SHP £) </option>
      <option value="SJ"> سفالبارد وجان ماين (USD $) </option>
      <option value="SK"> سلوفاكيا (EUR €) </option>
      <option value="SI"> سلوفينيا (EUR €) </option>
      <option value="SG"> سنغافورة (SGD $) </option>
      <option value="CH"> سويسرا (CHF CHF) </option>
      <option value="RS"> صربيا (RSD РСД) </option>
      <option value="GL"> غرينلاند (DKK kr.) </option>
      <option value="GP"> غوادلوب (EUR €) </option>
      <option value="GF"> غويانا الفرنسية (EUR €) </option>
      <option value="GG"> غيرنزي (GBP £) </option>
      <option value="VU"> فانواتو (VUV Vt) </option>
      <option value="FR"> فرنسا (EUR €) </option>
      <option value="FI"> فنلندا (EUR €) </option>
      <option value="VN"> فيتنام (VND ₫) </option>
      <option value="FJ"> فيجي (FJD $) </option>
      <option value="CY"> قبرص (EUR €) </option>
      <option value="QA"> قطر (QAR ر.ق) </option>
      <option value="KZ"> كازاخستان (KZT 〒) </option>
      <option value="NC"> كاليدونيا الجديدة (XPF Fr) </option>
      <option value="HR"> كرواتيا (EUR €) </option>
      <option value="CA"> كندا (CAD $) </option>
      <option value="CW"> كوراساو (ANG ƒ) </option>
      <option value="KR"> كوريا الجنوبية (KRW ₩) </option>
      <option value="CR"> كوستاريكا (CRC ₡) </option>
      <option value="XK"> كوسوفو (EUR €) </option>
      <option value="KI"> كيريباتي (USD $) </option>
      <option value="LV"> لاتفيا (EUR €) </option>
      <option value="LB"> لبنان (LBP ل.ل) </option>
      <option value="LU"> لوكسمبورغ (EUR €) </option>
      <option value="LT"> ليتوانيا (EUR €) </option>
      <option value="LI"> ليختنشتاين (CHF CHF) </option>
      <option value="MT"> مالطا (EUR €) </option>
      <option value="MY"> ماليزيا (MYR RM) </option>
      <option value="YT"> مايوت (EUR €) </option>
      <option value="EG"> مصر (EGP ج.م) </option>
      <option value="MK"> مقدونيا الشمالية (MKD ден) </option>
      <option value="MD"> مولدوفا (MDL L) </option>
      <option value="MC"> موناكو (EUR €) </option>
      <option value="MS"> مونتسرات (XCD $) </option>
      <option value="MM"> ميانمار (بورما) (MMK K) </option>
      <option value="NR"> ناورو (AUD $) </option>
      <option value="NP"> نيبال (NPR ₨) </option>
      <option value="NZ"> نيوزيلندا (NZD $) </option>
      <option value="NU"> نيوي (NZD $) </option>
      <option value="HU"> هنغاريا (HUF Ft) </option>
      <option value="NL"> هولندا (EUR €) </option>
      <option value="HK"> هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $) </option>
    </select>
  </div>
  <button type="submit"
    class="text-h6 font-heading heading-case leading-none text-center min-h-[44px] py-[13px] px-4 inline-block border border-body transition-colors duration-500 relative z-10 armament-button after:absolute after:top-0 after:bottom-0 after:-z-[1] after:bg-body after:transition-transform after:duration-300 after:ease-out text-page hover:text-body after:right-0 after:left-0 armament-button--filled hover:disabled:text-page focus:disabled:text-page md:mt-2"
    data-aid="">
    <span data-armada-button-text="">Update country/region</span>
  </button>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="countrySelect" accept-charset="UTF-8" class="localization-form localization-form--country" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div class="no-js-hidden">
    <div class="relative">
      <button type="button" class="flex flex-nowrap items-center group" aria-expanded="false" aria-controls="CountryList" data-aid="country-selector-button">
        <span>الولايات المتحدة (USD $)</span>
        <svg data-aid="icon-arrow-right" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" rotate-90 ml-2" style="width:10px;height:10px">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3313 8.00002L4.54746 14.7839L5.60811 15.8446L13.4525 8.00013L13.4476 7.9952L13.4477 7.99509L5.60807 0.155396L4.54741 1.21606L11.3313 8.00002Z" fill="currentColor"></path>
        </svg>
      </button>
      <ul id="CountryList" role="list"
        class="absolute right-0 lg:right-auto bg-page text-body my-2 border border-solid border-[rgba(0,0,0,0.2)] overflow-y-auto top-full z-[102] min-w-[12rem] max-w-[250px] md:max-w-[20rem] min-h-[8rem] max-h-[18rem] w-max" hidden=""
        data-aid="country-list">
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IS" data-aid="country-list-item">
                  <span>آيسلندا (ISK kr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AM" data-aid="country-list-item">
                  <span>أرمينيا (AMD դր.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AW" data-aid="country-list-item">
                  <span>أروبا (AWG ƒ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AU" data-aid="country-list-item">
                  <span>أستراليا (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AL" data-aid="country-list-item">
                  <span>ألبانيا (ALL L)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DE" data-aid="country-list-item">
                  <span>ألمانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AD" data-aid="country-list-item">
                  <span>أندورا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UZ" data-aid="country-list-item">
                  <span>أوزبكستان (UZS )</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UA" data-aid="country-list-item">
                  <span>أوكرانيا (UAH ₴)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IE" data-aid="country-list-item">
                  <span>أيرلندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ES" data-aid="country-list-item">
                  <span>إسبانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="EE" data-aid="country-list-item">
                  <span>إستونيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IL" data-aid="country-list-item">
                  <span>إسرائيل (ILS ₪)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ID" data-aid="country-list-item">
                  <span>إندونيسيا (IDR Rp)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IT" data-aid="country-list-item">
                  <span>إيطاليا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AR" data-aid="country-list-item">
                  <span>الأرجنتين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JO" data-aid="country-list-item">
                  <span>الأردن (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TF" data-aid="country-list-item">
                  <span>الأقاليم الجنوبية الفرنسية (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IO" data-aid="country-list-item">
                  <span>الإقليم البريطاني في المحيط الهندي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AE" data-aid="country-list-item">
                  <span>الإمارات العربية المتحدة (AED د.إ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BH" data-aid="country-list-item">
                  <span>البحرين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BR" data-aid="country-list-item">
                  <span>البرازيل (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PT" data-aid="country-list-item">
                  <span>البرتغال (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CZ" data-aid="country-list-item">
                  <span>التشيك (CZK Kč)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ME" data-aid="country-list-item">
                  <span>الجبل الأسود (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DK" data-aid="country-list-item">
                  <span>الدانمرك (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SE" data-aid="country-list-item">
                  <span>السويد (SEK kr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CN" data-aid="country-list-item">
                  <span>الصين (CNY ¥)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VA" data-aid="country-list-item">
                  <span>الفاتيكان (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PH" data-aid="country-list-item">
                  <span>الفلبين (PHP ₱)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KW" data-aid="country-list-item">
                  <span>الكويت (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MA" data-aid="country-list-item">
                  <span>المغرب (MAD د.م.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MX" data-aid="country-list-item">
                  <span>المكسيك (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SA" data-aid="country-list-item">
                  <span>المملكة العربية السعودية (SAR ر.س)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GB" data-aid="country-list-item">
                  <span>المملكة المتحدة (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NO" data-aid="country-list-item">
                  <span>النرويج (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AT" data-aid="country-list-item">
                  <span>النمسا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IN" data-aid="country-list-item">
                  <span>الهند (INR ₹)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1" selected="">
          <a class=" underline opacity-50 focus-inset" href="#" aria-current="true" data-value="US" data-aid="country-list-item">
                  <span>الولايات المتحدة (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JP" data-aid="country-list-item">
                  <span>اليابان (JPY ¥)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GR" data-aid="country-list-item">
                  <span>اليونان (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PG" data-aid="country-list-item">
                  <span>بابوا غينيا الجديدة (PGK K)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PK" data-aid="country-list-item">
                  <span>باكستان (PKR ₨)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BB" data-aid="country-list-item">
                  <span>بربادوس (BBD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BM" data-aid="country-list-item">
                  <span>برمودا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BN" data-aid="country-list-item">
                  <span>بروناي (BND $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BE" data-aid="country-list-item">
                  <span>بلجيكا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BG" data-aid="country-list-item">
                  <span>بلغاريا (BGN лв.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BZ" data-aid="country-list-item">
                  <span>بليز (BZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PA" data-aid="country-list-item">
                  <span>بنما (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PL" data-aid="country-list-item">
                  <span>بولندا (PLN zł)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PF" data-aid="country-list-item">
                  <span>بولينيزيا الفرنسية (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BY" data-aid="country-list-item">
                  <span>بيلاروس (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TW" data-aid="country-list-item">
                  <span>تايوان (TWD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TR" data-aid="country-list-item">
                  <span>تركيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TT" data-aid="country-list-item">
                  <span>ترينيداد وتوباغو (TTD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CL" data-aid="country-list-item">
                  <span>تشيلي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TV" data-aid="country-list-item">
                  <span>توفالو (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TK" data-aid="country-list-item">
                  <span>توكيلو (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TO" data-aid="country-list-item">
                  <span>تونغا (TOP T$)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TL" data-aid="country-list-item">
                  <span>تيمور - ليشتي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JM" data-aid="country-list-item">
                  <span>جامايكا (JMD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AX" data-aid="country-list-item">
                  <span>جزر آلاند (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BS" data-aid="country-list-item">
                  <span>جزر البهاما (BSD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MQ" data-aid="country-list-item">
                  <span>جزر المارتينيك (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MV" data-aid="country-list-item">
                  <span>جزر المالديف (MVR MVR)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UM" data-aid="country-list-item">
                  <span>جزر الولايات المتحدة النائية (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PN" data-aid="country-list-item">
                  <span>جزر بيتكيرن (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TC" data-aid="country-list-item">
                  <span>جزر توركس وكايكوس (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SB" data-aid="country-list-item">
                  <span>جزر سليمان (SBD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FO" data-aid="country-list-item">
                  <span>جزر فارو (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VG" data-aid="country-list-item">
                  <span>جزر فيرجن البريطانية (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KY" data-aid="country-list-item">
                  <span>جزر كايمان (KYD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CK" data-aid="country-list-item">
                  <span>جزر كوك (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CC" data-aid="country-list-item">
                  <span>جزر كوكوس (كيلينغ) (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="WF" data-aid="country-list-item">
                  <span>جزر والس وفوتونا (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IM" data-aid="country-list-item">
                  <span>جزيرة مان (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NF" data-aid="country-list-item">
                  <span>جزيرة نورفولك (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DO" data-aid="country-list-item">
                  <span>جمهورية الدومينيكان (DOP $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ZA" data-aid="country-list-item">
                  <span>جنوب أفريقيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GE" data-aid="country-list-item">
                  <span>جورجيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JE" data-aid="country-list-item">
                  <span>جيرسي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RO" data-aid="country-list-item">
                  <span>رومانيا (RON Lei)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RE" data-aid="country-list-item">
                  <span>روينيون (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="WS" data-aid="country-list-item">
                  <span>ساموا (WST T)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BL" data-aid="country-list-item">
                  <span>سان بارتليمي (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PM" data-aid="country-list-item">
                  <span>سان بيير ومكويلون (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MF" data-aid="country-list-item">
                  <span>سان مارتن (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SM" data-aid="country-list-item">
                  <span>سان مارينو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VC" data-aid="country-list-item">
                  <span>سانت فنسنت وجزر غرينادين (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LC" data-aid="country-list-item">
                  <span>سانت لوسيا (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SH" data-aid="country-list-item">
                  <span>سانت هيلينا (SHP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SJ" data-aid="country-list-item">
                  <span>سفالبارد وجان ماين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SK" data-aid="country-list-item">
                  <span>سلوفاكيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SI" data-aid="country-list-item">
                  <span>سلوفينيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SG" data-aid="country-list-item">
                  <span>سنغافورة (SGD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CH" data-aid="country-list-item">
                  <span>سويسرا (CHF CHF)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RS" data-aid="country-list-item">
                  <span>صربيا (RSD РСД)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GL" data-aid="country-list-item">
                  <span>غرينلاند (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GP" data-aid="country-list-item">
                  <span>غوادلوب (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GF" data-aid="country-list-item">
                  <span>غويانا الفرنسية (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GG" data-aid="country-list-item">
                  <span>غيرنزي (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VU" data-aid="country-list-item">
                  <span>فانواتو (VUV Vt)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FR" data-aid="country-list-item">
                  <span>فرنسا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FI" data-aid="country-list-item">
                  <span>فنلندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VN" data-aid="country-list-item">
                  <span>فيتنام (VND ₫)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FJ" data-aid="country-list-item">
                  <span>فيجي (FJD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CY" data-aid="country-list-item">
                  <span>قبرص (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="QA" data-aid="country-list-item">
                  <span>قطر (QAR ر.ق)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KZ" data-aid="country-list-item">
                  <span>كازاخستان (KZT 〒)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NC" data-aid="country-list-item">
                  <span>كاليدونيا الجديدة (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HR" data-aid="country-list-item">
                  <span>كرواتيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CA" data-aid="country-list-item">
                  <span>كندا (CAD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CW" data-aid="country-list-item">
                  <span>كوراساو (ANG ƒ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KR" data-aid="country-list-item">
                  <span>كوريا الجنوبية (KRW ₩)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CR" data-aid="country-list-item">
                  <span>كوستاريكا (CRC ₡)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="XK" data-aid="country-list-item">
                  <span>كوسوفو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KI" data-aid="country-list-item">
                  <span>كيريباتي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LV" data-aid="country-list-item">
                  <span>لاتفيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LB" data-aid="country-list-item">
                  <span>لبنان (LBP ل.ل)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LU" data-aid="country-list-item">
                  <span>لوكسمبورغ (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LT" data-aid="country-list-item">
                  <span>ليتوانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LI" data-aid="country-list-item">
                  <span>ليختنشتاين (CHF CHF)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MT" data-aid="country-list-item">
                  <span>مالطا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MY" data-aid="country-list-item">
                  <span>ماليزيا (MYR RM)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="YT" data-aid="country-list-item">
                  <span>مايوت (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="EG" data-aid="country-list-item">
                  <span>مصر (EGP ج.م)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MK" data-aid="country-list-item">
                  <span>مقدونيا الشمالية (MKD ден)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MD" data-aid="country-list-item">
                  <span>مولدوفا (MDL L)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MC" data-aid="country-list-item">
                  <span>موناكو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MS" data-aid="country-list-item">
                  <span>مونتسرات (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MM" data-aid="country-list-item">
                  <span>ميانمار (بورما) (MMK K)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NR" data-aid="country-list-item">
                  <span>ناورو (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NP" data-aid="country-list-item">
                  <span>نيبال (NPR ₨)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NZ" data-aid="country-list-item">
                  <span>نيوزيلندا (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NU" data-aid="country-list-item">
                  <span>نيوي (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HU" data-aid="country-list-item">
                  <span>هنغاريا (HUF Ft)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NL" data-aid="country-list-item">
                  <span>هولندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HK" data-aid="country-list-item">
                  <span>هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $)</span>
                </a>
        </li>
      </ul>
    </div>
    <input type="hidden" name="country_code" value="US" data-aid="country-input">
  </div>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="LanguageFormNoScript" accept-charset="UTF-8" class="localization-form localization-form--lang--noscript flex flex-col" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div>
    <h2 class="sr-only mt-2" id="LanguageLabelNoScript">Language</h2>
    <select name="locale_code" data-aid="noscript-language-selector" aria-labelledby="LanguageLabelNoScript">
      <option value="en" lang="en"> English </option>
      <option value="ar" lang="ar" selected=""> العربية </option>
      <option value="es" lang="es"> Español </option>
      <option value="fr" lang="fr"> Français </option>
      <option value="it" lang="it"> Italiano </option>
      <option value="ru" lang="ru"> Русский </option>
    </select>
  </div>
  <button type="submit"
    class="text-h6 font-heading heading-case leading-none text-center min-h-[44px] py-[13px] px-4 inline-block border border-body transition-colors duration-500 relative z-10 armament-button after:absolute after:top-0 after:bottom-0 after:-z-[1] after:bg-body after:transition-transform after:duration-300 after:ease-out text-page hover:text-body after:right-0 after:left-0 armament-button--filled hover:disabled:text-page focus:disabled:text-page md:mt-2"
    data-aid="">
    <span data-armada-button-text="">Update language</span>
  </button>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="languageForm" accept-charset="UTF-8" class="localization-form localization-form--lang" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div class="no-js-hidden">
    <div class="relative">
      <button type="button" class="flex flex-nowrap items-center group" aria-expanded="false" aria-controls="LanguageList" data-aid="language-selector-button">
        <span>العربية</span>
        <svg data-aid="icon-arrow-right" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" rotate-90 ml-2" style="width:10px;height:10px">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3313 8.00002L4.54746 14.7839L5.60811 15.8446L13.4525 8.00013L13.4476 7.9952L13.4477 7.99509L5.60807 0.155396L4.54741 1.21606L11.3313 8.00002Z" fill="currentColor"></path>
        </svg>
      </button>
      <ul id="LanguageList" role="list" class="absolute right-0 lg:right-auto bg-page text-body my-2 border border-solid border-[rgba(0,0,0,0.2)] overflow-y-auto top-full z-[200] min-w-[12rem] max-w-[20rem] min-h-[8rem] max-h-[18rem] w-max" hidden=""
        data-aid="language-list">
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="en" lang="en" data-value="en">
                  English
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class="underline opacity-50  focus-inset" href="#" hreflang="ar" lang="ar" aria-current="true" data-value="ar">
                  العربية
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="es" lang="es" data-value="es">
                  Español
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr">
                  Français
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="it" lang="it" data-value="it">
                  Italiano
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="ru" lang="ru" data-value="ru">
                  Русский
                </a>
        </li>
      </ul>
    </div>
    <input type="hidden" name="locale_code" value="ar" data-aid="language-input">
  </div>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="countryFormNoScript" accept-charset="UTF-8" class="localization-form localization-form--country--noscript flex flex-col" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div>
    <h2 class="sr-only" id="CountrySelectorLabelNoScript">Country/region</h2>
    <select name="country_code" data-aid="noscript-country-selector" aria-labelledby="CountrySelectorLabelNoScript">
      <option value="IS"> آيسلندا (ISK kr) </option>
      <option value="AM"> أرمينيا (AMD դր.) </option>
      <option value="AW"> أروبا (AWG ƒ) </option>
      <option value="AU"> أستراليا (AUD $) </option>
      <option value="AL"> ألبانيا (ALL L) </option>
      <option value="DE"> ألمانيا (EUR €) </option>
      <option value="AD"> أندورا (EUR €) </option>
      <option value="UZ"> أوزبكستان (UZS ) </option>
      <option value="UA"> أوكرانيا (UAH ₴) </option>
      <option value="IE"> أيرلندا (EUR €) </option>
      <option value="ES"> إسبانيا (EUR €) </option>
      <option value="EE"> إستونيا (EUR €) </option>
      <option value="IL"> إسرائيل (ILS ₪) </option>
      <option value="ID"> إندونيسيا (IDR Rp) </option>
      <option value="IT"> إيطاليا (EUR €) </option>
      <option value="AR"> الأرجنتين (USD $) </option>
      <option value="JO"> الأردن (USD $) </option>
      <option value="TF"> الأقاليم الجنوبية الفرنسية (EUR €) </option>
      <option value="IO"> الإقليم البريطاني في المحيط الهندي (USD $) </option>
      <option value="AE"> الإمارات العربية المتحدة (AED د.إ) </option>
      <option value="BH"> البحرين (USD $) </option>
      <option value="BR"> البرازيل (USD $) </option>
      <option value="PT"> البرتغال (EUR €) </option>
      <option value="CZ"> التشيك (CZK Kč) </option>
      <option value="ME"> الجبل الأسود (EUR €) </option>
      <option value="DK"> الدانمرك (DKK kr.) </option>
      <option value="SE"> السويد (SEK kr) </option>
      <option value="CN"> الصين (CNY ¥) </option>
      <option value="VA"> الفاتيكان (EUR €) </option>
      <option value="PH"> الفلبين (PHP ₱) </option>
      <option value="KW"> الكويت (USD $) </option>
      <option value="MA"> المغرب (MAD د.م.) </option>
      <option value="MX"> المكسيك (USD $) </option>
      <option value="SA"> المملكة العربية السعودية (SAR ر.س) </option>
      <option value="GB"> المملكة المتحدة (GBP £) </option>
      <option value="NO"> النرويج (USD $) </option>
      <option value="AT"> النمسا (EUR €) </option>
      <option value="IN"> الهند (INR ₹) </option>
      <option value="US" selected=""> الولايات المتحدة (USD $) </option>
      <option value="JP"> اليابان (JPY ¥) </option>
      <option value="GR"> اليونان (EUR €) </option>
      <option value="PG"> بابوا غينيا الجديدة (PGK K) </option>
      <option value="PK"> باكستان (PKR ₨) </option>
      <option value="BB"> بربادوس (BBD $) </option>
      <option value="BM"> برمودا (USD $) </option>
      <option value="BN"> بروناي (BND $) </option>
      <option value="BE"> بلجيكا (EUR €) </option>
      <option value="BG"> بلغاريا (BGN лв.) </option>
      <option value="BZ"> بليز (BZD $) </option>
      <option value="PA"> بنما (USD $) </option>
      <option value="PL"> بولندا (PLN zł) </option>
      <option value="PF"> بولينيزيا الفرنسية (XPF Fr) </option>
      <option value="BY"> بيلاروس (USD $) </option>
      <option value="TW"> تايوان (TWD $) </option>
      <option value="TR"> تركيا (USD $) </option>
      <option value="TT"> ترينيداد وتوباغو (TTD $) </option>
      <option value="CL"> تشيلي (USD $) </option>
      <option value="TV"> توفالو (AUD $) </option>
      <option value="TK"> توكيلو (NZD $) </option>
      <option value="TO"> تونغا (TOP T$) </option>
      <option value="TL"> تيمور - ليشتي (USD $) </option>
      <option value="JM"> جامايكا (JMD $) </option>
      <option value="AX"> جزر آلاند (EUR €) </option>
      <option value="BS"> جزر البهاما (BSD $) </option>
      <option value="MQ"> جزر المارتينيك (EUR €) </option>
      <option value="MV"> جزر المالديف (MVR MVR) </option>
      <option value="UM"> جزر الولايات المتحدة النائية (USD $) </option>
      <option value="PN"> جزر بيتكيرن (NZD $) </option>
      <option value="TC"> جزر توركس وكايكوس (USD $) </option>
      <option value="SB"> جزر سليمان (SBD $) </option>
      <option value="FO"> جزر فارو (DKK kr.) </option>
      <option value="VG"> جزر فيرجن البريطانية (USD $) </option>
      <option value="KY"> جزر كايمان (KYD $) </option>
      <option value="CK"> جزر كوك (NZD $) </option>
      <option value="CC"> جزر كوكوس (كيلينغ) (AUD $) </option>
      <option value="WF"> جزر والس وفوتونا (XPF Fr) </option>
      <option value="IM"> جزيرة مان (GBP £) </option>
      <option value="NF"> جزيرة نورفولك (AUD $) </option>
      <option value="DO"> جمهورية الدومينيكان (DOP $) </option>
      <option value="ZA"> جنوب أفريقيا (USD $) </option>
      <option value="GE"> جورجيا (USD $) </option>
      <option value="JE"> جيرسي (USD $) </option>
      <option value="RO"> رومانيا (RON Lei) </option>
      <option value="RE"> روينيون (EUR €) </option>
      <option value="WS"> ساموا (WST T) </option>
      <option value="BL"> سان بارتليمي (EUR €) </option>
      <option value="PM"> سان بيير ومكويلون (EUR €) </option>
      <option value="MF"> سان مارتن (EUR €) </option>
      <option value="SM"> سان مارينو (EUR €) </option>
      <option value="VC"> سانت فنسنت وجزر غرينادين (XCD $) </option>
      <option value="LC"> سانت لوسيا (XCD $) </option>
      <option value="SH"> سانت هيلينا (SHP £) </option>
      <option value="SJ"> سفالبارد وجان ماين (USD $) </option>
      <option value="SK"> سلوفاكيا (EUR €) </option>
      <option value="SI"> سلوفينيا (EUR €) </option>
      <option value="SG"> سنغافورة (SGD $) </option>
      <option value="CH"> سويسرا (CHF CHF) </option>
      <option value="RS"> صربيا (RSD РСД) </option>
      <option value="GL"> غرينلاند (DKK kr.) </option>
      <option value="GP"> غوادلوب (EUR €) </option>
      <option value="GF"> غويانا الفرنسية (EUR €) </option>
      <option value="GG"> غيرنزي (GBP £) </option>
      <option value="VU"> فانواتو (VUV Vt) </option>
      <option value="FR"> فرنسا (EUR €) </option>
      <option value="FI"> فنلندا (EUR €) </option>
      <option value="VN"> فيتنام (VND ₫) </option>
      <option value="FJ"> فيجي (FJD $) </option>
      <option value="CY"> قبرص (EUR €) </option>
      <option value="QA"> قطر (QAR ر.ق) </option>
      <option value="KZ"> كازاخستان (KZT 〒) </option>
      <option value="NC"> كاليدونيا الجديدة (XPF Fr) </option>
      <option value="HR"> كرواتيا (EUR €) </option>
      <option value="CA"> كندا (CAD $) </option>
      <option value="CW"> كوراساو (ANG ƒ) </option>
      <option value="KR"> كوريا الجنوبية (KRW ₩) </option>
      <option value="CR"> كوستاريكا (CRC ₡) </option>
      <option value="XK"> كوسوفو (EUR €) </option>
      <option value="KI"> كيريباتي (USD $) </option>
      <option value="LV"> لاتفيا (EUR €) </option>
      <option value="LB"> لبنان (LBP ل.ل) </option>
      <option value="LU"> لوكسمبورغ (EUR €) </option>
      <option value="LT"> ليتوانيا (EUR €) </option>
      <option value="LI"> ليختنشتاين (CHF CHF) </option>
      <option value="MT"> مالطا (EUR €) </option>
      <option value="MY"> ماليزيا (MYR RM) </option>
      <option value="YT"> مايوت (EUR €) </option>
      <option value="EG"> مصر (EGP ج.م) </option>
      <option value="MK"> مقدونيا الشمالية (MKD ден) </option>
      <option value="MD"> مولدوفا (MDL L) </option>
      <option value="MC"> موناكو (EUR €) </option>
      <option value="MS"> مونتسرات (XCD $) </option>
      <option value="MM"> ميانمار (بورما) (MMK K) </option>
      <option value="NR"> ناورو (AUD $) </option>
      <option value="NP"> نيبال (NPR ₨) </option>
      <option value="NZ"> نيوزيلندا (NZD $) </option>
      <option value="NU"> نيوي (NZD $) </option>
      <option value="HU"> هنغاريا (HUF Ft) </option>
      <option value="NL"> هولندا (EUR €) </option>
      <option value="HK"> هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $) </option>
    </select>
  </div>
  <button type="submit"
    class="text-h6 font-heading heading-case leading-none text-center min-h-[44px] py-[13px] px-4 inline-block border border-body transition-colors duration-500 relative z-10 armament-button after:absolute after:top-0 after:bottom-0 after:-z-[1] after:bg-body after:transition-transform after:duration-300 after:ease-out text-page hover:text-body after:right-0 after:left-0 armament-button--filled hover:disabled:text-page focus:disabled:text-page md:mt-2"
    data-aid="">
    <span data-armada-button-text="">Update country/region</span>
  </button>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="countrySelect" accept-charset="UTF-8" class="localization-form localization-form--country" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div class="no-js-hidden">
    <div class="relative">
      <button type="button" class="flex flex-nowrap items-center group" aria-expanded="false" aria-controls="CountryList" data-aid="country-selector-button">
        <span>الولايات المتحدة (USD $)</span>
        <svg data-aid="icon-arrow-right" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" rotate-90 ml-2" style="width:10px;height:10px">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3313 8.00002L4.54746 14.7839L5.60811 15.8446L13.4525 8.00013L13.4476 7.9952L13.4477 7.99509L5.60807 0.155396L4.54741 1.21606L11.3313 8.00002Z" fill="currentColor"></path>
        </svg>
      </button>
      <ul id="CountryList" role="list"
        class="absolute right-0 lg:right-auto bg-page text-body my-2 border border-solid border-[rgba(0,0,0,0.2)] overflow-y-auto top-full z-[102] min-w-[12rem] max-w-[250px] md:max-w-[20rem] min-h-[8rem] max-h-[18rem] w-max" hidden=""
        data-aid="country-list">
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IS" data-aid="country-list-item">
                  <span>آيسلندا (ISK kr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AM" data-aid="country-list-item">
                  <span>أرمينيا (AMD դր.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AW" data-aid="country-list-item">
                  <span>أروبا (AWG ƒ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AU" data-aid="country-list-item">
                  <span>أستراليا (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AL" data-aid="country-list-item">
                  <span>ألبانيا (ALL L)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DE" data-aid="country-list-item">
                  <span>ألمانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AD" data-aid="country-list-item">
                  <span>أندورا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UZ" data-aid="country-list-item">
                  <span>أوزبكستان (UZS )</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UA" data-aid="country-list-item">
                  <span>أوكرانيا (UAH ₴)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IE" data-aid="country-list-item">
                  <span>أيرلندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ES" data-aid="country-list-item">
                  <span>إسبانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="EE" data-aid="country-list-item">
                  <span>إستونيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IL" data-aid="country-list-item">
                  <span>إسرائيل (ILS ₪)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ID" data-aid="country-list-item">
                  <span>إندونيسيا (IDR Rp)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IT" data-aid="country-list-item">
                  <span>إيطاليا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AR" data-aid="country-list-item">
                  <span>الأرجنتين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JO" data-aid="country-list-item">
                  <span>الأردن (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TF" data-aid="country-list-item">
                  <span>الأقاليم الجنوبية الفرنسية (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IO" data-aid="country-list-item">
                  <span>الإقليم البريطاني في المحيط الهندي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AE" data-aid="country-list-item">
                  <span>الإمارات العربية المتحدة (AED د.إ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BH" data-aid="country-list-item">
                  <span>البحرين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BR" data-aid="country-list-item">
                  <span>البرازيل (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PT" data-aid="country-list-item">
                  <span>البرتغال (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CZ" data-aid="country-list-item">
                  <span>التشيك (CZK Kč)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ME" data-aid="country-list-item">
                  <span>الجبل الأسود (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DK" data-aid="country-list-item">
                  <span>الدانمرك (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SE" data-aid="country-list-item">
                  <span>السويد (SEK kr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CN" data-aid="country-list-item">
                  <span>الصين (CNY ¥)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VA" data-aid="country-list-item">
                  <span>الفاتيكان (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PH" data-aid="country-list-item">
                  <span>الفلبين (PHP ₱)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KW" data-aid="country-list-item">
                  <span>الكويت (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MA" data-aid="country-list-item">
                  <span>المغرب (MAD د.م.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MX" data-aid="country-list-item">
                  <span>المكسيك (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SA" data-aid="country-list-item">
                  <span>المملكة العربية السعودية (SAR ر.س)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GB" data-aid="country-list-item">
                  <span>المملكة المتحدة (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NO" data-aid="country-list-item">
                  <span>النرويج (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AT" data-aid="country-list-item">
                  <span>النمسا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IN" data-aid="country-list-item">
                  <span>الهند (INR ₹)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1" selected="">
          <a class=" underline opacity-50 focus-inset" href="#" aria-current="true" data-value="US" data-aid="country-list-item">
                  <span>الولايات المتحدة (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JP" data-aid="country-list-item">
                  <span>اليابان (JPY ¥)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GR" data-aid="country-list-item">
                  <span>اليونان (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PG" data-aid="country-list-item">
                  <span>بابوا غينيا الجديدة (PGK K)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PK" data-aid="country-list-item">
                  <span>باكستان (PKR ₨)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BB" data-aid="country-list-item">
                  <span>بربادوس (BBD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BM" data-aid="country-list-item">
                  <span>برمودا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BN" data-aid="country-list-item">
                  <span>بروناي (BND $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BE" data-aid="country-list-item">
                  <span>بلجيكا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BG" data-aid="country-list-item">
                  <span>بلغاريا (BGN лв.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BZ" data-aid="country-list-item">
                  <span>بليز (BZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PA" data-aid="country-list-item">
                  <span>بنما (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PL" data-aid="country-list-item">
                  <span>بولندا (PLN zł)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PF" data-aid="country-list-item">
                  <span>بولينيزيا الفرنسية (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BY" data-aid="country-list-item">
                  <span>بيلاروس (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TW" data-aid="country-list-item">
                  <span>تايوان (TWD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TR" data-aid="country-list-item">
                  <span>تركيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TT" data-aid="country-list-item">
                  <span>ترينيداد وتوباغو (TTD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CL" data-aid="country-list-item">
                  <span>تشيلي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TV" data-aid="country-list-item">
                  <span>توفالو (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TK" data-aid="country-list-item">
                  <span>توكيلو (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TO" data-aid="country-list-item">
                  <span>تونغا (TOP T$)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TL" data-aid="country-list-item">
                  <span>تيمور - ليشتي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JM" data-aid="country-list-item">
                  <span>جامايكا (JMD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="AX" data-aid="country-list-item">
                  <span>جزر آلاند (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BS" data-aid="country-list-item">
                  <span>جزر البهاما (BSD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MQ" data-aid="country-list-item">
                  <span>جزر المارتينيك (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MV" data-aid="country-list-item">
                  <span>جزر المالديف (MVR MVR)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="UM" data-aid="country-list-item">
                  <span>جزر الولايات المتحدة النائية (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PN" data-aid="country-list-item">
                  <span>جزر بيتكيرن (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="TC" data-aid="country-list-item">
                  <span>جزر توركس وكايكوس (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SB" data-aid="country-list-item">
                  <span>جزر سليمان (SBD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FO" data-aid="country-list-item">
                  <span>جزر فارو (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VG" data-aid="country-list-item">
                  <span>جزر فيرجن البريطانية (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KY" data-aid="country-list-item">
                  <span>جزر كايمان (KYD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CK" data-aid="country-list-item">
                  <span>جزر كوك (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CC" data-aid="country-list-item">
                  <span>جزر كوكوس (كيلينغ) (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="WF" data-aid="country-list-item">
                  <span>جزر والس وفوتونا (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="IM" data-aid="country-list-item">
                  <span>جزيرة مان (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NF" data-aid="country-list-item">
                  <span>جزيرة نورفولك (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="DO" data-aid="country-list-item">
                  <span>جمهورية الدومينيكان (DOP $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="ZA" data-aid="country-list-item">
                  <span>جنوب أفريقيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GE" data-aid="country-list-item">
                  <span>جورجيا (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="JE" data-aid="country-list-item">
                  <span>جيرسي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RO" data-aid="country-list-item">
                  <span>رومانيا (RON Lei)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RE" data-aid="country-list-item">
                  <span>روينيون (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="WS" data-aid="country-list-item">
                  <span>ساموا (WST T)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="BL" data-aid="country-list-item">
                  <span>سان بارتليمي (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="PM" data-aid="country-list-item">
                  <span>سان بيير ومكويلون (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MF" data-aid="country-list-item">
                  <span>سان مارتن (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SM" data-aid="country-list-item">
                  <span>سان مارينو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VC" data-aid="country-list-item">
                  <span>سانت فنسنت وجزر غرينادين (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LC" data-aid="country-list-item">
                  <span>سانت لوسيا (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SH" data-aid="country-list-item">
                  <span>سانت هيلينا (SHP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SJ" data-aid="country-list-item">
                  <span>سفالبارد وجان ماين (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SK" data-aid="country-list-item">
                  <span>سلوفاكيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SI" data-aid="country-list-item">
                  <span>سلوفينيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="SG" data-aid="country-list-item">
                  <span>سنغافورة (SGD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CH" data-aid="country-list-item">
                  <span>سويسرا (CHF CHF)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="RS" data-aid="country-list-item">
                  <span>صربيا (RSD РСД)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GL" data-aid="country-list-item">
                  <span>غرينلاند (DKK kr.)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GP" data-aid="country-list-item">
                  <span>غوادلوب (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GF" data-aid="country-list-item">
                  <span>غويانا الفرنسية (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="GG" data-aid="country-list-item">
                  <span>غيرنزي (GBP £)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VU" data-aid="country-list-item">
                  <span>فانواتو (VUV Vt)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FR" data-aid="country-list-item">
                  <span>فرنسا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FI" data-aid="country-list-item">
                  <span>فنلندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="VN" data-aid="country-list-item">
                  <span>فيتنام (VND ₫)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="FJ" data-aid="country-list-item">
                  <span>فيجي (FJD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CY" data-aid="country-list-item">
                  <span>قبرص (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="QA" data-aid="country-list-item">
                  <span>قطر (QAR ر.ق)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KZ" data-aid="country-list-item">
                  <span>كازاخستان (KZT 〒)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NC" data-aid="country-list-item">
                  <span>كاليدونيا الجديدة (XPF Fr)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HR" data-aid="country-list-item">
                  <span>كرواتيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CA" data-aid="country-list-item">
                  <span>كندا (CAD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CW" data-aid="country-list-item">
                  <span>كوراساو (ANG ƒ)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KR" data-aid="country-list-item">
                  <span>كوريا الجنوبية (KRW ₩)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="CR" data-aid="country-list-item">
                  <span>كوستاريكا (CRC ₡)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="XK" data-aid="country-list-item">
                  <span>كوسوفو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="KI" data-aid="country-list-item">
                  <span>كيريباتي (USD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LV" data-aid="country-list-item">
                  <span>لاتفيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LB" data-aid="country-list-item">
                  <span>لبنان (LBP ل.ل)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LU" data-aid="country-list-item">
                  <span>لوكسمبورغ (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LT" data-aid="country-list-item">
                  <span>ليتوانيا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="LI" data-aid="country-list-item">
                  <span>ليختنشتاين (CHF CHF)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MT" data-aid="country-list-item">
                  <span>مالطا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MY" data-aid="country-list-item">
                  <span>ماليزيا (MYR RM)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="YT" data-aid="country-list-item">
                  <span>مايوت (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="EG" data-aid="country-list-item">
                  <span>مصر (EGP ج.م)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MK" data-aid="country-list-item">
                  <span>مقدونيا الشمالية (MKD ден)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MD" data-aid="country-list-item">
                  <span>مولدوفا (MDL L)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MC" data-aid="country-list-item">
                  <span>موناكو (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MS" data-aid="country-list-item">
                  <span>مونتسرات (XCD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="MM" data-aid="country-list-item">
                  <span>ميانمار (بورما) (MMK K)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NR" data-aid="country-list-item">
                  <span>ناورو (AUD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NP" data-aid="country-list-item">
                  <span>نيبال (NPR ₨)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NZ" data-aid="country-list-item">
                  <span>نيوزيلندا (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NU" data-aid="country-list-item">
                  <span>نيوي (NZD $)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HU" data-aid="country-list-item">
                  <span>هنغاريا (HUF Ft)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="NL" data-aid="country-list-item">
                  <span>هولندا (EUR €)</span>
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" data-value="HK" data-aid="country-list-item">
                  <span>هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $)</span>
                </a>
        </li>
      </ul>
    </div>
    <input type="hidden" name="country_code" value="US" data-aid="country-input">
  </div>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="LanguageFormNoScript" accept-charset="UTF-8" class="localization-form localization-form--lang--noscript flex flex-col" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div>
    <h2 class="sr-only mt-2" id="LanguageLabelNoScript">Language</h2>
    <select name="locale_code" data-aid="noscript-language-selector" aria-labelledby="LanguageLabelNoScript">
      <option value="en" lang="en"> English </option>
      <option value="ar" lang="ar" selected=""> العربية </option>
      <option value="es" lang="es"> Español </option>
      <option value="fr" lang="fr"> Français </option>
      <option value="it" lang="it"> Italiano </option>
      <option value="ru" lang="ru"> Русский </option>
    </select>
  </div>
  <button type="submit"
    class="text-h6 font-heading heading-case leading-none text-center min-h-[44px] py-[13px] px-4 inline-block border border-body transition-colors duration-500 relative z-10 armament-button after:absolute after:top-0 after:bottom-0 after:-z-[1] after:bg-body after:transition-transform after:duration-300 after:ease-out text-page hover:text-body after:right-0 after:left-0 armament-button--filled hover:disabled:text-page focus:disabled:text-page md:mt-2"
    data-aid="">
    <span data-armada-button-text="">Update language</span>
  </button>
</form>

POST /ar/localization

<form method="post" action="/ar/localization" id="languageForm" accept-charset="UTF-8" class="localization-form localization-form--lang" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/ar/collections/evening-gown-sale-1?page=17">
  <div class="no-js-hidden">
    <div class="relative">
      <button type="button" class="flex flex-nowrap items-center group" aria-expanded="false" aria-controls="LanguageList" data-aid="language-selector-button">
        <span>العربية</span>
        <svg data-aid="icon-arrow-right" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" rotate-90 ml-2" style="width:10px;height:10px">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3313 8.00002L4.54746 14.7839L5.60811 15.8446L13.4525 8.00013L13.4476 7.9952L13.4477 7.99509L5.60807 0.155396L4.54741 1.21606L11.3313 8.00002Z" fill="currentColor"></path>
        </svg>
      </button>
      <ul id="LanguageList" role="list" class="absolute right-0 lg:right-auto bg-page text-body my-2 border border-solid border-[rgba(0,0,0,0.2)] overflow-y-auto top-full z-[200] min-w-[12rem] max-w-[20rem] min-h-[8rem] max-h-[18rem] w-max" hidden=""
        data-aid="language-list">
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="en" lang="en" data-value="en">
                  English
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class="underline opacity-50  focus-inset" href="#" hreflang="ar" lang="ar" aria-current="true" data-value="ar">
                  العربية
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="es" lang="es" data-value="es">
                  Español
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr">
                  Français
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="it" lang="it" data-value="it">
                  Italiano
                </a>
        </li>
        <li class="hover:opacity-30 transition-opacity duration-500 ease-out cursor-pointer py-[.95rem] px-[2rem]" tabindex="-1">
          <a class=" focus-inset" href="#" hreflang="ru" lang="ru" data-value="ru">
                  Русский
                </a>
        </li>
      </ul>
    </div>
    <input type="hidden" name="locale_code" value="ar" data-aid="language-input">
  </div>
</form>

GET /ar/search

<form action="/ar/search" method="get" role="search"
  class="grid grid-cols-[minmax(0,auto),1fr,minmax(0,auto),minmax(0,auto)] items-center px-4 lg:px-5 xl:px-6 py-3 lg:py-4 bg-page text-body lg:row-start-1 lg:row-end-2 animate-menu-up animate-menu-up-delay-1">
  <input type="hidden" name="type" placeholder="" class="bg-page border-body" value="product" data-aid="armament-input">
  <input type="hidden" name="options[prefix]" placeholder="" class="bg-page border-body" value="last" data-aid="armament-input">
  <label class="font-heading heading-case hidden lg:block mr-3 grid-col-start-1 grid-col-end-2" for="">Search</label>
  <input type="search" name="q" placeholder="What are you looking for?" class="bg-page border-body w-full col-start-2 col-end-5 row-start-1 row-end-2 py-10" autocorrect="off" autocomplete="off" data-aid="search-bar-header">
  <div tabindex="0" data-armada-selector="clear-search" aria-label="Clear search" class="close-icon cursor-pointer col-start-3 col-end-4 row-start-1 row-end-2 justify-self-end flex items-center justify-center h-44 w-44 group">
    <svg data-aid="icon-cancel" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes">
      <rect width="20.6878" height="1.5" transform="matrix(0.70711 -0.707104 0.70711 0.707104 0.155396 14.7839)" fill="currentColor"></rect>
      <rect width="20.6878" height="1.5" transform="matrix(-0.70711 -0.707104 0.70711 -0.707104 14.7839 15.8445)" fill="currentColor"></rect>
    </svg>
  </div>
  <button type="submit"
    class="group flex w-44 h-full items-center justify-center col-start-4 col-end-5 row-start-1 row-end-2 justify-self-end relative group cursor-pointer before:block before:absolute before:left-0 before:right-0 before:scale-x-0 before:h-full before:w-full before:bg-body hover:before:scale-x-100 before:transition-transform before:duration-300 before:ease-out"
    data-aid="header-search-submit-button">
    <svg data-aid="icon-search" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
      class="no-touch-hover:group-hover:[transform:scale(1.125)rotate(90deg)] transition-transform duration-200 search-icon z-20 group hover:text-page group-hover:text-page">
      <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12.0345 6.39395C12.0345 9.11133 9.83166 11.3142 7.11429 11.3142C4.39691 11.3142 2.19405 9.11133 2.19405 6.39395C2.19405 3.67658 4.39691 1.47371 7.11429 1.47371C9.83166 1.47371 12.0345 3.67658 12.0345 6.39395ZM10.2669 11.9579C9.33651 12.4862 8.26063 12.7879 7.11429 12.7879C3.58301 12.7879 0.720337 9.92523 0.720337 6.39395C0.720337 2.86267 3.58301 0 7.11429 0C10.6456 0 13.5082 2.86267 13.5082 6.39395C13.5082 8.23338 12.7315 9.89139 11.4881 11.0579L15.2796 14.8494L14.219 15.91L10.2669 11.9579Z"
        fill="currentColor"></path>
    </svg>
  </button>
</form>

GET /ar/search

<form action="/ar/search" method="get" role="search" class="grid grid-cols-[minmax(0,auto),1fr,minmax(0,auto),minmax(0,auto)] items-center px-4 lg:px-5 xl:px-6 py-3 lg:py-4 bg-page text-body">
  <label class="font-heading heading-case hidden lg:block mr-3 grid-col-start-1 grid-col-end-2" for="">Search</label>
  <input type="search" name="q" placeholder="What are you looking for?" class="bg-page border-body w-full col-start-2 col-end-5 row-start-1 row-end-2 py-10" autocorrect="off" autocomplete="off" data-aid="search-bar-header">
  <svg data-aid="icon-cancel" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes close-icon mr-2 cursor-pointer col-start-3 col-end-4 row-start-1 row-end-2 justify-self-end hidden"
    tabindex="0" data-armada-selector="close-results" aria-label="Close">
    <rect width="20.6878" height="1.5" transform="matrix(0.70711 -0.707104 0.70711 0.707104 0.155396 14.7839)" fill="currentColor"></rect>
    <rect width="20.6878" height="1.5" transform="matrix(-0.70711 -0.707104 0.70711 -0.707104 14.7839 15.8445)" fill="currentColor"></rect>
  </svg>
  <button type="submit"
    class="group flex w-44 h-full items-center justify-center col-start-4 col-end-5 row-start-1 row-end-2 justify-self-end group cursor-pointer relative before:block before:absolute before:left-0 before:right-0 before:scale-x-0 before:h-full before:w-full before:bg-body hover:before:scale-x-100 before:transition-transform before:duration-300 before:ease-out"
    data-aid="header-search-submit-button">
    <svg data-aid="icon-search" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
      class="no-touch-hover:group-hover:[transform:scale(1.125)rotate(90deg)] transition-transform duration-200 search-icon z-20 hover:text-page group-hover:text-page">
      <path fill-rule="evenodd" clip-rule="evenodd"
        d="M12.0345 6.39395C12.0345 9.11133 9.83166 11.3142 7.11429 11.3142C4.39691 11.3142 2.19405 9.11133 2.19405 6.39395C2.19405 3.67658 4.39691 1.47371 7.11429 1.47371C9.83166 1.47371 12.0345 3.67658 12.0345 6.39395ZM10.2669 11.9579C9.33651 12.4862 8.26063 12.7879 7.11429 12.7879C3.58301 12.7879 0.720337 9.92523 0.720337 6.39395C0.720337 2.86267 3.58301 0 7.11429 0C10.6456 0 13.5082 2.86267 13.5082 6.39395C13.5082 8.23338 12.7315 9.89139 11.4881 11.0579L15.2796 14.8494L14.219 15.91L10.2669 11.9579Z"
        fill="currentColor"></path>
    </svg>
  </button>
</form>

<form class="w-full" id="filter_form">
  <input type="hidden" name="sort_by" value="created-descending" data-armada-selector="sort_by_value" data-aid="sort_by_hidden">
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-size" data-index="1">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Size <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-small-1-filter_form">X-Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-small-1-filter_form" value="X-Small"
            data-armada-selector="filter.v.option.size=x-small" data-aid="input-x-small">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="small-2-filter_form">Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="small-2-filter_form" value="Small"
            data-armada-selector="filter.v.option.size=small" data-aid="input-small">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="medium-3-filter_form">Medium</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="medium-3-filter_form" value="Medium"
            data-armada-selector="filter.v.option.size=medium" data-aid="input-medium">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="large-4-filter_form">Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="large-4-filter_form" value="Large"
            data-armada-selector="filter.v.option.size=large" data-aid="input-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xl-5-filter_form">XL</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xl-5-filter_form" value="XL"
            data-armada-selector="filter.v.option.size=xl" data-aid="input-xl">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-large-6-filter_form">X Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-large-6-filter_form" value="X Large"
            data-armada-selector="filter.v.option.size=x-large" data-aid="input-x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-large-7-filter_form">X-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-large-7-filter_form" value="X-Large"
            data-armada-selector="filter.v.option.size=x-large" data-aid="input-x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xx-large-8-filter_form">XX-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xx-large-8-filter_form" value="XX-Large"
            data-armada-selector="filter.v.option.size=xx-large" data-aid="input-xx-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2xl-9-filter_form">2XL</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2xl-9-filter_form" value="2XL"
            data-armada-selector="filter.v.option.size=2xl" data-aid="input-2xl">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2x-large-10-filter_form">2X-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2x-large-10-filter_form" value="2X-Large"
            data-armada-selector="filter.v.option.size=2x-large" data-aid="input-2x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xxx-large-11-filter_form">XXX-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xxx-large-11-filter_form" value="XXX-Large"
            data-armada-selector="filter.v.option.size=xxx-large" data-aid="input-xxx-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="0-12-filter_form">0</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="0-12-filter_form" value="0"
            data-armada-selector="filter.v.option.size=0" data-aid="input-0">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="00-13-filter_form">00</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="00-13-filter_form" value="00"
            data-armada-selector="filter.v.option.size=00" data-aid="input-00">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2-14-filter_form">2</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2-14-filter_form" value="2"
            data-armada-selector="filter.v.option.size=2" data-aid="input-2">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="4-15-filter_form">4</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="4-15-filter_form" value="4"
            data-armada-selector="filter.v.option.size=4" data-aid="input-4">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="6-16-filter_form">6</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="6-16-filter_form" value="6"
            data-armada-selector="filter.v.option.size=6" data-aid="input-6">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="8-17-filter_form">8</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="8-17-filter_form" value="8"
            data-armada-selector="filter.v.option.size=8" data-aid="input-8">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="10-18-filter_form">10</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="10-18-filter_form" value="10"
            data-armada-selector="filter.v.option.size=10" data-aid="input-10">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="12-19-filter_form">12</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="12-19-filter_form" value="12"
            data-armada-selector="filter.v.option.size=12" data-aid="input-12">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="14-20-filter_form">14</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="14-20-filter_form" value="14"
            data-armada-selector="filter.v.option.size=14" data-aid="input-14">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="16-21-filter_form">16</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="16-21-filter_form" value="16"
            data-armada-selector="filter.v.option.size=16" data-aid="input-16">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="18-22-filter_form">18</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="18-22-filter_form" value="18"
            data-armada-selector="filter.v.option.size=18" data-aid="input-18">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="20-23-filter_form">20</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="20-23-filter_form" value="20"
            data-armada-selector="filter.v.option.size=20" data-aid="input-20">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="22-24-filter_form">22</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="22-24-filter_form" value="22"
            data-armada-selector="filter.v.option.size=22" data-aid="input-22">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="24-25-filter_form">24</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="24-25-filter_form" value="24"
            data-armada-selector="filter.v.option.size=24" data-aid="input-24">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-small-26-filter_form">X Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-small-26-filter_form" value="X Small"
            data-armada-selector="filter.v.option.size=x-small" data-aid="input-x-small">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-color" data-index="2">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Color <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="amethyst-1-filter_form">Amethyst</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="amethyst-1-filter_form" value="Amethyst"
            data-armada-selector="filter.v.option.color=amethyst" data-aid="input-amethyst">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="berry-2-filter_form">Berry</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="berry-2-filter_form" value="Berry"
            data-armada-selector="filter.v.option.color=berry" data-aid="input-berry">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-3-filter_form">Black</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-3-filter_form" value="Black"
            data-armada-selector="filter.v.option.color=black" data-aid="input-black">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-bronze-4-filter_form">Black/Bronze</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-bronze-4-filter_form" value="Black/Bronze"
            data-armada-selector="filter.v.option.color=black-bronze" data-aid="input-black-bronze">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-champagne-5-filter_form">Black/Champagne</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-champagne-5-filter_form"
            value="Black/Champagne" data-armada-selector="filter.v.option.color=black-champagne" data-aid="input-black-champagne">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-gold-6-filter_form">Black/Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-gold-6-filter_form" value="Black/Gold"
            data-armada-selector="filter.v.option.color=black-gold" data-aid="input-black-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-nude-7-filter_form">Black/Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-nude-7-filter_form" value="Black/Nude"
            data-armada-selector="filter.v.option.color=black-nude" data-aid="input-black-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="blue-8-filter_form">Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="blue-8-filter_form" value="Blue"
            data-armada-selector="filter.v.option.color=blue" data-aid="input-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="blush-9-filter_form">Blush</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="blush-9-filter_form" value="Blush"
            data-armada-selector="filter.v.option.color=blush" data-aid="input-blush">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="burgundy-10-filter_form">Burgundy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="burgundy-10-filter_form" value="Burgundy"
            data-armada-selector="filter.v.option.color=burgundy" data-aid="input-burgundy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cafe-11-filter_form">Cafe</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cafe-11-filter_form" value="Cafe"
            data-armada-selector="filter.v.option.color=cafe" data-aid="input-cafe">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-12-filter_form">Champagne</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-12-filter_form" value="Champagne"
            data-armada-selector="filter.v.option.color=champagne" data-aid="input-champagne">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-gold-13-filter_form">Champagne Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-gold-13-filter_form"
            value="Champagne Gold" data-armada-selector="filter.v.option.color=champagne-gold" data-aid="input-champagne-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-silver-14-filter_form">Champagne/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-silver-14-filter_form"
            value="Champagne/Silver" data-armada-selector="filter.v.option.color=champagne-silver" data-aid="input-champagne-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cobalt-15-filter_form">Cobalt</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cobalt-15-filter_form" value="Cobalt"
            data-armada-selector="filter.v.option.color=cobalt" data-aid="input-cobalt">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cobalt-silver-16-filter_form">Cobalt/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cobalt-silver-16-filter_form"
            value="Cobalt/Silver" data-armada-selector="filter.v.option.color=cobalt-silver" data-aid="input-cobalt-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="copper-17-filter_form">Copper</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="copper-17-filter_form" value="Copper"
            data-armada-selector="filter.v.option.color=copper" data-aid="input-copper">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cream-18-filter_form">Cream</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cream-18-filter_form" value="Cream"
            data-armada-selector="filter.v.option.color=cream" data-aid="input-cream">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dark-green-19-filter_form">Dark Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dark-green-19-filter_form" value="Dark Green"
            data-armada-selector="filter.v.option.color=dark-green" data-aid="input-dark-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dark-mauve-20-filter_form">Dark Mauve</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dark-mauve-20-filter_form" value="Dark Mauve"
            data-armada-selector="filter.v.option.color=dark-mauve" data-aid="input-dark-mauve">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="deep-red-21-filter_form">Deep Red</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="deep-red-21-filter_form" value="Deep Red"
            data-armada-selector="filter.v.option.color=deep-red" data-aid="input-deep-red">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="desert-rose-22-filter_form">Desert Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="desert-rose-22-filter_form" value="Desert Rose"
            data-armada-selector="filter.v.option.color=desert-rose" data-aid="input-desert-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dolphin-23-filter_form">Dolphin</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dolphin-23-filter_form" value="Dolphin"
            data-armada-selector="filter.v.option.color=dolphin" data-aid="input-dolphin">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-lavender-24-filter_form">Dusty Lavender</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-lavender-24-filter_form"
            value="Dusty Lavender" data-armada-selector="filter.v.option.color=dusty-lavender" data-aid="input-dusty-lavender">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-pink-25-filter_form">Dusty Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-pink-25-filter_form" value="Dusty Pink"
            data-armada-selector="filter.v.option.color=dusty-pink" data-aid="input-dusty-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-rose-26-filter_form">Dusty-Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-rose-26-filter_form" value="Dusty-Rose"
            data-armada-selector="filter.v.option.color=dusty-rose" data-aid="input-dusty-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="eggplant-27-filter_form">Eggplant</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="eggplant-27-filter_form" value="Eggplant"
            data-armada-selector="filter.v.option.color=eggplant" data-aid="input-eggplant">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="emerald-28-filter_form">Emerald</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="emerald-28-filter_form" value="Emerald"
            data-armada-selector="filter.v.option.color=emerald" data-aid="input-emerald">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="emerald-black-29-filter_form">Emerald/Black</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="emerald-black-29-filter_form"
            value="Emerald/Black" data-armada-selector="filter.v.option.color=emerald-black" data-aid="input-emerald-black">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="forest-green-30-filter_form">Forest Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="forest-green-30-filter_form" value="Forest Green"
            data-armada-selector="filter.v.option.color=forest-green" data-aid="input-forest-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="french-blue-31-filter_form">French Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="french-blue-31-filter_form" value="French Blue"
            data-armada-selector="filter.v.option.color=french-blue" data-aid="input-french-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="french-navy-32-filter_form">French Navy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="french-navy-32-filter_form" value="French Navy"
            data-armada-selector="filter.v.option.color=french-navy" data-aid="input-french-navy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="fuchsia-33-filter_form">Fuchsia</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="fuchsia-33-filter_form" value="Fuchsia"
            data-armada-selector="filter.v.option.color=fuchsia" data-aid="input-fuchsia">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-34-filter_form">Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-34-filter_form" value="Gold"
            data-armada-selector="filter.v.option.color=gold" data-aid="input-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-mist-35-filter_form">Gold Mist</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-mist-35-filter_form" value="Gold Mist"
            data-armada-selector="filter.v.option.color=gold-mist" data-aid="input-gold-mist">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-sheer-36-filter_form">Gold/Sheer</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-sheer-36-filter_form" value="Gold/Sheer"
            data-armada-selector="filter.v.option.color=gold-sheer" data-aid="input-gold-sheer">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="green-37-filter_form">Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="green-37-filter_form" value="Green"
            data-armada-selector="filter.v.option.color=green" data-aid="input-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="greenery-38-filter_form">Greenery</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="greenery-38-filter_form" value="Greenery"
            data-armada-selector="filter.v.option.color=greenery" data-aid="input-greenery">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="grey-silver-39-filter_form">Grey/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="grey-silver-39-filter_form" value="Grey/Silver"
            data-armada-selector="filter.v.option.color=grey-silver" data-aid="input-grey-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="hot-pink-40-filter_form">Hot Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="hot-pink-40-filter_form" value="Hot Pink"
            data-armada-selector="filter.v.option.color=hot-pink" data-aid="input-hot-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="hunter-green-41-filter_form">Hunter Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="hunter-green-41-filter_form" value="Hunter Green"
            data-armada-selector="filter.v.option.color=hunter-green" data-aid="input-hunter-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="ice-42-filter_form">Ice</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="ice-42-filter_form" value="Ice"
            data-armada-selector="filter.v.option.color=ice" data-aid="input-ice">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="ivory-43-filter_form">Ivory</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="ivory-43-filter_form" value="Ivory"
            data-armada-selector="filter.v.option.color=ivory" data-aid="input-ivory">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lavendar-44-filter_form">Lavendar</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lavendar-44-filter_form" value="Lavendar"
            data-armada-selector="filter.v.option.color=lavendar" data-aid="input-lavendar">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lavender-45-filter_form">Lavender</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lavender-45-filter_form" value="Lavender"
            data-armada-selector="filter.v.option.color=lavender" data-aid="input-lavender">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="light-blue-46-filter_form">Light Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="light-blue-46-filter_form" value="Light Blue"
            data-armada-selector="filter.v.option.color=light-blue" data-aid="input-light-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="light-blue-47-filter_form">Light-blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="light-blue-47-filter_form" value="Light-blue"
            data-armada-selector="filter.v.option.color=light-blue" data-aid="input-light-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lilac-48-filter_form">Lilac</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lilac-48-filter_form" value="Lilac"
            data-armada-selector="filter.v.option.color=lilac" data-aid="input-lilac">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lilac-lt-purple-shown-49-filter_form">Lilac / Lt Purple (shown)</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lilac-lt-purple-shown-49-filter_form"
            value="Lilac / Lt Purple (shown)" data-armada-selector="filter.v.option.color=lilac-lt-purple-shown" data-aid="input-lilac-lt-purple-shown">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lips-50-filter_form">Lips</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lips-50-filter_form" value="Lips"
            data-armada-selector="filter.v.option.color=lips" data-aid="input-lips">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mahogany-51-filter_form">Mahogany</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mahogany-51-filter_form" value="Mahogany"
            data-armada-selector="filter.v.option.color=mahogany" data-aid="input-mahogany">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="marigold-52-filter_form">Marigold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="marigold-52-filter_form" value="Marigold"
            data-armada-selector="filter.v.option.color=marigold" data-aid="input-marigold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mauve-53-filter_form">Mauve</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mauve-53-filter_form" value="Mauve"
            data-armada-selector="filter.v.option.color=mauve" data-aid="input-mauve">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mauve-rose-54-filter_form">Mauve Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mauve-rose-54-filter_form" value="Mauve Rose"
            data-armada-selector="filter.v.option.color=mauve-rose" data-aid="input-mauve-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="midnight-silver-55-filter_form">Midnight Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="midnight-silver-55-filter_form"
            value="Midnight Silver" data-armada-selector="filter.v.option.color=midnight-silver" data-aid="input-midnight-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mocha-56-filter_form">Mocha</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mocha-56-filter_form" value="Mocha"
            data-armada-selector="filter.v.option.color=mocha" data-aid="input-mocha">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mohogany-57-filter_form">Mohogany</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mohogany-57-filter_form" value="Mohogany"
            data-armada-selector="filter.v.option.color=mohogany" data-aid="input-mohogany">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="moonlight-blue-58-filter_form">Moonlight Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="moonlight-blue-58-filter_form"
            value="Moonlight Blue" data-armada-selector="filter.v.option.color=moonlight-blue" data-aid="input-moonlight-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="navy-59-filter_form">Navy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="navy-59-filter_form" value="Navy"
            data-armada-selector="filter.v.option.color=navy" data-aid="input-navy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="neon-pink-60-filter_form">Neon Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="neon-pink-60-filter_form" value="Neon Pink"
            data-armada-selector="filter.v.option.color=neon-pink" data-aid="input-neon-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="nude-61-filter_form">Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="nude-61-filter_form" value="Nude"
            data-armada-selector="filter.v.option.color=nude" data-aid="input-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="off-white-62-filter_form">Off-White</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="off-white-62-filter_form" value="Off-White"
            data-armada-selector="filter.v.option.color=off-white" data-aid="input-off-white">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="olive-63-filter_form">Olive</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="olive-63-filter_form" value="Olive"
            data-armada-selector="filter.v.option.color=olive" data-aid="input-olive">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="orange-64-filter_form">Orange</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="orange-64-filter_form" value="Orange"
            data-armada-selector="filter.v.option.color=orange" data-aid="input-orange">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="pale-pink-65-filter_form">Pale Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="pale-pink-65-filter_form" value="Pale Pink"
            data-armada-selector="filter.v.option.color=pale-pink" data-aid="input-pale-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="paris-blue-66-filter_form">Paris Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="paris-blue-66-filter_form" value="Paris Blue"
            data-armada-selector="filter.v.option.color=paris-blue" data-aid="input-paris-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="pink-67-filter_form">Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="pink-67-filter_form" value="Pink"
            data-armada-selector="filter.v.option.color=pink" data-aid="input-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="purple-68-filter_form">Purple</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="purple-68-filter_form" value="Purple"
            data-armada-selector="filter.v.option.color=purple" data-aid="input-purple">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="red-69-filter_form">Red</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="red-69-filter_form" value="Red"
            data-armada-selector="filter.v.option.color=red" data-aid="input-red">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="red-nude-70-filter_form">Red/Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="red-nude-70-filter_form" value="Red/Nude"
            data-armada-selector="filter.v.option.color=red-nude" data-aid="input-red-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="robin-blue-71-filter_form">Robin Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="robin-blue-71-filter_form" value="Robin Blue"
            data-armada-selector="filter.v.option.color=robin-blue" data-aid="input-robin-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rose-gold-72-filter_form">Rose Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rose-gold-72-filter_form" value="Rose Gold"
            data-armada-selector="filter.v.option.color=rose-gold" data-aid="input-rose-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rosegold-73-filter_form">Rosegold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rosegold-73-filter_form" value="Rosegold"
            data-armada-selector="filter.v.option.color=rosegold" data-aid="input-rosegold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rosewood-74-filter_form">Rosewood</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rosewood-74-filter_form" value="Rosewood"
            data-armada-selector="filter.v.option.color=rosewood" data-aid="input-rosewood">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="royal-75-filter_form">Royal</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="royal-75-filter_form" value="Royal"
            data-armada-selector="filter.v.option.color=royal" data-aid="input-royal">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="royal-blue-76-filter_form">Royal Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="royal-blue-76-filter_form" value="Royal Blue"
            data-armada-selector="filter.v.option.color=royal-blue" data-aid="input-royal-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sage-77-filter_form">Sage</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sage-77-filter_form" value="Sage"
            data-armada-selector="filter.v.option.color=sage" data-aid="input-sage">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sand-78-filter_form">Sand</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sand-78-filter_form" value="Sand"
            data-armada-selector="filter.v.option.color=sand" data-aid="input-sand">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sapphire-79-filter_form">Sapphire</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sapphire-79-filter_form" value="Sapphire"
            data-armada-selector="filter.v.option.color=sapphire" data-aid="input-sapphire">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sienna-80-filter_form">Sienna</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sienna-80-filter_form" value="Sienna"
            data-armada-selector="filter.v.option.color=sienna" data-aid="input-sienna">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="silver-81-filter_form">Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="silver-81-filter_form" value="Silver"
            data-armada-selector="filter.v.option.color=silver" data-aid="input-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sky-blue-82-filter_form">Sky Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sky-blue-82-filter_form" value="Sky Blue"
            data-armada-selector="filter.v.option.color=sky-blue" data-aid="input-sky-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="smokey-blue-83-filter_form">Smokey Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="smokey-blue-83-filter_form" value="Smokey Blue"
            data-armada-selector="filter.v.option.color=smokey-blue" data-aid="input-smokey-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="smokey-blue-84-filter_form">Smokey-Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="smokey-blue-84-filter_form" value="Smokey-Blue"
            data-armada-selector="filter.v.option.color=smokey-blue" data-aid="input-smokey-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="stone-85-filter_form">Stone</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="stone-85-filter_form" value="Stone"
            data-armada-selector="filter.v.option.color=stone" data-aid="input-stone">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sunset-rust-86-filter_form">Sunset Rust</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sunset-rust-86-filter_form" value="Sunset Rust"
            data-armada-selector="filter.v.option.color=sunset-rust" data-aid="input-sunset-rust">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="taupe-87-filter_form">Taupe</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="taupe-87-filter_form" value="Taupe"
            data-armada-selector="filter.v.option.color=taupe" data-aid="input-taupe">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="teal-88-filter_form">Teal</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="teal-88-filter_form" value="Teal"
            data-armada-selector="filter.v.option.color=teal" data-aid="input-teal">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="white-89-filter_form">White</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="white-89-filter_form" value="White"
            data-armada-selector="filter.v.option.color=white" data-aid="input-white">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wine-90-filter_form">Wine</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wine-90-filter_form" value="Wine"
            data-armada-selector="filter.v.option.color=wine" data-aid="input-wine">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wine-wine-91-filter_form">Wine/Wine</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wine-wine-91-filter_form" value="Wine/Wine"
            data-armada-selector="filter.v.option.color=wine-wine" data-aid="input-wine-wine">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="yellow-92-filter_form">Yellow</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="yellow-92-filter_form" value="Yellow"
            data-armada-selector="filter.v.option.color=yellow" data-aid="input-yellow">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-designer" data-index="3">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Designer <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="andrea-leo-1-filter_form">Andrea &amp; Leo</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="andrea-leo-1-filter_form" value="Andrea &amp; Leo"
            data-armada-selector="filter.p.vendor=andrea-leo" data-aid="input-andrea-leo">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="divine-collection-2-filter_form">Divine Collection</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="divine-collection-2-filter_form"
            value="Divine Collection" data-armada-selector="filter.p.vendor=divine-collection" data-aid="input-divine-collection">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jadore-3-filter_form">J'adore</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jadore-3-filter_form" value="J'adore"
            data-armada-selector="filter.p.vendor=jadore" data-aid="input-jadore">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jadore-4-filter_form">Jadore</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jadore-4-filter_form" value="Jadore"
            data-armada-selector="filter.p.vendor=jadore" data-aid="input-jadore">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jovani-5-filter_form">Jovani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jovani-5-filter_form" value="Jovani"
            data-armada-selector="filter.p.vendor=jovani" data-aid="input-jovani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jovani-6-filter_form">jovani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jovani-6-filter_form" value="jovani"
            data-armada-selector="filter.p.vendor=jovani" data-aid="input-jovani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="la-femme-7-filter_form">La Femme</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="la-femme-7-filter_form" value="La Femme"
            data-armada-selector="filter.p.vendor=la-femme" data-aid="input-la-femme">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mambo-couture-8-filter_form">Mambo Couture</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mambo-couture-8-filter_form" value="Mambo Couture"
            data-armada-selector="filter.p.vendor=mambo-couture" data-aid="input-mambo-couture">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="nicole-bakti-9-filter_form">Nicole Bakti</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="nicole-bakti-9-filter_form" value="Nicole Bakti"
            data-armada-selector="filter.p.vendor=nicole-bakti" data-aid="input-nicole-bakti">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="portia-scarlett-10-filter_form">Portia &amp; Scarlett</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="portia-scarlett-10-filter_form"
            value="Portia &amp; Scarlett" data-armada-selector="filter.p.vendor=portia-scarlett" data-aid="input-portia-scarlett">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="portia-and-scarlett-11-filter_form">Portia and Scarlett</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="portia-and-scarlett-11-filter_form"
            value="Portia and Scarlett" data-armada-selector="filter.p.vendor=portia-and-scarlett" data-aid="input-portia-and-scarlett">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rene-atelier-12-filter_form">René Atelier</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rene-atelier-12-filter_form" value="René Atelier"
            data-armada-selector="filter.p.vendor=rene-atelier" data-aid="input-rene-atelier">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rene-the-label-13-filter_form">René the Label</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rene-the-label-13-filter_form"
            value="René the Label" data-armada-selector="filter.p.vendor=rene-the-label" data-aid="input-rene-the-label">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="scala-14-filter_form">Scala</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="scala-14-filter_form" value="Scala"
            data-armada-selector="filter.p.vendor=scala" data-aid="input-scala">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="tania-olsen-15-filter_form">Tania Olsen</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="tania-olsen-15-filter_form" value="Tania Olsen"
            data-armada-selector="filter.p.vendor=tania-olsen" data-aid="input-tania-olsen">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="terani-16-filter_form">Terani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="terani-16-filter_form" value="Terani"
            data-armada-selector="filter.p.vendor=terani" data-aid="input-terani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wona-concept-17-filter_form">Wona Concept</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wona-concept-17-filter_form" value="Wona Concept"
            data-armada-selector="filter.p.vendor=wona-concept" data-aid="input-wona-concept">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-price" data-index="4">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false"> Price <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <price-range class="grid grid-cols-2 grid-rows-1 pb-30 gap-10">
        <div class="col-start-1 col-end-2 row-start-1 row-end-2">
          <label class="field__label" for="Filter-Price-GTE">Min</label>
          <div class="relative flex">
            <input type="number" name="filter.v.price.gte" placeholder="0" class="bg-page border-body w-full" animate-label="" id="Filter-Price-GTE" data-aid="filter-min-price" data-armada-selector="filter_price_from" min="0" max="9999">
            <label class="font-heading heading-case !font-body" for="Filter-Price-GTE" animate-label="" aria-hidden="true">$ 0.00</label>
          </div>
        </div>
        <div class="col-start-2 col-end-3 row-start-1 row-end-2">
          <label class="field__label" for="Filter-Price-LTE">Max</label>
          <div class="relative flex">
            <input type="number" name="filter.v.price.lte" placeholder="899.00" class="bg-page border-body w-full" animate-label="" id="Filter-Price-LTE" data-aid="filter-min-price" data-armada-selector="filter_price_to" min="0" max="9999">
            <label class="font-heading heading-case !font-body" for="Filter-Price-LTE" animate-label="" aria-hidden="true">$ 899.00</label>
          </div>
        </div>
      </price-range>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
</form>

<form data-armada-selector="sort_by_form" class="mb-5 mx-5 flex flex-col">
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="manual-1" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="manual" data-aid="manual">
    <label class="pl-3 inline-block w-full cursor-pointer" for="manual-1">Featured</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="best-selling-2" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="best-selling"
      data-aid="best-selling">
    <label class="pl-3 inline-block w-full cursor-pointer" for="best-selling-2">Best selling</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="title-ascending-3" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="title-ascending"
      data-aid="title-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="title-ascending-3">Alphabetically, A-Z</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="title-descending-4" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="title-descending"
      data-aid="title-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="title-descending-4">Alphabetically, Z-A</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="price-ascending-5" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="price-ascending"
      data-aid="price-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="price-ascending-5">Price, low to high</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="price-descending-6" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="price-descending"
      data-aid="price-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="price-descending-6">Price, high to low</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="created-ascending-7" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="created-ascending"
      data-aid="created-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="created-ascending-7">Date, old to new</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="created-descending-8" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="created-descending" checked=""
      data-aid="created-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="created-descending-8">Date, new to old</label>
  </div>
</form>

<form class="w-full" id="filter_form">
  <input type="hidden" name="sort_by" value="created-descending" data-armada-selector="sort_by_value" data-aid="sort_by_hidden">
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-size" data-index="1">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Size <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-small-1-filter_form">X-Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-small-1-filter_form" value="X-Small"
            data-armada-selector="filter.v.option.size=x-small" data-aid="input-x-small">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="small-2-filter_form">Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="small-2-filter_form" value="Small"
            data-armada-selector="filter.v.option.size=small" data-aid="input-small">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="medium-3-filter_form">Medium</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="medium-3-filter_form" value="Medium"
            data-armada-selector="filter.v.option.size=medium" data-aid="input-medium">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="large-4-filter_form">Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="large-4-filter_form" value="Large"
            data-armada-selector="filter.v.option.size=large" data-aid="input-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xl-5-filter_form">XL</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xl-5-filter_form" value="XL"
            data-armada-selector="filter.v.option.size=xl" data-aid="input-xl">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-large-6-filter_form">X Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-large-6-filter_form" value="X Large"
            data-armada-selector="filter.v.option.size=x-large" data-aid="input-x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-large-7-filter_form">X-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-large-7-filter_form" value="X-Large"
            data-armada-selector="filter.v.option.size=x-large" data-aid="input-x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xx-large-8-filter_form">XX-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xx-large-8-filter_form" value="XX-Large"
            data-armada-selector="filter.v.option.size=xx-large" data-aid="input-xx-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2xl-9-filter_form">2XL</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2xl-9-filter_form" value="2XL"
            data-armada-selector="filter.v.option.size=2xl" data-aid="input-2xl">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2x-large-10-filter_form">2X-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2x-large-10-filter_form" value="2X-Large"
            data-armada-selector="filter.v.option.size=2x-large" data-aid="input-2x-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="xxx-large-11-filter_form">XXX-Large</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="xxx-large-11-filter_form" value="XXX-Large"
            data-armada-selector="filter.v.option.size=xxx-large" data-aid="input-xxx-large">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="0-12-filter_form">0</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="0-12-filter_form" value="0"
            data-armada-selector="filter.v.option.size=0" data-aid="input-0">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="00-13-filter_form">00</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="00-13-filter_form" value="00"
            data-armada-selector="filter.v.option.size=00" data-aid="input-00">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="2-14-filter_form">2</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="2-14-filter_form" value="2"
            data-armada-selector="filter.v.option.size=2" data-aid="input-2">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="4-15-filter_form">4</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="4-15-filter_form" value="4"
            data-armada-selector="filter.v.option.size=4" data-aid="input-4">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="6-16-filter_form">6</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="6-16-filter_form" value="6"
            data-armada-selector="filter.v.option.size=6" data-aid="input-6">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="8-17-filter_form">8</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="8-17-filter_form" value="8"
            data-armada-selector="filter.v.option.size=8" data-aid="input-8">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="10-18-filter_form">10</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="10-18-filter_form" value="10"
            data-armada-selector="filter.v.option.size=10" data-aid="input-10">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="12-19-filter_form">12</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="12-19-filter_form" value="12"
            data-armada-selector="filter.v.option.size=12" data-aid="input-12">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="14-20-filter_form">14</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="14-20-filter_form" value="14"
            data-armada-selector="filter.v.option.size=14" data-aid="input-14">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="16-21-filter_form">16</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="16-21-filter_form" value="16"
            data-armada-selector="filter.v.option.size=16" data-aid="input-16">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="18-22-filter_form">18</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="18-22-filter_form" value="18"
            data-armada-selector="filter.v.option.size=18" data-aid="input-18">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="20-23-filter_form">20</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="20-23-filter_form" value="20"
            data-armada-selector="filter.v.option.size=20" data-aid="input-20">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="22-24-filter_form">22</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="22-24-filter_form" value="22"
            data-armada-selector="filter.v.option.size=22" data-aid="input-22">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="24-25-filter_form">24</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="24-25-filter_form" value="24"
            data-armada-selector="filter.v.option.size=24" data-aid="input-24">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="x-small-26-filter_form">X Small</label>
          <input type="checkbox" name="filter.v.option.size" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="x-small-26-filter_form" value="X Small"
            data-armada-selector="filter.v.option.size=x-small" data-aid="input-x-small">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-color" data-index="2">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Color <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="amethyst-1-filter_form">Amethyst</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="amethyst-1-filter_form" value="Amethyst"
            data-armada-selector="filter.v.option.color=amethyst" data-aid="input-amethyst">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="berry-2-filter_form">Berry</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="berry-2-filter_form" value="Berry"
            data-armada-selector="filter.v.option.color=berry" data-aid="input-berry">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-3-filter_form">Black</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-3-filter_form" value="Black"
            data-armada-selector="filter.v.option.color=black" data-aid="input-black">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-bronze-4-filter_form">Black/Bronze</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-bronze-4-filter_form" value="Black/Bronze"
            data-armada-selector="filter.v.option.color=black-bronze" data-aid="input-black-bronze">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-champagne-5-filter_form">Black/Champagne</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-champagne-5-filter_form"
            value="Black/Champagne" data-armada-selector="filter.v.option.color=black-champagne" data-aid="input-black-champagne">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-gold-6-filter_form">Black/Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-gold-6-filter_form" value="Black/Gold"
            data-armada-selector="filter.v.option.color=black-gold" data-aid="input-black-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="black-nude-7-filter_form">Black/Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="black-nude-7-filter_form" value="Black/Nude"
            data-armada-selector="filter.v.option.color=black-nude" data-aid="input-black-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="blue-8-filter_form">Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="blue-8-filter_form" value="Blue"
            data-armada-selector="filter.v.option.color=blue" data-aid="input-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="blush-9-filter_form">Blush</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="blush-9-filter_form" value="Blush"
            data-armada-selector="filter.v.option.color=blush" data-aid="input-blush">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="burgundy-10-filter_form">Burgundy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="burgundy-10-filter_form" value="Burgundy"
            data-armada-selector="filter.v.option.color=burgundy" data-aid="input-burgundy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cafe-11-filter_form">Cafe</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cafe-11-filter_form" value="Cafe"
            data-armada-selector="filter.v.option.color=cafe" data-aid="input-cafe">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-12-filter_form">Champagne</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-12-filter_form" value="Champagne"
            data-armada-selector="filter.v.option.color=champagne" data-aid="input-champagne">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-gold-13-filter_form">Champagne Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-gold-13-filter_form"
            value="Champagne Gold" data-armada-selector="filter.v.option.color=champagne-gold" data-aid="input-champagne-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="champagne-silver-14-filter_form">Champagne/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="champagne-silver-14-filter_form"
            value="Champagne/Silver" data-armada-selector="filter.v.option.color=champagne-silver" data-aid="input-champagne-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cobalt-15-filter_form">Cobalt</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cobalt-15-filter_form" value="Cobalt"
            data-armada-selector="filter.v.option.color=cobalt" data-aid="input-cobalt">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cobalt-silver-16-filter_form">Cobalt/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cobalt-silver-16-filter_form"
            value="Cobalt/Silver" data-armada-selector="filter.v.option.color=cobalt-silver" data-aid="input-cobalt-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="copper-17-filter_form">Copper</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="copper-17-filter_form" value="Copper"
            data-armada-selector="filter.v.option.color=copper" data-aid="input-copper">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="cream-18-filter_form">Cream</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="cream-18-filter_form" value="Cream"
            data-armada-selector="filter.v.option.color=cream" data-aid="input-cream">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dark-green-19-filter_form">Dark Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dark-green-19-filter_form" value="Dark Green"
            data-armada-selector="filter.v.option.color=dark-green" data-aid="input-dark-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dark-mauve-20-filter_form">Dark Mauve</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dark-mauve-20-filter_form" value="Dark Mauve"
            data-armada-selector="filter.v.option.color=dark-mauve" data-aid="input-dark-mauve">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="deep-red-21-filter_form">Deep Red</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="deep-red-21-filter_form" value="Deep Red"
            data-armada-selector="filter.v.option.color=deep-red" data-aid="input-deep-red">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="desert-rose-22-filter_form">Desert Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="desert-rose-22-filter_form" value="Desert Rose"
            data-armada-selector="filter.v.option.color=desert-rose" data-aid="input-desert-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dolphin-23-filter_form">Dolphin</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dolphin-23-filter_form" value="Dolphin"
            data-armada-selector="filter.v.option.color=dolphin" data-aid="input-dolphin">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-lavender-24-filter_form">Dusty Lavender</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-lavender-24-filter_form"
            value="Dusty Lavender" data-armada-selector="filter.v.option.color=dusty-lavender" data-aid="input-dusty-lavender">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-pink-25-filter_form">Dusty Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-pink-25-filter_form" value="Dusty Pink"
            data-armada-selector="filter.v.option.color=dusty-pink" data-aid="input-dusty-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="dusty-rose-26-filter_form">Dusty-Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="dusty-rose-26-filter_form" value="Dusty-Rose"
            data-armada-selector="filter.v.option.color=dusty-rose" data-aid="input-dusty-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="eggplant-27-filter_form">Eggplant</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="eggplant-27-filter_form" value="Eggplant"
            data-armada-selector="filter.v.option.color=eggplant" data-aid="input-eggplant">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="emerald-28-filter_form">Emerald</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="emerald-28-filter_form" value="Emerald"
            data-armada-selector="filter.v.option.color=emerald" data-aid="input-emerald">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="emerald-black-29-filter_form">Emerald/Black</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="emerald-black-29-filter_form"
            value="Emerald/Black" data-armada-selector="filter.v.option.color=emerald-black" data-aid="input-emerald-black">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="forest-green-30-filter_form">Forest Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="forest-green-30-filter_form" value="Forest Green"
            data-armada-selector="filter.v.option.color=forest-green" data-aid="input-forest-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="french-blue-31-filter_form">French Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="french-blue-31-filter_form" value="French Blue"
            data-armada-selector="filter.v.option.color=french-blue" data-aid="input-french-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="french-navy-32-filter_form">French Navy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="french-navy-32-filter_form" value="French Navy"
            data-armada-selector="filter.v.option.color=french-navy" data-aid="input-french-navy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="fuchsia-33-filter_form">Fuchsia</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="fuchsia-33-filter_form" value="Fuchsia"
            data-armada-selector="filter.v.option.color=fuchsia" data-aid="input-fuchsia">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-34-filter_form">Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-34-filter_form" value="Gold"
            data-armada-selector="filter.v.option.color=gold" data-aid="input-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-mist-35-filter_form">Gold Mist</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-mist-35-filter_form" value="Gold Mist"
            data-armada-selector="filter.v.option.color=gold-mist" data-aid="input-gold-mist">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="gold-sheer-36-filter_form">Gold/Sheer</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="gold-sheer-36-filter_form" value="Gold/Sheer"
            data-armada-selector="filter.v.option.color=gold-sheer" data-aid="input-gold-sheer">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="green-37-filter_form">Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="green-37-filter_form" value="Green"
            data-armada-selector="filter.v.option.color=green" data-aid="input-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="greenery-38-filter_form">Greenery</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="greenery-38-filter_form" value="Greenery"
            data-armada-selector="filter.v.option.color=greenery" data-aid="input-greenery">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="grey-silver-39-filter_form">Grey/Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="grey-silver-39-filter_form" value="Grey/Silver"
            data-armada-selector="filter.v.option.color=grey-silver" data-aid="input-grey-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="hot-pink-40-filter_form">Hot Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="hot-pink-40-filter_form" value="Hot Pink"
            data-armada-selector="filter.v.option.color=hot-pink" data-aid="input-hot-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="hunter-green-41-filter_form">Hunter Green</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="hunter-green-41-filter_form" value="Hunter Green"
            data-armada-selector="filter.v.option.color=hunter-green" data-aid="input-hunter-green">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="ice-42-filter_form">Ice</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="ice-42-filter_form" value="Ice"
            data-armada-selector="filter.v.option.color=ice" data-aid="input-ice">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="ivory-43-filter_form">Ivory</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="ivory-43-filter_form" value="Ivory"
            data-armada-selector="filter.v.option.color=ivory" data-aid="input-ivory">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lavendar-44-filter_form">Lavendar</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lavendar-44-filter_form" value="Lavendar"
            data-armada-selector="filter.v.option.color=lavendar" data-aid="input-lavendar">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lavender-45-filter_form">Lavender</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lavender-45-filter_form" value="Lavender"
            data-armada-selector="filter.v.option.color=lavender" data-aid="input-lavender">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="light-blue-46-filter_form">Light Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="light-blue-46-filter_form" value="Light Blue"
            data-armada-selector="filter.v.option.color=light-blue" data-aid="input-light-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="light-blue-47-filter_form">Light-blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="light-blue-47-filter_form" value="Light-blue"
            data-armada-selector="filter.v.option.color=light-blue" data-aid="input-light-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lilac-48-filter_form">Lilac</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lilac-48-filter_form" value="Lilac"
            data-armada-selector="filter.v.option.color=lilac" data-aid="input-lilac">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lilac-lt-purple-shown-49-filter_form">Lilac / Lt Purple (shown)</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lilac-lt-purple-shown-49-filter_form"
            value="Lilac / Lt Purple (shown)" data-armada-selector="filter.v.option.color=lilac-lt-purple-shown" data-aid="input-lilac-lt-purple-shown">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="lips-50-filter_form">Lips</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="lips-50-filter_form" value="Lips"
            data-armada-selector="filter.v.option.color=lips" data-aid="input-lips">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mahogany-51-filter_form">Mahogany</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mahogany-51-filter_form" value="Mahogany"
            data-armada-selector="filter.v.option.color=mahogany" data-aid="input-mahogany">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="marigold-52-filter_form">Marigold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="marigold-52-filter_form" value="Marigold"
            data-armada-selector="filter.v.option.color=marigold" data-aid="input-marigold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mauve-53-filter_form">Mauve</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mauve-53-filter_form" value="Mauve"
            data-armada-selector="filter.v.option.color=mauve" data-aid="input-mauve">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mauve-rose-54-filter_form">Mauve Rose</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mauve-rose-54-filter_form" value="Mauve Rose"
            data-armada-selector="filter.v.option.color=mauve-rose" data-aid="input-mauve-rose">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="midnight-silver-55-filter_form">Midnight Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="midnight-silver-55-filter_form"
            value="Midnight Silver" data-armada-selector="filter.v.option.color=midnight-silver" data-aid="input-midnight-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mocha-56-filter_form">Mocha</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mocha-56-filter_form" value="Mocha"
            data-armada-selector="filter.v.option.color=mocha" data-aid="input-mocha">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mohogany-57-filter_form">Mohogany</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mohogany-57-filter_form" value="Mohogany"
            data-armada-selector="filter.v.option.color=mohogany" data-aid="input-mohogany">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="moonlight-blue-58-filter_form">Moonlight Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="moonlight-blue-58-filter_form"
            value="Moonlight Blue" data-armada-selector="filter.v.option.color=moonlight-blue" data-aid="input-moonlight-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="navy-59-filter_form">Navy</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="navy-59-filter_form" value="Navy"
            data-armada-selector="filter.v.option.color=navy" data-aid="input-navy">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="neon-pink-60-filter_form">Neon Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="neon-pink-60-filter_form" value="Neon Pink"
            data-armada-selector="filter.v.option.color=neon-pink" data-aid="input-neon-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="nude-61-filter_form">Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="nude-61-filter_form" value="Nude"
            data-armada-selector="filter.v.option.color=nude" data-aid="input-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="off-white-62-filter_form">Off-White</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="off-white-62-filter_form" value="Off-White"
            data-armada-selector="filter.v.option.color=off-white" data-aid="input-off-white">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="olive-63-filter_form">Olive</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="olive-63-filter_form" value="Olive"
            data-armada-selector="filter.v.option.color=olive" data-aid="input-olive">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="orange-64-filter_form">Orange</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="orange-64-filter_form" value="Orange"
            data-armada-selector="filter.v.option.color=orange" data-aid="input-orange">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="pale-pink-65-filter_form">Pale Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="pale-pink-65-filter_form" value="Pale Pink"
            data-armada-selector="filter.v.option.color=pale-pink" data-aid="input-pale-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="paris-blue-66-filter_form">Paris Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="paris-blue-66-filter_form" value="Paris Blue"
            data-armada-selector="filter.v.option.color=paris-blue" data-aid="input-paris-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="pink-67-filter_form">Pink</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="pink-67-filter_form" value="Pink"
            data-armada-selector="filter.v.option.color=pink" data-aid="input-pink">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="purple-68-filter_form">Purple</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="purple-68-filter_form" value="Purple"
            data-armada-selector="filter.v.option.color=purple" data-aid="input-purple">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="red-69-filter_form">Red</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="red-69-filter_form" value="Red"
            data-armada-selector="filter.v.option.color=red" data-aid="input-red">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="red-nude-70-filter_form">Red/Nude</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="red-nude-70-filter_form" value="Red/Nude"
            data-armada-selector="filter.v.option.color=red-nude" data-aid="input-red-nude">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="robin-blue-71-filter_form">Robin Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="robin-blue-71-filter_form" value="Robin Blue"
            data-armada-selector="filter.v.option.color=robin-blue" data-aid="input-robin-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rose-gold-72-filter_form">Rose Gold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rose-gold-72-filter_form" value="Rose Gold"
            data-armada-selector="filter.v.option.color=rose-gold" data-aid="input-rose-gold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rosegold-73-filter_form">Rosegold</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rosegold-73-filter_form" value="Rosegold"
            data-armada-selector="filter.v.option.color=rosegold" data-aid="input-rosegold">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rosewood-74-filter_form">Rosewood</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rosewood-74-filter_form" value="Rosewood"
            data-armada-selector="filter.v.option.color=rosewood" data-aid="input-rosewood">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="royal-75-filter_form">Royal</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="royal-75-filter_form" value="Royal"
            data-armada-selector="filter.v.option.color=royal" data-aid="input-royal">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="royal-blue-76-filter_form">Royal Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="royal-blue-76-filter_form" value="Royal Blue"
            data-armada-selector="filter.v.option.color=royal-blue" data-aid="input-royal-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sage-77-filter_form">Sage</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sage-77-filter_form" value="Sage"
            data-armada-selector="filter.v.option.color=sage" data-aid="input-sage">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sand-78-filter_form">Sand</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sand-78-filter_form" value="Sand"
            data-armada-selector="filter.v.option.color=sand" data-aid="input-sand">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sapphire-79-filter_form">Sapphire</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sapphire-79-filter_form" value="Sapphire"
            data-armada-selector="filter.v.option.color=sapphire" data-aid="input-sapphire">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sienna-80-filter_form">Sienna</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sienna-80-filter_form" value="Sienna"
            data-armada-selector="filter.v.option.color=sienna" data-aid="input-sienna">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="silver-81-filter_form">Silver</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="silver-81-filter_form" value="Silver"
            data-armada-selector="filter.v.option.color=silver" data-aid="input-silver">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sky-blue-82-filter_form">Sky Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sky-blue-82-filter_form" value="Sky Blue"
            data-armada-selector="filter.v.option.color=sky-blue" data-aid="input-sky-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="smokey-blue-83-filter_form">Smokey Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="smokey-blue-83-filter_form" value="Smokey Blue"
            data-armada-selector="filter.v.option.color=smokey-blue" data-aid="input-smokey-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="smokey-blue-84-filter_form">Smokey-Blue</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="smokey-blue-84-filter_form" value="Smokey-Blue"
            data-armada-selector="filter.v.option.color=smokey-blue" data-aid="input-smokey-blue">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="stone-85-filter_form">Stone</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="stone-85-filter_form" value="Stone"
            data-armada-selector="filter.v.option.color=stone" data-aid="input-stone">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="sunset-rust-86-filter_form">Sunset Rust</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="sunset-rust-86-filter_form" value="Sunset Rust"
            data-armada-selector="filter.v.option.color=sunset-rust" data-aid="input-sunset-rust">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="taupe-87-filter_form">Taupe</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="taupe-87-filter_form" value="Taupe"
            data-armada-selector="filter.v.option.color=taupe" data-aid="input-taupe">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="teal-88-filter_form">Teal</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="teal-88-filter_form" value="Teal"
            data-armada-selector="filter.v.option.color=teal" data-aid="input-teal">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="white-89-filter_form">White</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="white-89-filter_form" value="White"
            data-armada-selector="filter.v.option.color=white" data-aid="input-white">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wine-90-filter_form">Wine</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wine-90-filter_form" value="Wine"
            data-armada-selector="filter.v.option.color=wine" data-aid="input-wine">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wine-wine-91-filter_form">Wine/Wine</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wine-wine-91-filter_form" value="Wine/Wine"
            data-armada-selector="filter.v.option.color=wine-wine" data-aid="input-wine-wine">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="yellow-92-filter_form">Yellow</label>
          <input type="checkbox" name="filter.v.option.color" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="yellow-92-filter_form" value="Yellow"
            data-armada-selector="filter.v.option.color=yellow" data-aid="input-yellow">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-designer" data-index="3">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false">
      <span class="break-all"> Designer <span class="facets__selected" data-armada-selected-filters-count="">
        </span>
      </span>
      <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <div data-armada-selector="filter_input_list">
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="andrea-leo-1-filter_form">Andrea &amp; Leo</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="andrea-leo-1-filter_form" value="Andrea &amp; Leo"
            data-armada-selector="filter.p.vendor=andrea-leo" data-aid="input-andrea-leo">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="divine-collection-2-filter_form">Divine Collection</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="divine-collection-2-filter_form"
            value="Divine Collection" data-armada-selector="filter.p.vendor=divine-collection" data-aid="input-divine-collection">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jadore-3-filter_form">J'adore</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jadore-3-filter_form" value="J'adore"
            data-armada-selector="filter.p.vendor=jadore" data-aid="input-jadore">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jadore-4-filter_form">Jadore</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jadore-4-filter_form" value="Jadore"
            data-armada-selector="filter.p.vendor=jadore" data-aid="input-jadore">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jovani-5-filter_form">Jovani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jovani-5-filter_form" value="Jovani"
            data-armada-selector="filter.p.vendor=jovani" data-aid="input-jovani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="jovani-6-filter_form">jovani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="jovani-6-filter_form" value="jovani"
            data-armada-selector="filter.p.vendor=jovani" data-aid="input-jovani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="la-femme-7-filter_form">La Femme</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="la-femme-7-filter_form" value="La Femme"
            data-armada-selector="filter.p.vendor=la-femme" data-aid="input-la-femme">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="mambo-couture-8-filter_form">Mambo Couture</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="mambo-couture-8-filter_form" value="Mambo Couture"
            data-armada-selector="filter.p.vendor=mambo-couture" data-aid="input-mambo-couture">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="nicole-bakti-9-filter_form">Nicole Bakti</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="nicole-bakti-9-filter_form" value="Nicole Bakti"
            data-armada-selector="filter.p.vendor=nicole-bakti" data-aid="input-nicole-bakti">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="portia-scarlett-10-filter_form">Portia &amp; Scarlett</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="portia-scarlett-10-filter_form"
            value="Portia &amp; Scarlett" data-armada-selector="filter.p.vendor=portia-scarlett" data-aid="input-portia-scarlett">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="portia-and-scarlett-11-filter_form">Portia and Scarlett</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="portia-and-scarlett-11-filter_form"
            value="Portia and Scarlett" data-armada-selector="filter.p.vendor=portia-and-scarlett" data-aid="input-portia-and-scarlett">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rene-atelier-12-filter_form">René Atelier</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rene-atelier-12-filter_form" value="René Atelier"
            data-armada-selector="filter.p.vendor=rene-atelier" data-aid="input-rene-atelier">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="rene-the-label-13-filter_form">René the Label</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="rene-the-label-13-filter_form"
            value="René the Label" data-armada-selector="filter.p.vendor=rene-the-label" data-aid="input-rene-the-label">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="scala-14-filter_form">Scala</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="scala-14-filter_form" value="Scala"
            data-armada-selector="filter.p.vendor=scala" data-aid="input-scala">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="tania-olsen-15-filter_form">Tania Olsen</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="tania-olsen-15-filter_form" value="Tania Olsen"
            data-armada-selector="filter.p.vendor=tania-olsen" data-aid="input-tania-olsen">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="terani-16-filter_form">Terani</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="terani-16-filter_form" value="Terani"
            data-armada-selector="filter.p.vendor=terani" data-aid="input-terani">
        </div>
        <div class="flex pb-3 flex-row-reverse justify-end items-center">
          <label class="font-heading heading-case relative top-[0.5px] cursor-pointer" for="wona-concept-17-filter_form">Wona Concept</label>
          <input type="checkbox" name="filter.p.vendor" placeholder=""
            class="bg-page border-body mr-3 appearance-none cursor-pointer active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body disabled:opacity-30" id="wona-concept-17-filter_form" value="Wona Concept"
            data-armada-selector="filter.p.vendor=wona-concept" data-aid="input-wona-concept">
        </div>
      </div>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
  <details is="details-accordion" animate="true" onmouseover="loadAccordionScript()" class="bg-page text-body armament-details-element max-w-full animate-details js-filter first-of-type:border-t border-body-opacity-20 stroke-body text-body"
    data-aid="filter-category-price" data-index="4">
    <summary class="list-none heading-font heading-case leading-none font-heading cursor-pointer flex justify-between outline-offset-[-3px] py-3 md:py-4 group " role="button" aria-expanded="false"> Price <span class="pl-[20px]">
        <svg data-aid="icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes plus-icon">
          <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          <rect x="7.25" y="16" width="16" height="1.5" transform="rotate(-90 7.25 16)" fill="currentColor"></rect>
        </svg>
        <svg data-aid="icon-minus" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-hover-classes minus-icon">
          <g clip-path="url(#clip0_3976_27975)">
            <rect y="7.25" width="16" height="1.5" fill="currentColor"></rect>
          </g>
          <defs>
            <clipPath id="clip0_3976_27975">
              <rect width="16" height="16" fill="none"></rect>
            </clipPath>
          </defs>
        </svg>
      </span>
    </summary>
    <div class="animate-details-content">
      <price-range class="grid grid-cols-2 grid-rows-1 pb-30 gap-10">
        <div class="col-start-1 col-end-2 row-start-1 row-end-2">
          <label class="field__label" for="Filter-Price-GTE">Min</label>
          <div class="relative flex">
            <input type="number" name="filter.v.price.gte" placeholder="0" class="bg-page border-body w-full" animate-label="" id="Filter-Price-GTE" data-aid="filter-min-price" data-armada-selector="filter_price_from" min="0" max="9999">
            <label class="font-heading heading-case !font-body" for="Filter-Price-GTE" animate-label="" aria-hidden="true">$ 0.00</label>
          </div>
        </div>
        <div class="col-start-2 col-end-3 row-start-1 row-end-2">
          <label class="field__label" for="Filter-Price-LTE">Max</label>
          <div class="relative flex">
            <input type="number" name="filter.v.price.lte" placeholder="899.00" class="bg-page border-body w-full" animate-label="" id="Filter-Price-LTE" data-aid="filter-min-price" data-armada-selector="filter_price_to" min="0" max="9999">
            <label class="font-heading heading-case !font-body" for="Filter-Price-LTE" animate-label="" aria-hidden="true">$ 899.00</label>
          </div>
        </div>
      </price-range>
    </div>
  </details>
  <hr class="stroke-body text-body opacity-20">
  <script>
    function loadAccordionScript() {
      import("//www.miabellacouture.com/cdn/shop/t/108/assets/component-accordion-accessibility.min.js?v=80655171333451353951667220182");
    }
  </script>
</form>

<form data-armada-selector="sort_by_form" class="mb-5 mx-5 flex flex-col">
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="manual-1" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="manual" data-aid="manual">
    <label class="pl-3 inline-block w-full cursor-pointer" for="manual-1">Featured</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="best-selling-2" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="best-selling"
      data-aid="best-selling">
    <label class="pl-3 inline-block w-full cursor-pointer" for="best-selling-2">Best selling</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="title-ascending-3" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="title-ascending"
      data-aid="title-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="title-ascending-3">Alphabetically, A-Z</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="title-descending-4" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="title-descending"
      data-aid="title-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="title-descending-4">Alphabetically, Z-A</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="price-ascending-5" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="price-ascending"
      data-aid="price-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="price-ascending-5">Price, low to high</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="price-descending-6" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="price-descending"
      data-aid="price-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="price-descending-6">Price, high to low</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="created-ascending-7" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="created-ascending"
      data-aid="created-ascending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="created-ascending-7">Date, old to new</label>
  </div>
  <div class="flex items-center pb-2 last:pb-0">
    <input type="radio" name="sort_by" id="created-descending-8" class="cursor-pointer appearance-none bg-page active:bg-none checked:bg-none active:text-body checked:text-body checked:bg-current active:bg-body" value="created-descending" checked=""
      data-aid="created-descending">
    <label class="pl-3 inline-block w-full cursor-pointer" for="created-descending-8">Date, new to old</label>
  </div>
</form>

Text Content

YOUR LOCATION IS SET TO CANADA

 * Shop in CAD $
 * Get shipping options for Canada
 * Language set to English

Continue
Change country/region and language


This website uses cookies to ensure you get the best experience. Learn more
DeclineAccept
✕
 * On-Line Support | 858-354-3205


   

 * HOME

   

 * BRIDAL
   
   BRIDAL
   
   BRIDAL GOWNS
   
   WHITE COLLECTION
   
   SHORT WHITE DRESSES
   
   BRIDESMAIDS
   
    * All Bridesmaids Dresses
    * Sequins
    * A-Line
    * Fitted
    * Stretch Jersey
    * Satin
   
   MOTHERS DRESSES
   
    * Long Dresses
    * Cocktail
   
   
   Bridal
   
   BRIDAL GOWNS
   
   WHITE COLLECTION
   
   SHORT WHITE DRESSES
   
   BRIDESMAIDS
   
   Bridesmaids
    * All Bridesmaids Dresses
    * Sequins
    * A-Line
    * Fitted
    * Stretch Jersey
    * Satin
   
   MOTHERS DRESSES
   
   Mothers Dresses
    * Long Dresses
    * Cocktail

   

 * LONG DRESSES
   
   LONG DRESSES
   
   CATEGORIES
   
    * New Arrivals
    * Evening Gowns
    * Guest of wedding
    * Mother of the bride
    * Prom 2023
    * Sparkle
    * Jumpsuits
    * Pageant Gowns
    * Clearance
   
   SILHOUETTE
   
    * A-Line & Ball Gowns
    * Fitted
    * Mermaid
    * Open back
    * Sleeves
    * One shoulder
    * Halter
    * Sweetheart
   
   PROM 2023
   
    * Top Prom Styles
    * All Prom Dresses
    * Dresses under $300
   
   SAVE 20% ON PRE-ORDERS
   
   
   Long Dresses
   
   CATEGORIES
   
   Categories
    * New Arrivals
    * Evening Gowns
    * Guest of wedding
    * Mother of the bride
    * Prom 2023
    * Sparkle
    * Jumpsuits
    * Pageant Gowns
    * Clearance
   
   SILHOUETTE
   
   Silhouette
    * A-Line & Ball Gowns
    * Fitted
    * Mermaid
    * Open back
    * Sleeves
    * One shoulder
    * Halter
    * Sweetheart
   
   PROM 2023
   
   Prom 2023
    * Top Prom Styles
    * All Prom Dresses
    * Dresses under $300
   
   SAVE 20% ON PRE-ORDERS

   

 * SHORT DRESSES
   
   SHORT DRESSES
   
   NEW ARRIVALS
   
   HOMECOMING
   
   COCKTAIL
   
   MIDI DRESSES
   
   FITTED
   
   SEQUINS AND SPARKLE
   
   SHEER AND SEXY
   
   LACE
   
   SALE
   
   
   Short Dresses
   
   NEW ARRIVALS
   
   HOMECOMING
   
   COCKTAIL
   
   MIDI DRESSES
   
   FITTED
   
   SEQUINS AND SPARKLE
   
   SHEER AND SEXY
   
   LACE
   
   SALE

   

 * DESIGNERS
   
   DESIGNERS
   
   ANDREA & LEO
   
   ATRIA
   
   LA DIVINE
   
   JOVANI
   
   MAMBO COUTURE
   
   MODESSA
   
   NICOLE BAKTI
   
   NICOLETTA
   
   PORTIA & SCARLETT
   
   RENÉ THE LABEL
   
   RICCA SPOSA
   
   SCALA
   
   TERANI COUTURE
   
   
   Designers
   
   ANDREA & LEO
   
   ATRIA
   
   LA DIVINE
   
   JOVANI
   
   MAMBO COUTURE
   
   MODESSA
   
   NICOLE BAKTI
   
   NICOLETTA
   
   PORTIA & SCARLETT
   
   RENÉ THE LABEL
   
   RICCA SPOSA
   
   SCALA
   
   TERANI COUTURE

   

 * CLEARANCE

   

 * RETURNS CENTER

   

 * NEW ARRIVALS
   
   NEW ARRIVALS
   
   
   Evening Gowns
   
   Prom 2023
   
   Mothers
   
   Couture
   
   New Arrivals
   
   Evening Gowns
   
   Prom 2023
   
   Mothers
   
   Couture


COUNTRY/REGION

آيسلندا (ISK kr) أرمينيا (AMD դր.) أروبا (AWG ƒ) أستراليا (AUD $) ألبانيا (ALL
L) ألمانيا (EUR €) أندورا (EUR €) أوزبكستان (UZS ) أوكرانيا (UAH ₴) أيرلندا (EUR
€) إسبانيا (EUR €) إستونيا (EUR €) إسرائيل (ILS ₪) إندونيسيا (IDR Rp) إيطاليا
(EUR €) الأرجنتين (USD $) الأردن (USD $) الأقاليم الجنوبية الفرنسية (EUR €)
الإقليم البريطاني في المحيط الهندي (USD $) الإمارات العربية المتحدة (AED د.إ)
البحرين (USD $) البرازيل (USD $) البرتغال (EUR €) التشيك (CZK Kč) الجبل الأسود
(EUR €) الدانمرك (DKK kr.) السويد (SEK kr) الصين (CNY ¥) الفاتيكان (EUR €)
الفلبين (PHP ₱) الكويت (USD $) المغرب (MAD د.م.) المكسيك (USD $) المملكة العربية
السعودية (SAR ر.س) المملكة المتحدة (GBP £) النرويج (USD $) النمسا (EUR €) الهند
(INR ₹) الولايات المتحدة (USD $) اليابان (JPY ¥) اليونان (EUR €) بابوا غينيا
الجديدة (PGK K) باكستان (PKR ₨) بربادوس (BBD $) برمودا (USD $) بروناي (BND $)
بلجيكا (EUR €) بلغاريا (BGN лв.) بليز (BZD $) بنما (USD $) بولندا (PLN zł)
بولينيزيا الفرنسية (XPF Fr) بيلاروس (USD $) تايوان (TWD $) تركيا (USD $)
ترينيداد وتوباغو (TTD $) تشيلي (USD $) توفالو (AUD $) توكيلو (NZD $) تونغا (TOP
T$) تيمور - ليشتي (USD $) جامايكا (JMD $) جزر آلاند (EUR €) جزر البهاما (BSD $)
جزر المارتينيك (EUR €) جزر المالديف (MVR MVR) جزر الولايات المتحدة النائية (USD
$) جزر بيتكيرن (NZD $) جزر توركس وكايكوس (USD $) جزر سليمان (SBD $) جزر فارو
(DKK kr.) جزر فيرجن البريطانية (USD $) جزر كايمان (KYD $) جزر كوك (NZD $) جزر
كوكوس (كيلينغ) (AUD $) جزر والس وفوتونا (XPF Fr) جزيرة مان (GBP £) جزيرة نورفولك
(AUD $) جمهورية الدومينيكان (DOP $) جنوب أفريقيا (USD $) جورجيا (USD $) جيرسي
(USD $) رومانيا (RON Lei) روينيون (EUR €) ساموا (WST T) سان بارتليمي (EUR €) سان
بيير ومكويلون (EUR €) سان مارتن (EUR €) سان مارينو (EUR €) سانت فنسنت وجزر
غرينادين (XCD $) سانت لوسيا (XCD $) سانت هيلينا (SHP £) سفالبارد وجان ماين (USD
$) سلوفاكيا (EUR €) سلوفينيا (EUR €) سنغافورة (SGD $) سويسرا (CHF CHF) صربيا
(RSD РСД) غرينلاند (DKK kr.) غوادلوب (EUR €) غويانا الفرنسية (EUR €) غيرنزي (GBP
£) فانواتو (VUV Vt) فرنسا (EUR €) فنلندا (EUR €) فيتنام (VND ₫) فيجي (FJD $)
قبرص (EUR €) قطر (QAR ر.ق) كازاخستان (KZT 〒) كاليدونيا الجديدة (XPF Fr) كرواتيا
(EUR €) كندا (CAD $) كوراساو (ANG ƒ) كوريا الجنوبية (KRW ₩) كوستاريكا (CRC ₡)
كوسوفو (EUR €) كيريباتي (USD $) لاتفيا (EUR €) لبنان (LBP ل.ل) لوكسمبورغ (EUR €)
ليتوانيا (EUR €) ليختنشتاين (CHF CHF) مالطا (EUR €) ماليزيا (MYR RM) مايوت (EUR
€) مصر (EGP ج.م) مقدونيا الشمالية (MKD ден) مولدوفا (MDL L) موناكو (EUR €)
مونتسرات (XCD $) ميانمار (بورما) (MMK K) ناورو (AUD $) نيبال (NPR ₨) نيوزيلندا
(NZD $) نيوي (NZD $) هنغاريا (HUF Ft) هولندا (EUR €) هونغ كونغ الصينية (منطقة
إدارية خاصة) (HKD $)
Update country/region
الولايات المتحدة (USD $)
 * آيسلندا (ISK kr)
 * أرمينيا (AMD դր.)
 * أروبا (AWG ƒ)
 * أستراليا (AUD $)
 * ألبانيا (ALL L)
 * ألمانيا (EUR €)
 * أندورا (EUR €)
 * أوزبكستان (UZS )
 * أوكرانيا (UAH ₴)
 * أيرلندا (EUR €)
 * إسبانيا (EUR €)
 * إستونيا (EUR €)
 * إسرائيل (ILS ₪)
 * إندونيسيا (IDR Rp)
 * إيطاليا (EUR €)
 * الأرجنتين (USD $)
 * الأردن (USD $)
 * الأقاليم الجنوبية الفرنسية (EUR €)
 * الإقليم البريطاني في المحيط الهندي (USD $)
 * الإمارات العربية المتحدة (AED د.إ)
 * البحرين (USD $)
 * البرازيل (USD $)
 * البرتغال (EUR €)
 * التشيك (CZK Kč)
 * الجبل الأسود (EUR €)
 * الدانمرك (DKK kr.)
 * السويد (SEK kr)
 * الصين (CNY ¥)
 * الفاتيكان (EUR €)
 * الفلبين (PHP ₱)
 * الكويت (USD $)
 * المغرب (MAD د.م.)
 * المكسيك (USD $)
 * المملكة العربية السعودية (SAR ر.س)
 * المملكة المتحدة (GBP £)
 * النرويج (USD $)
 * النمسا (EUR €)
 * الهند (INR ₹)
 * الولايات المتحدة (USD $)
 * اليابان (JPY ¥)
 * اليونان (EUR €)
 * بابوا غينيا الجديدة (PGK K)
 * باكستان (PKR ₨)
 * بربادوس (BBD $)
 * برمودا (USD $)
 * بروناي (BND $)
 * بلجيكا (EUR €)
 * بلغاريا (BGN лв.)
 * بليز (BZD $)
 * بنما (USD $)
 * بولندا (PLN zł)
 * بولينيزيا الفرنسية (XPF Fr)
 * بيلاروس (USD $)
 * تايوان (TWD $)
 * تركيا (USD $)
 * ترينيداد وتوباغو (TTD $)
 * تشيلي (USD $)
 * توفالو (AUD $)
 * توكيلو (NZD $)
 * تونغا (TOP T$)
 * تيمور - ليشتي (USD $)
 * جامايكا (JMD $)
 * جزر آلاند (EUR €)
 * جزر البهاما (BSD $)
 * جزر المارتينيك (EUR €)
 * جزر المالديف (MVR MVR)
 * جزر الولايات المتحدة النائية (USD $)
 * جزر بيتكيرن (NZD $)
 * جزر توركس وكايكوس (USD $)
 * جزر سليمان (SBD $)
 * جزر فارو (DKK kr.)
 * جزر فيرجن البريطانية (USD $)
 * جزر كايمان (KYD $)
 * جزر كوك (NZD $)
 * جزر كوكوس (كيلينغ) (AUD $)
 * جزر والس وفوتونا (XPF Fr)
 * جزيرة مان (GBP £)
 * جزيرة نورفولك (AUD $)
 * جمهورية الدومينيكان (DOP $)
 * جنوب أفريقيا (USD $)
 * جورجيا (USD $)
 * جيرسي (USD $)
 * رومانيا (RON Lei)
 * روينيون (EUR €)
 * ساموا (WST T)
 * سان بارتليمي (EUR €)
 * سان بيير ومكويلون (EUR €)
 * سان مارتن (EUR €)
 * سان مارينو (EUR €)
 * سانت فنسنت وجزر غرينادين (XCD $)
 * سانت لوسيا (XCD $)
 * سانت هيلينا (SHP £)
 * سفالبارد وجان ماين (USD $)
 * سلوفاكيا (EUR €)
 * سلوفينيا (EUR €)
 * سنغافورة (SGD $)
 * سويسرا (CHF CHF)
 * صربيا (RSD РСД)
 * غرينلاند (DKK kr.)
 * غوادلوب (EUR €)
 * غويانا الفرنسية (EUR €)
 * غيرنزي (GBP £)
 * فانواتو (VUV Vt)
 * فرنسا (EUR €)
 * فنلندا (EUR €)
 * فيتنام (VND ₫)
 * فيجي (FJD $)
 * قبرص (EUR €)
 * قطر (QAR ر.ق)
 * كازاخستان (KZT 〒)
 * كاليدونيا الجديدة (XPF Fr)
 * كرواتيا (EUR €)
 * كندا (CAD $)
 * كوراساو (ANG ƒ)
 * كوريا الجنوبية (KRW ₩)
 * كوستاريكا (CRC ₡)
 * كوسوفو (EUR €)
 * كيريباتي (USD $)
 * لاتفيا (EUR €)
 * لبنان (LBP ل.ل)
 * لوكسمبورغ (EUR €)
 * ليتوانيا (EUR €)
 * ليختنشتاين (CHF CHF)
 * مالطا (EUR €)
 * ماليزيا (MYR RM)
 * مايوت (EUR €)
 * مصر (EGP ج.م)
 * مقدونيا الشمالية (MKD ден)
 * مولدوفا (MDL L)
 * موناكو (EUR €)
 * مونتسرات (XCD $)
 * ميانمار (بورما) (MMK K)
 * ناورو (AUD $)
 * نيبال (NPR ₨)
 * نيوزيلندا (NZD $)
 * نيوي (NZD $)
 * هنغاريا (HUF Ft)
 * هولندا (EUR €)
 * هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $)


LANGUAGE

English العربية Español Français Italiano Русский
Update language
العربية
 * English
 * العربية
 * Español
 * Français
 * Italiano
 * Русский




COUNTRY/REGION

آيسلندا (ISK kr) أرمينيا (AMD դր.) أروبا (AWG ƒ) أستراليا (AUD $) ألبانيا (ALL
L) ألمانيا (EUR €) أندورا (EUR €) أوزبكستان (UZS ) أوكرانيا (UAH ₴) أيرلندا (EUR
€) إسبانيا (EUR €) إستونيا (EUR €) إسرائيل (ILS ₪) إندونيسيا (IDR Rp) إيطاليا
(EUR €) الأرجنتين (USD $) الأردن (USD $) الأقاليم الجنوبية الفرنسية (EUR €)
الإقليم البريطاني في المحيط الهندي (USD $) الإمارات العربية المتحدة (AED د.إ)
البحرين (USD $) البرازيل (USD $) البرتغال (EUR €) التشيك (CZK Kč) الجبل الأسود
(EUR €) الدانمرك (DKK kr.) السويد (SEK kr) الصين (CNY ¥) الفاتيكان (EUR €)
الفلبين (PHP ₱) الكويت (USD $) المغرب (MAD د.م.) المكسيك (USD $) المملكة العربية
السعودية (SAR ر.س) المملكة المتحدة (GBP £) النرويج (USD $) النمسا (EUR €) الهند
(INR ₹) الولايات المتحدة (USD $) اليابان (JPY ¥) اليونان (EUR €) بابوا غينيا
الجديدة (PGK K) باكستان (PKR ₨) بربادوس (BBD $) برمودا (USD $) بروناي (BND $)
بلجيكا (EUR €) بلغاريا (BGN лв.) بليز (BZD $) بنما (USD $) بولندا (PLN zł)
بولينيزيا الفرنسية (XPF Fr) بيلاروس (USD $) تايوان (TWD $) تركيا (USD $)
ترينيداد وتوباغو (TTD $) تشيلي (USD $) توفالو (AUD $) توكيلو (NZD $) تونغا (TOP
T$) تيمور - ليشتي (USD $) جامايكا (JMD $) جزر آلاند (EUR €) جزر البهاما (BSD $)
جزر المارتينيك (EUR €) جزر المالديف (MVR MVR) جزر الولايات المتحدة النائية (USD
$) جزر بيتكيرن (NZD $) جزر توركس وكايكوس (USD $) جزر سليمان (SBD $) جزر فارو
(DKK kr.) جزر فيرجن البريطانية (USD $) جزر كايمان (KYD $) جزر كوك (NZD $) جزر
كوكوس (كيلينغ) (AUD $) جزر والس وفوتونا (XPF Fr) جزيرة مان (GBP £) جزيرة نورفولك
(AUD $) جمهورية الدومينيكان (DOP $) جنوب أفريقيا (USD $) جورجيا (USD $) جيرسي
(USD $) رومانيا (RON Lei) روينيون (EUR €) ساموا (WST T) سان بارتليمي (EUR €) سان
بيير ومكويلون (EUR €) سان مارتن (EUR €) سان مارينو (EUR €) سانت فنسنت وجزر
غرينادين (XCD $) سانت لوسيا (XCD $) سانت هيلينا (SHP £) سفالبارد وجان ماين (USD
$) سلوفاكيا (EUR €) سلوفينيا (EUR €) سنغافورة (SGD $) سويسرا (CHF CHF) صربيا
(RSD РСД) غرينلاند (DKK kr.) غوادلوب (EUR €) غويانا الفرنسية (EUR €) غيرنزي (GBP
£) فانواتو (VUV Vt) فرنسا (EUR €) فنلندا (EUR €) فيتنام (VND ₫) فيجي (FJD $)
قبرص (EUR €) قطر (QAR ر.ق) كازاخستان (KZT 〒) كاليدونيا الجديدة (XPF Fr) كرواتيا
(EUR €) كندا (CAD $) كوراساو (ANG ƒ) كوريا الجنوبية (KRW ₩) كوستاريكا (CRC ₡)
كوسوفو (EUR €) كيريباتي (USD $) لاتفيا (EUR €) لبنان (LBP ل.ل) لوكسمبورغ (EUR €)
ليتوانيا (EUR €) ليختنشتاين (CHF CHF) مالطا (EUR €) ماليزيا (MYR RM) مايوت (EUR
€) مصر (EGP ج.م) مقدونيا الشمالية (MKD ден) مولدوفا (MDL L) موناكو (EUR €)
مونتسرات (XCD $) ميانمار (بورما) (MMK K) ناورو (AUD $) نيبال (NPR ₨) نيوزيلندا
(NZD $) نيوي (NZD $) هنغاريا (HUF Ft) هولندا (EUR €) هونغ كونغ الصينية (منطقة
إدارية خاصة) (HKD $)
Update country/region
الولايات المتحدة (USD $)
 * آيسلندا (ISK kr)
 * أرمينيا (AMD դր.)
 * أروبا (AWG ƒ)
 * أستراليا (AUD $)
 * ألبانيا (ALL L)
 * ألمانيا (EUR €)
 * أندورا (EUR €)
 * أوزبكستان (UZS )
 * أوكرانيا (UAH ₴)
 * أيرلندا (EUR €)
 * إسبانيا (EUR €)
 * إستونيا (EUR €)
 * إسرائيل (ILS ₪)
 * إندونيسيا (IDR Rp)
 * إيطاليا (EUR €)
 * الأرجنتين (USD $)
 * الأردن (USD $)
 * الأقاليم الجنوبية الفرنسية (EUR €)
 * الإقليم البريطاني في المحيط الهندي (USD $)
 * الإمارات العربية المتحدة (AED د.إ)
 * البحرين (USD $)
 * البرازيل (USD $)
 * البرتغال (EUR €)
 * التشيك (CZK Kč)
 * الجبل الأسود (EUR €)
 * الدانمرك (DKK kr.)
 * السويد (SEK kr)
 * الصين (CNY ¥)
 * الفاتيكان (EUR €)
 * الفلبين (PHP ₱)
 * الكويت (USD $)
 * المغرب (MAD د.م.)
 * المكسيك (USD $)
 * المملكة العربية السعودية (SAR ر.س)
 * المملكة المتحدة (GBP £)
 * النرويج (USD $)
 * النمسا (EUR €)
 * الهند (INR ₹)
 * الولايات المتحدة (USD $)
 * اليابان (JPY ¥)
 * اليونان (EUR €)
 * بابوا غينيا الجديدة (PGK K)
 * باكستان (PKR ₨)
 * بربادوس (BBD $)
 * برمودا (USD $)
 * بروناي (BND $)
 * بلجيكا (EUR €)
 * بلغاريا (BGN лв.)
 * بليز (BZD $)
 * بنما (USD $)
 * بولندا (PLN zł)
 * بولينيزيا الفرنسية (XPF Fr)
 * بيلاروس (USD $)
 * تايوان (TWD $)
 * تركيا (USD $)
 * ترينيداد وتوباغو (TTD $)
 * تشيلي (USD $)
 * توفالو (AUD $)
 * توكيلو (NZD $)
 * تونغا (TOP T$)
 * تيمور - ليشتي (USD $)
 * جامايكا (JMD $)
 * جزر آلاند (EUR €)
 * جزر البهاما (BSD $)
 * جزر المارتينيك (EUR €)
 * جزر المالديف (MVR MVR)
 * جزر الولايات المتحدة النائية (USD $)
 * جزر بيتكيرن (NZD $)
 * جزر توركس وكايكوس (USD $)
 * جزر سليمان (SBD $)
 * جزر فارو (DKK kr.)
 * جزر فيرجن البريطانية (USD $)
 * جزر كايمان (KYD $)
 * جزر كوك (NZD $)
 * جزر كوكوس (كيلينغ) (AUD $)
 * جزر والس وفوتونا (XPF Fr)
 * جزيرة مان (GBP £)
 * جزيرة نورفولك (AUD $)
 * جمهورية الدومينيكان (DOP $)
 * جنوب أفريقيا (USD $)
 * جورجيا (USD $)
 * جيرسي (USD $)
 * رومانيا (RON Lei)
 * روينيون (EUR €)
 * ساموا (WST T)
 * سان بارتليمي (EUR €)
 * سان بيير ومكويلون (EUR €)
 * سان مارتن (EUR €)
 * سان مارينو (EUR €)
 * سانت فنسنت وجزر غرينادين (XCD $)
 * سانت لوسيا (XCD $)
 * سانت هيلينا (SHP £)
 * سفالبارد وجان ماين (USD $)
 * سلوفاكيا (EUR €)
 * سلوفينيا (EUR €)
 * سنغافورة (SGD $)
 * سويسرا (CHF CHF)
 * صربيا (RSD РСД)
 * غرينلاند (DKK kr.)
 * غوادلوب (EUR €)
 * غويانا الفرنسية (EUR €)
 * غيرنزي (GBP £)
 * فانواتو (VUV Vt)
 * فرنسا (EUR €)
 * فنلندا (EUR €)
 * فيتنام (VND ₫)
 * فيجي (FJD $)
 * قبرص (EUR €)
 * قطر (QAR ر.ق)
 * كازاخستان (KZT 〒)
 * كاليدونيا الجديدة (XPF Fr)
 * كرواتيا (EUR €)
 * كندا (CAD $)
 * كوراساو (ANG ƒ)
 * كوريا الجنوبية (KRW ₩)
 * كوستاريكا (CRC ₡)
 * كوسوفو (EUR €)
 * كيريباتي (USD $)
 * لاتفيا (EUR €)
 * لبنان (LBP ل.ل)
 * لوكسمبورغ (EUR €)
 * ليتوانيا (EUR €)
 * ليختنشتاين (CHF CHF)
 * مالطا (EUR €)
 * ماليزيا (MYR RM)
 * مايوت (EUR €)
 * مصر (EGP ج.م)
 * مقدونيا الشمالية (MKD ден)
 * مولدوفا (MDL L)
 * موناكو (EUR €)
 * مونتسرات (XCD $)
 * ميانمار (بورما) (MMK K)
 * ناورو (AUD $)
 * نيبال (NPR ₨)
 * نيوزيلندا (NZD $)
 * نيوي (NZD $)
 * هنغاريا (HUF Ft)
 * هولندا (EUR €)
 * هونغ كونغ الصينية (منطقة إدارية خاصة) (HKD $)


LANGUAGE

English العربية Español Français Italiano Русский
Update language
العربية
 * English
 * العربية
 * Español
 * Français
 * Italiano
 * Русский




0
Search



NAVIGATION MENU

Home
Bridal
Long Dresses
Short Dresses
Designers
Clearance
Returns Center


FEATURED COLLECTION

Sale


02912



03854



05869

Sale


06624



06831

Sale


1911M9339

 * Sale
   
   Quick view
   
   
   02912

 * 
   Quick view
   
   
   03854

 * 
   Quick view
   
   
   05869

 * Sale
   
   Quick view
   
   
   06624

 * 
   Quick view
   
   
   06831

 * Sale
   
   Quick view
   
   
   1911M9339



Search


EVENING GOWNS

All dresses are priced for final sale

FILTER

--------------------------------------------------------------------------------


FILTER

Done
Size
X-Small
Small
Medium
Large
XL
X Large
X-Large
XX-Large
2XL
2X-Large
XXX-Large
0
00
2
4
6
8
10
12
14
16
18
20
22
24
X Small

--------------------------------------------------------------------------------

Color
Amethyst
Berry
Black
Black/Bronze
Black/Champagne
Black/Gold
Black/Nude
Blue
Blush
Burgundy
Cafe
Champagne
Champagne Gold
Champagne/Silver
Cobalt
Cobalt/Silver
Copper
Cream
Dark Green
Dark Mauve
Deep Red
Desert Rose
Dolphin
Dusty Lavender
Dusty Pink
Dusty-Rose
Eggplant
Emerald
Emerald/Black
Forest Green
French Blue
French Navy
Fuchsia
Gold
Gold Mist
Gold/Sheer
Green
Greenery
Grey/Silver
Hot Pink
Hunter Green
Ice
Ivory
Lavendar
Lavender
Light Blue
Light-blue
Lilac
Lilac / Lt Purple (shown)
Lips
Mahogany
Marigold
Mauve
Mauve Rose
Midnight Silver
Mocha
Mohogany
Moonlight Blue
Navy
Neon Pink
Nude
Off-White
Olive
Orange
Pale Pink
Paris Blue
Pink
Purple
Red
Red/Nude
Robin Blue
Rose Gold
Rosegold
Rosewood
Royal
Royal Blue
Sage
Sand
Sapphire
Sienna
Silver
Sky Blue
Smokey Blue
Smokey-Blue
Stone
Sunset Rust
Taupe
Teal
White
Wine
Wine/Wine
Yellow

--------------------------------------------------------------------------------

Designer
Andrea & Leo
Divine Collection
J'adore
Jadore
Jovani
jovani
La Femme
Mambo Couture
Nicole Bakti
Portia & Scarlett
Portia and Scarlett
René Atelier
René the Label
Scala
Tania Olsen
Terani
Wona Concept

--------------------------------------------------------------------------------

Price
Min
$ 0.00
Max
$ 899.00

--------------------------------------------------------------------------------

SORT BY

--------------------------------------------------------------------------------


SORT BY

Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old

FILTER

--------------------------------------------------------------------------------

Done
Size
X-Small
Small
Medium
Large
XL
X Large
X-Large
XX-Large
2XL
2X-Large
XXX-Large
0
00
2
4
6
8
10
12
14
16
18
20
22
24
X Small

--------------------------------------------------------------------------------

Color
Amethyst
Berry
Black
Black/Bronze
Black/Champagne
Black/Gold
Black/Nude
Blue
Blush
Burgundy
Cafe
Champagne
Champagne Gold
Champagne/Silver
Cobalt
Cobalt/Silver
Copper
Cream
Dark Green
Dark Mauve
Deep Red
Desert Rose
Dolphin
Dusty Lavender
Dusty Pink
Dusty-Rose
Eggplant
Emerald
Emerald/Black
Forest Green
French Blue
French Navy
Fuchsia
Gold
Gold Mist
Gold/Sheer
Green
Greenery
Grey/Silver
Hot Pink
Hunter Green
Ice
Ivory
Lavendar
Lavender
Light Blue
Light-blue
Lilac
Lilac / Lt Purple (shown)
Lips
Mahogany
Marigold
Mauve
Mauve Rose
Midnight Silver
Mocha
Mohogany
Moonlight Blue
Navy
Neon Pink
Nude
Off-White
Olive
Orange
Pale Pink
Paris Blue
Pink
Purple
Red
Red/Nude
Robin Blue
Rose Gold
Rosegold
Rosewood
Royal
Royal Blue
Sage
Sand
Sapphire
Sienna
Silver
Sky Blue
Smokey Blue
Smokey-Blue
Stone
Sunset Rust
Taupe
Teal
White
Wine
Wine/Wine
Yellow

--------------------------------------------------------------------------------

Designer
Andrea & Leo
Divine Collection
J'adore
Jadore
Jovani
jovani
La Femme
Mambo Couture
Nicole Bakti
Portia & Scarlett
Portia and Scarlett
René Atelier
René the Label
Scala
Tania Olsen
Terani
Wona Concept

--------------------------------------------------------------------------------

Price
Min
$ 0.00
Max
$ 899.00

--------------------------------------------------------------------------------

SORT BY

--------------------------------------------------------------------------------

Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
Sale

Quick view

JX5017

Sale price $ 279.00 USD
Regular price $ 378.00 USD
-26%
Unit price /  per 
pink

Sale

Quick view

JADORE JX5054

Sale price $ 199.00 USD
Regular price $ 389.00 USD
-49%
Unit price /  per 
wine

Sale

Quick view

JX5027

Sale price $ 299.00 USD
Regular price $ 379.00 USD
-21%
Unit price /  per 
ivory

Sale

Quick view

AIDYN GOWN

Sale price $ 199.00 USD
Regular price $ 299.00 USD
-33%
Unit price /  per 
mauve

Sale

Quick view

LEAH GOWN

Sale price $ 99.00 USD
Regular price $ 200.00 USD
-51%
Unit price /  per 
royal

Sale

Quick view

THE LEANOR

Sale price $ 189.00 USD
Regular price $ 229.00 USD
-17%
Unit price /  per 
gold mist

Sale

Quick view

THE LEANOR

Sale price From $ 189.00 USD
Regular price $ 229.00 USD
-17%
Unit price /  per 
smokey blue

Sale

Quick view

THE ARYN

Sale price $ 89.00 USD
Regular price $ 139.00 USD
-36%
Unit price /  per 
rosegold

Sold out

Quick view

THE PEPPER

Sale price $ 159.00 USD
Regular price $ 229.00 USD
-31%
Unit price /  per 
champagne gold

Sold out

Quick view

THE PEPPER

Sale price $ 159.00 USD
Regular price $ 229.00 USD
-31%
Unit price /  per 
emerald

Sold out

Quick view

THE FERN

Sale price $ 89.00 USD
Regular price $ 139.00 USD
-36%
Unit price /  per 
yellow

Sale

Quick view

OHANNA GOWN

Sale price $ 179.00 USD
Regular price $ 260.00 USD
-31%
Unit price /  per 
red
champagne

 * 
 * 1
 * …
 * 15
 * 16
 * 17
 * 18
 * 19
 * 20
 * 


Quick view

JX5017

Sale price $ 279.00 USD
Regular price $ 378.00 USD
-26%
pink

Quick view

JADORE JX5054

Sale price $ 199.00 USD
Regular price $ 389.00 USD
-49%
wine

Quick view

JX5027

Sale price $ 299.00 USD
Regular price $ 379.00 USD
-21%
ivory

Quick view

AIDYN GOWN

Sale price $ 199.00 USD
Regular price $ 299.00 USD
-33%
mauve

Quick view

LEAH GOWN

Sale price $ 99.00 USD
Regular price $ 200.00 USD
-51%
royal

Quick view

THE LEANOR

Sale price $ 189.00 USD
Regular price $ 229.00 USD
-17%
gold mist

Quick view

THE LEANOR

Sale price From $ 189.00 USD
Regular price $ 229.00 USD
-17%
smokey blue

Quick view

THE ARYN

Sale price $ 89.00 USD
Regular price $ 139.00 USD
-36%
rosegold

Quick view

THE PEPPER

Sale price $ 159.00 USD
Regular price $ 229.00 USD
-31%
champagne gold

Quick view

THE PEPPER

Sale price $ 159.00 USD
Regular price $ 229.00 USD
-31%
emerald

Quick view

THE FERN

Sale price $ 89.00 USD
Regular price $ 139.00 USD
-36%
yellow

Quick view

OHANNA GOWN

Sale price $ 179.00 USD
Regular price $ 260.00 USD
-31%
red
champagne
 * 
 * 1
 * …
 * 15
 * 16
 * 17
 * 18
 * 19
 * 20
 * 

SUPPORT

 * Customer Support
 * Shipping Policy
 * Return Policy
 * Returns Center
 * Frequently Asked Questions
 * My Wishlist
 * Do not sell my personal information

CONTACT US

On-line Support

858-354-3205

Dallas, Texas

214-724-5810

Scottsdale, Arizona

480-604-6544

Del Mar, California

858-888-3262

RETURNS CENTER

Visit our Returns Center



Email:

Returns@miabellacouture.com

© 2023, Mia Bella Couture POS and Ecommerce by Shopify
Payment methods
 * American Express
 * Apple Pay
 * Discover
 * Google Pay
 * Mastercard
 * PayPal
 * Shop Pay
 * Venmo
 * Visa


Go to cart










word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word

mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
✖
4.6

208 Reviews
Mariam C

The moment we walked in we immediately fell in love with the two ladies working.
Riley and Sydney were radiating such amazing energy that we instantly knew we
would find a dress after months and months of looking for the perfect dress for
my mom and sister for my wedding thats a month away. We got such amazing dresses
for literally unbeatable prices, but the customer service here matched the high
end vibe. These 2 ladies made this experience so flawless and I can not wait to
bring back more people. Make sure to stop in to this boutique. You will not
regret it.
Naryman Raafat

I was looking for my engagement dress , looked in different places with no luck
, i was disappointed. Was looking for something unique and simple in the same
time , i went to just look at what they have and once i entered the place i knew
i would get my dress from here and that happenf i got my dress in the same day
which I’m in love with the dress 😍the staff was so friendly and they suggested
a lot of options to me , I can’t remember names but the 2 blondes were amazing ,
great customer service, great options highly recommend ✔️✔️
Rocio Hurtado

Beautiful dresses and accurate sizing. Only be careful as delivery can take a
while, my last dress was not shipped until two or three weeks after I submitted
my order.
I Thomas


Juan Guerra

Gorgeous dresses quality is top notch. The service was amazing recommended
200%Don’t search anywhere else for your next event.
Lina Ibrahim

Such beautiful dresses! Super nice workers, who were so willing to help. Callie
was amazing and helped me find what was perfect for me! She was the sweetest!
Tracie Turcotte


Lily lelian


Brittany Wright


Tonette Brown Garner

I purchased this red dress from your store "online" about 3 years ago. I loved
it and so too did my husband. I had great customer service and a price that
couldn't be beat. I am hoping for the same thing with this purchase. I look
forward to sharing those pictures too!
Irene Pflaum

It was easy to purchase on line. This boutique has a great variety of dresses. I
am very happy with the selections.
Rilee Geiermann

This whole team went above and beyond for me! Callie and Kendall are both
amazing! I would 10/10 recommend using this company for your wedding needs!
Adelina K


robyn k


H H1

The ladies were the best very knowledgeable and helpful.
Melat Worku

They are amazing people, they are so nice, accommodating, and welcoming. I shop
at this store all the time because of how amazingly friendly they are.
Ruby Serrano

Customer service is top notch!
Briana Lopez


sabrina woods


Henry den Ouden

Very nice prom dress and perfect fit for my daughter. Fast delivery to the
Netherlands and well packaged
Jeanne Nelson

Great Selection! Beautiful colors and styles plus they carry all sizes. Staff is
super friendly and helpful. Found my daughter's prom dress and she looks
AWESOME!!!
Olivia Honahnie


kake F


Beth Aza


liyah tm

Love the staff, I felt so welcomed! They were closing in a couple minutes and
they allowed my best friend and I look for our prom dresses and try them on!
Thanks for your amazing service
Patria Tejeda

The material of the my daughters quince dress was excellent and the dress was
beautifully made, she looked absolutely astonishing and I love all the other
dresses / clothes listed on this website.
Candice Sledge


Adrienne Flores

Easy shopping love everything checkout was a breeze
D JHM

We loved this store. Upon entrance we were greeted warmly and genuinely even
despite brief exhausted and not dressed for thr occasion of prom dress shopping!
All the staff was amazing and helpful. The names of those who assisted us were
Seryna and Riley, of who I recall. Thank you so much. My daughter got a
beautiful, simple but stunning prom dress that she may be able to wear again to
another event. Not only did they sell us a great dress but offered suggestions
on what to wear with it. Thanks again.
LouElla Tafoya

User friendly to order
Ommid Asbaghi


sytlaly enriquez


Liah Macias


yasmin Sherwood


takara young


Wendy Lamaestra

Great staff and beautiful dresses! We found the perfect prom dress and had an
amazing experience!!
Lily Reyes

The sales girls are super sweet and amazing, very helpful the dresses are
gorgeous i will definitely recomend Mia Bella Couture..
Monica Smith


Anna Amy

The best customer service I have ever had. The San Diego, CA store and their
stylist are the very best one could ever hope for. Thank you, Thank you, Kelsey
and Cali.....you are the best. Anna
Jayla Johnson


Lisa Curry


Diego Garcia


Susie Holley

the entire process so far has been amazing! The stylist in the store have been
so helpful, attentive, nice and patient. We have the fitting next and I am sure
it will be great as well.
Jen White


khadijah karriem

Darl and Derrick were the sweetest people. I was in crisis mode trying to find a
dress for a movie premiere and they were so helpful and assuring they would help
me find a dress. Such a pleasant experience. And their dresses are gorgeous!
Keven Shine

We were prom dress shopping from out of state and the staff was so accommodating
and friendly. Definitely a 10 star experience
Charli Roberson

www.miabellacouture.com Open in urlscan Pro 23.227.38.74 Public Scan

Form analysis 16 forms found in the DOM

POST /localization

POST /localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

POST /ar/localization

GET /ar/search

GET /ar/search

Text Content

www.miabellacouture.com Open in urlscan Pro
23.227.38.74 Public Scan

Form analysis
16 forms found in the DOM