thesolist.com
Open in
urlscan Pro
23.227.38.32
Public Scan
URL:
https://thesolist.com/collections/damiani
Submission Tags: @phish_report
Submission: On January 24 via api from FI — Scanned from CA
Submission Tags: @phish_report
Submission: On January 24 via api from FI — Scanned from CA
Form analysis 6 forms found in the DOM
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors" 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="/collections/damiani">
<div class="">
<div class="currency__picker" data-disclosure-currency="">
<button class="currency__button" type="button" aria-expanded="false" aria-controls="CurrencyList-" aria-describedby="CurrencyHeading-" data-disclosure-toggle=""><span class="text-cta font-medium uppercase"> CAD </span>
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0.5L4 3.5L7 0.5" stroke="white"></path>
</svg>
</button>
<ul id="CurrencyList" class="toolbar disclosure-list--down disclosure-list--left" data-disclosure-list="">
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AED" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AED
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AFN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AFN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="ALL" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
ALL
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AMD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AMD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="ANG" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
ANG
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AUD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AUD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AWG" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AWG
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="AZN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
AZN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BAM" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BAM
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BBD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BBD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BDT" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BDT
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BGN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BGN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BIF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BIF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BND" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BND
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BOB" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BOB
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BSD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BSD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BWP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BWP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="BZD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
BZD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" aria-current="true" data-value="CAD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CAD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CDF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CDF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CHF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CHF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CNY" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CNY
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CRC" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CRC
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CVE" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CVE
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="CZK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
CZK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="DJF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
DJF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="DKK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
DKK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="DOP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
DOP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="DZD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
DZD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="EGP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
EGP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="ETB" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
ETB
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="EUR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
EUR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="FJD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
FJD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="FKP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
FKP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="GBP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
GBP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="GMD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
GMD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="GNF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
GNF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="GTQ" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
GTQ
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="GYD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
GYD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="HKD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
HKD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="HNL" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
HNL
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="HUF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
HUF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="IDR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
IDR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="ILS" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
ILS
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="INR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
INR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="ISK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
ISK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="JMD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
JMD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="JPY" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
JPY
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KES" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KES
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KGS" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KGS
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KHR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KHR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KMF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KMF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KRW" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KRW
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KYD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KYD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="KZT" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
KZT
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="LAK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
LAK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="LBP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
LBP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="LKR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
LKR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MAD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MAD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MDL" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MDL
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MKD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MKD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MMK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MMK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MNT" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MNT
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MOP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MOP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MUR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MUR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MVR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MVR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MWK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MWK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="MYR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
MYR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="NGN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
NGN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="NIO" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
NIO
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="NPR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
NPR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="NZD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
NZD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PEN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PEN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PGK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PGK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PHP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PHP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PKR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PKR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PLN" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PLN
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="PYG" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
PYG
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="QAR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
QAR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="RON" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
RON
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="RSD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
RSD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="RWF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
RWF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SAR" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SAR
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SBD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SBD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SEK" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SEK
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SGD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SGD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SHP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SHP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="SLL" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
SLL
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="STD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
STD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="THB" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
THB
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="TJS" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
TJS
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="TOP" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
TOP
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="TTD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
TTD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="TWD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
TWD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="TZS" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
TZS
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="UAH" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
UAH
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="UGX" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
UGX
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="USD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
USD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="UYU" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
UYU
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="UZS" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
UZS
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="VND" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
VND
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="VUV" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
VUV
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="WST" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
WST
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="XAF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
XAF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="XCD" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
XCD
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="XOF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
XOF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="XPF" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
XPF
</span>
</a>
</li>
<li class="">
<a class="text-cta font-medium uppercase" href="#" data-value="YER" data-disclosure-option="">
<span class="text-cta font-medium uppercase">
YER
</span>
</a>
</li>
</ul>
<input type="hidden" name="currency_code" value="CAD" data-disclosure-input="">
</div>
</div>
</form>GET /search
<form action="/search" method="get" role="search" class="search relative">
<input type="hidden" name="type" value="product">
<div class="field bg-grey lg:bg-transparent py-10 px-20 lg:p-0 w-full flex flex-row justify-start items-center gap-10">
<button class="js-close-search">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path d="M3.8888 5.00006L0.000117959 8.88871L1.11122 9.9998L4.9999 6.11115L8.88878 10L9.99988 8.88891L6.111 5.00006L10 1.11109L8.8889 0L4.9999 3.88897L1.1111 0.000201L0 1.11129L3.8888 5.00006Z" fill="currentColor"></path>
</svg>
</button>
<input class="search__input text-body-4 bg-transparent w-full h-full py-10 px-5 !rounded-none focus:outline-none focus:border-b focus:border-black focus:md:border-transparent appearance-none" id="Search-In-Template" type="search" name="q"
value="" placeholder="Search for brands or products..." role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list"
autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
<label class="field__label lg:invisible block lg:h-0 lg:w-0" for="Search-In-Template">
<span class="invisible h-0 w-0 block">Search</span>
<button class="js-submit-search">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.151 0.832278C3.20348 0.832278 0 4.04272 0 7.98969C0 11.9386 3.20348 15.1471 7.151 15.1471C9.06568 15.1471 10.8127 14.394 12.098 13.1669L17.8016 18.8705V18.8706C17.8797 18.9519 17.9871 18.9985 18.0999 18.9999C18.2126 19.0013 18.3212 18.9575 18.4013 18.8782C18.4815 18.799 18.5264 18.6909 18.5262 18.5782C18.5261 18.4655 18.4807 18.3575 18.4003 18.2785L12.6638 12.5485C13.6927 11.3089 14.3151 9.72384 14.3151 7.9895C14.3151 4.04254 11.1007 0.832092 7.15097 0.832092L7.151 0.832278ZM7.151 1.67438C10.6456 1.67438 13.473 4.4979 13.473 7.98969C13.473 11.484 10.6459 14.305 7.151 14.305C3.65837 14.305 0.842098 11.4837 0.842098 7.98969C0.842098 4.49762 3.65865 1.67438 7.151 1.67438Z"
fill="currentColor"></path>
</svg>
</button>
</label>
<input name="options[prefix]" type="hidden" value="last">
<div class="predictive-search predictive-search--search-template empty bg-white lg:shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)]" tabindex="-1">
<div data-trending-search="" class="flex flex-col gap-10">
<h2 id="predictive-search-queries" class="predictive-search__heading text-cta uppercase border-b border-line !pb-10"> Trending </h2>
<ul class="flex flex-col gap-10">
<li class="text-sh3">
<a href="/search?q=roberto+chain">
roberto chain
</a>
</li>
<li class="text-sh3">
<a href="/search?q=damiani">
damiani
</a>
</li>
<li class="text-sh3">
<a href="/search?q=movado">
movado
</a>
</li>
<li class="text-sh3">
<a href="/search?q=gucci">
gucci
</a>
</li>
<li class="text-sh3">
<a href="/search?q=konstantino">
konstantino
</a>
</li>
<li class="text-sh3">
<a href="/search?q=ball">
ball
</a>
</li>
</ul>
</div>
<div data-predictive-search="" class="overflow-y-scroll no-scrollbar pb-60 md:pb-0">
</div>
<div data-predictive-search=""></div>
<div class="predictive-search__loading-state w-[20px] relative">
<svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</div>
</form>POST /cart
<form id="cart-drawer__form" action="/cart" method="post" class="h-full">
<div class="mx-20 py-20 flex justify-between items-center border-b-1 border-line">
<h2 class="text-h6 font-serif">Cart (<span id="cart-count">0</span>)</h2>
<button type="button" class="cart-drawer__close" id="cart-drawer__close" aria-label="Close cart drawer">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path d="M3.8888 5.00006L0.000117959 8.88871L1.11122 9.9998L4.9999 6.11115L8.88878 10L9.99988 8.88891L6.111 5.00006L10 1.11109L8.8889 0L4.9999 3.88897L1.1111 0.000201L0 1.11129L3.8888 5.00006Z" fill="currentColor"></path>
</svg>
</button>
</div>
<div id="cart-drawer__content" class="pb-[150px] flex overflow-y-auto flex-wrap overflow-x-hidden" style="height: calc(100% - 70px);" data-id="cart-drawer">
<div id="shipping-bar-wrapper" data-id="cart-drawer" class="w-full">
<div class="shipping-js-contents mb-0">
</div>
</div>
<div class="w-full p-20 h-full flex flex-col justify-center text-center">
<p class="mb-30 text-sh1">Your cart is empty.</p>
<a href="/collections/all" class="button w-full">Shop All</a>
</div>
</div>
</form><form class="sort-form flex items-center gap-20 relative">
<dropdown-item>
<div class="dropdown group/button">
<button class="dropdown-header py-10 flex justify-between items-center gap-10 text-cta font-medium uppercase md:py-20"> Sort By <span class="transition-transform ease-in-out group-[.active]/button:rotate-180">
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none">
<path d="M10 0.75L5.5 5.25L1 0.75" stroke="currentColor"></path>
</svg>
</span>
</button>
<div class="dropdown-content absolute right-0 bg-white z-40 hidden whitespace-nowrap">
<div class="pt-5 pr-20 pb-5 pl-20">
<div class="pb-10 flex items-center gap-10 cursor-pointer">
<input type="radio" class="sort-button peer visually-hidden" name="sort_by" value="manual" id="Sort-1" checked="">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal peer-checked:bg-charcoal text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div>
<label for="Sort-1" class="text-body-3 cursor-pointer"> Featured </label>
</div>
<div class="pb-10 flex items-center gap-10 cursor-pointer">
<input type="radio" class="sort-button peer visually-hidden" name="sort_by" value="best-selling" id="Sort-2" checked="">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal peer-checked:bg-charcoal text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div>
<label for="Sort-2" class="text-body-3 cursor-pointer"> Best Selling </label>
</div>
<div class="pb-10 flex items-center gap-10 cursor-pointer">
<input type="radio" class="sort-button peer visually-hidden" name="sort_by" value="price-descending" id="Sort-3">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal peer-checked:bg-charcoal text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div>
<label for="Sort-3" class="text-body-3 cursor-pointer"> Price: High to Low </label>
</div>
<div class="pb-10 flex items-center gap-10 cursor-pointer">
<input type="radio" class="sort-button peer visually-hidden" name="sort_by" value="price-ascending" id="Sort-4">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal peer-checked:bg-charcoal text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div>
<label for="Sort-4" class="text-body-3 cursor-pointer"> Price: Low to High </label>
</div>
</div>
</div>
</div>
</dropdown-item>
<div class="layout-change flex items-center gap-10 md:hidden">
<button class="layout-change__button opacity-40 transition-opacity group-[.one-col]:opacity-100" data-col="1">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<rect x="0.25" y="0.25" width="12.5" height="12.5" stroke="#000" stroke-width="0.5"></rect>
</svg>
</button>
<button class="layout-change__button opacity-40 transition-opacity group-[.two-col]:opacity-100" data-col="2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<rect x="0.25" y="0.25" width="5.5" height="12.5" stroke="#000" stroke-width="0.5"></rect>
<rect x="7.25" y="0.25" width="5.5" height="12.5" stroke="#000" stroke-width="0.5"></rect>
</svg>
</button>
</div>
</form><form class="filters-form fixed top-0 right-0 bottom-0 left-0">
<div class="mx-20 py-15 flex justify-between items-center gap-20 border-b-1 border-line">
<h2 class="js-open-filters flex items-center gap-10 text-cta font-medium uppercase">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" fill="none">
<path
d="M8.74235 3.78519C8.55824 3.78519 8.43555 3.90788 8.43555 4.09199V16.8835C8.43555 17.0676 8.55824 17.1903 8.74235 17.1903C8.92645 17.1903 9.04915 17.0676 9.04915 16.8835L9.04903 4.09199C9.04903 3.93871 8.89575 3.78531 8.74235 3.78531V3.78519Z"
fill="black"></path>
<path
d="M4.90788 8.14105C4.72377 8.14105 4.60107 8.26375 4.60107 8.44785V16.8835C4.60107 17.0676 4.72377 17.1903 4.90788 17.1903C5.09198 17.1903 5.21468 17.0676 5.21468 16.8835L5.21455 8.44785C5.21455 8.26387 5.06128 8.14118 4.90788 8.14118V8.14105Z"
fill="black"></path>
<path
d="M1.13493 12.3435C0.950823 12.3435 0.828125 12.4662 0.828125 12.6503V16.8835C0.828125 17.0676 0.95082 17.1903 1.13493 17.1903C1.31903 17.1903 1.44173 17.0676 1.44173 16.8835V12.6503C1.44173 12.4971 1.31904 12.3437 1.13493 12.3437V12.3435Z"
fill="black"></path>
<path
d="M1.25764 9.4294C0.582762 9.4294 0 9.98158 0 10.687C0 11.3925 0.552183 11.9447 1.25764 11.9447C1.93253 11.9447 2.51529 11.3925 2.51529 10.687C2.51529 9.98145 1.96323 9.4294 1.25764 9.4294ZM1.25764 11.3005C0.920251 11.3005 0.613469 11.0244 0.613469 10.6564C0.613469 10.2883 0.889564 10.0122 1.25764 10.0122C1.62575 10.0122 1.90182 10.2883 1.90182 10.6564C1.90182 11.0245 1.62573 11.3005 1.25764 11.3005Z"
fill="black"></path>
<path
d="M4.90804 5.10422C4.23315 5.10422 3.65039 5.6564 3.65039 6.36186C3.65039 7.03675 4.20257 7.61951 4.90804 7.61951C5.58292 7.61951 6.16568 7.06733 6.16568 6.36186C6.13498 5.6564 5.58279 5.10422 4.90804 5.10422ZM4.90804 6.97546C4.57064 6.97546 4.26386 6.69936 4.26386 6.33128C4.26386 5.9632 4.53995 5.68711 4.90804 5.68711C5.27614 5.68711 5.55221 5.9632 5.55221 6.33128C5.55221 6.69936 5.24541 6.97546 4.90804 6.97546Z"
fill="black"></path>
<path
d="M8.74251 0.809708C8.06763 0.809708 7.48486 1.36189 7.48486 2.06735C7.48486 2.74224 8.03705 3.325 8.74251 3.325C9.41739 3.325 10.0002 2.77281 10.0002 2.06735C9.96945 1.36189 9.41726 0.809708 8.74251 0.809708ZM8.74251 2.68085C8.40511 2.68085 8.09833 2.40476 8.09833 2.03668C8.09833 1.6686 8.37443 1.3925 8.74251 1.3925C9.0799 1.3925 9.38669 1.6686 9.38669 2.03668C9.38669 2.40487 9.07988 2.68085 8.74251 2.68085Z"
fill="black"></path>
<path
d="M1.25748 8.75454C1.44159 8.75454 1.56429 8.63185 1.56429 8.44774V2.06733C1.56429 1.88323 1.44159 1.76053 1.25748 1.76053C1.07338 1.76053 0.950684 1.88322 0.950684 2.06733V8.47841C0.950808 8.63182 1.10408 8.75451 1.25748 8.75451V8.75454Z"
fill="black"></path>
<path d="M4.93864 4.39869C5.12274 4.39869 5.24544 4.276 5.24544 4.09189V2.03666C5.24544 1.85256 5.12275 1.72986 4.93864 1.72986C4.75453 1.72986 4.63184 1.85255 4.63184 2.03666V4.09189C4.63196 4.27599 4.78536 4.39869 4.93864 4.39869Z"
fill="black"></path>
</svg>
<span id="header-filter-count">Filters (103)</span>
</h2>
<button class="js-close-filters -mr-5 p-5">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path d="M3.8888 5.00006L0.000117959 8.88871L1.11122 9.9998L4.9999 6.11115L8.88878 10L9.99988 8.88891L6.111 5.00006L10 1.11109L8.8889 0L4.9999 3.88897L1.1111 0.000201L0 1.11129L3.8888 5.00006Z" fill="currentColor"></path>
</svg>
</button>
</div>
<div class="pb-120 flex overflow-y-scroll" style="height: calc(100% - 62px);">
<div class="w-full h-full px-20 flex flex-col overflow-y-scroll" id="filter-dropdowns">
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="category-dropdown">
<span>Category</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.product_type">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Bracelet" data-filter="filter.p.product_type-Bracelet" id="Filter-Category-1">
<label for="Filter-Category-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Bracelet
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Brooch" data-filter="filter.p.product_type-Brooch" id="Filter-Category-2">
<label for="Filter-Category-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Brooch
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Damiani" data-filter="filter.p.product_type-Damiani" id="Filter-Category-3">
<label for="Filter-Category-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Damiani
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Earrings" data-filter="filter.p.product_type-Earrings" id="Filter-Category-4">
<label for="Filter-Category-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Earrings
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Jewelry" data-filter="filter.p.product_type-Jewelry" id="Filter-Category-5">
<label for="Filter-Category-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Jewelry
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Necklace" data-filter="filter.p.product_type-Necklace" id="Filter-Category-6">
<label for="Filter-Category-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Necklace
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.product_type" value="Ring" data-filter="filter.p.product_type-Ring" id="Filter-Category-7">
<label for="Filter-Category-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Ring
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="brands-dropdown">
<span>Brands</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.vendor">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.vendor" value="Damiani" data-filter="filter.p.vendor-Damiani" id="Filter-Brands-1">
<label for="Filter-Brands-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Damiani
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="gemstones-dropdown">
<span>Gemstones</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.gemstones">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="0.87ct.tw. Diamond" data-filter="filter.p.m.custom.gemstones-0.87ct.tw. Diamond" id="Filter-Gemstones-1">
<label for="Filter-Gemstones-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 0.87ct.tw. Diamond
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Black Diamond, 0.12ct.twd." data-filter="filter.p.m.custom.gemstones-Black Diamond, 0.12ct.twd." id="Filter-Gemstones-2">
<label for="Filter-Gemstones-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black Diamond, 0.12ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Black Diamond, 0.40ct.twd." data-filter="filter.p.m.custom.gemstones-Black Diamond, 0.40ct.twd." id="Filter-Gemstones-3">
<label for="Filter-Gemstones-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black Diamond, 0.40ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Black Diamond, 0.68ct.twd." data-filter="filter.p.m.custom.gemstones-Black Diamond, 0.68ct.twd." id="Filter-Gemstones-4">
<label for="Filter-Gemstones-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black Diamond, 0.68ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond" data-filter="filter.p.m.custom.gemstones-Diamond" id="Filter-Gemstones-5">
<label for="Filter-Gemstones-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond 0.01ct.tw." data-filter="filter.p.m.custom.gemstones-Diamond 0.01ct.tw." id="Filter-Gemstones-6">
<label for="Filter-Gemstones-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond 0.01ct.tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.01ct." data-filter="filter.p.m.custom.gemstones-Diamond, 0.01ct." id="Filter-Gemstones-7">
<label for="Filter-Gemstones-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.01ct.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.01ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.01ct. twd." id="Filter-Gemstones-8">
<label for="Filter-Gemstones-8" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.01ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.01ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.01ct.twd." id="Filter-Gemstones-9">
<label for="Filter-Gemstones-9" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.01ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.05ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.05ct. twd." id="Filter-Gemstones-10">
<label for="Filter-Gemstones-10" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.05ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.05ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.05ct.twd." id="Filter-Gemstones-11">
<label for="Filter-Gemstones-11" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.05ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.06ct." data-filter="filter.p.m.custom.gemstones-Diamond, 0.06ct." id="Filter-Gemstones-12">
<label for="Filter-Gemstones-12" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.06ct.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.10ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.10ct.twd." id="Filter-Gemstones-13">
<label for="Filter-Gemstones-13" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.10ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.11ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.11ct.twd." id="Filter-Gemstones-14">
<label for="Filter-Gemstones-14" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.11ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.14ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.14ct.twd." id="Filter-Gemstones-15">
<label for="Filter-Gemstones-15" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.14ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.15ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.15ct.twd." id="Filter-Gemstones-16">
<label for="Filter-Gemstones-16" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.15ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.17ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.17ct. twd." id="Filter-Gemstones-17">
<label for="Filter-Gemstones-17" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.17ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.17ct.twd., Onyx" data-filter="filter.p.m.custom.gemstones-Diamond, 0.17ct.twd., Onyx" id="Filter-Gemstones-18">
<label for="Filter-Gemstones-18" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.17ct.twd., Onyx
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.18ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.18ct.twd." id="Filter-Gemstones-19">
<label for="Filter-Gemstones-19" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.18ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.19ct. tw." data-filter="filter.p.m.custom.gemstones-Diamond, 0.19ct. tw." id="Filter-Gemstones-20">
<label for="Filter-Gemstones-20" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.19ct. tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.19ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.19ct.twd." id="Filter-Gemstones-21">
<label for="Filter-Gemstones-21" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.19ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.23ct.twd., Blue Topaz" data-filter="filter.p.m.custom.gemstones-Diamond, 0.23ct.twd., Blue Topaz"
id="Filter-Gemstones-22">
<label for="Filter-Gemstones-22" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.23ct.twd., Blue Topaz
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.24ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.24ct.twd." id="Filter-Gemstones-23">
<label for="Filter-Gemstones-23" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.24ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.25ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.25ct. twd." id="Filter-Gemstones-24">
<label for="Filter-Gemstones-24" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.25ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.33ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.33ct.twd." id="Filter-Gemstones-25">
<label for="Filter-Gemstones-25" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.33ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.35ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.35ct. twd." id="Filter-Gemstones-26">
<label for="Filter-Gemstones-26" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.35ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.40ct. tw." data-filter="filter.p.m.custom.gemstones-Diamond, 0.40ct. tw." id="Filter-Gemstones-27">
<label for="Filter-Gemstones-27" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.40ct. tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.40ct.twd., Black Onyx" data-filter="filter.p.m.custom.gemstones-Diamond, 0.40ct.twd., Black Onyx"
id="Filter-Gemstones-28">
<label for="Filter-Gemstones-28" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.40ct.twd., Black Onyx
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.41ct. twd., Sapphire,0.59ct.tw."
data-filter="filter.p.m.custom.gemstones-Diamond, 0.41ct. twd., Sapphire,0.59ct.tw." id="Filter-Gemstones-29">
<label for="Filter-Gemstones-29" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.41ct. twd., Sapphire,0.59ct.tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.44ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.44ct.twd." id="Filter-Gemstones-30">
<label for="Filter-Gemstones-30" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.44ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.45ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.45ct. twd." id="Filter-Gemstones-31">
<label for="Filter-Gemstones-31" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.45ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.45ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.45ct.twd." id="Filter-Gemstones-32">
<label for="Filter-Gemstones-32" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.45ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.46ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.46ct. twd." id="Filter-Gemstones-33">
<label for="Filter-Gemstones-33" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.46ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.48ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.48ct.twd." id="Filter-Gemstones-34">
<label for="Filter-Gemstones-34" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.48ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.49ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.49ct.twd." id="Filter-Gemstones-35">
<label for="Filter-Gemstones-35" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.49ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.49t.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.49t.twd." id="Filter-Gemstones-36">
<label for="Filter-Gemstones-36" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.49t.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.59ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.59ct.twd." id="Filter-Gemstones-37">
<label for="Filter-Gemstones-37" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.59ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.60ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.60ct.twd." id="Filter-Gemstones-38">
<label for="Filter-Gemstones-38" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.60ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.61ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.61ct. twd." id="Filter-Gemstones-39">
<label for="Filter-Gemstones-39" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.61ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.68ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.68ct.twd." id="Filter-Gemstones-40">
<label for="Filter-Gemstones-40" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.68ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.69ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.69ct.twd." id="Filter-Gemstones-41">
<label for="Filter-Gemstones-41" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.69ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.72ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.72ct.twd." id="Filter-Gemstones-42">
<label for="Filter-Gemstones-42" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.72ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.80ct.twd., Aquamarine, 0.56ct.tw."
data-filter="filter.p.m.custom.gemstones-Diamond, 0.80ct.twd., Aquamarine, 0.56ct.tw." id="Filter-Gemstones-43">
<label for="Filter-Gemstones-43" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.80ct.twd., Aquamarine, 0.56ct.tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.81ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.81ct.twd." id="Filter-Gemstones-44">
<label for="Filter-Gemstones-44" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.81ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.82ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.82ct.twd." id="Filter-Gemstones-45">
<label for="Filter-Gemstones-45" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.82ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.84ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.84ct. twd." id="Filter-Gemstones-46">
<label for="Filter-Gemstones-46" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.84ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 0.95ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 0.95ct.twd." id="Filter-Gemstones-47">
<label for="Filter-Gemstones-47" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 0.95ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.00ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.00ct.twd." id="Filter-Gemstones-48">
<label for="Filter-Gemstones-48" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.00ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.04ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.04ct.twd." id="Filter-Gemstones-49">
<label for="Filter-Gemstones-49" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.04ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.09ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.09ct.twd." id="Filter-Gemstones-50">
<label for="Filter-Gemstones-50" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.09ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.10ct. twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.10ct. twd." id="Filter-Gemstones-51">
<label for="Filter-Gemstones-51" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.10ct. twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.17ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.17ct.twd." id="Filter-Gemstones-52">
<label for="Filter-Gemstones-52" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.17ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.27ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 1.27ct.twd." id="Filter-Gemstones-53">
<label for="Filter-Gemstones-53" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.27ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 1.37ct. tw." data-filter="filter.p.m.custom.gemstones-Diamond, 1.37ct. tw." id="Filter-Gemstones-54">
<label for="Filter-Gemstones-54" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 1.37ct. tw.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 2.00ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 2.00ct.twd." id="Filter-Gemstones-55">
<label for="Filter-Gemstones-55" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 2.00ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 2.04ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 2.04ct.twd." id="Filter-Gemstones-56">
<label for="Filter-Gemstones-56" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 2.04ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 2.95ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 2.95ct.twd." id="Filter-Gemstones-57">
<label for="Filter-Gemstones-57" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 2.95ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 3.05ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 3.05ct.twd." id="Filter-Gemstones-58">
<label for="Filter-Gemstones-58" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 3.05ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond, 4.00ct.twd." data-filter="filter.p.m.custom.gemstones-Diamond, 4.00ct.twd." id="Filter-Gemstones-59">
<label for="Filter-Gemstones-59" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond, 4.00ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamond,0.01ct.twd., Onyx" data-filter="filter.p.m.custom.gemstones-Diamond,0.01ct.twd., Onyx" id="Filter-Gemstones-60">
<label for="Filter-Gemstones-60" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamond,0.01ct.twd., Onyx
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Diamonds 1.39ct.twd., Aquamarine" data-filter="filter.p.m.custom.gemstones-Diamonds 1.39ct.twd., Aquamarine"
id="Filter-Gemstones-61">
<label for="Filter-Gemstones-61" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Diamonds 1.39ct.twd., Aquamarine
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Green Peridot, Black Peridot" data-filter="filter.p.m.custom.gemstones-Green Peridot, Black Peridot" id="Filter-Gemstones-62">
<label for="Filter-Gemstones-62" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Green Peridot, Black Peridot
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Onyx" data-filter="filter.p.m.custom.gemstones-Onyx" id="Filter-Gemstones-63">
<label for="Filter-Gemstones-63" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Onyx
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Pearl" data-filter="filter.p.m.custom.gemstones-Pearl" id="Filter-Gemstones-64">
<label for="Filter-Gemstones-64" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Pearl
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Sapphire" data-filter="filter.p.m.custom.gemstones-Sapphire" id="Filter-Gemstones-65">
<label for="Filter-Gemstones-65" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Sapphire
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Sapphire, 0.69ct.tw., Diamond, 0.05ct.twd., Tahitian Pearl"
data-filter="filter.p.m.custom.gemstones-Sapphire, 0.69ct.tw., Diamond, 0.05ct.twd., Tahitian Pearl" id="Filter-Gemstones-66">
<label for="Filter-Gemstones-66" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Sapphire, 0.69ct.tw., Diamond, 0.05ct.twd., Tahitian Pearl
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Sunstone, Diamond, 0.01ct." data-filter="filter.p.m.custom.gemstones-Sunstone, Diamond, 0.01ct." id="Filter-Gemstones-67">
<label for="Filter-Gemstones-67" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Sunstone, Diamond, 0.01ct.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Tahitian Pearl, 9.5mm - 10mm, Diamond 0.42ct.twd."
data-filter="filter.p.m.custom.gemstones-Tahitian Pearl, 9.5mm - 10mm, Diamond 0.42ct.twd." id="Filter-Gemstones-68">
<label for="Filter-Gemstones-68" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Tahitian Pearl, 9.5mm - 10mm, Diamond 0.42ct.twd.
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.gemstones" value="Yellow, Topaz, Diamond, 0.32ct.twd." data-filter="filter.p.m.custom.gemstones-Yellow, Topaz, Diamond, 0.32ct.twd."
id="Filter-Gemstones-69">
<label for="Filter-Gemstones-69" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Yellow, Topaz, Diamond, 0.32ct.twd.
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="material-dropdown">
<span>Material</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.material">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K Rose Gold" data-filter="filter.p.m.custom.material-18K Rose Gold" id="Filter-Material-1">
<label for="Filter-Material-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K Rose Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K White & Rose Gold" data-filter="filter.p.m.custom.material-18K White & Rose Gold" id="Filter-Material-2">
<label for="Filter-Material-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K White & Rose Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K White Gold" data-filter="filter.p.m.custom.material-18K White Gold" id="Filter-Material-3">
<label for="Filter-Material-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K White Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K White Gold, Enamel" data-filter="filter.p.m.custom.material-18K White Gold, Enamel" id="Filter-Material-4">
<label for="Filter-Material-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K White Gold, Enamel
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K Yellow Gold" data-filter="filter.p.m.custom.material-18K Yellow Gold" id="Filter-Material-5">
<label for="Filter-Material-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K Yellow Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K Rose Gold, 18K White Gold" data-filter="filter.p.m.custom.material-18K Rose Gold, 18K White Gold" id="Filter-Material-6">
<label for="Filter-Material-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K Rose Gold, 18K White Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K White Gold, 18K Rose Gold" data-filter="filter.p.m.custom.material-18K White Gold, 18K Rose Gold" id="Filter-Material-7">
<label for="Filter-Material-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K White Gold, 18K Rose Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="18K White Gold, 18k Rose Gold" data-filter="filter.p.m.custom.material-18K White Gold, 18k Rose Gold" id="Filter-Material-8">
<label for="Filter-Material-8" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 18K White Gold, 18k Rose Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="Ceramic, 18K Rose Gold" data-filter="filter.p.m.custom.material-Ceramic, 18K Rose Gold" id="Filter-Material-9">
<label for="Filter-Material-9" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Ceramic, 18K Rose Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="Platinum" data-filter="filter.p.m.custom.material-Platinum" id="Filter-Material-10">
<label for="Filter-Material-10" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Platinum
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="Stainless Steel" data-filter="filter.p.m.custom.material-Stainless Steel" id="Filter-Material-11">
<label for="Filter-Material-11" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Stainless Steel
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.material" value="Sterling Silver" data-filter="filter.p.m.custom.material-Sterling Silver" id="Filter-Material-12">
<label for="Filter-Material-12" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Sterling Silver
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="movement-dropdown">
<span>Movement</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.movement">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.movement" value="Quartz" data-filter="filter.p.m.custom.movement-Quartz" id="Filter-Movement-1">
<label for="Filter-Movement-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Quartz
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="color-dropdown">
<span>Color</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.color">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Black, Gold" data-filter="filter.p.m.custom.color-Black, Gold" id="Filter-Color-1">
<label for="Filter-Color-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black, Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Black, White" data-filter="filter.p.m.custom.color-Black, White" id="Filter-Color-2">
<label for="Filter-Color-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black, White
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Black, White, Gold" data-filter="filter.p.m.custom.color-Black, White, Gold" id="Filter-Color-3">
<label for="Filter-Color-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Black, White, Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Blue, White" data-filter="filter.p.m.custom.color-Blue, White" id="Filter-Color-4">
<label for="Filter-Color-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Blue, White
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Gold" data-filter="filter.p.m.custom.color-Gold" id="Filter-Color-5">
<label for="Filter-Color-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Gold, White" data-filter="filter.p.m.custom.color-Gold, White" id="Filter-Color-6">
<label for="Filter-Color-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Gold, White
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Pink, Gold" data-filter="filter.p.m.custom.color-Pink, Gold" id="Filter-Color-7">
<label for="Filter-Color-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Pink, Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Rose" data-filter="filter.p.m.custom.color-Rose" id="Filter-Color-8">
<label for="Filter-Color-8" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Rose
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Rose, Black, Green" data-filter="filter.p.m.custom.color-Rose, Black, Green" id="Filter-Color-9">
<label for="Filter-Color-9" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Rose, Black, Green
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Rose, White" data-filter="filter.p.m.custom.color-Rose, White" id="Filter-Color-10">
<label for="Filter-Color-10" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Rose, White
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Silver" data-filter="filter.p.m.custom.color-Silver" id="Filter-Color-11">
<label for="Filter-Color-11" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Silver
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White" data-filter="filter.p.m.custom.color-White" id="Filter-Color-12">
<label for="Filter-Color-12" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White Gold" data-filter="filter.p.m.custom.color-White Gold" id="Filter-Color-13">
<label for="Filter-Color-13" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White, Black" data-filter="filter.p.m.custom.color-White, Black" id="Filter-Color-14">
<label for="Filter-Color-14" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White, Black
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White, Blue" data-filter="filter.p.m.custom.color-White, Blue" id="Filter-Color-15">
<label for="Filter-Color-15" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White, Blue
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White, Gold" data-filter="filter.p.m.custom.color-White, Gold" id="Filter-Color-16">
<label for="Filter-Color-16" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White, Gold
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White, Gray" data-filter="filter.p.m.custom.color-White, Gray" id="Filter-Color-17">
<label for="Filter-Color-17" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White, Gray
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="White, Rose" data-filter="filter.p.m.custom.color-White, Rose" id="Filter-Color-18">
<label for="Filter-Color-18" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> White, Rose
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.color" value="Yellow, Gold" data-filter="filter.p.m.custom.color-Yellow, Gold" id="Filter-Color-19">
<label for="Filter-Color-19" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Yellow, Gold
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="collection-dropdown">
<span>Collection</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.collection_text">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Abbraccio" data-filter="filter.p.m.custom.collection_text-Abbraccio" id="Filter-Collection-1">
<label for="Filter-Collection-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Abbraccio
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Bocciolo" data-filter="filter.p.m.custom.collection_text-Bocciolo" id="Filter-Collection-2">
<label for="Filter-Collection-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Bocciolo
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Cuoremio" data-filter="filter.p.m.custom.collection_text-Cuoremio" id="Filter-Collection-3">
<label for="Filter-Collection-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Cuoremio
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="D Lace" data-filter="filter.p.m.custom.collection_text-D Lace" id="Filter-Collection-4">
<label for="Filter-Collection-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> D Lace
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="D. Side" data-filter="filter.p.m.custom.collection_text-D. Side" id="Filter-Collection-5">
<label for="Filter-Collection-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> D. Side
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="D.Side" data-filter="filter.p.m.custom.collection_text-D.Side" id="Filter-Collection-6">
<label for="Filter-Collection-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> D.Side
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Damianissima" data-filter="filter.p.m.custom.collection_text-Damianissima" id="Filter-Collection-7">
<label for="Filter-Collection-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Damianissima
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Desiderio" data-filter="filter.p.m.custom.collection_text-Desiderio" id="Filter-Collection-8">
<label for="Filter-Collection-8" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Desiderio
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Eden" data-filter="filter.p.m.custom.collection_text-Eden" id="Filter-Collection-9">
<label for="Filter-Collection-9" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Eden
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Gourmette D" data-filter="filter.p.m.custom.collection_text-Gourmette D" id="Filter-Collection-10">
<label for="Filter-Collection-10" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Gourmette D
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Incontro" data-filter="filter.p.m.custom.collection_text-Incontro" id="Filter-Collection-11">
<label for="Filter-Collection-11" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Incontro
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Lace" data-filter="filter.p.m.custom.collection_text-Lace" id="Filter-Collection-12">
<label for="Filter-Collection-12" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Lace
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Le Perle" data-filter="filter.p.m.custom.collection_text-Le Perle" id="Filter-Collection-13">
<label for="Filter-Collection-13" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Le Perle
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Le Verette Dam" data-filter="filter.p.m.custom.collection_text-Le Verette Dam" id="Filter-Collection-14">
<label for="Filter-Collection-14" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Le Verette Dam
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Minou" data-filter="filter.p.m.custom.collection_text-Minou" id="Filter-Collection-15">
<label for="Filter-Collection-15" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Minou
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Notte Di San Lorenzo" data-filter="filter.p.m.custom.collection_text-Notte Di San Lorenzo" id="Filter-Collection-16">
<label for="Filter-Collection-16" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Notte Di San Lorenzo
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Simboli" data-filter="filter.p.m.custom.collection_text-Simboli" id="Filter-Collection-17">
<label for="Filter-Collection-17" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Simboli
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Sorgente D" data-filter="filter.p.m.custom.collection_text-Sorgente D" id="Filter-Collection-18">
<label for="Filter-Collection-18" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Sorgente D
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Spicchi Di Luna" data-filter="filter.p.m.custom.collection_text-Spicchi Di Luna" id="Filter-Collection-19">
<label for="Filter-Collection-19" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Spicchi Di Luna
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Spicchi Luna" data-filter="filter.p.m.custom.collection_text-Spicchi Luna" id="Filter-Collection-20">
<label for="Filter-Collection-20" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Spicchi Luna
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Starlight" data-filter="filter.p.m.custom.collection_text-Starlight" id="Filter-Collection-21">
<label for="Filter-Collection-21" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Starlight
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.collection_text" value="Via Lattea" data-filter="filter.p.m.custom.collection_text-Via Lattea" id="Filter-Collection-22">
<label for="Filter-Collection-22" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> Via Lattea
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
<dropdown-item>
<div class="dropdown border-b-1 border-line">
<button class="filter-dropdown dropdown-header group/button w-full py-20 flex justify-between items-center gap-20 text-cta font-medium uppercase" id="size-dropdown">
<span>Size</span>
<div class="h-[9px] w-[9px] relative">
<div class="absolute top-[4px] left-0 right-0 border-b-1 border-charcoal"></div>
<div class="absolute top-0 bottom-0 left-[4px] border-r-1 border-charcoal transition-transform ease-in-out group-[.active]/button:rotate-90"></div>
</div>
</button>
<div class="filter-dropdown__content dropdown-content hidden">
<div class="filter-dropdown__content-container" id="collection-filter-filter.p.m.custom.size_">
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="5" data-filter="filter.p.m.custom.size_-5" id="Filter-Size-1">
<label for="Filter-Size-1" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 5
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="5.5" data-filter="filter.p.m.custom.size_-5.5" id="Filter-Size-2">
<label for="Filter-Size-2" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 5.5
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="5.75" data-filter="filter.p.m.custom.size_-5.75" id="Filter-Size-3">
<label for="Filter-Size-3" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 5.75
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6" data-filter="filter.p.m.custom.size_-6" id="Filter-Size-4">
<label for="Filter-Size-4" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6.25" data-filter="filter.p.m.custom.size_-6.25" id="Filter-Size-5">
<label for="Filter-Size-5" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6.25
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6.5" data-filter="filter.p.m.custom.size_-6.5" id="Filter-Size-6">
<label for="Filter-Size-6" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6.5
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6.75" data-filter="filter.p.m.custom.size_-6.75" id="Filter-Size-7">
<label for="Filter-Size-7" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6.75
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7" data-filter="filter.p.m.custom.size_-7" id="Filter-Size-8">
<label for="Filter-Size-8" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7.25" data-filter="filter.p.m.custom.size_-7.25" id="Filter-Size-9">
<label for="Filter-Size-9" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7.25
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7.5" data-filter="filter.p.m.custom.size_-7.5" id="Filter-Size-10">
<label for="Filter-Size-10" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7.5
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="8" data-filter="filter.p.m.custom.size_-8" id="Filter-Size-11">
<label for="Filter-Size-11" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 8
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="8.75" data-filter="filter.p.m.custom.size_-8.75" id="Filter-Size-12">
<label for="Filter-Size-12" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 8.75
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="9.75" data-filter="filter.p.m.custom.size_-9.75" id="Filter-Size-13">
<label for="Filter-Size-13" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 9.75
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6"" data-filter="filter.p.m.custom.size_-6"" id="Filter-Size-14">
<label for="Filter-Size-14" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6 3/4"" data-filter="filter.p.m.custom.size_-6 3/4"" id="Filter-Size-15">
<label for="Filter-Size-15" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6 3/4"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7"" data-filter="filter.p.m.custom.size_-7"" id="Filter-Size-16">
<label for="Filter-Size-16" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7 1/4"" data-filter="filter.p.m.custom.size_-7 1/4"" id="Filter-Size-17">
<label for="Filter-Size-17" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7 1/4"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7 1/2"" data-filter="filter.p.m.custom.size_-7 1/2"" id="Filter-Size-18">
<label for="Filter-Size-18" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7 1/2"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="5.5 (50.6)" data-filter="filter.p.m.custom.size_-5.5 (50.6)" id="Filter-Size-19">
<label for="Filter-Size-19" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 5.5 (50.6)
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="6", 7 1/4"" data-filter="filter.p.m.custom.size_-6", 7 1/4"" id="Filter-Size-20">
<label for="Filter-Size-20" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 6", 7 1/4"
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7 (54.4)" data-filter="filter.p.m.custom.size_-7 (54.4)" id="Filter-Size-21">
<label for="Filter-Size-21" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7 (54.4)
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7.25 (55.1)" data-filter="filter.p.m.custom.size_-7.25 (55.1)" id="Filter-Size-22">
<label for="Filter-Size-22" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7.25 (55.1)
</label>
</div>
<div class="pb-10 cursor-pointer">
<input type="checkbox" class="filter-button peer visually-hidden" name="filter.p.m.custom.size_" value="7.5 (55.7)" data-filter="filter.p.m.custom.size_-7.5 (55.7)" id="Filter-Size-23">
<label for="Filter-Size-23" class="flex items-center gap-10 text-body-3 cursor-pointer peer-checked:[&>div]:bg-charcoal">
<div class="h-[14px] w-[14px] flex justify-center items-center border-1 border-charcoal text-white transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
<path d="M1 4.2L3.5 7L8.5 1" stroke="currentColor" stroke-linecap="square"></path>
</svg>
</div> 7.5 (55.7)
</label>
</div>
</div>
</div>
</div>
</dropdown-item>
</div>
</div>
<div class="mx-20 py-20 absolute left-0 right-0 bottom-0 text-center bg-white">
<button class="js-close-filters mb-10 button button--charcoal w-full">
<span id="apply-filter-count">Apply Filters (103)</span>
</button>
<button href="" class="js-clear-all-filters group/link pb-10 inline-block text-cta font-medium uppercase relative "> Clear All Filters <span
class="absolute bottom-0 left-0 right-half transition-position border-b-1 border-current group-hover/link:-left-10"></span>
<span class="absolute bottom-0 right-0 left-half transition-position border-b-1 border-current group-hover/link:-right-10"></span>
</button>
</div>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-YbCAci" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 570px; margin: 0px auto; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(51, 51, 51); background-repeat: no-repeat; background-position-y: 50%; padding: 0px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 0px; position: relative; background-color: rgb(51, 51, 51); flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_85986912" class="needsclick go2872412079 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="EMAIL" aria-label="EMAIL" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 32px; text-align: left; color: rgb(155, 163, 175); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; background-color: rgb(51, 51, 51); border: 1px solid rgb(155, 163, 175);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 0px; position: relative; background-color: rgb(51, 51, 51); flex: 0 1 auto; margin: 0px auto;"><button class="needsclick go2263495260 kl-private-reset-css-Xuajs1" type="button"
tabindex="0"
style="background: rgb(51, 51, 51); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 32px;">SUBMIT</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
Customer service: 1 201 399 7339
About Us The Edit
CAD
* AED
* AFN
* ALL
* AMD
* ANG
* AUD
* AWG
* AZN
* BAM
* BBD
* BDT
* BGN
* BIF
* BND
* BOB
* BSD
* BWP
* BZD
* CAD
* CDF
* CHF
* CNY
* CRC
* CVE
* CZK
* DJF
* DKK
* DOP
* DZD
* EGP
* ETB
* EUR
* FJD
* FKP
* GBP
* GMD
* GNF
* GTQ
* GYD
* HKD
* HNL
* HUF
* IDR
* ILS
* INR
* ISK
* JMD
* JPY
* KES
* KGS
* KHR
* KMF
* KRW
* KYD
* KZT
* LAK
* LBP
* LKR
* MAD
* MDL
* MKD
* MMK
* MNT
* MOP
* MUR
* MVR
* MWK
* MYR
* NGN
* NIO
* NPR
* NZD
* PEN
* PGK
* PHP
* PKR
* PLN
* PYG
* QAR
* RON
* RSD
* RWF
* SAR
* SBD
* SEK
* SGD
* SHP
* SLL
* STD
* THB
* TJS
* TOP
* TTD
* TWD
* TZS
* UAH
* UGX
* USD
* UYU
* UZS
* VND
* VUV
* WST
* XAF
* XCD
* XOF
* XPF
* YER
* Just In
Just In
* Accessories
* Jewelry
* Watches
* Shop All Just In
New In Brands
* Ina Mar
* Damiani
* Carl F. Bucherer
* Armenta
Edit
* Collector Watches
* 10 Best Gifts Under $500
* A World of Colorful Gemstones
* The Best Bags for The Season
Offers
* Black Friday Sale
* Holiday Gift Guide
NEW FINE JEWELRY
DISCOVER DAMIANI
* Brands
Featured
* All Brands
* Watch Brands
* Jewelry Brands
* Accessories Brands
Featured Brands
* Amáli
* Âme
* Armenta
* Assael
* Baccarat
* Bottega Veneta
* Bvlgari
* Carl F. Bucherer
* Chopard
* Damiani
* Daum
* Dewitt
* Dior
* Fabergé
* Fendi
* Gregg Ruth
* Gucci
* HYT
* Ina Mar
* Konstantino
* Kwiat
* Longines
* Luca Carati
* Luminox
* Milus
* Montblanc
* Montegrappa
* Omega
* Piero Milano
* Roberto Coin
* Shinola
* Superoro
* Zydo
* Jewelry
Jewelry
* Earrings
* Bracelets
* Necklaces
* Rings
* Shop All Jewelry
Categories
* Lab-Grown Diamonds
* Diamonds
* Pearls
* Fine Jewelry
* The Bridal Edit
Price
* Under $500
* $500 - $1,500
* $1,500 - $3,000
* $3,000+
Brands
* Roberto Coin
* Assael
* Gregg Ruth
* Konstantino
* Kwiat
* Brands A-Z
Brand Spotlight
KONSTANTINO JEWELRY
* Watches
Watches
* Collector Corner
* Men's Watches
* Women's Watches
* Shop All Watches
Movement
* Automatic
* Manual Wind
* Quartz
Price
* Under $1,000
* $1,000 - $2,500
* $2,500 - $5,000
* $5,000 +
Brands
* Carl F. Bucherer
* Milus
* Montblanc
* MeisterSinger
* Omega
* Paul Picot
* Luminox
* Shinola
* Brands A-Z
BRAND SPOTLIGHT
CARL F. BUCHERER WATCHES
* Accessories
Accessories
* Handbags
* Home Decor
* Pens
* Sunglasses
* Shop All Accessories
Writing
* Ballpoint
* Rollerball
* Fountain
Price
* Under $250
* $250 - $1,000
* $1,000 - $2,000
* $2,000 & Up
Brands
* Chopard
* Bottega Veneta
* Stella McCartney
* Montegrappa
* Dolce & Gabbana
* S.T. Dupont
* Brands A-Z
Handbags of the season
SHOP STELLA MCCARTNEY
* Collectors Corner
* Sale & Offers
Sale & Offers
* Extra 25% Off Sitewide
* Clearance up to 80% Off
2023 Best Sellers
TAKE AN EXTRA 25% OFF
DESIGNER SALE
TAKE AN EXTRA 25% OFF SITEWIDE
CLEARANCE
UP TO 80% OFF SELECT DESIGNER STYLES
Search
TRENDING
* roberto chain
* damiani
* movado
* gucci
* konstantino
* ball
Wishlist Account Cart
MENU
* Just In
Just In
JUST IN
Accessories Jewelry Watches Shop All Just In
NEW IN BRANDS
Ina Mar Damiani Carl F. Bucherer Armenta
EDIT
Collector Watches 10 Best Gifts Under $500 A World of Colorful Gemstones The
Best Bags for The Season
OFFERS
Black Friday Sale Holiday Gift Guide
* Brands
Brands
FEATURED
All Brands Watch Brands Jewelry Brands Accessories Brands
FEATURED BRANDS
Amáli Âme Armenta Assael Baccarat Bottega Veneta Bvlgari Carl F. Bucherer
Chopard Damiani Daum Dewitt Dior Fabergé Fendi Gregg Ruth Gucci HYT Ina Mar
Konstantino Kwiat Longines Luca Carati Luminox Milus Montblanc Montegrappa
Omega Piero Milano Roberto Coin Shinola Superoro Zydo
* Jewelry
Jewelry
JEWELRY
Earrings Bracelets Necklaces Rings Shop All Jewelry
CATEGORIES
Lab-Grown Diamonds Diamonds Pearls Fine Jewelry The Bridal Edit
PRICE
Under $500 $500 - $1,500 $1,500 - $3,000 $3,000+
BRANDS
Roberto Coin Assael Gregg Ruth Konstantino Kwiat Brands A-Z
* Watches
Watches
WATCHES
Collector Corner Men's Watches Women's Watches Shop All Watches
MOVEMENT
Automatic Manual Wind Quartz
PRICE
Under $1,000 $1,000 - $2,500 $2,500 - $5,000 $5,000 +
BRANDS
Carl F. Bucherer Milus Montblanc MeisterSinger Omega Paul Picot Luminox
Shinola Brands A-Z
* Accessories
Accessories
ACCESSORIES
Handbags Home Decor Pens Sunglasses Shop All Accessories
WRITING
Ballpoint Rollerball Fountain
PRICE
Under $250 $250 - $1,000 $1,000 - $2,000 $2,000 & Up
BRANDS
Chopard Bottega Veneta Stella McCartney Montegrappa Dolce & Gabbana S.T.
Dupont Brands A-Z
* Collectors Corner
* Sale & Offers
Sale & Offers
SALE & OFFERS
Extra 25% Off Sitewide Clearance up to 80% Off
Account Favorites
Customer Service: 1 201 399 7339
CART (0)
Your cart is empty.
Shop All
Shop > Damiani
DAMIANI
Filters
Sort By
Featured
Best Selling
Price: High to Low
Price: Low to High
FILTERS (103)
Category
Bracelet
Brooch
Damiani
Earrings
Jewelry
Necklace
Ring
Brands
Damiani
Gemstones
0.87ct.tw. Diamond
Black Diamond, 0.12ct.twd.
Black Diamond, 0.40ct.twd.
Black Diamond, 0.68ct.twd.
Diamond
Diamond 0.01ct.tw.
Diamond, 0.01ct.
Diamond, 0.01ct. twd.
Diamond, 0.01ct.twd.
Diamond, 0.05ct. twd.
Diamond, 0.05ct.twd.
Diamond, 0.06ct.
Diamond, 0.10ct.twd.
Diamond, 0.11ct.twd.
Diamond, 0.14ct.twd.
Diamond, 0.15ct.twd.
Diamond, 0.17ct. twd.
Diamond, 0.17ct.twd., Onyx
Diamond, 0.18ct.twd.
Diamond, 0.19ct. tw.
Diamond, 0.19ct.twd.
Diamond, 0.23ct.twd., Blue Topaz
Diamond, 0.24ct.twd.
Diamond, 0.25ct. twd.
Diamond, 0.33ct.twd.
Diamond, 0.35ct. twd.
Diamond, 0.40ct. tw.
Diamond, 0.40ct.twd., Black Onyx
Diamond, 0.41ct. twd., Sapphire,0.59ct.tw.
Diamond, 0.44ct.twd.
Diamond, 0.45ct. twd.
Diamond, 0.45ct.twd.
Diamond, 0.46ct. twd.
Diamond, 0.48ct.twd.
Diamond, 0.49ct.twd.
Diamond, 0.49t.twd.
Diamond, 0.59ct.twd.
Diamond, 0.60ct.twd.
Diamond, 0.61ct. twd.
Diamond, 0.68ct.twd.
Diamond, 0.69ct.twd.
Diamond, 0.72ct.twd.
Diamond, 0.80ct.twd., Aquamarine, 0.56ct.tw.
Diamond, 0.81ct.twd.
Diamond, 0.82ct.twd.
Diamond, 0.84ct. twd.
Diamond, 0.95ct.twd.
Diamond, 1.00ct.twd.
Diamond, 1.04ct.twd.
Diamond, 1.09ct.twd.
Diamond, 1.10ct. twd.
Diamond, 1.17ct.twd.
Diamond, 1.27ct.twd.
Diamond, 1.37ct. tw.
Diamond, 2.00ct.twd.
Diamond, 2.04ct.twd.
Diamond, 2.95ct.twd.
Diamond, 3.05ct.twd.
Diamond, 4.00ct.twd.
Diamond,0.01ct.twd., Onyx
Diamonds 1.39ct.twd., Aquamarine
Green Peridot, Black Peridot
Onyx
Pearl
Sapphire
Sapphire, 0.69ct.tw., Diamond, 0.05ct.twd., Tahitian Pearl
Sunstone, Diamond, 0.01ct.
Tahitian Pearl, 9.5mm - 10mm, Diamond 0.42ct.twd.
Yellow, Topaz, Diamond, 0.32ct.twd.
Material
18K Rose Gold
18K White & Rose Gold
18K White Gold
18K White Gold, Enamel
18K Yellow Gold
18K Rose Gold, 18K White Gold
18K White Gold, 18K Rose Gold
18K White Gold, 18k Rose Gold
Ceramic, 18K Rose Gold
Platinum
Stainless Steel
Sterling Silver
Movement
Quartz
Color
Black, Gold
Black, White
Black, White, Gold
Blue, White
Gold
Gold, White
Pink, Gold
Rose
Rose, Black, Green
Rose, White
Silver
White
White Gold
White, Black
White, Blue
White, Gold
White, Gray
White, Rose
Yellow, Gold
Collection
Abbraccio
Bocciolo
Cuoremio
D Lace
D. Side
D.Side
Damianissima
Desiderio
Eden
Gourmette D
Incontro
Lace
Le Perle
Le Verette Dam
Minou
Notte Di San Lorenzo
Simboli
Sorgente D
Spicchi Di Luna
Spicchi Luna
Starlight
Via Lattea
Size
5
5.5
5.75
6
6.25
6.5
6.75
7
7.25
7.5
8
8.75
9.75
6"
6 3/4"
7"
7 1/4"
7 1/2"
5.5 (50.6)
6", 7 1/4"
7 (54.4)
7.25 (55.1)
7.5 (55.7)
Apply Filters (103) Clear All Filters
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Sorgente D 18K White Gold, Diamond 4.00ct. tw. Chandelier Earrings
$12,194 Retail Price: $34,839
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K White Gold, Diamond 1.90ct. tw. Pendant Necklace
$6,613 Retail Price: $18,894
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Via Lattea 18K White Gold, Diamond 1.98ct. tw. Statement Bangle
Bracelet
$13,933 Retail Price: $39,808
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Damianissima 18K White Gold Diamond Huggie Earrings
$4,167 Retail Price: $11,904
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K White Gold, Diamond Band Ring
$1,028 Retail Price: $2,936
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K White Gold, Diamond Band Ring
$3,460 Retail Price: $9,884
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Damianissima 18K White Gold, Diamond Band Ring
$3,666 Retail Price: $10,471
EXTRA 25% OFF automatically applied at checkout
Save 64%
*
Shop Now
Add to wishlist
Damiani
Damiani Damianissima 18K White & Rose Gold Brilliant Cut Diamond
$2,705 Retail Price: $7,727
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K White Gold and Enamel, Black Diamond Huggie Earrings
$3,742 Retail Price: $10,689
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K Yellow Gold and Yellow Ceramic, Diamond Snake Wrap Ring
$1,434 Retail Price: $4,096
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Notte Di San Lorenzo 18K White Gold, Diamond 1.17ct. tw. Statement
Ring
$6,613 Retail Price: $18,894
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Gourmette D 18K White Gold, Diamond 1.27ct. tw. Link Bracelet
$10,812 Retail Price: $27,030
EXTRA 25% OFF automatically applied at checkout
Save 60%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Notte Di San Lorenzo 18K White Gold, Diamond 1.00ct. tw. Huggie
Earrings
$6,743 Retail Price: $19,263
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Gourmette D 18K White Gold, Diamond 2.95ct. tw. Link Bracelet
$14,115 Retail Price: $40,327
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K White Gold, Diamond and Sapphire Huggie
$7,129 Retail Price: $20,368
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani D.Side 18K Rose Gold Diamond and Onyx Drop Earrings
$3,131 Retail Price: $8,942
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Spicchi di Luna 18K Rose Gold, Black Onyx and Diamond Dome Ring Sz.
$1,663 Retail Price: $4,751
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani 18K Rose Gold, Black Onyx Bangle Bracelet
$5,032 Retail Price: $14,375
EXTRA 25% OFF automatically applied at checkout
Save 64%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Damianissima 18K Rose Gold Rose Earrings
$1,753 Retail Price: $2,922
EXTRA 25% OFF automatically applied at checkout
Save 40%
* DESIGNER SALE
Shop Now
Add to wishlist
Damiani
Damiani Damianissima 18K Rose Gold and Ceramic Diamond Pendant Necklace
$1,979 Retail Price: $5,652
EXTRA 25% OFF automatically applied at checkout
Save 64%
Load More
* 1
* 2
* 3
* …
* 6
*
Join the mailing list for exclusive deals, offers and drops.
SUBMIT
SHOP
* By Brand
* Watches
* Fine Jewelry
* Accessories
* Flash Sale
* New Arrivals
COMPANY
* About Us
* Testimonials
* The Edit
* Privacy Policy
* Terms & Conditions
SUPPORT
* Contact Us
* Payment Options
* Shipping
* Returns & Refunds Policy
* Warranty
* Terms of Service
ACCOUNT
* Rewards Program
* Account
* Wishlist
CONCIERGE
1-201-399-7339
concierge@thesolist.com
Monday - Friday
9:30am-5:30pm EST
© 2024 DealRoomLLC
Site Credits
Design by Lustre
Development by Cardinal & Co.
This website uses cookies to ensure you get the best shopping experience. See
Info.
* Choosing a selection results in a full page refresh.
Did you know you can earn points for signing up, making purchases and more?
Learn more
×
✕ Last Call! Check out our clearance section up to 80% off Shop clearance
Perfect thank you! X "" has been copied to the clipboard
Shake To Reaveal Voucher [close] X Click me for great offers... Thanks... your
code is: X
My Wishlist0