hanifa.co
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: https://hanifa.smsb.co/89UdpA
Effective URL: https://hanifa.co/collections/comfort?utm_source=campaign&utm_medium=SMS&utm_campaign=comfort_q1_2024_4636989&wtba...
Submission: On February 12 via manual from CO — Scanned from DE
Effective URL: https://hanifa.co/collections/comfort?utm_source=campaign&utm_medium=SMS&utm_campaign=comfort_q1_2024_4636989&wtba...
Submission: On February 12 via manual from CO — Scanned from DE
Form analysis 7 forms found in the DOM
GET /search
<form class="my-6 section-x-padding" action="/search" method="get" role="search">
<div class="flex w-full max-w-xs items-end">
<label for="sidebar-search" class="visually-hidden">Search</label>
<input class="min-w-0 flex-auto bg-transparent border-current border-b-text placeholder-current py-1.5" id="sidebar-search" type="text" name="q" placeholder="Search">
<button class="px-1" type="submit">
<span class="inline-block w-5 h-5"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M10.533 17.438a6.968 6.968 0 01-6.96-6.96 6.968 6.968 0 016.96-6.96 6.968 6.968 0 016.96 6.96 6.968 6.968 0 01-6.96 6.96zm6.949-1.314a8.917 8.917 0 002.01-5.646c0-4.941-4.02-8.96-8.96-8.96-4.94 0-8.96 4.019-8.96 8.96 0 4.94 4.02 8.96 8.96 8.96 2.082 0 3.996-.72 5.52-1.916l4.962 4.96 1.415-1.413-4.947-4.945z">
</path>
</svg></span>
<span class="visually-hidden">Submit</span>
</button>
</div>
</form>POST /cart
<form action="/cart" method="post" class="relative overflow-y-auto flex-auto" novalidate="">
<div class="grid grid-cols-1 gap-gutter bg-border">
<template x-for="(item, index) in state.items" :key="item.key">
<div class="flex py-4 section-x-padding transition bg-primary-background" :class="{ 'opacity-50 cursor-wait': item.updating }" :data-cart-item-index="(index + 1)" :data-cart-item-key="item.key" data-cart-row="">
<template x-if="!(item.featured_image.url === null)">
<div class="flex-shrink-0 w-10 md:w-20 mr-4">
<a :href="item.url" class="block" aria-hidden="true" tabindex="-1">
<img class="w-full text-transparent" :src="getSizedImageUrl(item.featured_image.url, '110x')" :srcset="getCartImgSrcset(item.featured_image.url)" :width="item.featured_image.width" :height="item.featured_image.height" :alt="item.product_title" sizes="(min-width: 48em) 5rem, 3.5rem">
<pre x-text="item.featured_image.src"></pre>
</a>
</div>
</template>
<div class="flex-auto">
<a class="f--heading font-size--m md--up--font-size--l color--active-text" :href="item.url" x-text="item.product_title"></a>
<template x-if="item.variant_title">
<p class="text-sm" x-text="item.variant_title"></p>
</template>
<template x-if="item.selling_plan_allocation">
<p class="text-sm" x-text="item.selling_plan_allocation.selling_plan.name"></p>
</template>
<template x-for="property in flatProperties(item.properties)" :key="property.name">
<p class="text-sm">
<span x-text="property.name"></span>: <span x-text="property.value"></span>
</p>
</template>
<template x-if="item.line_level_discount_allocations.length">
<ul class="lg:hidden mt-1 text-sm text-primary-accent" aria-label="Discount">
<template x-for="allocation in item.line_level_discount_allocations">
<li class="">
<span x-text="allocation.discount_application.title"></span>
<span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
</li>
</template>
</ul>
</template>
<div class="flex mt-1 lg:mt-2 items-center">
<button class="w-6 p-1" data-qty-adjust="minus" @click.prevent="qtyAdjust($event, item)" :aria-label="'Remove one ' + item.title">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-minus" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M20 11v2H4v-2z"></path>
</svg>
</button>
<input type="text" name="updates[]" class="min-w-0 w-6 py-1 text-center text-sm border-b-text border-current bg-transparent" min="1" aria-label="Quantity" data-qty-input="" pattern="[0-9]*" data-qty-adjust="set"
@keyup.debounce.1000ms="keyupOnInput($event)" @change="qtyAdjust($event, item)" x-model.number="item.quantity" autocomplete="off">
<button class="w-6 p-1" data-qty-adjust="plus" @click.prevent="qtyAdjust($event, item)" :aria-label="'Add one ' + item.title">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-plus" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M20 11v2h-7v7h-2v-7H4v-2h7V4h2v7z"></path>
</svg>
</button>
</div>
<button class="none lg:inline-block mt-1 lg:mt-2 text-sm" data-qty-adjust="remove" @click.prevent="qtyAdjust($event, item)">
<small>Remove </small>
<span class="visually-hidden" x-text="item.title"></span>
</button>
</div>
<div class="ml-1 text-right">
<template x-if="item.line_level_discount_allocations.length">
<div>
<span class="visually-hidden">Regular price</span>
<del class="line-through" x-html="formatMoney(item.original_price)"></del>
<span class="visually-hidden">Sale price</span>
<span class="" x-html="formatMoney(item.final_line_price)"></span>
</div>
</template>
<template x-if="!item.line_level_discount_allocations.length">
<span class="" x-html="formatMoney(item.final_line_price)"></span>
</template>
<template x-if="item.unit_price_measurement">
<div class="text-xs">
<span x-html="formatMoney(item.unit_price)"></span> / <span x-text="item.unit_price_measurement.reference_value"></span>
<span x-text="item.unit_price_measurement.reference_unit"></span>
</div>
</template>
<template x-if="item.line_level_discount_allocations.length">
<ul class="hidden lg:block mt-1 text-sm text-primary-accent" aria-label="Discount">
<template x-for="allocation in item.line_level_discount_allocations">
<li class="">
<span x-text="allocation.discount_application.title"></span>
<span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
</li>
</template>
</ul>
</template>
</div>
</div>
</template>
</div>
<!--BEAM START-->
<script type="module" async="" crossorigin="" data-categories="analytics" src="https://production-beam-widgets.beamimpact.com/web-sdk/v1.16.0/dist/components/select-nonprofit.esm.js"></script>
<div id="beamContainer" style="padding:10px 15px 10px 15px; border-top:1.2px solid #000">
<beam-select-nonprofit apikey="chqJbGhCEWU1.80f0bed9-a6d2-4f55-a4b3-f1e38d3a5078" chainid="249" storeid="403" baseurl="https://production-central-backend-ne.beamimpact.com" class="custom"> Select a nonprofit </beam-select-nonprofit>
</div>
<!--BEAM END-->
<div class="bottom-0 py-4 section-x-padding bg-primary-background border-t-grid border-grid-color">
<div :class="{ 'opacity-50 cursor-wait': updating }">
<template x-if="state.cart_level_discount_applications.length" x-for="application in state.cart_level_discount_applications">
<p class="flex justify-between text-primary-accent">
<span class="visually-hidden">Discount</span>
<span x-text="application.title"></span>
<span class="ml-2" x-html="formatMoney(application.total_allocated_amount)"></span>
</p>
</template>
<p class="flex justify-between">
<span>Subtotal</span>
<span class="ml-2" x-html="formatMoney(state.total_price)"></span>
</p>
<p class="my-2 md:my-4 text-sm accent-links-primary text-right"> Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout </p>
<div class="text-right">
<div>
<input type="submit" name="checkout" class="cursor-pointer py-2 px-4 w-full bg-primary-text text-primary-text-overlay hover:bg-primary-accent hover:text-primary-accent-overlay border-primary-text hover:border-primary-accent border-text"
:disabled="updating" value="Check out">
</div>
</div>
</div>
</div>
</form>GET /search
<form action="/search" method="get" class="input-group search" role="search">
<label for="search" class="hidden">Submit</label>
<div class="flex items-center justify-between">
<button class="py-2 mr-4" aria-label="Submit" type="submit">
<span class="inline-block w-5 h-5 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M10.533 17.438a6.968 6.968 0 01-6.96-6.96 6.968 6.968 0 016.96-6.96 6.968 6.968 0 016.96 6.96 6.968 6.968 0 01-6.96 6.96zm6.949-1.314a8.917 8.917 0 002.01-5.646c0-4.941-4.02-8.96-8.96-8.96-4.94 0-8.96 4.019-8.96 8.96 0 4.94 4.02 8.96 8.96 8.96 2.082 0 3.996-.72 5.52-1.916l4.962 4.96 1.415-1.413-4.947-4.945z">
</path>
</svg></span>
<span class="visually-hidden">Submit</span>
</button>
<input x-ref="searchInput" id="search" type="text" name="q" value="" placeholder="Search" class="placeholder-current font-body w-full block bg-transparent" aria-label="Search" data-search-input="">
<button class="py-2 ml-4" @click="searchOpen = false" type="button">
<span class="visually-hidden">Close</span>
<span class="inline-block w-5 h-5 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586z"></path>
</svg></span>
</button>
</div>
</form>GET /search
<form action="/search" method="get" class="input-group search" role="search">
<label for="search" class="hidden">Submit</label>
<div class="flex items-center justify-between">
<button class="py-2 mr-4" aria-label="Submit" type="submit">
<span class="inline-block w-5 h-5 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M10.533 17.438a6.968 6.968 0 01-6.96-6.96 6.968 6.968 0 016.96-6.96 6.968 6.968 0 016.96 6.96 6.968 6.968 0 01-6.96 6.96zm6.949-1.314a8.917 8.917 0 002.01-5.646c0-4.941-4.02-8.96-8.96-8.96-4.94 0-8.96 4.019-8.96 8.96 0 4.94 4.02 8.96 8.96 8.96 2.082 0 3.996-.72 5.52-1.916l4.962 4.96 1.415-1.413-4.947-4.945z">
</path>
</svg></span>
<span class="visually-hidden">Submit</span>
</button>
<input x-ref="searchInput" id="search" type="text" name="q" value="" placeholder="Search" class="placeholder-current font-body w-full block bg-transparent" aria-label="Search" data-search-input="">
<button class="py-2 ml-4" @click="searchOpen = false" type="button">
<span class="visually-hidden">Close</span>
<span class="inline-block w-5 h-5 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586z"></path>
</svg></span>
</button>
</div>
</form><form id="CollectionFiltersForm" @submit.prevent="filterFormSubmit" class="relative flex justify-between items-center py-2 section-x-padding border-b-grid border-grid-color">
<div class="">
<div class="flex items-center justify-start">
<button type="button" id="filterToggle" x-ref="filter" class="py-2 hover:text-primary-accent flex items-center uppercase" x-bind:aria-expanded="filtersOpen? true: 'false'" @click="filtersOpen = !filtersOpen" aria-controls="filters"
aria-expanded="false"> Filter <span class="w-3 h-3 ml-1 inline-block" x-show="!filtersOpen"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-plus" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M20 11v2h-7v7h-2v-7H4v-2h7V4h2v7z"></path>
</svg></span>
<span class="w-3 h-3 ml-1 inline-block" x-show="filtersOpen" style="display: none;"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-minus" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M20 11v2H4v-2z"></path>
</svg></span>
</button>
</div>
<div id="filters" class="py-theme z-20 bg-primary-background text-primary-text border-t-grid border-grid-color absolute w-full left-0 bottom-0 transform translate-y-full-with-border border-b-grid" x-show="filtersOpen"
x-transition:enter="transition ease duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-00" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" data-collection-dropdown="" @focusout="focusOut($event, 'filtersOpen')" @click.away.prevent="clickAway($event, 'filtersOpen')" style="display: none;">
<div class="section-x-padding">
<div class="md:flex flex-wrap -mt-theme -mx-8">
<div class="js-filter mt-theme px-8" data-index="1">
<h3 class="font-heading">Availability </h3>
<ul class="mt-2 space-y-1">
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.availability" value="1" @input.debounce="filterFormSubmit" id="Filter-Availability-1">
<label for="Filter-Availability-1" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> In stock </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.availability" value="0" @input.debounce="filterFormSubmit" id="Filter-Availability-2">
<label for="Filter-Availability-2" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Out of stock </label>
</li>
</ul>
<noscript>
<div class="mt-4">
<input class="cursor-pointer px-8 py-2 bg-primary-text text-primary-text-overlay hover:bg-primary-accent hover:text-primary-accent-overlay border-primary-text hover:border-primary-accent border-text" type="submit" value="Apply">
</div>
</noscript>
</div>
<div class="js-filter mt-theme px-8" data-index="2">
<h3 class="font-heading">Color </h3>
<ul class="mt-2 space-y-1">
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Black" @input.debounce="filterFormSubmit" id="Filter-Color-1">
<label for="Filter-Color-1" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Black </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Chartreuse" @input.debounce="filterFormSubmit" id="Filter-Color-2">
<label for="Filter-Color-2" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Chartreuse </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Cream" @input.debounce="filterFormSubmit" id="Filter-Color-3">
<label for="Filter-Color-3" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Cream </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Gray" @input.debounce="filterFormSubmit" id="Filter-Color-4">
<label for="Filter-Color-4" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Gray </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Grey" @input.debounce="filterFormSubmit" id="Filter-Color-5">
<label for="Filter-Color-5" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Grey </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="Sage Gray" @input.debounce="filterFormSubmit" id="Filter-Color-6">
<label for="Filter-Color-6" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Sage Gray </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.color" value="White" @input.debounce="filterFormSubmit" id="Filter-Color-7">
<label for="Filter-Color-7" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> White </label>
</li>
</ul>
<noscript>
<div class="mt-4">
<input class="cursor-pointer px-8 py-2 bg-primary-text text-primary-text-overlay hover:bg-primary-accent hover:text-primary-accent-overlay border-primary-text hover:border-primary-accent border-text" type="submit" value="Apply">
</div>
</noscript>
</div>
<div class="js-filter mt-theme px-8" data-index="3">
<h3 class="font-heading">Size </h3>
<ul class="mt-2 space-y-1">
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="XS" @input.debounce="filterFormSubmit" id="Filter-Size-1">
<label for="Filter-Size-1" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> XS </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="S" @input.debounce="filterFormSubmit" id="Filter-Size-2">
<label for="Filter-Size-2" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> S </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="M" @input.debounce="filterFormSubmit" id="Filter-Size-3">
<label for="Filter-Size-3" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> M </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="L" @input.debounce="filterFormSubmit" id="Filter-Size-4">
<label for="Filter-Size-4" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> L </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="XL" @input.debounce="filterFormSubmit" id="Filter-Size-5">
<label for="Filter-Size-5" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> XL </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="1XL" @input.debounce="filterFormSubmit" id="Filter-Size-6">
<label for="Filter-Size-6" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> 1XL </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="2XL" @input.debounce="filterFormSubmit" id="Filter-Size-7">
<label for="Filter-Size-7" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> 2XL </label>
</li>
<li class="flex justify-start items-center" "="">
<input type=" checkbox" class="visually-hidden filter-checkbox custom-input" name="filter.v.option.size" value="3XL" @input.debounce="filterFormSubmit" id="Filter-Size-8">
<label for="Filter-Size-8" class="cursor-pointer uppercase flex items-center hover:text-primary-accent">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> 3XL </label>
</li>
</ul>
<noscript>
<div class="mt-4">
<input class="cursor-pointer px-8 py-2 bg-primary-text text-primary-text-overlay hover:bg-primary-accent hover:text-primary-accent-overlay border-primary-text hover:border-primary-accent border-text" type="submit" value="Apply">
</div>
</noscript>
</div>
</div>
</div>
</div>
</div>
<div class="flex lg:ml-auto items-center self-start">
<button type="button" x-ref="sort" class="py-2 hover:text-primary-accent flex items-center uppercase" x-bind:aria-expanded="sortOpen? true: 'false'" @click="sortOpen = !sortOpen" aria-controls="sort" aria-expanded="false"> Sort <span
class="w-3 h-3 ml-1 inline-block transform origin-center rotate" :class="{'rotate-180': sortOpen }"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 16.596L4.222 8.818l1.414-1.414L12 13.768l6.364-6.364 1.414 1.414z"></path>
</svg></span>
</button>
<div id="sort" class="py-theme z-20 bg-primary-background text-primary-text border-t-grid border-grid-color absolute w-full left-0 bottom-0 transform translate-y-full border-b-grid" x-show="sortOpen"
x-transition:enter="transition ease duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-00" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" data-collection-dropdown="" @focusout="focusOut($event, 'sortOpen')" @click.away.prevent="clickAway($event, 'sortOpen')" style="display: none;">
<div class="section-x-padding flex justify-end">
<div class="js-filter" data-index="sort">
<ul class="space-y-1">
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="manual" @input.debounce="filterFormSubmit" id="Sort-Featured-1" checked="">
<label for="Sort-Featured-1" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Featured </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="best-selling" @input.debounce="filterFormSubmit" id="Sort-Best selling-2">
<label for="Sort-Best selling-2" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Best selling </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="title-ascending" @input.debounce="filterFormSubmit" id="Sort-Alphabetically, A-Z-3">
<label for="Sort-Alphabetically, A-Z-3" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Alphabetically, A-Z </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="title-descending" @input.debounce="filterFormSubmit" id="Sort-Alphabetically, Z-A-4">
<label for="Sort-Alphabetically, Z-A-4" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Alphabetically, Z-A </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="price-ascending" @input.debounce="filterFormSubmit" id="Sort-Price, low to high-5">
<label for="Sort-Price, low to high-5" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Price, low to high </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="price-descending" @input.debounce="filterFormSubmit" id="Sort-Price, high to low-6">
<label for="Sort-Price, high to low-6" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Price, high to low </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="created-ascending" @input.debounce="filterFormSubmit" id="Sort-Date, old to new-7">
<label for="Sort-Date, old to new-7" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Date, old to new </label>
</li>
<li class="flex justify-start items-center">
<input type="radio" class="visually-hidden filter-checkbox custom-input" name="sort_by" value="created-descending" @input.debounce="filterFormSubmit" id="Sort-Date, new to old-8">
<label for="Sort-Date, new to old-8" class="cursor-pointer capitalize flex items-center hover:text-primary-accent ">
<span class="w-2 h-2 mr-1 inline-block rounded-full border-checkbox border-current"></span> Date, new to old </label>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><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/comfort?utm_source=campaign&utm_medium=SMS&utm_campaign=comfort_q1_2024_4636989&wtbap=NTczMTgzODc1NDM1">
<div class="inline-block">
<h2 class="visually-hidden" id="currency-heading"> Currency </h2>
<div class="relative" data-disclosure-currency="">
<button type="button" class="text-sm border-b-text border-footer-text py-1" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle=""> EUR €<span
class="inline-block ml-1 w-3 fill-current">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 16.596L4.222 8.818l1.414-1.414L12 13.768l6.364-6.364 1.414 1.414z"></path>
</svg>
</span>
</button>
<ul id="currency-list" class="disclosure-list absolute bg-footer-background opacity-0 top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity border-text border-theme-color py-2" data-disclosure-list="" inert="" aria-hidden="true">
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AED" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AED د.إ</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AFN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AFN ؋</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="ALL" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">ALL L</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AMD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AMD դր.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="ANG" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">ANG ƒ</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AUD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AUD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AWG" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AWG ƒ</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="AZN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">AZN ₼</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BAM" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BAM КМ</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BBD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BBD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BDT" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BDT ৳</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BGN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BGN лв.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BIF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BIF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BND" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BND $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BOB" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BOB Bs.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BSD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BSD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BWP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BWP P</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="BZD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">BZD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CAD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CAD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CDF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CDF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CHF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CHF CHF</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CNY" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CNY ¥</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CRC" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CRC ₡</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CVE" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CVE $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="CZK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">CZK Kč</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="DJF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">DJF Fdj</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="DKK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">DKK kr.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="DOP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">DOP $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="DZD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">DZD د.ج</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="EGP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">EGP ج.م</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="ETB" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">ETB Br</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" aria-current="true" data-value="EUR" data-disclosure-option="" tabindex="-1">
<span class="border-footer-text border-b-text">EUR €</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="FJD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">FJD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="FKP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">FKP £</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="GBP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">GBP £</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="GMD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">GMD D</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="GNF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">GNF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="GTQ" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">GTQ Q</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="GYD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">GYD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="HKD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">HKD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="HNL" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">HNL L</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="HUF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">HUF Ft</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="IDR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">IDR Rp</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="ILS" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">ILS ₪</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="INR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">INR ₹</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="ISK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">ISK kr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="JMD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">JMD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="JPY" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">JPY ¥</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KES" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KES KSh</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KGS" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KGS som</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KHR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KHR ៛</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KMF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KMF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KRW" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KRW ₩</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KYD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KYD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="KZT" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">KZT 〒</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="LAK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">LAK ₭</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="LBP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">LBP ل.ل</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="LKR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">LKR ₨</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MAD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MAD د.م.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MDL" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MDL L</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MKD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MKD ден</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MMK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MMK K</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MNT" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MNT ₮</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MOP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MOP P</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MUR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MUR ₨</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MVR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MVR MVR</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MWK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MWK MK</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="MYR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">MYR RM</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="NGN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">NGN ₦</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="NIO" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">NIO C$</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="NPR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">NPR ₨</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="NZD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">NZD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PEN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PEN S/.</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PGK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PGK K</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PHP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PHP ₱</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PKR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PKR ₨</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PLN" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PLN zł</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="PYG" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">PYG ₲</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="QAR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">QAR ر.ق</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="RON" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">RON Lei</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="RSD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">RSD РСД</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="RWF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">RWF FRw</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SAR" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SAR ر.س</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SBD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SBD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SEK" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SEK kr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SGD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SGD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SHP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SHP £</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="SLL" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">SLL Le</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="STD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">STD Db</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="THB" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">THB ฿</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TJS" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TJS ЅМ</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TOP" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TOP T$</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TRY" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TRY ₺</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TTD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TTD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TWD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TWD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="TZS" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">TZS Sh</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="UAH" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">UAH ₴</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="UGX" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">UGX USh</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="USD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">USD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="UYU" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">UYU $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="UZS" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">UZS </span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="VND" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">VND ₫</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="VUV" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">VUV Vt</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="WST" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">WST T</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="XAF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">XAF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="XCD" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">XCD $</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="XOF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">XOF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="XPF" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">XPF Fr</span>
</a>
</li>
<li class="text-sm w-20">
<a class="block p-2" href="#" data-value="YER" data-disclosure-option="" tabindex="-1">
<span class="border-transparent border-b-text">YER ﷼</span>
</a>
</li>
</ul>
<input type="hidden" name="currency_code" id="CurrencySelector" value="EUR" data-disclosure-input="">
</div>
</div>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Ru53Aw" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/XMjJM3/images/402744d8-7bc5-46f8-9a36-152d4faaedff.jpeg"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; padding: 20px; 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: 240px 200px 0px; position: relative; background-color: rgba(255, 255, 255, 0); 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_99634309" class="needsclick go1459351510 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: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Beautiful_Delicious_Sans_Bold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0); border: 1px solid rgb(16, 16, 16);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<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: 10px 200px; position: relative; flex: 1 0 0px;"><button
class="needsclick go1505117110 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(0, 0, 0); border-radius: 4px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Beautiful_Delicious_Sans_Bold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 54px; width: 100%;">SIGN
UP</button></div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
x
--------------------------------------------------------------------------------
by Timesact
Skip to content
Menu
Close
* Shop
* New
* Tops
* Bottoms
* Dresses
* Jumpsuits
* Knitwear
* Jewelry
* Footwear
* Gift Card
* SALE
* Collections
* Comfort
* V-Day Edit
* Bridal
* FW23
* SS23 II
* SS23 I
* The Brand
* About
* Hanifa Dream
* Careers
* Search
* Size Chart
* Returns
* Careers
* Contact Us
* Log in
* Create account
Search Submit
* Twitter
* Instagram
* TikTok
* YouTube
YOUR CART - 0 ITEMS
Close
Your cart is currently empty.
Enable cookies to use the shopping cart
:
−
Remove
Regular price Sale price
/
−
Select a nonprofit
Discount
Subtotal
Taxes and shipping calculated at checkout
Close
* Shop
* New
* Tops
* Bottoms
* Dresses
* Jumpsuits
* Knitwear
* Jewelry
* Footwear
* Gift Card
* SALE
* Collections
* Comfort
* V-Day Edit
* Bridal
* FW23
* SS23 II
* SS23 I
* The Brand
* About
* Hanifa Dream
* Careers
Log in
Search
Submit
Submit Close
0 items
Menu
Search
Submit
Submit Close
0 items
1. Home
2. /
3. Comfort
Hanifa Comfort is an ode to duality. Where comfort meets style, and versatility
allows you to effortlessly transition from the comfort of your home to a casual
outing. Curate your look from Hanifa's closet of cozy fabrics, relaxed
silhouettes, and comfortable designs for a renewed vision of everyday comfort
pieces. Mix and match seamlessly with our previous collections, or our new
comfort drops on the way!
Filter
AVAILABILITY
* In stock
* Out of stock
COLOR
* Black
* Chartreuse
* Cream
* Gray
* Grey
* Sage Gray
* White
SIZE
* XS
* S
* M
* L
* XL
* 1XL
* 2XL
* 3XL
Sort
* Featured
* Best selling
* Alphabetically, A-Z
* Alphabetically, Z-A
* Price, low to high
* Price, high to low
* Date, old to new
* Date, new to old
* Kyli Maxi Dress
€74,95
Kyli Maxi Dress
Ultra Soft Double Layered Bamboo Jersey
€74,95
* Courtni Hoodie
€121,95
Courtni Hoodie
French Terry
€121,95
* Zuri Slit Sweatshirt
€112,95
Zuri Slit Sweatshirt
Soft Cotton
€112,95
* Syd Crop Top
€93,95
Syd Crop Top
Ultra Soft Bamboo Double Layered Jersey
€93,95
* Camille Ruched Mini Skirt
€83,95
Camille Ruched Mini Skirt
Ultra Soft Double Layered Bamboo Jersey
€83,95
* Lana Footed Leggings
€67,95
Lana Footed Leggings
Comfort Stretch
€67,95
* Courtni Flare Sweatpants
€112,95
Courtni Flare Sweatpants
French Terry
€112,95
* Kelli Knit Pants
€93,95
Kelli Knit Pants
Ultra Soft Knitwear
€93,95
* Riley Flare Pants
€65,95
Riley Flare Pants
Ultra Soft Double Layered Bamboo Jersey
€65,95
* Tori Fitted Tee
€55,95
Tori Fitted Tee
Ultra Soft Bamboo Jersey Fabric
€55,95
* Kelli Knit Top
€93,95
Kelli Knit Top
Ultra Soft Knitwear
€93,95
* Jordyn Maxi Skirt
€130,95
Jordyn Maxi Skirt
Ultra Soft Double Layered Bamboo Jersey
€130,95
* Camille Ruched Skirt
€65,95
Camille Ruched Skirt
€65,95
* Alex Ribbed Set
€89,95
Alex Ribbed Set
€89,95
* Claire Knit Maxi
€93,95
Claire Knit Maxi
€93,95
* Lori Corset
€70,95
Lori Corset
€70,95
*
* page 1
* page 2
* Next →
HANIFA MENU
* Search
* Size Chart
* Returns
* Careers
* Contact Us
LEGAL
* Privacy Policy
* Terms of Service
POLICIES
* Refund Policy
* Shipping Policy
* Store Policies
* FAQs
* Bridal FAQ
SOCIALS
* Twitter
* Instagram
* TikTok
* YouTube
© 2024, Hanifa.
CURRENCY
EUR €
* AED د.إ
* AFN ؋
* ALL L
* AMD դր.
* ANG ƒ
* AUD $
* AWG ƒ
* AZN ₼
* BAM КМ
* BBD $
* BDT ৳
* BGN лв.
* BIF Fr
* BND $
* BOB Bs.
* BSD $
* BWP P
* BZD $
* CAD $
* CDF Fr
* CHF CHF
* CNY ¥
* CRC ₡
* CVE $
* CZK Kč
* DJF Fdj
* DKK kr.
* DOP $
* DZD د.ج
* EGP ج.م
* ETB Br
* EUR €
* FJD $
* FKP £
* GBP £
* GMD D
* GNF Fr
* GTQ Q
* GYD $
* HKD $
* HNL L
* HUF Ft
* IDR Rp
* ILS ₪
* INR ₹
* ISK kr
* JMD $
* JPY ¥
* KES KSh
* KGS som
* KHR ៛
* KMF Fr
* KRW ₩
* KYD $
* KZT 〒
* LAK ₭
* LBP ل.ل
* LKR ₨
* MAD د.م.
* MDL L
* MKD ден
* MMK K
* MNT ₮
* MOP P
* MUR ₨
* MVR MVR
* MWK MK
* MYR RM
* NGN ₦
* NIO C$
* NPR ₨
* NZD $
* PEN S/.
* PGK K
* PHP ₱
* PKR ₨
* PLN zł
* PYG ₲
* QAR ر.ق
* RON Lei
* RSD РСД
* RWF FRw
* SAR ر.س
* SBD $
* SEK kr
* SGD $
* SHP £
* SLL Le
* STD Db
* THB ฿
* TJS ЅМ
* TOP T$
* TRY ₺
* TTD $
* TWD $
* TZS Sh
* UAH ₴
* UGX USh
* USD $
* UYU $
* UZS
* VND ₫
* VUV Vt
* WST T
* XAF Fr
* XCD $
* XOF Fr
* XPF Fr
* YER ﷼
* Choosing a selection results in a full page refresh.
* Press the space key then arrow keys to make a selection.
×
Close dialog 1
SIGN UP
×
Become a Text Subscriber
undefined
undefined
undefined
Get notified when back in stock
Subscribe