<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://marrakshilife.com/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Marrakshi Life | Handwoven, to order in our Marrakech Atelier
</title>
<meta name="description" content="WE ARE AN ATELIER + BRAND BASED IN MARRAKECH. WORKING EXCLUSIVELY WITH FABRICS HAND-WOVEN BY OUR IN-HOUSE TEAM OF ARTISANS. FOCUSING ON ZERO WASTE, SUSTAINABLE PRACTICES. - GENDER NEUTRAL SLOW FASHION">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="8C0MtUnnmQQQTo7_8Gnzi16ornBqcG-Ri2H1tvJR3AI">
<meta name="facebook-domain-verification" content="trezqwjodi2jpas7caoujy2klwfz1z">
<meta name="facebook-domain-verification" content="nlr7fn1i3ww4f8u36vghfebem6gj43">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/5984682054/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="383b0a6841ed20ea45efec4f5047f601">
<meta id="in-context-paypal-metadata" data-shop-id="5984682054" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" hreflang="x-default" href="https://marrakshilife.com/">
<link rel="alternate" hreflang="en-US" href="https://marrakshilife.com/">
<link rel="alternate" hreflang="fr-US" href="https://marrakshilife.com/fr">
<link rel="alternate" hreflang="it-US" href="https://marrakshilife.com/it">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=5984682054" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":5984682054,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/5984682054","merchantName":"Marrakshi Life","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Marrakshi Life","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"383b0a6841ed20ea45efec4f5047f601","betas":["rich-media-storefront-analytics"],"domain":"marrakshilife.com","predictiveSearch":true,"shopId":5984682054,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "marrakshilife.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"HIGH SUMMER 2025","id":150019309782,"schema_name":"Exhibit","schema_version":"1.0.5","theme_store_id":1828,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "marrakshilife.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-button":["modules/v2/client.shop-button_DsS2gQ21.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CwUDodc0.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BsZlKz0R.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CMLvmVsJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"pay-button":["modules/v2/client.pay-button_C64RFEk9.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DrfsiAOm.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_ChDA4NOJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_jsb1pBzE.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CwjbD0mp.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DX02P6JM.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_ZnXgW2Xv.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DrPKYhJT.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Cvbujjsn.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DfpGCvUy.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"]};
</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/www.po82trk.com\/scripts\/shopify\/click.js?nid=716\u0026intid=4\u0026shop=marrakshilife.myshopify.com","\/\/d1liekpayvooaz.cloudfront.net\/apps\/coin\/coin.js?shop=marrakshilife.myshopify.com","https:\/\/lay-buys.com\/js\/laybuys-advert.js?shop=marrakshilife.myshopify.com","\/\/www.powr.io\/powr.js?powr-token=marrakshilife.myshopify.com\u0026external-type=shopify\u0026shop=marrakshilife.myshopify.com","https:\/\/trustbadge.shopclimb.com\/files\/js\/dist\/trustbadge.min.js?shop=marrakshilife.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":5984682054,"offset":3600,"reqid":"120a413a-c6b1-47c5-9e90-c5827edb1642-1747002589","pageurl":"marrakshilife.com\/","u":"df7faadad6d0","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//marrakshilife.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//marrakshilife.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<link rel="stylesheet" media="screen" href="https://marrakshilife.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 240px;
}
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<meta property="og:site_name" content="Marrakshi Life">
<meta property="og:url" content="https://marrakshilife.com/">
<meta property="og:title" content="Marrakshi Life | Handwoven, to order in our Marrakech Atelier">
<meta property="og:type" content="website">
<meta property="og:description" content="WE ARE AN ATELIER + BRAND BASED IN MARRAKECH. WORKING EXCLUSIVELY WITH FABRICS HAND-WOVEN BY OUR IN-HOUSE TEAM OF ARTISANS. FOCUSING ON ZERO WASTE, SUSTAINABLE PRACTICES. - GENDER NEUTRAL SLOW FASHION"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Marrakshi Life | Handwoven, to order in our Marrakech Atelier">
<meta name="twitter:description" content="WE ARE AN ATELIER + BRAND BASED IN MARRAKECH. WORKING EXCLUSIVELY WITH FABRICS HAND-WOVEN BY OUR IN-HOUSE TEAM OF ARTISANS. FOCUSING ON ZERO WASTE, SUSTAINABLE PRACTICES. - GENDER NEUTRAL SLOW FASHION">
<script>
window.THEMENAME = 'SUBSTRUCT';
window.THEMEVERSION = '0.1.0';
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
window.theme = {
strings: {
loading: "Loading",
itemCountOne: "{{ count }} item",
itemCountOther: "{{ count }} items",
addToCart: "Add to Cart",
soldOut: "Sold Out",
unavailable: "Unavailable",
regularPrice: "Regular price",
salePrice: "Sale price",
sale: "On Sale",
unitPrice: "Unit price",
unitPriceSeparator: "per",
cartEmpty: "Your cart is currently empty.",
cartCookies: "Enable cookies to use the shopping cart",
update: "Update Cart",
quantity: "Quantity",
discountedTotal: "Discounted total",
regularTotal: "Regular total",
priceColumn: "See Price column for discount details.",
addedToCart: "Added to Cart!",
cartError: "There was an error while updating your cart. Please try again.",
cartAddError: "All {{ title }} are in your cart."
},
routes: {
root_url: "\/",
predictive_search_url: "\/search\/suggest",
cart_url: "\/cart",
cart_add_url: "\/cart\/add",
cart_change_url: "\/cart\/change",
cart_update_url: "\/cart\/update",
cart_clear_url: "\/cart\/clear",
},
moneyFormat: "\u003cspan class=money\u003e${{amount}}\u003c\/span\u003e",
moneyWithCurrencyFormat: "\u003cspan class=money\u003e${{amount}} USD\u003c\/span\u003e",
get defaultMoneyFormat() {
return this.moneyWithCurrencyFormat;
},
cartItemCount: 0,
settings: {
cart_type: "drawer",
open_drawer_on_add_to_cart: true
},
info: {
name: 'Substruct',
}
};
</script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/utils.js?v=14231186701726936911746381720" defer></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/polyfills-inert.bundle.min.js?v=9775187524458939151746381706"
type="module"
></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/global.bundle.min.js?v=97586171635692478871746381697"
type="module"
></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/quantity-stepper.js?v=100736204299696274221746381711"
type="module"
></script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/cart-items.js?v=50530010457349698261746381693" type="module"></script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/cart-footer.js?v=92483396784368349501746381692" type="module"></script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/cart-note.js?v=176790727134936207331746381693" type="module"></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/vendor-cart.bundle.min.js?v=15289088482190403031746381721"
type="module"
></script>
<script>
window.onYouTubeIframeAPIReady = () => {
document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready'));
};
</script><style id="generated-critical-css">
.flex>.break-words,.flex>.rte,.flex>.rte *{min-width:40%}.dynamic-payment-buttons .shopify-payment-button__button--hidden{display:none}.wrapper{max-width:var(--max-site-width)}.grid-wrapper,.wrapper{margin-left:auto;margin-right:auto;padding-left:var(--wrapper-left-and-right-margin);padding-right:var(--wrapper-left-and-right-margin)}.grid-wrapper{max-width:var(--max-grid-width)}.flex{display:flex}[data-shopify-xr-hidden]{display:none}
</style>
<link
rel='preload'
as='font'
href='//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f9a2695e229ba9183051b775e47d90bdcf60ddc7fa5e388e57fe9d054e90cac4'
type='font/woff2'
crossorigin
>
<link
rel='preload'
as='font'
href='//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f9a2695e229ba9183051b775e47d90bdcf60ddc7fa5e388e57fe9d054e90cac4'
type='font/woff2'
crossorigin
>
<style data-shopify>
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f9a2695e229ba9183051b775e47d90bdcf60ddc7fa5e388e57fe9d054e90cac4") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=9d8af1cea054fd5e169527784ec9da142b1ed96e34293f64c6886aa2dcf59b65") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f9a2695e229ba9183051b775e47d90bdcf60ddc7fa5e388e57fe9d054e90cac4") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=9d8af1cea054fd5e169527784ec9da142b1ed96e34293f64c6886aa2dcf59b65") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a340389ef880e5f57790057fbc1d5243ffd3bf98a7a63f525e57e54e2c6c3d33") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=0b999028b189ffb957358c2312097eb605df7ff33326187e49fab18e143f3dbb") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f512bfb0ae446d98eeec88bcb6b5143e6853933b3cd7de905c9d81af41a6dae5") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5abfe68afed0017eae3b0b78d0a6221c5a6144596a098a3c0326f6058e68f176") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5aea377f94b3634683f82c0b5e641da5beef52e007c850f9a7d78d0dad28775e") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=9f0971746754037195b5bdd7039933971158b76fe61d9039d184ea58c68e0176") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=a340389ef880e5f57790057fbc1d5243ffd3bf98a7a63f525e57e54e2c6c3d33") format("woff2"),
url("//marrakshilife.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=bWFycmFrc2hpbGlmZS5jb20&h2=bWFycmFrc2hpbGlmZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=0b999028b189ffb957358c2312097eb605df7ff33326187e49fab18e143f3dbb") format("woff");
}
</style>
<style>
:root {
--payment-button-height: 48px;
--section-x-padding: 1.25rem;
--transparent: transparent;
--sidebar-width: 0px;
--main-section-column-start: 1;
--main-grid-layout: auto;
--icon-thickness: 1;
--theme-row-gap-mobile: 1.5rem;
--theme-col-gap-mobile: 1.5rem;
--theme-row-gap-desktop: 3.0rem;
--theme-col-gap-desktop: 3.0rem;
--theme-row-gap: var(--theme-row-gap-mobile);
--theme-col-gap: var(--theme-col-gap-mobile);
--theme-gap: var(--theme-row-gap-mobile) var(--theme-col-gap-mobile);
--media-grid-row-gap-mobile: 0.75rem;
--media-grid-col-gap-mobile: 0.75rem;
--media-grid-row-gap-desktop: 1.5rem;
--media-grid-col-gap-desktop: 1.5rem;
--media-grid-row-gap: var(--media-grid-row-gap-mobile);
--media-grid-col-gap: var(--media-grid-col-gap-mobile);
--media-grid-gap: var(--media-grid-row-gap-mobile) var(--media-grid-col-gap-mobile);
--section-vertical-spacing-desktop: 3.75rem;
--section-vertical-spacing-mobile: 42px;
--section-vertical-spacing: var(--section-vertical-spacing-mobile);
--spacer: 1rem;
--mobile-left-and-right-margin: 0.75rem;
--desktop-left-and-right-margin: 2.0rem;
--wrapper-left-and-right-margin: var(--mobile-left-and-right-margin);--section-title-col-span: 4;
--section-content-col-span: 6;--max-site-width: 100%;
--max-grid-width: 100%;
--section-container-left-and-right-margin: 0;
--main-font-stack: Montserrat, sans-serif;
--main-font-weight: 400;
--main-font-style: normal;
--heading-font-stack: Montserrat, sans-serif;
--heading-font-weight: 400;
--heading-font-style: normal;
--heading-line-height: 1;
--heading-text-transform: uppercase;
--heading-letterspacing: 0.025em;
--heading-capitalize: uppercase;
--heading-decoration: none;
--color-scheme-error: 245 0 0;
--color-scheme-success: 0 215 0;
font-size: 87.5%;
--base-font-size-from-settings: 14;
--space-1: 0.625rem; /* .py-2.5 */
--space-2: 1.25rem; /* .py-5 */
--space-3: 2.5rem; /* .py-10 */
--space-4: 5rem; /* .py-20 */
--space-5: 7rem; /* .py-28 */
--font-size-ratio-xs: 0.563; /* 1 */
--font-size-ratio-sm: 0.75; /* 2 */
--font-size-ratio-base: 1; /* 3 */
--font-size-ratio-md: 1.333;
--font-size-ratio-lg: 1.777;
--font-size-ratio-xl: 2.369;
--font-size-ratio-2xl: 3.157;
--font-size-ratio-3xl: 4.209;
--font-size-ratio-4xl: 5.61;
--font-size-ratio-5xl: 7.478;
--font-size-ratio-6xl: 9.969;
--font-size-ratio-7xl: 13.288;
--font-size-ratio-8xl: 17.713;
--font-size-ratio-9xl: 23.612;
--font-size-xs: calc(var(--font-size-ratio-xs) * 1rem);
--font-size-sm: calc(var(--font-size-ratio-sm) * 1rem);
--font-size-base: calc(var(--font-size-ratio-base) * 1rem);
--font-size-md: calc(var(--font-size-ratio-md) * 1rem);
--font-size-lg: calc(var(--font-size-ratio-lg) * 1rem);
--font-size-xl: calc(var(--font-size-ratio-xl) * 1rem);
--font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem);
--font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem);
--font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem);
--font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem);
--font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem);
--font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem);
--font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem);
--font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem);
--type-scale-ratio-xs: 0.563; /* 1 */
--type-scale-ratio-sm: 0.75; /* 2 */
--type-scale-ratio-base: 1; /* 3 */
--type-scale-ratio-md: 1.333;
--type-scale-ratio-lg: 1.777;
--type-scale-ratio-xl: 2.369;
--type-scale-ratio-2xl: 3.157;
--type-scale-ratio-3xl: 4.209;
--type-scale-ratio-4xl: 5.61;
--type-scale-ratio-5xl: 7.478;
--type-scale-ratio-6xl: 9.969;
--type-scale-ratio-7xl: 13.288;
--type-scale-ratio-8xl: 17.713;
--type-scale-ratio-9xl: 23.612;
--type-scale-n-2: calc(var(--type-scale-ratio-xs) * 1rem);
--type-scale-n-1: calc(var(--type-scale-ratio-sm) * 1rem);
--type-scale-n0: calc(var(--type-scale-ratio-base) * 1rem);
--type-scale-n1: calc(var(--type-scale-ratio-md) * 1rem);
--type-scale-n2: calc(var(--type-scale-ratio-lg) * 1rem);
--type-scale-n3: calc(var(--type-scale-ratio-xl) * 1rem);
--type-scale-n4: calc(var(--type-scale-ratio-2xl) * 1rem);
--type-scale-n5: calc(var(--type-scale-ratio-3xl) * 1rem);
--type-scale-n6: calc(var(--type-scale-ratio-4xl) * 1rem);
--type-scale-n7: calc(var(--type-scale-ratio-5xl) * 1rem);
--type-scale-n8: calc(var(--type-scale-ratio-6xl) * 1rem);
--type-scale-n9: calc(var(--type-scale-ratio-7xl) * 1rem);
--type-scale-n10: calc(var(--type-scale-ratio-8xl) * 1rem);
--type-scale-n11: calc(var(--type-scale-ratio-9xl) * 1rem);
--base-line-height: 1.4;
--bopy-text-uppercase: uppercase;
--font-size-heading: var(--font-size-3xl);
--hero-height: 0px;
--full-screen-including-header: 100vh;
--full-screen-excluding-header-and-hero: 100vh;
--tile-products-text-transform: uppercase;
--button-text-transform: uppercase;
--button-border-radius: 9999px;
--input-border-radius: 1rem;
--border-thickness: 1px;
--underline-thickness: 1px;
--paragraph-spacing-adjust: 1;
--paragraph-indent-adjust: 1;
--icon-svg-select: url(//marrakshilife.com/cdn/shop/t/54/assets/icon-select.svg?7131);
--icon-svg-select-primary: url(//marrakshilife.com/cdn/shop/t/54/assets/icon-select-primary.svg?7131);
--icon-svg-select-secondary: url(//marrakshilife.com/cdn/shop/t/54/assets/icon-select-secondary.svg?7131);
--icon-svg-select-tertiary: url(//marrakshilife.com/cdn/shop/t/54/assets/icon-select-tertiary.svg?7131);
--timing-func-energetic: cubic-bezier(1,0,0.4,1);
--timing-func-gentle: cubic-bezier(0.5,0,0.4,1);
--timing-func-neutral: cubic-bezier(0.46,0.03,0.52,0.96);
--main-grid-columns: minmax(0, 1fr);
--main-grid-rows: minmax(0,auto);--main-grid-areas: "ct";--sidebar-display: none;
--sticky-offset: 0px;
--standard-heading-size: var(--type-scale-n0);
--feature-heading-size: var(--type-scale-n2);
--secondary-heading-size: var(--type-scale-n0);
--menu-drawer-heading-size: var(--type-scale-n0);
--text-overlay-text-size: var(--type-scale-n7);
--follow-mouse-text-size: var(--type-scale-n4);
--overlay-labels-line-height: 1.1;
--quick-view-max-width: 24rem;
/* Buttons */--button-padding-y: 0.25rem;
--button-padding-x: 0.5rem;
--button-padding: var(--button-padding-y) var(--button-padding-x);--add-to-cart-button-height: 44px;
}
@media (min-width: 990px) {
:root {
--standard-heading-size: var(--type-scale-n1);
--feature-heading-size: var(--type-scale-n3);
--secondary-heading-size: var(--type-scale-n0);
--section-vertical-spacing: var(--section-vertical-spacing-desktop);
--wrapper-left-and-right-margin: var(--desktop-left-and-right-margin);
--theme-row-gap: var(--theme-row-gap-desktop);
--theme-col-gap: var(--theme-col-gap-desktop);
--theme-gap: var(--theme-row-gap-desktop) var(--theme-col-gap-desktop);
--media-grid-row-gap: var(--media-grid-row-gap-desktop);
--media-grid-col-gap: var(--media-grid-col-gap-desktop);
--media-grid-gap: var(--media-grid-row-gap-desktop) var(--media-grid-col-gap-desktop);
}
}
.main-site-grid--sidebar {
display: var(--sidebar-display);
}
@media (min-width: 990px) {
.main-site-grid {
display: grid;
grid-template-columns: var(--main-grid-columns);
grid-template-rows: var(--main-grid-rows);
grid-template-areas: var(--main-grid-areas);
}
.main-site-grid--container {
grid-area: ct;
}
.main-site-grid--header {
grid-area: hd;
}
.main-site-grid--hero {
grid-area: hr;
}
.main-site-grid--sidebar {
grid-area: sb;
}
.main-site-grid--main {
grid-area: mn;
}
.main-site-grid--footer {
grid-area: ft;
}
}
.font-heading {
font-family: var(--heading-font-stack);
font-weight: var(--heading-font-weight);
font-style: var(--heading-font-style);
text-transform: var(--heading-capitalize);
letter-spacing: var(--heading-letterspacing);
text-decoration: var(--heading-decoration);
}
.font-main {
font-family: var(--main-font-stack);
font-weight: var(--main-font-weight);
font-style: var(--main-font-style);
text-transform: var(--bopy-text-uppercase);
}
.font-accent {
font-family: var(--accent-font-stack);
font-weight: var(--accent-font-weight);
font-style: var(--accent-font-style);
}
@media (prefers-color-scheme: light) {
:root {
--color-os-background: 255, 255, 255;
}
}
@media (prefers-color-scheme: dark) {
:root {
--color-os-background: 0, 0, 0;
}
}
[data-color-scheme] {
--color-scheme-button-text-hover: var(--color-scheme-accent);
--color-scheme-button-background-hover: var(--color-scheme-background);
}
:root,
[data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 255 255 255;
--color-scheme-accent: 0 72 255;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 161 161 161;
--color-scheme-border: 222 222 222;
--color-scheme-solid-button-background: var(--color-scheme-text);
--color-scheme-solid-button-text: var(--color-scheme-background);
--color-scheme-solid-button-background-hover: var(--color-scheme-accent);
--color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);--arrow-left-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 11.6667H4' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 18.3333L4 11.6667L10.6667 5' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--arrow-right-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.6667L44 11.6667' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.3333 5L44 11.6667L37.3333 18.3333' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
[data-color-scheme="scheme2"] {
--color-scheme-text: 194 255 139;
--color-scheme-background: 0 0 0;
--color-scheme-accent: 249 255 180;
--color-scheme-accent-contrast: 59 27 27;
--color-scheme-secondary: 18 18 18;
--color-scheme-border: 18 18 18;
--color-scheme-solid-button-background: var(--color-scheme-text);
--color-scheme-solid-button-text: var(--color-scheme-background);
--color-scheme-solid-button-background-hover: var(--color-scheme-accent);
--color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);--arrow-left-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 11.6667H4' stroke='%23c2ff8b' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 18.3333L4 11.6667L10.6667 5' stroke='%23c2ff8b' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--arrow-right-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.6667L44 11.6667' stroke='%23c2ff8b' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.3333 5L44 11.6667L37.3333 18.3333' stroke='%23c2ff8b' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
[data-color-scheme="scheme1"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 255 255 255;
--color-scheme-accent: 0 72 255;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 161 161 161;
--color-scheme-border: 222 222 222;
--color-scheme-solid-button-background: var(--color-scheme-text);
--color-scheme-solid-button-text: var(--color-scheme-background);
--color-scheme-solid-button-background-hover: var(--color-scheme-accent);
--color-scheme-solid-button-text-hover: var(--color-scheme-accent-contrast);--arrow-left-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 11.6667H4' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 18.3333L4 11.6667L10.6667 5' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--arrow-right-svg: url("data:image/svg+xml,%3Csvg width='96' height='48' viewBox='0 0 48 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 11.6667L44 11.6667' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.3333 5L44 11.6667L37.3333 18.3333' stroke='%23000000' vector-effect='non-scaling-stroke' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
@keyframes marquee {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
}
100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
}
[x-cloak] {
display: none;
}
</style>
<link href="//marrakshilife.com/cdn/shop/t/54/assets/base.bundle.css?v=13214518153983168631746381691" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer="defer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" integrity="sha512-nNlU0WK2QfKsuEmdcTwkeh+lhGs6uyOxuUs+n+0oXSYDok5qy0EI0lt01ZynHq6+p/tbgpZ7P+yUb+r71wqdXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="jquery.fancybox.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer="defer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" integrity="sha512-nNlU0WK2QfKsuEmdcTwkeh+lhGs6uyOxuUs+n+0oXSYDok5qy0EI0lt01ZynHq6+p/tbgpZ7P+yUb+r71wqdXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- BEGIN app block: shopify://apps/blocky-fraud-blocker/blocks/app-embed/aa25b3bf-c2c5-4359-aa61-7836c225c5a9 -->
<script async src="https://app.blocky-app.com/get_script/?shop_url=marrakshilife.myshopify.com"></script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/ca001aef-6799-4e4c-bc7d-92ac861e488c/inbox-1238/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 5984682054,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 5984682054,storefrontBaseUrl: "https://marrakshilife.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"162201814","configuration":"{\"pixel_id\":\"638674540387057\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"57475286","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"65634518","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Marrakshi Life","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"marrakshilife.myshopify.com","countryCode":"US","storefrontUrl":"https://marrakshilife.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://marrakshilife.com/cdn","9f94c53cwe611d86fp8ced7fbdmadbd84f4",{"modern":"","legacy":""},{"shopId":"5984682054","storefrontBaseUrl":"https://marrakshilife.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"9f94c53cwe611d86fp8ced7fbdmadbd84f4"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 5984682054,
theme_id: 150019309782,
app_name: "storefront",
context_url: window.location.href,
source_url: "//marrakshilife.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//marrakshilife.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//marrakshilife.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":5984682054,"isMerchantRequest":null,"themeId":150019309782,"themeCityHash":"17703785153920792391","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//marrakshilife.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script>
if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
window.ga = function ga() {
(window.ga.q = window.ga.q || []).push(arguments);
Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
};
Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
</script>
<script
defer
src="https://marrakshilife.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.2.min.js"
data-application="storefront-renderer"
data-shop-id="5984682054"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="150019309782"
data-theme-name="Exhibit"
data-theme-version="1.0.5"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body><div id="mainGridWrapper" class="main-site-grid">
<div
class="main-site-grid--sidebar text-scheme-text bg-scheme-background hide-scrollbars"
data-color-scheme="scheme1"
><!-- BEGIN sections: aside-group -->
<!-- END sections: aside-group --></div>
<div class="main-site-grid--container relative"><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19306391240918__announcement-bar" class="shopify-section shopify-section-group-header-group"><section class="bg-scheme-background text-scheme-text text-center" data-color-scheme="scheme1" id="AnnouncementBar"><a class="grid w-full text-sm text-current hover:text-scheme-accent py-1 lg:py-2 px-5 lg:px-0" href="/pages/shipping-returns">
COMPLIMENTARY GLOBAL SHIPPING
</a></section></div><div id="shopify-section-sections--19306391240918__header" class="shopify-section shopify-section-group-header-group shopify-section-header"><style>
#sections--19306391240918__header,
#sections--19306391240918__header-logo {
--spacing-adjust: 0;
--padding: calc(var(--spacer) * var(--spacing-adjust, 1));
padding-top: var(--padding);
padding-bottom: var(--padding);
}
:root {
--header-padding: var(--padding);
}.shopify-section-header {
position: sticky;
top: 0;
z-index: 20;
}
:root {
--sticky-offset: var(--header-height);
}</style><header
id="sections--19306391240918__header"
x-data="{}"
class="bg-transparent text-scheme-text absolute top-0 left-0 right-0 z-20 transition-colors duration-300 text-scale-n0 lg:text-scale-n0"
data-css-variable="--header-height"
data-color-scheme="scheme1"
data-theme-header
>
<div class="wrapper">
<div class="relative">
<div
id="sections--19306391240918__header-main-grid"
class="grid grid-cols-2 row-start-1 lg:grid-cols-12 w-full gap-theme grid-flow-dense items-center uppercase"
>
<div
class="row-start-1 lg:col-span-item"
style="--item-col-span: 2;"
><h1 class="font-heading break-words block"><a href="/" class=""><div class="logo-has-alternate" style="max-width: 85px"><img src="//marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=1000" alt="Marrakshi Life" srcset="//marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=352 352w, //marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=832 832w" width="1920" loading="eager" class="site-title-logo-image logo-default" sizes="85px">
<img src="//marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=1000" alt="Marrakshi Life" srcset="//marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=352 352w, //marrakshilife.com/cdn/shop/files/star-logo-vector.gif?v=1691318339&width=832 832w" width="1920" loading="eager" class="site-title-logo-image logo-alternate" sizes="85px">
</div></a></h1></div><div
class="row-start-1 lg:col-span-item lg:col-end-[-1]"
style="--item-col-span: 2"
>
<div class="flex flex-wrap justify-end items-top gap-5"><button
class="uppercase js-enabled block lg:block"
type="button"
@click="$store.modals.open('menu-drawer')"
>
<span class="sr-only">Menu</span>
<div class="w-6 h-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="1.5" d="M2 6.545h20M2 17.455h10M2 12h20"/>
</svg>
</div>
</button><div
x-data="{ searchOpen: false }"
x-init="initTeleport($root); $store.modals.register('search', 'rightDrawer');"
>
<a
data-search-toggle
@click.prevent="$store.modals.open('search')"
@keydown.space.prevent="$store.modals.open('search')"
href="/search"
:role="`button`"
class="hidden lg:block relative before:absolute before:-inset-2 before:content-['']"
><span class="sr-only">Search</span>
<div class="w-6 h-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M10.182 18.364a8.182 8.182 0 1 0 0-16.364 8.182 8.182 0 0 0 0 16.364Zm5.785-2.397L22 22"/>
</svg>
</div></a>
<template data-should-teleport="#right-drawer-slot">
<div x-show="$store.modals.rightDrawer.contents === 'search'">
<div
class="max-h-full flex flex-col h-screen"
:data-modal-label="$store.modals.rightDrawer.contents === 'search' ? 'Search our site' : false"
>
<h2 class="sr-only" tabindex="-1">
Search our site
</h2>
<div
class="w-full"
x-data="PredictiveSearch('product,collection,article,page,query')"
@keyup="onKeyup"
@keydown="onKeydown"
@search-is-open.document="onOpen"
x-ref="searchComponent"
>
<form
action="/search"
class="predictive-search-form flex flex-col h-screen"
method="get"
role="search"
>
<input type="hidden" name="options[prefix]" value="last"><div class="p-2.5 lg:p-5">
<div class="relative border-scheme-text/0 border-b-theme border-b-scheme-border pb-1 flex items-center">
<button
@click.prevent="$store.modals.close('search')"
class="flex justify-center items-center absolute top-0 right-0 bottom-0 left-auto min-touch-target"
>
<span class="sr-only">Close (esc)</span>
<span class="inline-block w-5 h-5"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 2 20 20m0-20L2 22"/>
</svg>
</span>
</button>
<input
type="search"
name="q"
class="py-0 px-9 w-full border-none rounded-[0]"
value=""
placeholder="Search"
:aria-expanded="resultsOpen"
:aria-activedescendant="activeElementId"
aria-owns="predictive-search-results-list"
aria-controls="predictive-search-results-list"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
x-ref="input"
x-model.debounce.300="rawQuery"
@focus="onFocus"
autofocus
>
<button
type="submit"
class="flex justify-center items-center absolute top-1/2 -translate-y-1/2 right-auto bottom-0 left-0 min-touch-target"
aria-label="Search"
>
<div class="w-6 h-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M10.182 18.364a8.182 8.182 0 1 0 0-16.364 8.182 8.182 0 0 0 0 16.364Zm5.785-2.397L22 22"/>
</svg>
</div>
</button>
</div>
</div><div
x-ref="resultsSlot"
class="relative grow scroll-py-2.5"
:class=" { 'overflow-y-auto': ! loading, 'overflow-y-hidden': loading, } "
>
<div
x-ref="results"
x-html-if-set="resultsHTML"
tabindex="-1"
hidden
></div>
<span
class="predictive-search-status sr-only"
role="status"
aria-hidden="true"
></span>
<template x-if="loading">
<div class="sticky inset-0 w-full h-full flex z-10 bg-scheme-background/90">
<div
class="h-52 w-full flex items-center justify-center"
>
<div role="status">
<svg
aria-hidden="true"
class="w-8 h-8 mr-2 text-scheme-text/10 animate-spin fill-scheme-text"
viewbox="0 0 100 101"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
</svg>
<span class="sr-only">Loading</span>
</div>
</div>
</div>
</template>
</div>
<template x-if="showViewAll">
<div
x-ref="viewAll"
class="text-center py-3 px-1.5 lg:px-3 mt-auto bg-scheme-background/50 pb-safe-bottom"
role="option"
:aria-selected="isSelected"
id="predictive-search-option-search-keywords"
>
<button class="btn">
View all results
</button>
</div>
</template></form>
</div>
</div>
</div>
</template>
</div>
<button
class="uppercase block lg:block"
@click.prevent="$store.modals.open('cart')"
>
<span class="sr-only">Cart</span>
<div class="w-6 h-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-width="1.5" d="M4.5 21.5 2 10.5h20l-2.5 11h-15Zm.5-11 4-8m10 8-4-8"/>
</svg>
</div>
</button></div>
</div>
</div>
</div>
</div>
</header>
<script>
const headerWrapper = document.getElementById("sections--19306391240918__header");
function stickyHeaderLeave(e) {
headerWrapper.classList.remove('bg-transparent', 'text-scheme-text');
headerWrapper.classList.add('text-scheme-text', 'bg-scheme-background');
headerWrapper.dataset.colorScheme = "scheme1";
}
function stickyHeaderEnter(e) {
headerWrapper.classList.remove('text-scheme-text', 'bg-scheme-background');
headerWrapper.classList.add('bg-transparent', 'text-scheme-text');
headerWrapper.dataset.colorScheme = "scheme1";
}
</script>
<div
x-data
x-init="document.querySelector('.main-site-grid--container').insertBefore($root.firstElementChild, document.getElementById('shopify-section-sections--19306391240918__header')); $root.remove();"
>
<div
id="HeaderSentinel"
x-data="{}"
x-intersect:leave="stickyHeaderLeave()"
x-intersect:enter="stickyHeaderEnter()"
></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/cart-count.js?v=66150155982647825591746381692" type="module"></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/predictive-search.js?v=6051734097128942941746381707"
type="module"
></script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Marrakshi Life",
"logo": "https:\/\/marrakshilife.com\/cdn\/shop\/files\/star-logo-vector.gif?v=1691318339\u0026width=500",
"sameAs": [
"",
"",
"",
"https:\/\/www.instagram.com\/marrakshi.life",
"",
"",
"",
"",
""
],
"url": "https:\/\/marrakshilife.com"
}
</script>
</div>
<!-- END sections: header-group --><div id="heroGroupWrapper"><!-- BEGIN sections: hero-group -->
<div id="shopify-section-sections--19306391273686__hero-logo" class="shopify-section shopify-section-group-hero-group"><style data-shopify>#sections--19306391273686__hero-logo {
--overlay-offset: 0.0px;
}
@media (min-width: 990px) {
#section-sections--19306391273686__hero-logo {
--overlay-offset: 0px;
}
}</style><section
id="section-sections--19306391273686__hero-logo"
class="wrapper"
data-color-scheme="scheme1"
style="--top-spacing-adjust: 1; --bottom-spacing-adjust: 0;"
>
<div
class="relative text-scheme-text bg-scheme-background"
style="height: var(--overlay-offset);"
>
<div class="absolute top-0 left-0 right-0 pointer-events-none z-20 pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<span class="font-main break-words"><div class="text-scale-n3 lg:text-scale-n8 text-center">Marrakshi Life</div></span>
</div>
</div>
</section>
</div>
<!-- END sections: hero-group --><script type="module">
document.documentElement.style.setProperty(
'--hero-height',
`${
document.getElementById('heroGroupWrapper').offsetHeight
}px`
);
</script>
</div>
<main id="MainContent" role="main" tabindex="-1">
<div>
<div id="shopify-section-template--19306390880470__media-with-text-overlay" class="shopify-section"><style data-shopify>
#template--19306390880470__media-with-text-overlay {
--total-gutter-size: calc(var(--theme-col-gap-desktop) * 11);
--column-size: calc((100% - var(--total-gutter-size)) / 12);
--content-size: calc(var(--column-size) * 12 + var(--theme-col-gap-desktop) * 11);
}
#template--19306390880470__media-with-text-overlay .media-overlay-container {
aspect-ratio: 0.66;
}@media (min-width: 990px) {
#template--19306390880470__media-with-text-overlay .media-overlay-container {
height: auto;
aspect-ratio: 1.33;
}
#template--19306390880470__media-with-text-overlay .overlay-content {
width: var(--content-size);
}
}</style>
<section id="template--19306390880470__media-with-text-overlay" class="section-container text-scheme-text bg-scheme-background" data-color-scheme="scheme1"><div class="media-overlay-container relative w-full"><img src="//marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=1000" alt="" srcset="//marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=352 352w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=832 832w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=1000 1000w" width="1000" height="1250" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full lg:hidden">
<img src="//marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=2000" alt="" srcset="//marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=352 352w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=832 832w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=1200 1200w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=1920 1920w, //marrakshilife.com/cdn/shop/files/ML_April_25_Campaign_-_Day_022134_2e5985a8-3a2f-49b5-a53c-413d0d14f250.jpg?v=1746735563&width=2000 2000w" width="2000" height="2500" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full hidden lg:block">
<div id="ColorOverlay-media-with-text-overlay-1" class="absolute inset-0 w-full h-full bg-scheme-text" data-color-scheme="scheme1" style="opacity: 1%; mix-blend-mode: normal;">
</div><div class="overflow-hidden content inset-0 absolute w-full h-full text-center">
<div class="p-wrapper-left-and-right-margin h-full w-full">
<div class="h-full w-full flex min-w-0 break-words justify-center items-center">
<div class="overlay-content no-m-first min-w-0">
</div>
</div>
</div>
</div>
</div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_BJqFhQ" class="shopify-section"><section class="section-container" data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880" style="--top-spacing-adjust: 1; --bottom-spacing-adjust: 0.5;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><div class="grid lg:grid-cols-12 gap-theme">
<div class="lg:col-span-item text-left" style="--item-col-span: 12;--col-start: auto;">
<div class="font-heading text-scale-n0 lg:text-scale-n5 break-words">
<p>WE ARE A MARRAKECH BASED BRAND + WEAVING ATELIER. WORKING EXCLUSIVELY WITH FABRICS HANDWOVEN BY OUR IN-HOUSE TEAM OF ARTISANS. </p><p>-</p><p>FOCUSING ON ZERO WASTE, SUSTAINABLE PRACTICES.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_FqhV3A" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__media_with_text_overlay_AmeQUz" class="shopify-section"><style data-shopify>
#template--19306390880470__media_with_text_overlay_AmeQUz {
--total-gutter-size: calc(var(--theme-col-gap-desktop) * 11);
--column-size: calc((100% - var(--total-gutter-size)) / 12);
--content-size: calc(var(--column-size) * 4 + var(--theme-col-gap-desktop) * 3);
}
#template--19306390880470__media_with_text_overlay_AmeQUz .media-overlay-container {
aspect-ratio: 0.66;
}@media (min-width: 990px) {
#template--19306390880470__media_with_text_overlay_AmeQUz .media-overlay-container {
height: auto;
aspect-ratio: 1.33;
}
#template--19306390880470__media_with_text_overlay_AmeQUz .overlay-content {
width: var(--content-size);
}
}</style>
<section id="template--19306390880470__media_with_text_overlay_AmeQUz" class="section-container text-scheme-text bg-scheme-background py-section-vertical-spacing" data-color-scheme="scheme1"><div class="wrapper"><div class="media-overlay-container relative w-full"><img src="//marrakshilife.com/cdn/shop/files/PART3_MARRAKSHI_LIFE_IG_POSTS_-13_64af10f3-395f-465c-97ac-daecebf43ea4.jpg?v=1746706196&width=1000" alt="" srcset="//marrakshilife.com/cdn/shop/files/PART3_MARRAKSHI_LIFE_IG_POSTS_-13_64af10f3-395f-465c-97ac-daecebf43ea4.jpg?v=1746706196&width=352 352w, //marrakshilife.com/cdn/shop/files/PART3_MARRAKSHI_LIFE_IG_POSTS_-13_64af10f3-395f-465c-97ac-daecebf43ea4.jpg?v=1746706196&width=832 832w, //marrakshilife.com/cdn/shop/files/PART3_MARRAKSHI_LIFE_IG_POSTS_-13_64af10f3-395f-465c-97ac-daecebf43ea4.jpg?v=1746706196&width=1000 1000w" width="1000" height="1250" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full lg:hidden">
<img src="//marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=2000" alt="" srcset="//marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=352 352w, //marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=832 832w, //marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MARRAKSHI_LIFE_IG_POSTS-10_130f93a5-9901-49cb-a4bb-20bb40260e5a.jpg?v=1746642232&width=2000 2000w" width="2000" height="2500" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full hidden lg:block">
<div id="ColorOverlay-color_overlay_Ymi86e" class="absolute inset-0 w-full h-full bg-scheme-background" data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880" style="opacity: 4%; mix-blend-mode: normal;">
</div><div class="overflow-hidden content inset-0 absolute w-full h-full text-center">
<div class="p-wrapper-left-and-right-margin h-full w-full">
<div class="h-full w-full flex min-w-0 break-words justify-center items-center">
<div class="overlay-content no-m-first min-w-0">
</div>
</div>
</div>
</div>
</div></div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_8Nic8y" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
<div class="rte font-main text-scale-n0 lg:text-scale-n2 break-words">
<p>The High Summer collection embodies the essence of summer and its youthful spirit, highlighting the color progression of our bold, handwoven degrade fabrics.</p>
</div></div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_KGTe94" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__collection_carousel_YgykJ9" class="shopify-section"><section
id="section-template--19306390880470__collection_carousel_YgykJ9"
x-data="{ labelContent: '', focusVisible: false }"
class="section-container"
data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"
style="--section-grid-cols-mobile: ; --section-grid-cols-desktop: ; --top-spacing-adjust: 0; --bottom-spacing-adjust: 0;"
>
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"><div class="wrapper mb-half-section-vertical-spacing flex justify-between items-center flex-wrap gap-4">
<h2 class="font-heading text-heading-standard break-words">
DRESSES
</h2><a
href="/collections/dresses-high-summer-2025"
class="btn"
aria-label="View all products in the DRESSES collection"
>
View all
</a>
</div><style data-shopify>#section-template--19306390880470__collection_carousel_YgykJ9 .carousel-item {
--total-margin: calc(var(--wrapper-left-and-right-margin) * 2);
width: calc(60% - var(--total-margin));
}
@media (min-width: 990px) {
#section-template--19306390880470__collection_carousel_YgykJ9 .carousel-item {
width: 25%;
}
}</style><div
x-data='ThemeModule_Carousel("template--19306390880470__collection_carousel_YgykJ9")'
x-init="mounted()"
class="carousel-container w-full max-w-screen lg:max-w-full overflow-hidden"
>
<ul id="CarouselTrack-template--19306390880470__collection_carousel_YgykJ9" x-ref="carousel-track" class="carousel-track flex overflow-x-scroll scroll-smooth gap-media-grid items-center snap-x snap-mandatory snap-always"><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-halter-dress-stripe-14", "The Halter Dress : Stripe 14")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-halter-dress-stripe-14"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957732258006-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-halter-dress-stripe-14"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957732258006-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=2000" alt="The Halter Dress : Stripe 14" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25022211-43AM.jpg?v=1746100214&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=2000" alt="The Halter Dress : Stripe 14" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25021611-41AM.jpg?v=1746100214&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957732258006-label">
<div class="break-words" aria-hidden="true">
The Halter Dress : Stripe 14
</div><div>
<span>
<span >
<span class=money>$740.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-halter-dress-stripe-38", "The Halter Dress : Stripe 38")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-halter-dress-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957708665046-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-halter-dress-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957708665046-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=2000" alt="The Halter Dress : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508444-49PM.jpg?v=1746095510&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=2000" alt="The Halter Dress : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508464-49PM.jpg?v=1746095510&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957708665046-label">
<div class="break-words" aria-hidden="true">
The Halter Dress : Stripe 38
</div><div>
<span>
<span >
<span class=money>$740.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-halter-dress-stripe-33", "The Halter Dress : Stripe 33")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-halter-dress-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957728620758-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-halter-dress-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957728620758-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=2000" alt="The Halter Dress : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506413-22PM.jpg?v=1746099078&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=2000" alt="The Halter Dress : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506433-23PM.jpg?v=1746099078&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957728620758-label">
<div class="break-words" aria-hidden="true">
The Halter Dress : Stripe 33
</div><div>
<span>
<span >
<span class=money>$740.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-halter-dress-stripe-26", "The Halter Dress : Stripe 26")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-halter-dress-stripe-26"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957729046742-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-halter-dress-stripe-26"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957729046742-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=2000" alt="The Halter Dress : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504031-36PM1.jpg?v=1746099983&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=2000" alt="The Halter Dress : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503951-34PM.jpg?v=1746099983&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957729046742-label">
<div class="break-words" aria-hidden="true">
The Halter Dress : Stripe 26
</div><div>
<span>
<span >
<span class=money>$740.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-51", "The Touareg Tunic : Stripe 15")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346920150-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346920150-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=2000" alt="The Touareg Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=2000" alt="The Touareg Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346920150-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 15
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-27", "The Touareg Tunic : Stripe 27")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-27"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346363094-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-27"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346363094-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=2000" alt="The Touareg Tunic : Stripe 27" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503831-31PM.jpg?v=1746202083&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=2000" alt="The Touareg Tunic : Stripe 27" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02741-29PM.jpg?v=1746202083&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958346363094-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 27
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-39", "The Touareg Tunic : Stripe 39")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-39"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958343348438-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-39"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958343348438-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=2000" alt="The Touareg Tunic : Stripe 39" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508184-39PM-Edit.jpg?v=1746201688&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=2000" alt="The Touareg Tunic : Stripe 39" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508204-40PM.jpg?v=1746201805&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958343348438-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 39
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-35", "The Touareg Tunic : Stripe 35")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958422941910-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958422941910-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=2000" alt="The Touareg Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=2000" alt="The Touareg Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958422941910-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 35
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-52", "The Touareg Tunic : Stripe 51")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-52"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958383456470-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-52"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958383456470-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=2000" alt="The Touareg Tunic : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25032112-24PM.jpg?v=1746203811&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=2000" alt="The Touareg Tunic : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25033112-27PM.jpg?v=1746203811&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8958383456470-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 51
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-t-shirt-dress-stripe-35", "The T-Shirt Dress : Stripe 35")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-t-shirt-dress-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957758734550-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-t-shirt-dress-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957758734550-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=2000" alt="The T-Shirt Dress : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020011-30AM.jpg?v=1746105260&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=2000" alt="The T-Shirt Dress : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25020211-30AM.jpg?v=1746105260&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957758734550-label">
<div class="break-words" aria-hidden="true">
The T-Shirt Dress : Stripe 35
</div><div>
<span>
<span >
<span class=money>$785.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-t-shirt-dress-stripe-39", "The T-Shirt Dress : Stripe 39")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-t-shirt-dress-stripe-39"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957755130070-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-t-shirt-dress-stripe-39"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957755130070-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=2000" alt="The T-Shirt Dress : Stripe 39" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508654-58PM.jpg?v=1746104625&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=2000" alt="The T-Shirt Dress : Stripe 39" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508684-58PM.jpg?v=1746104625&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957755130070-label">
<div class="break-words" aria-hidden="true">
The T-Shirt Dress : Stripe 39
</div><div>
<span>
<span >
<span class=money>$785.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-t-shirt-dress-stripe-51", "The T-Shirt Dress : Stripe 51")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-t-shirt-dress-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957757423830-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-t-shirt-dress-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957757423830-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=2000" alt="The T-Shirt Dress : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034412-32PM.jpg?v=1746104898&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=2000" alt="The T-Shirt Dress : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25034712-33PM.jpg?v=1746104898&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957757423830-label">
<div class="break-words" aria-hidden="true">
The T-Shirt Dress : Stripe 51
</div><div>
<span>
<span >
<span class=money>$785.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-cape-dress-stripe-33", "The Mini Cape Dress : Stripe 33")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-cape-dress-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957819846870-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-cape-dress-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957819846870-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=2000" alt="The Mini Cape Dress : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507624-16PM.jpg?v=1746109658&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=2000" alt="The Mini Cape Dress : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507694-18PM.jpg?v=1746109658&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957819846870-label">
<div class="break-words" aria-hidden="true">
The Mini Cape Dress : Stripe 33
</div><div>
<span>
<span >
<span class=money>$600.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-cape-dress-stripe-37", "The Mini Cape Dress : Stripe 37")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-cape-dress-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957776494806-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-cape-dress-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957776494806-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=2000" alt="The Mini Cape Dress : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507764-22PM.jpg?v=1746108607&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=2000" alt="The Mini Cape Dress : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507774-22PM.jpg?v=1746108607&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_YgykJ9-Product-8957776494806-label">
<div class="break-words" aria-hidden="true">
The Mini Cape Dress : Stripe 37
</div><div>
<span>
<span >
<span class=money>$600.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li></ul><div class="grid grid-cols-12 grid-flow-dense gap-2 wrapper mt-8"><div class="col-span-full text-right">
<div class="flex items-center justify-end gap-2">
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_YgykJ9" :aria-label="current_slide === 1 ? 'Go to last slide' : 'Previous slide'" role="button" @click="prevSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44 11.6667H4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6667 18.3333L4 11.6667L10.6667 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_YgykJ9" :aria-label="current_slide === total_slides ? 'Go to first slide' : 'Next slide'" role="button" @click="nextSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 11.6667L44 11.6667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.3333 5L44 11.6667L37.3333 18.3333" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
</div>
</div></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modules-carousel.bundle.min.js?v=119662586607671591551746381700" type="module"></script>
</div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_pBFhbi" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__collection_carousel_DDGTMT" class="shopify-section"><section
id="section-template--19306390880470__collection_carousel_DDGTMT"
x-data="{ labelContent: '', focusVisible: false }"
class="section-container"
data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"
style="--section-grid-cols-mobile: ; --section-grid-cols-desktop: ; --top-spacing-adjust: 0; --bottom-spacing-adjust: 0;"
>
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"><div class="wrapper mb-half-section-vertical-spacing flex justify-between items-center flex-wrap gap-4">
<h2 class="font-heading text-heading-standard break-words">
CAFTANS, TUNICS, LONG SHIRTS
</h2><a
href="/collections/caftans-long-shirts-tunics"
class="btn"
aria-label="View all products in the CAFTANS, LONG SHIRTS, TUNICS collection"
>
View all
</a>
</div><style data-shopify>#section-template--19306390880470__collection_carousel_DDGTMT .carousel-item {
--total-margin: calc(var(--wrapper-left-and-right-margin) * 2);
width: calc(60% - var(--total-margin));
}
@media (min-width: 990px) {
#section-template--19306390880470__collection_carousel_DDGTMT .carousel-item {
width: 25%;
}
}</style><div
x-data='ThemeModule_Carousel("template--19306390880470__collection_carousel_DDGTMT")'
x-init="mounted()"
class="carousel-container w-full max-w-screen lg:max-w-full overflow-hidden"
>
<ul id="CarouselTrack-template--19306390880470__collection_carousel_DDGTMT" x-ref="carousel-track" class="carousel-track flex overflow-x-scroll scroll-smooth gap-media-grid items-center snap-x snap-mandatory snap-always"><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-caftan-stripe-27", "The Caftan : Stripe 27")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-caftan-stripe-27"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957767418070-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-caftan-stripe-27"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957767418070-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=2000" alt="The Caftan : Stripe 27" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505022-10PM.jpg?v=1746106753&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=2000" alt="The Caftan : Stripe 27" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505032-10PM.jpg?v=1746106753&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957767418070-label">
<div class="break-words" aria-hidden="true">
The Caftan : Stripe 27
</div><div>
<span>
<span >
<span class=money>$500.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-caftan-stripe-34", "The Caftan : Stripe 34")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-caftan-stripe-34"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957768433878-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-caftan-stripe-34"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957768433878-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=2000" alt="The Caftan : Stripe 34" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505212-18PM.jpg?v=1746106879&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=2000" alt="The Caftan : Stripe 34" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505242-19PM.jpg?v=1746106879&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957768433878-label">
<div class="break-words" aria-hidden="true">
The Caftan : Stripe 34
</div><div>
<span>
<span >
<span class=money>$500.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-caftan-stripe-17", "The Caftan : Stripe 16")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-caftan-stripe-17"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766467798-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-caftan-stripe-17"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766467798-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=2000" alt="The Caftan : Stripe 16" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25018611-19AM.jpg?v=1746106419&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=2000" alt="The Caftan : Stripe 16" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25019011-20AM.jpg?v=1746106419&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766467798-label">
<div class="break-words" aria-hidden="true">
The Caftan : Stripe 16
</div><div>
<span>
<span >
<span class=money>$500.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-caftan-stripe-38", "The Caftan : Stripe 38")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-caftan-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957765222614-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-caftan-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957765222614-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=2000" alt="The Caftan : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508805-04PM.jpg?v=1746106212&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=2000" alt="The Caftan : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508825-05PM.jpg?v=1746106212&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957765222614-label">
<div class="break-words" aria-hidden="true">
The Caftan : Stripe 38
</div><div>
<span>
<span >
<span class=money>$500.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-caftan-stripe-51", "The Caftan : Stripe 51")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-caftan-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766992086-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-caftan-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766992086-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=2000" alt="The Caftan : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027112-07PM.jpg?v=1746106526&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=2000" alt="The Caftan : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25027412-08PM.jpg?v=1746106526&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957766992086-label">
<div class="break-words" aria-hidden="true">
The Caftan : Stripe 51
</div><div>
<span>
<span >
<span class=money>$500.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-sleeveless-caftan-stripe-44", "The Sleeveless Caftan : Stripe 44")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-sleeveless-caftan-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774037206-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-sleeveless-caftan-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774037206-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=2000" alt="The Sleeveless Caftan : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508584-54PM.jpg?v=1746107831&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=2000" alt="The Sleeveless Caftan : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508604-55PM.jpg?v=1746107832&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774037206-label">
<div class="break-words" aria-hidden="true">
The Sleeveless Caftan : Stripe 44
</div><div>
<span>
<span >
<span class=money>$540.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-sleeveless-caftan-stripe-8", "The Sleeveless Caftan : Stripe 8")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-sleeveless-caftan-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774856406-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-sleeveless-caftan-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774856406-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=2000" alt="The Sleeveless Caftan : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014611-00AM.jpg?v=1746107941&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=2000" alt="The Sleeveless Caftan : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25014110-56AM.jpg?v=1746107941&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957774856406-label">
<div class="break-words" aria-hidden="true">
The Sleeveless Caftan : Stripe 8
</div><div>
<span>
<span >
<span class=money>$540.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-paneled-short-tunic-stripe-15", "The Paneled Short Tunic : Stripe 15")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-paneled-short-tunic-stripe-15"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288724182-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-paneled-short-tunic-stripe-15"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288724182-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=2000" alt="The Paneled Short Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25006910-29AM.jpg?v=1746192308&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=2000" alt="The Paneled Short Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups004010-29AM.jpg?v=1746192308&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288724182-label">
<div class="break-words" aria-hidden="true">
The Paneled Short Tunic : Stripe 15
</div><div>
<span>
<span >
<span class=money>$445.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-paneled-short-tunic-stripe-42", "The Paneled Short Tunic : Stripe 42")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-paneled-short-tunic-stripe-42"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958286594262-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-paneled-short-tunic-stripe-42"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958286594262-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=2000" alt="The Paneled Short Tunic : Stripe 42" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507704-18PM.jpg?v=1746191501&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=2000" alt="The Paneled Short Tunic : Stripe 42" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507714-19PM.jpg?v=1746191501&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958286594262-label">
<div class="break-words" aria-hidden="true">
The Paneled Short Tunic : Stripe 42
</div><div>
<span>
<span >
<span class=money>$445.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-paneled-short-tunic-stripe-50", "The Paneled Short Tunic : Stripe 50")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-paneled-short-tunic-stripe-50"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288429270-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-paneled-short-tunic-stripe-50"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288429270-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=2000" alt="The Paneled Short Tunic : Stripe 50" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028212-13PM.jpg?v=1746192039&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=2000" alt="The Paneled Short Tunic : Stripe 50" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25028412-14PM.jpg?v=1746192039&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288429270-label">
<div class="break-words" aria-hidden="true">
The Paneled Short Tunic : Stripe 50
</div><div>
<span>
<span >
<span class=money>$445.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-paneled-short-tunic-stripe-35", "The Paneled Short Tunic : Stripe 35")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-paneled-short-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288560342-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-paneled-short-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288560342-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=2000" alt="The Paneled Short Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504912-06PM.jpg?v=1746192201&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=2000" alt="The Paneled Short Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504932-07PM.jpg?v=1746192201&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958288560342-label">
<div class="break-words" aria-hidden="true">
The Paneled Short Tunic : Stripe 35
</div><div>
<span>
<span >
<span class=money>$445.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-long-shirt-stripe-18", "The Long Shirt : Stripe 18")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-long-shirt-stripe-18"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957746774230-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-long-shirt-stripe-18"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957746774230-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=2000" alt="The Long Shirt : Stripe 18" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504822-03PM.jpg?v=1746103100&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=2000" alt="The Long Shirt : Stripe 18" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504832-03PM.jpg?v=1746103100&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8957746774230-label">
<div class="break-words" aria-hidden="true">
The Long Shirt : Stripe 18
</div><div>
<span>
<span >
<span class=money>$550.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-35", "The Touareg Tunic : Stripe 35")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958422941910-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958422941910-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=2000" alt="The Touareg Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505792-45PM.jpg?v=1746203949&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=2000" alt="The Touareg Tunic : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505812-46PM.jpg?v=1746203949&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958422941910-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 35
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-touareg-tunic-stripe-51", "The Touareg Tunic : Stripe 15")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-touareg-tunic-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958346920150-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-touareg-tunic-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958346920150-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=2000" alt="The Touareg Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25016311-09AM.jpg?v=1746202372&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=2000" alt="The Touareg Tunic : Stripe 15" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25017011-10AM.jpg?v=1746202372&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_DDGTMT-Product-8958346920150-label">
<div class="break-words" aria-hidden="true">
The Touareg Tunic : Stripe 15
</div><div>
<span>
<span >
<span class=money>$615.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li></ul><div class="grid grid-cols-12 grid-flow-dense gap-2 wrapper mt-8"><div class="col-span-full text-right">
<div class="flex items-center justify-end gap-2">
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_DDGTMT" :aria-label="current_slide === 1 ? 'Go to last slide' : 'Previous slide'" role="button" @click="prevSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44 11.6667H4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6667 18.3333L4 11.6667L10.6667 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_DDGTMT" :aria-label="current_slide === total_slides ? 'Go to first slide' : 'Next slide'" role="button" @click="nextSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 11.6667L44 11.6667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.3333 5L44 11.6667L37.3333 18.3333" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
</div>
</div></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modules-carousel.bundle.min.js?v=119662586607671591551746381700" type="module"></script>
</div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_dVkPjw" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__collection_carousel_PnnDVW" class="shopify-section"><section
id="section-template--19306390880470__collection_carousel_PnnDVW"
x-data="{ labelContent: '', focusVisible: false }"
class="section-container"
data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"
style="--section-grid-cols-mobile: ; --section-grid-cols-desktop: ; --top-spacing-adjust: 0; --bottom-spacing-adjust: 0;"
>
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"><div class="wrapper mb-half-section-vertical-spacing flex justify-between items-center flex-wrap gap-4">
<h2 class="font-heading text-heading-standard break-words">
SHIRTS + TOPS
</h2><a
href="/collections/shirts-tops-high-summer-2025"
class="btn"
aria-label="View all products in the SHIRTS + TOPS collection"
>
View all
</a>
</div><style data-shopify>#section-template--19306390880470__collection_carousel_PnnDVW .carousel-item {
--total-margin: calc(var(--wrapper-left-and-right-margin) * 2);
width: calc(60% - var(--total-margin));
}
@media (min-width: 990px) {
#section-template--19306390880470__collection_carousel_PnnDVW .carousel-item {
width: 25%;
}
}</style><div
x-data='ThemeModule_Carousel("template--19306390880470__collection_carousel_PnnDVW")'
x-init="mounted()"
class="carousel-container w-full max-w-screen lg:max-w-full overflow-hidden"
>
<ul id="CarouselTrack-template--19306390880470__collection_carousel_PnnDVW" x-ref="carousel-track" class="carousel-track flex overflow-x-scroll scroll-smooth gap-media-grid items-center snap-x snap-mandatory snap-always"><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-rugby-shirt-stripe-8", "The Rugby Shirt : Stripe 8")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-rugby-shirt-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293475542-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-rugby-shirt-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293475542-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=2000" alt="The Rugby Shirt : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25009910-39AM1.jpg?v=1746193896&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=2000" alt="The Rugby Shirt : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25010210-39AM.jpg?v=1746193896&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293475542-label">
<div class="break-words" aria-hidden="true">
The Rugby Shirt : Stripe 8
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-rugby-shirt-stripe-31", "The Rugby Shirt : Stripe 31")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-rugby-shirt-stripe-31"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293115094-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-rugby-shirt-stripe-31"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293115094-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=2000" alt="The Rugby Shirt : Stripe 31" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506513-27PM.jpg?v=1746193759&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=2000" alt="The Rugby Shirt : Stripe 31" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04393-27PM.jpg?v=1746193759&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958293115094-label">
<div class="break-words" aria-hidden="true">
The Rugby Shirt : Stripe 31
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-rugby-shirt-stripe-44", "The Rugby Shirt : Stripe 44")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-rugby-shirt-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958289707222-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-rugby-shirt-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958289707222-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=2000" alt="The Rugby Shirt : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507023-48PM.jpg?v=1746192870&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=2000" alt="The Rugby Shirt : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04583-48PM.jpg?v=1746192870&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958289707222-label">
<div class="break-words" aria-hidden="true">
The Rugby Shirt : Stripe 44
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-oversized-shirt-stripe-8", "The Oversized Shirt : Stripe 8")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-oversized-shirt-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958228857046-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-oversized-shirt-stripe-8"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958228857046-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=2000" alt="The Oversized Shirt : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005810-19AM_cf7cdbee-f372-4c0d-8e67-f0ed2a7ad23c.jpg?v=1746177967&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=2000" alt="The Oversized Shirt : Stripe 8" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005910-19AM.jpg?v=1746177967&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958228857046-label">
<div class="break-words" aria-hidden="true">
The Oversized Shirt : Stripe 8
</div><div>
<span>
<span >
<span class=money>$495.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-oversized-shirt-stripe-21", "The Oversized Shirt : Stripe 21")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-oversized-shirt-stripe-21"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958223483094-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-oversized-shirt-stripe-21"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958223483094-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=2000" alt="The Oversized Shirt : Stripe 21" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504401-50PM.jpg?v=1746177370&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=2000" alt="The Oversized Shirt : Stripe 21" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504441-51PM.jpg?v=1746177370&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958223483094-label">
<div class="break-words" aria-hidden="true">
The Oversized Shirt : Stripe 21
</div><div>
<span>
<span >
<span class=money>$495.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-oversized-shirt-stripe-44", "The Oversized Shirt : Stripe 44")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-oversized-shirt-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958219092182-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-oversized-shirt-stripe-44"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958219092182-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=2000" alt="The Oversized Shirt : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507854-24PM.jpg?v=1746177167&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=2000" alt="The Oversized Shirt : Stripe 44" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507874-25PM.jpg?v=1746177167&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958219092182-label">
<div class="break-words" aria-hidden="true">
The Oversized Shirt : Stripe 44
</div><div>
<span>
<span >
<span class=money>$495.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-oversized-shirt-stripe-29", "The Oversized Shirt : Stripe 29")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-oversized-shirt-stripe-29"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958226825430-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-oversized-shirt-stripe-29"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958226825430-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=2000" alt="The Oversized Shirt : Stripe 29" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505482-30PM_fc451e62-4bf6-423f-94cb-c3ddee7b43ef.jpg?v=1746177795&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=2000" alt="The Oversized Shirt : Stripe 29" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505512-31PM.jpg?v=1746177795&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958226825430-label">
<div class="break-words" aria-hidden="true">
The Oversized Shirt : Stripe 29
</div><div>
<span>
<span >
<span class=money>$495.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-tank-top-stripe-14", "The Tank Top : Stripe 14")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-tank-top-stripe-14"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958318084310-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-tank-top-stripe-14"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958318084310-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=2000" alt="The Tank Top : Stripe 14" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25003010-06AM.jpg?v=1746198160&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=2000" alt="The Tank Top : Stripe 14" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups001010-11AM.jpg?v=1746198160&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958318084310-label">
<div class="break-words" aria-hidden="true">
The Tank Top : Stripe 14
</div><div>
<span>
<span >
<span class=money>$355.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-tank-top-stripe-58", "The Tank Top : Stripe 58")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-tank-top-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958324867286-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-tank-top-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958324867286-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=2000" alt="The Tank Top : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503671-26PM.jpg?v=1746198639&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=2000" alt="The Tank Top : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02701-26PM.jpg?v=1746198639&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958324867286-label">
<div class="break-words" aria-hidden="true">
The Tank Top : Stripe 58
</div><div>
<span>
<span >
<span class=money>$355.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-tank-top-stripe-38", "The Tank Top : Stripe 38")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-tank-top-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958325391574-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-tank-top-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958325391574-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=2000" alt="The Tank Top : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507354-06PM.jpg?v=1746198724&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=2000" alt="The Tank Top : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04804-06PM.jpg?v=1746198724&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958325391574-label">
<div class="break-words" aria-hidden="true">
The Tank Top : Stripe 38
</div><div>
<span>
<span >
<span class=money>$355.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-camp-shirt-stripe-51", "The Camp Shirt : Stripe 51")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-camp-shirt-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958233608406-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-camp-shirt-stripe-51"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958233608406-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=2000" alt="The Camp Shirt : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25024912-00PM.jpg?v=1746179218&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=2000" alt="The Camp Shirt : Stripe 51" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups020612-02PM.jpg?v=1746179218&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958233608406-label">
<div class="break-words" aria-hidden="true">
The Camp Shirt : Stripe 51
</div><div>
<span>
<span >
<span class=money>$415.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-camp-shirt-stripe-58", "The Camp Shirt : Stripe 58")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-camp-shirt-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958232723670-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-camp-shirt-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958232723670-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=2000" alt="The Camp Shirt : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504051-38PM.jpg?v=1746179114&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=2000" alt="The Camp Shirt : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504071-38PM.jpg?v=1746179114&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958232723670-label">
<div class="break-words" aria-hidden="true">
The Camp Shirt : Stripe 58
</div><div>
<span>
<span >
<span class=money>$415.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-camp-shirt-stripe-38", "The Camp Shirt : Stripe 38")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-camp-shirt-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958231249110-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-camp-shirt-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958231249110-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=2000" alt="The Camp Shirt : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507494-12PM.jpg?v=1746178958&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=2000" alt="The Camp Shirt : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507504-12PM.jpg?v=1746178958&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958231249110-label">
<div class="break-words" aria-hidden="true">
The Camp Shirt : Stripe 38
</div><div>
<span>
<span >
<span class=money>$415.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-oversized-shirt-stripe-36", "The Oversized Shirt : Stripe 36")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-oversized-shirt-stripe-36"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958225219798-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-oversized-shirt-stripe-36"
aria-labelledby="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958225219798-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=2000" alt="The Oversized Shirt : Stripe 36" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506793-34PM1.jpg?v=1746177671&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=2000" alt="The Oversized Shirt : Stripe 36" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506803-35PM.jpg?v=1746177671&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_PnnDVW-Product-8958225219798-label">
<div class="break-words" aria-hidden="true">
The Oversized Shirt : Stripe 36
</div><div>
<span>
<span >
<span class=money>$495.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li></ul><div class="grid grid-cols-12 grid-flow-dense gap-2 wrapper mt-8"><div class="col-span-full text-right">
<div class="flex items-center justify-end gap-2">
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_PnnDVW" :aria-label="current_slide === 1 ? 'Go to last slide' : 'Previous slide'" role="button" @click="prevSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44 11.6667H4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6667 18.3333L4 11.6667L10.6667 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_PnnDVW" :aria-label="current_slide === total_slides ? 'Go to first slide' : 'Next slide'" role="button" @click="nextSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 11.6667L44 11.6667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.3333 5L44 11.6667L37.3333 18.3333" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
</div>
</div></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modules-carousel.bundle.min.js?v=119662586607671591551746381700" type="module"></script>
</div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_VTMkJU" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__collection_carousel_HXGV6d" class="shopify-section"><section
id="section-template--19306390880470__collection_carousel_HXGV6d"
x-data="{ labelContent: '', focusVisible: false }"
class="section-container"
data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"
style="--section-grid-cols-mobile: ; --section-grid-cols-desktop: ; --top-spacing-adjust: 0; --bottom-spacing-adjust: 0;"
>
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"><div class="wrapper mb-half-section-vertical-spacing flex justify-between items-center flex-wrap gap-4">
<h2 class="font-heading text-heading-standard break-words">
SHORTS, PANTS, SKIRTS
</h2><a
href="/collections/pants-trousers-shorts-skirts-high-summer-2025"
class="btn"
aria-label="View all products in the PANTS, TROUSERS, SHORTS + SKIRTS collection"
>
View all
</a>
</div><style data-shopify>#section-template--19306390880470__collection_carousel_HXGV6d .carousel-item {
--total-margin: calc(var(--wrapper-left-and-right-margin) * 2);
width: calc(60% - var(--total-margin));
}
@media (min-width: 990px) {
#section-template--19306390880470__collection_carousel_HXGV6d .carousel-item {
width: 25%;
}
}</style><div
x-data='ThemeModule_Carousel("template--19306390880470__collection_carousel_HXGV6d")'
x-init="mounted()"
class="carousel-container w-full max-w-screen lg:max-w-full overflow-hidden"
>
<ul id="CarouselTrack-template--19306390880470__collection_carousel_HXGV6d" x-ref="carousel-track" class="carousel-track flex overflow-x-scroll scroll-smooth gap-media-grid items-center snap-x snap-mandatory snap-always"><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-harem-pant-stripe-60", "The Harem Pant : Stripe 60")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-harem-pant-stripe-60"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958558994646-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-harem-pant-stripe-60"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958558994646-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=2000" alt="The Harem Pant : Stripe 60" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508104-35PM.jpg?v=1746205722&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=2000" alt="The Harem Pant : Stripe 60" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508124-35PM.jpg?v=1746205722&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958558994646-label">
<div class="break-words" aria-hidden="true">
The Harem Pant : Stripe 60
</div><div>
<span>
<span >
<span class=money>$550.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-high-waisted-short-stripe-58", "The High Waisted Short : Stripe 58")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-high-waisted-short-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958792138966-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-high-waisted-short-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958792138966-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=2000" alt="The High Waisted Short : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2503841-31PM.jpg?v=1746208510&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=2000" alt="The High Waisted Short : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups02811-32PM.jpg?v=1746208510&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958792138966-label">
<div class="break-words" aria-hidden="true">
The High Waisted Short : Stripe 58
</div><div>
<span>
<span >
<span class=money>$330.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-palazzo-pant-stripe-34", "The Palazzo Pant : Stripe 34")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-palazzo-pant-stripe-34"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958204674262-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-palazzo-pant-stripe-34"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958204674262-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=2000" alt="The Palazzo Pant : Stripe 34" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506172-59PM.jpg?v=1746174328&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=2000" alt="The Palazzo Pant : Stripe 34" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506182-59PM.jpg?v=1746174328&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958204674262-label">
<div class="break-words" aria-hidden="true">
The Palazzo Pant : Stripe 34
</div><div>
<span>
<span >
<span class=money>$410.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-parachute-pant-stripe-16", "The Parachute Pant : Stripe 16")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-parachute-pant-stripe-16"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958214176982-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-parachute-pant-stripe-16"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958214176982-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=2000" alt="The Parachute Pant : Stripe 16" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005210-16AM.jpg?v=1746176669&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=2000" alt="The Parachute Pant : Stripe 16" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25005410-16AM.jpg?v=1746176669&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958214176982-label">
<div class="break-words" aria-hidden="true">
The Parachute Pant : Stripe 16
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-palazzo-pant-stripe-52", "The Palazzo Pant : Stripe 52")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-palazzo-pant-stripe-52"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958198841558-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-palazzo-pant-stripe-52"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958198841558-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=2000" alt="The Palazzo Pant : Stripe 52" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029312-16PM.jpg?v=1746174163&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=2000" alt="The Palazzo Pant : Stripe 52" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25029712-17PM.jpg?v=1746174163&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958198841558-label">
<div class="break-words" aria-hidden="true">
The Palazzo Pant : Stripe 52
</div><div>
<span>
<span >
<span class=money>$410.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-high-waisted-short-stripe-35", "The High Waisted Short : Stripe 35")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-high-waisted-short-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958775034070-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-high-waisted-short-stripe-35"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958775034070-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=2000" alt="The High Waisted Short : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2506693-31PM.jpg?v=1746208377&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=2000" alt="The High Waisted Short : Stripe 35" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04493-31PM.jpg?v=1746208377&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958775034070-label">
<div class="break-words" aria-hidden="true">
The High Waisted Short : Stripe 35
</div><div>
<span>
<span >
<span class=money>$330.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-parachute-pant-stripe-58", "The Parachute Pant : Stripe 58")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-parachute-pant-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958207983830-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-parachute-pant-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958207983830-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=2000" alt="The Parachute Pant : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504131-41PM.jpg?v=1746210094&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=2000" alt="The Parachute Pant : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504151-41PM.jpg?v=1746210094&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958207983830-label">
<div class="break-words" aria-hidden="true">
The Parachute Pant : Stripe 58
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-mini-skirt-stripe-38", "The Mini Skirt : Stripe 38")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-mini-skirt-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958804590806-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-mini-skirt-stripe-38"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958804590806-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=2000" alt="The Mini Skirt : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507964-29PM.jpg?v=1746209535&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=2000" alt="The Mini Skirt : Stripe 38" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507974-30PM.jpg?v=1746209535&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958804590806-label">
<div class="break-words" aria-hidden="true">
The Mini Skirt : Stripe 38
</div><div>
<span>
<span >
<span class=money>$415.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-harem-pant-stripe-13", "The Harem Pant : Stripe 13")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-harem-pant-stripe-13"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958623088854-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-harem-pant-stripe-13"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958623088854-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=2000" alt="The Harem Pant : Stripe 13" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013010-51AM.jpg?v=1746206404&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=2000" alt="The Harem Pant : Stripe 13" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25013110-52AM.jpg?v=1746206404&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958623088854-label">
<div class="break-words" aria-hidden="true">
The Harem Pant : Stripe 13
</div><div>
<span>
<span >
<span class=money>$550.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-cropped-short-stripe-33", "The Cropped Short : Stripe 33")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-cropped-short-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958704615638-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-cropped-short-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958704615638-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=2000" alt="The Cropped Short : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2505652-37PM.jpg?v=1746207391&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=2000" alt="The Cropped Short : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups03862-37PM.jpg?v=1746207391&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958704615638-label">
<div class="break-words" aria-hidden="true">
The Cropped Short : Stripe 33
</div><div>
<span>
<span >
<span class=money>$330.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-cropped-short-stripe-58", "The Cropped Short : Stripe 58")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-cropped-short-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958738759894-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-cropped-short-stripe-58"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958738759894-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=2000" alt="The Cropped Short : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504481-53PM.jpg?v=1746207858&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=2000" alt="The Cropped Short : Stripe 58" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2504511-53PM.jpg?v=1746207858&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958738759894-label">
<div class="break-words" aria-hidden="true">
The Cropped Short : Stripe 58
</div><div>
<span>
<span >
<span class=money>$330.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-wrap-skirt-stripe-30", "The Wrap Skirt : Stripe 30")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-wrap-skirt-stripe-30"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958805704918-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-wrap-skirt-stripe-30"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958805704918-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=2000" alt="The Wrap Skirt : Stripe 30" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507314-04PM.jpg?v=1746209907&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=2000" alt="The Wrap Skirt : Stripe 30" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507254-01PM.jpg?v=1746209907&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958805704918-label">
<div class="break-words" aria-hidden="true">
The Wrap Skirt : Stripe 30
</div><div>
<span>
<span >
<span class=money>$740.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-parachute-pant-stripe-50", "The Parachute Pant : Stripe 50")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-parachute-pant-stripe-50"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958211719382-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-parachute-pant-stripe-50"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958211719382-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=2000" alt="The Parachute Pant : Stripe 50" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026212-03PM.jpg?v=1746176373&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=2000" alt="The Parachute Pant : Stripe 50" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25026312-03PM.jpg?v=1746176373&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958211719382-label">
<div class="break-words" aria-hidden="true">
The Parachute Pant : Stripe 50
</div><div>
<span>
<span >
<span class=money>$430.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-high-waisted-short-stripe-37", "The High Waisted Short : Stripe 37")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-high-waisted-short-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958786404566-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-high-waisted-short-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958786404566-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=2000" alt="The High Waisted Short : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2507434-09PM.jpg?v=1746208450&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=2000" alt="The High Waisted Short : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04874-09PM.jpg?v=1746208450&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_HXGV6d-Product-8958786404566-label">
<div class="break-words" aria-hidden="true">
The High Waisted Short : Stripe 37
</div><div>
<span>
<span >
<span class=money>$330.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li></ul><div class="grid grid-cols-12 grid-flow-dense gap-2 wrapper mt-8"><div class="col-span-full text-right">
<div class="flex items-center justify-end gap-2">
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_HXGV6d" :aria-label="current_slide === 1 ? 'Go to last slide' : 'Previous slide'" role="button" @click="prevSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44 11.6667H4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6667 18.3333L4 11.6667L10.6667 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_HXGV6d" :aria-label="current_slide === total_slides ? 'Go to first slide' : 'Next slide'" role="button" @click="nextSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 11.6667L44 11.6667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.3333 5L44 11.6667L37.3333 18.3333" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
</div>
</div></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modules-carousel.bundle.min.js?v=119662586607671591551746381700" type="module"></script>
</div></section>
</div><div id="shopify-section-template--19306390880470__collection_carousel_hDK4Wx" class="shopify-section"><section
id="section-template--19306390880470__collection_carousel_hDK4Wx"
x-data="{ labelContent: '', focusVisible: false }"
class="section-container"
data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880"
style="--section-grid-cols-mobile: ; --section-grid-cols-desktop: ; --top-spacing-adjust: 0; --bottom-spacing-adjust: 0;"
>
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"><div class="wrapper mb-half-section-vertical-spacing flex justify-between items-center flex-wrap gap-4">
<h2 class="font-heading text-heading-standard break-words">
ACCESSORIES
</h2><a
href="/collections/accessories-high-summer-2025"
class="btn"
aria-label="View all products in the ACCESSORIES collection"
>
View all
</a>
</div><style data-shopify>#section-template--19306390880470__collection_carousel_hDK4Wx .carousel-item {
--total-margin: calc(var(--wrapper-left-and-right-margin) * 2);
width: calc(60% - var(--total-margin));
}
@media (min-width: 990px) {
#section-template--19306390880470__collection_carousel_hDK4Wx .carousel-item {
width: 25%;
}
}</style><div
x-data='ThemeModule_Carousel("template--19306390880470__collection_carousel_hDK4Wx")'
x-init="mounted()"
class="carousel-container w-full max-w-screen lg:max-w-full overflow-hidden"
>
<ul id="CarouselTrack-template--19306390880470__collection_carousel_hDK4Wx" x-ref="carousel-track" class="carousel-track flex overflow-x-scroll scroll-smooth gap-media-grid items-center snap-x snap-mandatory snap-always"><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-scarf-stripe-37", "The Scarf : Stripe 37")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-scarf-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962124644566-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-scarf-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962124644566-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6666666666666666;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=2000" alt="The Scarf : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04683-55PM.jpg?v=1746621260&width=2000 2000w" width="2000" height="3000" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=2000" alt="The Scarf : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04703-55PM.jpg?v=1746621260&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962124644566-label">
<div class="break-words" aria-hidden="true">
The Scarf : Stripe 37
</div><div>
<span>
<span >
<span class=money>$300.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-hat-stripe-59", "The Hat : Stripe 59")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-hat-stripe-59"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962445803734-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-hat-stripe-59"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962445803734-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6666666666666666;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=2000" alt="The Hat : Stripe 59" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509225-39PM-2.jpg?v=1746641674&width=2000 2000w" width="2000" height="3000" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=2000" alt="The Hat : Stripe 59" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509245-40PM-2.jpg?v=1746641674&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962445803734-label">
<div class="break-words" aria-hidden="true">
The Hat : Stripe 59
</div><div>
<span>
<span >
<span class=money>$325.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-scarf-stripe-33", "The Scarf : Stripe 33")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-scarf-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139324630-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-scarf-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139324630-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6666666666666666;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=2000" alt="The Scarf : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04072-58PM.jpg?v=1746621626&width=2000 2000w" width="2000" height="3000" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=2000" alt="The Scarf : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups04153-00PM.jpg?v=1746621627&width=2000 2000w" width="2000" height="3000" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139324630-label">
<div class="break-words" aria-hidden="true">
The Scarf : Stripe 33
</div><div>
<span>
<span >
<span class=money>$300.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-hat", "The Hat : Stripe 26")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-hat"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962428928214-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-hat"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962428928214-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=2000" alt="The Hat : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509325-45PM-2.jpg?v=1746641445&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=2000" alt="The Hat : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509355-47PM-2.jpg?v=1746641445&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962428928214-label">
<div class="break-words" aria-hidden="true">
The Hat : Stripe 26
</div><div>
<span>
<span >
<span class=money>$325.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-hat-stripe-37", "The Hat : Stripe 37")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-hat-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962443673814-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-hat-stripe-37"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962443673814-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=2000" alt="The Hat : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509075-27PM-2.jpg?v=1746641513&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=2000" alt="The Hat : Stripe 37" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509105-28PM-2.jpg?v=1746641513&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962443673814-label">
<div class="break-words" aria-hidden="true">
The Hat : Stripe 37
</div><div>
<span>
<span >
<span class=money>$325.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-scarf-stripe-59", "The Scarf : Stripe 59")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-scarf-stripe-59"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139717846-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-scarf-stripe-59"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139717846-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=2000" alt="The Scarf : Stripe 59" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508895-13PM-2.jpg?v=1746621922&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=2000" alt="The Scarf : Stripe 59" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2508905-13PM-2.jpg?v=1746621922&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962139717846-label">
<div class="break-words" aria-hidden="true">
The Scarf : Stripe 59
</div><div>
<span>
<span >
<span class=money>$300.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-hat-stripe-33", "The Hat : Stripe 33")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-hat-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962444591318-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-hat-stripe-33"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962444591318-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6669444444444445;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=2000" alt="The Hat : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509155-33PM-2.jpg?v=1746641550&width=2000 2000w" width="2000" height="2999" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=2000" alt="The Hat : Stripe 33" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril2509175-34PM-2.jpg?v=1746641550&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962444591318-label">
<div class="break-words" aria-hidden="true">
The Hat : Stripe 33
</div><div>
<span>
<span >
<span class=money>$325.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li><li class="relative carousel-item shrink-0 snap-start scroll-ml-wrapper-left-and-right-margin first:ml-wrapper-left-and-right-margin last:mr-wrapper-left-and-right-margin overflow-hidden" >
<div
class="relative group"
x-data='ThemeTile("\/products\/the-scarf-stripe-26", "The Scarf : Stripe 26")'
><a
class="tile-link absolute inset-0 z-10 group block lg:hidden"
href="/products/the-scarf-stripe-26"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962138767574-label"></a><a
class="tile-link absolute inset-0 z-10 group hidden lg:block"
href="/products/the-scarf-stripe-26"
aria-labelledby="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962138767574-label">
</a><div class="group tile-media-wrapper relative overflow-hidden aspect-css-var" style="--ratio: 0.6666666666666666;">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=2000" alt="The Scarf : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05655-20PM.jpg?v=1746621976&width=2000 2000w" width="2000" height="3000" loading="lazy" class="tile-media track-loaded transition-[transform,opacity] duration-300 scale-100 group-hover:scale-103 absolute inset-0 w-full h-full object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
<div class="absolute inset-0 w-full h-full transition duration-300 opacity-0 group-hover:opacity-100 scale-100 group-hover:scale-103">
<img src="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=2000" alt="The Scarf : Stripe 26" srcset="//marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=352 352w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=832 832w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=1200 1200w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=1920 1920w, //marrakshilife.com/cdn/shop/files/MLLifeECommerceApril25-Closeups05685-21PM.jpg?v=1746621998&width=2000 2000w" width="2000" height="2999" loading="lazy" class="block w-full h-full bg-scheme-background object-center object-cover" sizes="(min-width: 990px) calc(83.33vw / 100 * 25), calc(1vw * 60)">
</div>
</div><div class="tile-content-wrapper mt-2" id="Section-template--19306390880470__collection_carousel_hDK4Wx-Product-8962138767574-label">
<div class="break-words" aria-hidden="true">
The Scarf : Stripe 26
</div><div>
<span>
<span >
<span class=money>$300.00 USD</span>
</span>
</span>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/tile.js?v=170646438460912807401746381720" type="module"></script>
</div>
</li></ul><div class="grid grid-cols-12 grid-flow-dense gap-2 wrapper mt-8"><div class="col-span-full text-right">
<div class="flex items-center justify-end gap-2">
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_hDK4Wx" :aria-label="current_slide === 1 ? 'Go to last slide' : 'Previous slide'" role="button" @click="prevSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M44 11.6667H4" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6667 18.3333L4 11.6667L10.6667 5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
<button aria-controls="CarouselTrack-template--19306390880470__collection_carousel_hDK4Wx" :aria-label="current_slide === total_slides ? 'Go to first slide' : 'Next slide'" role="button" @click="nextSlide" class="flex items-center justify-center min-touch-target">
<span class="inline-block w-12 h-6"><svg class="theme-icon" viewbox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 11.6667L44 11.6667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.3333 5L44 11.6667L37.3333 18.3333" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</button>
</div>
</div></div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modules-carousel.bundle.min.js?v=119662586607671591551746381700" type="module"></script>
</div></section>
</div><div id="shopify-section-template--19306390880470__feature_text_with_rich_text_3LgLqc" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 0;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 grid-flow-dense gap-theme">
<div class="lg:col-span-item min-w-0" style="--item-col-span: 6;">
</div>
<div class="lg:col-span-item min-w-0 break-words flex" style="--item-col-span: 6;">
<div class="no-m-first break-words">
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--19306390880470__media_with_text_overlay_7YGWnx" class="shopify-section"><style data-shopify>
#template--19306390880470__media_with_text_overlay_7YGWnx {
--total-gutter-size: calc(var(--theme-col-gap-desktop) * 11);
--column-size: calc((100% - var(--total-gutter-size)) / 12);
--content-size: calc(var(--column-size) * 4 + var(--theme-col-gap-desktop) * 3);
}
#template--19306390880470__media_with_text_overlay_7YGWnx .media-overlay-container {
aspect-ratio: 0.66;
}@media (min-width: 990px) {
#template--19306390880470__media_with_text_overlay_7YGWnx .media-overlay-container {
height: auto;
aspect-ratio: 1.33;
}
#template--19306390880470__media_with_text_overlay_7YGWnx .overlay-content {
width: var(--content-size);
}
}</style>
<section id="template--19306390880470__media_with_text_overlay_7YGWnx" class="section-container text-scheme-text bg-scheme-background" data-color-scheme="scheme1"><div class="media-overlay-container relative w-full"><img src="//marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=1000" alt="" srcset="//marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=352 352w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=832 832w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=1000 1000w" width="1000" height="1250" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full lg:hidden">
<img src="//marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=2000" alt="" srcset="//marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=352 352w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=832 832w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=1200 1200w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=1920 1920w, //marrakshilife.com/cdn/shop/files/SHOT_23_041_7.jpg?v=1746712646&width=2000 2000w" width="2000" height="2500" loading="lazy" class="track-loaded absolute inset-0 object-cover w-full h-full hidden lg:block">
<div id="ColorOverlay-color_overlay_B836Dd" class="absolute inset-0 w-full h-full bg-scheme-background" data-color-scheme="scheme-1f196a52-993d-46ff-9840-4b434f4d2880" style="opacity: 2%; mix-blend-mode: normal;">
</div><div class="overflow-hidden content inset-0 absolute w-full h-full text-center">
<div class="p-wrapper-left-and-right-margin h-full w-full">
<div class="h-full w-full flex min-w-0 break-words justify-center items-center">
<div class="overlay-content no-m-first min-w-0">
<div>
<h2 class="font-heading text-heading-feature break-words">
CRAFTED WORLD
</h2>
</div>
<div class="mt-8">
<a class="btn" href="/pages/our-story">
OUR STORY
</a>
</div>
</div>
</div>
</div>
</div>
</div></section>
</div><div id="shopify-section-template--19306390880470__newsletter" class="shopify-section"><section class="section-container" data-color-scheme="scheme1" style="--top-spacing-adjust: 1; --bottom-spacing-adjust: 1;">
<div class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing">
<div class="wrapper"><hr class="border-t-theme border-scheme-border mb-half-section-vertical-spacing"><div class="grid lg:grid-cols-12 gap-theme"><div class="lg:col-span-section-title no-m-first">
<h2 class="font-heading text-heading-standard empty:hidden break-words">
Sign up to our newsletter
</h2>
</div><div class="lg:col-span-section-content lg:col-end-[-1]">
<form method="post" action="/contact#customer-form-template--19306390880470__newsletter" id="customer-form-template--19306390880470__newsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div class="input-group items-center gap-1">
<input type="hidden" name="contact[tags]" value="newsletter">
<label for="NewsletterForm-template--19306390880470__newsletter" class="sr-only">
Email Address
</label>
<input
id="NewsletterForm-template--19306390880470__newsletter"
type="email"
name="contact[email]"
class="input-group-field bg-transparent border text-scheme-text border-scheme-text"
value=""
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="email@example.com"
required
>
<div class="input-group-button">
<button type="submit" class="btn" name="commit" id="Subscribe-template--19306390880470__newsletter">Subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</main><!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--19306391208150__footer" class="shopify-section shopify-section-group-footer-group mt-auto">
<footer class="text-scheme-text bg-scheme-background pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing" data-color-scheme="scheme1" style="--top-spacing-adjust: 0.5; --bottom-spacing-adjust: 1;">
<div class="wrapper">
<div class="relative">
<div class="grid md:grid-cols-12 w-full gap-theme z-0 grid-flow-dense items-top"><div class="md:col-span-6 lg:col-span-item space-y-4 text-left" style="--item-col-span: 3;">
<div>
<div>
<ul class="flex flex-wrap justify-start -m-2 justify-start">
<li class="w-[1.125rem] h-[1.125rem] m-2">
<a class="min-touch-target inline-block" href="https://www.instagram.com/marrakshi.life" aria-label="Instagram"><svg aria-hidden="true" focusable="false" role="presentation" class="icon w-full h-full fill-current icon-instagram" viewbox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></a>
</li>
</ul></div>
</div></div></div>
<div class="text-base mt-half-section-vertical-spacing lg:mt-section-vertical-spacing grid md:grid-cols-6 lg:grid-cols-12 w-full gap-theme z-0 grid-flow-dense items-top">
<div class="lg:order-4 md:col-span-6 first:lg:col-end-[-1] first:lg:flex first:lg:justify-end first:lg:items-start space-y-5">
<div class="space-y-5">
<div class="flex items-center lg:justify-end gap-x-4 text-scheme-secondary"><div><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" 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="/" /><div>
<h2 class="sr-only" id="country-heading">
Country/region
</h2>
<div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="flex justify-between items-center group"
:aria-expanded="expanded"
aria-controls="country-list"
aria-describedby="country-heading"
@click.prevent="expanded = ! expanded"
>
<span>United States (USD $)</span>
<div class="shrink-0 w-4 h-4 ml-2" x-show="! expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 6.444 10 11.112L22 6.444"/>
</svg>
</div>
<div class="shrink-0 w-4 h-4 ml-2" x-show="expanded" x-cloak><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M22 17.556 12 6.444 2 17.556"/>
</svg>
</div>
</button>
<ul
id="country-list"
class="absolute border border-theme border-scheme-text bg-scheme-background left-0 right-auto md:left-auto md:right-0 max-h-[60vh] overflow-y-auto p-3 snap-y snap-mandatory z-30 bottom-[calc(100%_+_0.5rem)]"
x-show="expanded"
:aria-hidden="! expanded"
x-cloak
>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Afghanistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Åland Islands (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Albania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Algeria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Andorra (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Angola (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Anguilla (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Antigua & Barbuda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Argentina (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Armenia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Aruba (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ascension Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Australia (AUD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Austria (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Azerbaijan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bahamas (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bahrain (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bangladesh (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Barbados (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belarus (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belgium (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belize (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Benin (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bermuda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bhutan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bolivia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bosnia & Herzegovina (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Botswana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Brazil (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">British Indian Ocean Territory (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">British Virgin Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Brunei (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bulgaria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Burkina Faso (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Burundi (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cambodia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cameroon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Canada (CAD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cape Verde (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Caribbean Netherlands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cayman Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Central African Republic (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Chad (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Chile (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">China (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Christmas Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cocos (Keeling) Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Colombia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Comoros (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Congo - Brazzaville (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Congo - Kinshasa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cook Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Costa Rica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Côte d’Ivoire (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Croatia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Curaçao (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cyprus (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Czechia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Denmark (DKK kr.)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Djibouti (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Dominica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Dominican Republic (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ecuador (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Egypt (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">El Salvador (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Equatorial Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ER'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Eritrea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Estonia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Eswatini (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ET'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ethiopia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Falkland Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Faroe Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Fiji (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Finland (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">France (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Guiana (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Polynesia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Southern Territories (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gabon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gambia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Georgia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Germany (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ghana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gibraltar (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Greece (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Greenland (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Grenada (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guadeloupe (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guatemala (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guernsey (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guinea-Bissau (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guyana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Haiti (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Honduras (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Hong Kong SAR (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Hungary (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Iceland (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">India (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ID'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Indonesia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Iraq (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ireland (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Isle of Man (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Israel (ILS ₪)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Italy (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jamaica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Japan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jersey (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jordan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kazakhstan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kenya (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kiribati (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'XK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kosovo (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kuwait (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kyrgyzstan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Laos (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Latvia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lebanon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lesotho (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Liberia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Libya (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Liechtenstein (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lithuania (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Luxembourg (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Macao SAR (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Madagascar (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malawi (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malaysia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Maldives (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ML'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mali (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malta (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Martinique (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mauritania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mauritius (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'YT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mayotte (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mexico (MXN $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Moldova (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Monaco (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mongolia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ME'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Montenegro (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Montserrat (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Morocco (MAD د.م.)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mozambique (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Myanmar (Burma) (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Namibia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nauru (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nepal (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Netherlands (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">New Caledonia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">New Zealand (NZD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nicaragua (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Niger (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nigeria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Niue (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Norfolk Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">North Macedonia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Norway (NOK kr)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'OM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Oman (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Pakistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Palestinian Territories (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Panama (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Papua New Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Paraguay (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Peru (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Philippines (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Pitcairn Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Poland (PLN zł)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Portugal (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'QA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Qatar (QAR ر.ق)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Réunion (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Romania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Russia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Rwanda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'WS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Samoa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">San Marino (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ST'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">São Tomé & Príncipe (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Saudi Arabia (SAR ر.س)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Senegal (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Serbia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Seychelles (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sierra Leone (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Singapore (SGD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sint Maarten (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Slovakia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Slovenia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Solomon Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Somalia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Africa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Georgia & South Sandwich Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Korea (KRW ₩)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Sudan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ES'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Spain (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sri Lanka (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Barthélemy (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Helena (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Kitts & Nevis (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Lucia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Martin (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Pierre & Miquelon (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Vincent & Grenadines (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sudan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Suriname (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Svalbard & Jan Mayen (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sweden (SEK kr)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Switzerland (CHF CHF)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Taiwan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tajikistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tanzania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Thailand (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Timor-Leste (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Togo (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tokelau (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tonga (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Trinidad & Tobago (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tristan da Cunha (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tunisia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Türkiye (TRY ₺)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Turkmenistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Turks & Caicos Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tuvalu (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">U.S. Outlying Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uganda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ukraine (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">United Arab Emirates (AED د.إ)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">United Kingdom (GBP £)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
aria-current="true"
@click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
>
<span class="underline underline-offset-basic">United States (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uruguay (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uzbekistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vanuatu (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vatican City (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Venezuela (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vietnam (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'WF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Wallis & Futuna (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Western Sahara (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'YE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Yemen (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Zambia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Zimbabwe (USD $)
</span>
</a>
</li></ul>
<input
x-ref="input"
type="hidden"
name="country_code"
id="CountrySelector"
value="US"
/>
</div>
</div>
</form></div><div x-data="{}"><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" x-ref="languageform"><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="/" /><div>
<h2 class="sr-only" id="lang-heading">
Language
</h2><div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="flex justify-between items-center"
:aria-expanded="expanded"
aria-controls="lang-list"
aria-describedby="lang-heading"
@click.prevent="expanded = ! expanded"
><span class="w-4 h-4 inline-block mr-1"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"/>
<path stroke="currentColor" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M12 22c2.008 0 3.636-4.477 3.636-10S14.008 2 12 2 8.364 6.477 8.364 12 9.992 22 12 22ZM2.685 8.364h18.633M2.685 15.636h18.633"/>
</svg>
</span><span>English</span>
<div class="shrink-0 w-4 h-4 ml-2" x-show="! expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 6.444 10 11.112L22 6.444"/>
</svg>
</div>
<div class="shrink-0 w-4 h-4 ml-2" x-show="expanded" x-cloak><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M22 17.556 12 6.444 2 17.556"/>
</svg>
</div>
</button>
<ul
id="lang-list"
class="absolute border border-theme border-scheme-text left-0 right-auto md:left-auto md:right-0 max-h-[60vh] overflow-y-auto p-3 snap-y snap-mandatory z-30 bg-scheme-background bottom-[calc(100%_+_0.5rem)]"
x-show="expanded"
:aria-hidden="! expanded"
x-cloak
>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="en"
aria-current="true"
@click.prevent="$refs.input.value = 'en'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">English</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="fr"
@click.prevent="$refs.input.value = 'fr'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">français</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="it"
@click.prevent="$refs.input.value = 'it'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Italiano</span>
</a>
</li></ul>
<input
x-ref="input"
type="hidden"
name="locale_code"
id="LocaleSelector"
value="en"
/>
</div></div>
</form></div></div>
<ul class="-mt-1 list list-payment flex flex-wrap items-center justify-start -mx-1 grayscale" role="list"><li class="px-1 mt-1">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg>
</li><li class="px-1 mt-1">
<svg class="icon icon--full-color" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
</li></ul></div>
</div>
<div class="lg:order-1 md:col-span-6 space-y-2 overflow-hidden"><ul class="policies flex flex-wrap -mx-2 text-scheme-secondary"><li>
<a class="inline-block px-2 hover:underline" href="/policies/refund-policy">Refund policy</a>
</li><li>
<a class="inline-block px-2 hover:underline" href="/policies/privacy-policy">Privacy policy</a>
</li><li>
<a class="inline-block px-2 hover:underline" href="/policies/terms-of-service">Terms of service</a>
</li><li>
<a class="inline-block px-2 hover:underline" href="/policies/shipping-policy">Shipping policy</a>
</li><li>
<a class="inline-block px-2 hover:underline" href="/policies/contact-information">Contact information</a>
</li></ul><p class="text-scheme-secondary"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group --></div>
</div><!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--19306391306454__menu" class="shopify-section shopify-section-group-overlay-group">
<style data-shopify>#DrawerMenu {
--blocks-vertical-spacing-desktop: 0.0625rem;
--blocks-vertical-spacing-mobile: 1px;
--blocks-vertical-spacing: var(--blocks-vertical-spacing-mobile);
}
@media (min-width: 990px) {
#DrawerMenu {
--blocks-vertical-spacing: var(--blocks-vertical-spacing-desktop);
}
}</style><section x-data="ThemeSection_MenuDrawer">
<template data-should-teleport="#left-drawer-slot">
<div
id='DrawerMenu'
x-show="$store.modals.leftDrawer.contents === 'menu-drawer'"
:data-modal-label=" ($store.modals.leftDrawer.contents === 'menu-drawer') ? '' : false"
class="menu-drawer text-menu-drawer max-h-full flex flex-col h-screen text-scale-n1 lg:text-scale-n0"
>
<div class="p-2 lg:p-4 w-full shrink-0 overflow-hidden">
<div class="relative flex items-center justify-end">
<button @click.prevent="$store.modals.close('menu-drawer')" class="block top-0 min-touch-target">
<span class="sr-only">Close (esc)</span>
<span class="inline-block w-4 h-4"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 2 20 20m0-20L2 22"/>
</svg>
</span>
</button>
</div>
</div>
<div class="flex-auto flex flex-col overflow-hidden overflow-y-auto p-2 lg:p-4 pb-8">
<div class="space-y-spacer" style="--spacing-adjust: 1"><nav
>
<ul id="Menu-menu" class="menu uppercase min-w-[40%] break-words">
<li class="menu-link menu-item-0"><div
x-cloak
x-data=" { expanded: false } "
>
<button
class="flex items-center justify-between w-full py-1 text-left uppercase min-w-[40%] break-words hover:underline"
@click="expanded = ! expanded"
:aria-expanded="expanded"
>
<span class="">HIGH SUMMER</span>
<div class="ml-auto js-enabled flex items-center">
<span
class="w-4 h-4 inline-block transition-transform ease-gentle duration-[280ms]"
x-cloak
><span x-show="expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2 12h20"/>
</svg>
</span>
<span x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2 12h20M12 2v20"/>
</svg>
</span></span>
</div>
</button>
<ul class="child-links menu dropdown-child pl-5" x-show="expanded"><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/dresses-high-summer-2025">
<span class="min-w-[40%]">DRESSES</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/caftans-long-shirts-tunics">
<span class="min-w-[40%]">CAFTANS, TUNICS, LONG SHIRTS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/shirts-tops-high-summer-2025">
<span class="min-w-[40%]">SHIRTS + TOPS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/pants-trousers-shorts-skirts-high-summer-2025">
<span class="min-w-[40%]">BOTTOMS, TROUSERS, SKIRTS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/accessories-high-summer-2025">
<span class="min-w-[40%]">ACCESSORIES</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/high-summer-2026">
<span class="min-w-[40%]">VIEW THE ENTIRE COLLECTION</span>
</a>
</li></ul></div></li>
<li class="menu-link menu-item-1"><div
x-cloak
x-data=" { expanded: false } "
>
<button
class="flex items-center justify-between w-full py-1 text-left uppercase min-w-[40%] break-words hover:underline"
@click="expanded = ! expanded"
:aria-expanded="expanded"
>
<span class="">COLLECTION 20</span>
<div class="ml-auto js-enabled flex items-center">
<span
class="w-4 h-4 inline-block transition-transform ease-gentle duration-[280ms]"
x-cloak
><span x-show="expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2 12h20"/>
</svg>
</span>
<span x-show="!expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M2 12h20M12 2v20"/>
</svg>
</span></span>
</div>
</button>
<ul class="child-links menu dropdown-child pl-5" x-show="expanded"><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/collection-20-dresses-caftans">
<span class="min-w-[40%]">DRESSES, CAFTANS, TUNICS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/collection-20-shirts-tops">
<span class="min-w-[40%]">SHIRTS + TOPS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/collection-20-pants-trousers-shorts">
<span class="min-w-[40%]">PANTS + SHORTS</span>
</a>
</li><li class="menu-link">
<a class="block flex justify-between items-center hover:underline break-words" href="/collections/collection-20-jackets-outerwear">
<span class="min-w-[40%]">JACKETS + OUTERWEAR</span>
</a>
</li></ul></div></li>
<li class="menu-link menu-item-2"><a href="/pages/our-story" class="block flex justify-between hover:underline py-1">
<span>OUR CRAFTED WORLD</span>
</a>
</li>
<li class="menu-link menu-item-3"><a href="/search" class="block flex justify-between hover:underline py-1">
<span>SEARCH</span>
</a>
</li><li class="menu-link" x-data>
<button class="block text-left hover:underline py-1" @click.prevent="$store.modals.open('cart')">Cart (<span x-text="$store.cart_count.count">0</span>)</button>
</li></ul>
</nav><div>
<ul class="flex flex-wrap justify-start -m-2 justify-start">
<li class="w-[1.125rem] h-[1.125rem] m-2">
<a class="min-touch-target inline-block" href="https://www.instagram.com/marrakshi.life" aria-label="Instagram"><svg aria-hidden="true" focusable="false" role="presentation" class="icon w-full h-full fill-current icon-instagram" viewbox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></a>
</li>
</ul></div></div><div class="mt-8 space-y-4"><div class="text-base"><form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" 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="/" /><div>
<h2 class="sr-only" id="country-heading">
Country/region
</h2>
<div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="flex justify-between items-center group"
:aria-expanded="expanded"
aria-controls="country-list"
aria-describedby="country-heading"
@click.prevent="expanded = ! expanded"
>
<span>United States (USD $)</span>
<div class="shrink-0 w-4 h-4 ml-2" x-show="! expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 6.444 10 11.112L22 6.444"/>
</svg>
</div>
<div class="shrink-0 w-4 h-4 ml-2" x-show="expanded" x-cloak><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M22 17.556 12 6.444 2 17.556"/>
</svg>
</div>
</button>
<ul
id="country-list"
class="absolute border border-theme border-scheme-text bg-scheme-background left-0 right-auto md:left-auto md:right-0 max-h-[60vh] overflow-y-auto p-3 snap-y snap-mandatory z-30 top-0"
x-show="expanded"
:aria-hidden="! expanded"
x-cloak
>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Afghanistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Åland Islands (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Albania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Algeria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Andorra (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Angola (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Anguilla (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Antigua & Barbuda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Argentina (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Armenia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Aruba (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ascension Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Australia (AUD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Austria (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Azerbaijan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bahamas (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bahrain (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bangladesh (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Barbados (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belarus (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belgium (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Belize (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Benin (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bermuda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bhutan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bolivia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bosnia & Herzegovina (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Botswana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Brazil (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">British Indian Ocean Territory (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">British Virgin Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Brunei (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Bulgaria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Burkina Faso (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Burundi (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cambodia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cameroon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Canada (CAD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cape Verde (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Caribbean Netherlands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cayman Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Central African Republic (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Chad (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Chile (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">China (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Christmas Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cocos (Keeling) Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Colombia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Comoros (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Congo - Brazzaville (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Congo - Kinshasa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cook Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Costa Rica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Côte d’Ivoire (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Croatia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Curaçao (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Cyprus (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Czechia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Denmark (DKK kr.)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Djibouti (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Dominica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Dominican Republic (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ecuador (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Egypt (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">El Salvador (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Equatorial Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ER'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Eritrea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Estonia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Eswatini (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ET'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ethiopia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Falkland Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Faroe Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Fiji (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Finland (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">France (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Guiana (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Polynesia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">French Southern Territories (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gabon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gambia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Georgia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'DE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Germany (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ghana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Gibraltar (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Greece (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Greenland (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Grenada (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guadeloupe (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guatemala (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guernsey (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guinea-Bissau (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Guyana (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Haiti (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Honduras (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Hong Kong SAR (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'HU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Hungary (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Iceland (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">India (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ID'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Indonesia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Iraq (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ireland (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Isle of Man (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Israel (ILS ₪)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'IT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Italy (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jamaica (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Japan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jersey (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'JO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Jordan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kazakhstan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kenya (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kiribati (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'XK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kosovo (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kuwait (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Kyrgyzstan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Laos (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Latvia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lebanon (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lesotho (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Liberia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Libya (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Liechtenstein (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Lithuania (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Luxembourg (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Macao SAR (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Madagascar (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malawi (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malaysia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Maldives (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ML'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mali (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Malta (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MQ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Martinique (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mauritania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mauritius (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'YT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mayotte (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mexico (MXN $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Moldova (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Monaco (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mongolia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ME'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Montenegro (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Montserrat (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Morocco (MAD د.م.)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Mozambique (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Myanmar (Burma) (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Namibia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nauru (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NP'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nepal (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Netherlands (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">New Caledonia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">New Zealand (NZD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nicaragua (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Niger (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Nigeria (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Niue (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Norfolk Island (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">North Macedonia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'NO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Norway (NOK kr)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'OM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Oman (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Pakistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Palestinian Territories (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Panama (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Papua New Guinea (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Paraguay (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Peru (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Philippines (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Pitcairn Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Poland (PLN zł)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Portugal (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'QA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Qatar (QAR ر.ق)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Réunion (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Romania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Russia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Rwanda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'WS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Samoa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">San Marino (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ST'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">São Tomé & Príncipe (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Saudi Arabia (SAR ر.س)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Senegal (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'RS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Serbia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Seychelles (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sierra Leone (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Singapore (SGD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SX'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sint Maarten (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Slovakia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SI'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Slovenia (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Solomon Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Somalia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Africa (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Georgia & South Sandwich Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Korea (KRW ₩)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SS'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">South Sudan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ES'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Spain (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sri Lanka (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'BL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Barthélemy (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Helena (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'KN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Kitts & Nevis (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'LC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Lucia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'MF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Martin (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'PM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Pierre & Miquelon (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">St. Vincent & Grenadines (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SD'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sudan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Suriname (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Svalbard & Jan Mayen (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'SE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Sweden (SEK kr)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'CH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Switzerland (CHF CHF)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Taiwan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TJ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tajikistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tanzania (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Thailand (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TL'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Timor-Leste (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Togo (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TK'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tokelau (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TO'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tonga (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TT'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Trinidad & Tobago (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tristan da Cunha (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tunisia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TR'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Türkiye (TRY ₺)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Turkmenistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TC'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Turks & Caicos Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'TV'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Tuvalu (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">U.S. Outlying Islands (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UG'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uganda (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Ukraine (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'AE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">United Arab Emirates (AED د.إ)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">United Kingdom (GBP £)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
aria-current="true"
@click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
>
<span class="underline underline-offset-basic">United States (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UY'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uruguay (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'UZ'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Uzbekistan (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VU'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vanuatu (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VA'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vatican City (EUR €)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Venezuela (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'VN'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Vietnam (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'WF'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Wallis & Futuna (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'EH'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Western Sahara (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'YE'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Yemen (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZM'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Zambia (USD $)
</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
@click.prevent="$refs.input.value = 'ZW'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Zimbabwe (USD $)
</span>
</a>
</li></ul>
<input
x-ref="input"
type="hidden"
name="country_code"
id="CountrySelector"
value="US"
/>
</div>
</div>
</form></div><div x-data="{}" class="text-base"><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" x-ref="languageform"><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="/" /><div>
<h2 class="sr-only" id="lang-heading">
Language
</h2><div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="flex justify-between items-center"
:aria-expanded="expanded"
aria-controls="lang-list"
aria-describedby="lang-heading"
@click.prevent="expanded = ! expanded"
><span>English</span>
<div class="shrink-0 w-4 h-4 ml-2" x-show="! expanded"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 6.444 10 11.112L22 6.444"/>
</svg>
</div>
<div class="shrink-0 w-4 h-4 ml-2" x-show="expanded" x-cloak><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M22 17.556 12 6.444 2 17.556"/>
</svg>
</div>
</button>
<ul
id="lang-list"
class="absolute border border-theme border-scheme-text left-0 right-auto md:left-auto md:right-0 max-h-[60vh] overflow-y-auto p-3 snap-y snap-mandatory z-30 bg-scheme-background top-0"
x-show="expanded"
:aria-hidden="! expanded"
x-cloak
>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="en"
aria-current="true"
@click.prevent="$refs.input.value = 'en'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">English</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="fr"
@click.prevent="$refs.input.value = 'fr'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">français</span>
</a>
</li>
<li class="w-40 first:-mt-2 last:-mb-2 snap-start">
<a
class="block py-2"
href="#"
lang="it"
@click.prevent="$refs.input.value = 'it'; $root.closest('form').submit();"
>
<span class="underline-offset-basic">Italiano</span>
</a>
</li></ul>
<input
x-ref="input"
type="hidden"
name="locale_code"
id="LocaleSelector"
value="en"
/>
</div></div>
</form></div></div><div class="mt-8">
<a href="/account/login" class="">Log in</a>
</div></div>
</div>
</template>
</section>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/menu-drawer.js?v=41670776103099161751746381698" type="module"></script>
</div>
<!-- END sections: overlay-group --><div
id="screenreader-announce"
class="sr-only"
aria-live="polite"
role="status"
></div>
<ul hidden>
<li id="a11y-refresh-page-message">
Choosing a selection results in a full page refresh.
</li>
<li id="a11y-selection-message">
Press the space key then arrow keys to make a selection.
</li>
</ul>
<aside x-data>
<template x-teleport="body">
<div
x-show="$store.modals.leftDrawer.open"
@keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
@click="$store.modals.close('leftDrawer')"
class="fixed inset-0 z-110"
data-color-scheme="scheme1"
id="modals-leftDrawer"
@left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
x-show="$store.modals.leftDrawer.open"
x-transition.opacity.duration.500ms
class='fixed inset-0 bg-scheme-text backdrop-saturate-0'
style="--tw-bg-opacity: 0.85;"><!-- Overlay --></div>
<div
@click.stop
x-show="$store.modals.leftDrawer.open"
x-transition:enter="transition ease-energetic duration-[350ms]"
x-transition:enter-start="-translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-energetic duration-[350ms]"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="-translate-x-full"
x-trap.noscroll.inert="$store.modals.leftDrawer.open"
class="relative w-11/12 lg:max-w-sm h-full bg-scheme-background text-scheme-text mr-auto drawer-transition-host"
id="left-drawer-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('leftDrawer', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</template>
</aside>
<aside x-data>
<template x-teleport='body'>
<div
x-show='$store.modals.rightDrawer.open'
@keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
@click="$store.modals.close('rightDrawer')"
class='fixed inset-0 z-120'
data-color-scheme='scheme1'
id='modals-rightDrawer'
@right-drawer-is-open.window='setTimeout(() => { $focus.first() }, 120)'
>
<div
x-show='$store.modals.rightDrawer.open'
class='fixed inset-0 bg-scheme-text backdrop-saturate-0'
style="--tw-bg-opacity: 0.85;"
x-transition.opacity.duration.500ms
>
<!-- Overlay -->
</div>
<div
@click.stop
x-show='$store.modals.rightDrawer.open'
x-transition:enter='transition ease-energetic duration-[350ms]'
x-transition:enter-start='translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='transition ease-energetic duration-[350ms]'
x-transition:leave-start='translate-x-0'
x-transition:leave-end='translate-x-full'
x-trap.noscroll.inert='$store.modals.rightDrawer.open'
class='relative w-11/12 lg:max-w-sm h-full bg-scheme-background text-scheme-text ml-auto'
id='right-drawer-slot'
role='dialog'
aria-modal='true'
:aria-label="getModalLabel('rightDrawer', $el)"
tabindex='-1'
>
<!-- Modal content is teleported here -->
</div>
</div>
</template>
</aside>
<aside
x-data
>
<template x-teleport="body">
<div
x-show="$store.modals.quickViewDrawer.open"
@keydown.escape.prevent.stop="$store.modals.close('quickViewDrawer')"
@click="$store.modals.close('quickViewDrawer')"
class="fixed left-0 top-0 right-0 bottom-0 lg:inset-0 z-110 max-lg:flex max-lg:items-end"
data-color-scheme="scheme1"
id="modals-quickViewDrawer"
@quick-view-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
x-show="$store.modals.quickViewDrawer.open"
class='fixed inset-0 bg-scheme-text backdrop-saturate-0'
style="--tw-bg-opacity: 0.85;"
x-transition.opacity.duration.500ms
>
<!-- Overlay -->
</div>
<div
@click.stop
x-show="$store.modals.quickViewDrawer.open"
x-transition:enter="transition ease-energetic duration-[350ms]"
x-transition:enter-start="max-lg:translate-y-full lg:translate-x-full"
x-transition:enter-end="max-lg:translate-y-0 lg:translate-x-0"
x-transition:leave="transition ease-energetic duration-[350ms]"
x-transition:leave-start="max-lg:translate-y-0 lg:translate-x-0"
x-transition:leave-end="max-lg:translate-y-full lg:translate-x-full"
x-trap.noscroll.inert="$store.modals.quickViewDrawer.open"
class="relative w-full h-[90vh] lg:max-w-[var(--quick-view-max-width)] lg:h-full bg-scheme-background text-scheme-text ml-auto overflow-hidden"
id="quick-view-drawer-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('quickViewDrawer', $el)"
tabindex="-1"
></div>
</div>
</template>
</aside>
<div x-data>
<template x-teleport="body">
<div
x-show="$store.modals.popup.open"
@keydown.escape.prevent.stop="$store.modals.close('popup')"
@click="$store.modals.close('popup')"
class="fixed inset-0 z-110 p-8 lg:p-24"
data-color-scheme="scheme1"
id="modals-popup"
@popup-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
x-show="$store.modals.popup.open"
class="fixed inset-0 bg-scheme-text/40"
>
<!-- Overlay -->
</div>
<div
x-show="$store.modals.popup.open"
class="h-full w-full flex"
>
<div
@click.stop
x-show="$store.modals.popup.open"
x-trap.noscroll.inert="$store.modals.popup.open"
class="relative w-full max-w-2xl max-h-full px-2 lg:px-4 py-theme border-gridline border-gridline-color bg-scheme-background text-scheme-text m-auto overflow-y-auto"
id="popup-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('popup', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div>
<div x-data>
<template x-teleport="body">
<div
x-show="$store.modals.modal.open"
@keydown.escape.prevent.stop="$store.modals.close('modal')"
@click="$store.modals.close('modal')"
class="fixed inset-0 z-110"
data-color-scheme="scheme1"
id="modals-modal"
@modal-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
x-show="$store.modals.modal.open"
class="h-full w-full flex"
>
<div
@click.stop
x-show="$store.modals.modal.open"
x-transition:enter='transition ease-energetic duration-[380ms]'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-energetic duration-[380ms]'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-trap.noscroll.inert="$store.modals.modal.open"
class="relative w-full h-full bg-scheme-background text-scheme-text m-auto overflow-y-auto"
id="modal-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('modal', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div><div
x-data
>
<template x-teleport="body">
<div
x-show="$store.modals.promo.open"
class="fixed inset-0 z-110 pointer-events-none"
data-color-scheme="scheme1"
id="modals-promo"
>
<div
x-show="$store.modals.promo.open"
class="h-full w-full"
>
<div
x-show="$store.modals.promo.open"
x-transition:enter="transition ease-energetic duration-[300ms] delay-75"
x-transition:enter-start="translate-y-full"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition ease-energetic duration-[300ms]"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-full"
class="absolute top-auto mt-auto right-0 bottom-0 left-0 bg-scheme-background text-scheme-text overflow-y-auto pointer-events-auto"
id="promo-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('promo', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div>
<div
x-data
x-init="initTeleport($root); $store.modals.register('productQuickView', 'quickViewDrawer')"
>
<template data-should-teleport="#quick-view-drawer-slot">
<template x-if="$store.quickview">
<div class="max-h-full flex flex-col h-screen">
<div
class="h-full flex items-center justify-center"
x-show="!$store.quickview.product_loaded"
>
<div role="status">
<svg
aria-hidden="true"
class="w-8 h-8 mr-2 text-scheme-text/10 animate-spin fill-scheme-text"
viewbox="0 0 100 101"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
</svg>
<span class="sr-only">Loading</span>
</div>
</div>
<div
x-transition
x-show="$store.quickview.product_loaded"
x-ref="quick-view-drawer-header"
class="p-2 lg:p-4 w-full overflow-hidden shrink-0">
<div class="relative flex items-center justify-between">
<a :href="$store.quickview.current_product_url">
<span class="sr-only">Open in full view</span>
<span class="inline-block w-4 h-4"><svg class="theme-icon" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.2333 10.2333L2 2.00002" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M7.13455 2.00002H2V7.13457" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M13.7994 13.7993L22 22" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M16.8654 21.9999H21.9999V16.8653" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
</span>
</a>
<button @click.prevent="$store.modals.close('quickViewDrawer')" class="block top-0 min-touch-target">
<span class="sr-only">Close (esc)</span>
<span class="inline-block w-4 h-4"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 2 20 20m0-20L2 22"/>
</svg>
</span>
</button>
</div>
</div>
<div
x-transition
x-show="$store.quickview.product_loaded"
id="product-quickview-content"
class="flex overflow-hidden"
>
</div>
</div>
</template>
</template>
</div>
<div class="absolute -left-[10000px]" aria-hidden>
<div class="btn inline-block" id="buttonSizer">
Add to Cart
</div>
</div>
<script>
//get height of buttonSizer
var buttonSizer = document.getElementById('buttonSizer');
var buttonSizerHeight = buttonSizer.offsetHeight;
document.documentElement.style.setProperty(
'--add-to-cart-button-height',
`${buttonSizerHeight}px`
);
</script>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/modals.js?v=58277170109567868791746381699" type="module"></script>
<div x-data="ThemeModule_CartDrawer({openOnAddToCart: true})" x-cloak>
<div>
<template x-teleport="#right-drawer-slot">
<div class="max-h-full flex flex-col h-screen" :data-modal-label="`Your cart - ${$store.cart_count.countWithText()}`" x-show="$store.modals.rightDrawer.contents === 'cart'">
<div class="p-2 lg:p-4 w-full overflow-hidden">
<div class="relative flex items-center justify-between">
<h2 tabindex="-1">
Your cart
</h2>
<button @click.prevent="$store.modals.close('cart')" class="block top-0 min-touch-target">
<span class="sr-only">Close (esc)</span>
<span class="inline-block w-4 h-4"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m2 2 20 20m0-20L2 22"/>
</svg>
</span>
</button>
</div>
</div>
<div class="flex-auto flex flex-col overflow-hidden px-2 lg:px-4">
<div
x-data="ThemeModule_CartItems('drawer')"
data-cart-items
class="flex-auto flex flex-col overflow-hidden overflow-y-auto pb-16"
>
<div class="text-center h-full flex items-center">
<div class="w-full">
<h2 class="">Your cart is currently empty.</h2>
<a href="/collections/all" class="btn btn--solid mt-4">
Continue shopping
</a>
</div>
</div>
</div>
<p class="sr-only" id="cart-live-region-text" aria-live="polite" role="status" aria-hidden="true">New subtotal: <span class=money>$0.00 USD</span></p>
<div class="relative">
<div class="-translate-y-full h-16 w-full bg-gradient-to-t from-scheme-background to-transparent absolute top-0 left-0 right-0 pointer-events-none"></div>
<div
x-data="ThemeModule_CartFooter('drawer')"
data-cart-footer
>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
<script src="//marrakshilife.com/cdn/shop/t/54/assets/cart-drawer.js?v=101425494924518863321746381692" type="module"></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/alpine.bundle.min.js?v=88126505145170464381746381691"
type="module"
></script>
<script
src="//marrakshilife.com/cdn/shop/t/54/assets/load-images.js?v=5232055159660021111746381698"
type="module"
></script>
<div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_left data-vertical-position=lowest data-icon=chat_bubble data-text=no_text data-color=#202a36 data-secondary-color=#FFFFFF data-ternary-color=#6A6A6A
data-greeting-message=Hello+from+Marrakech%21+Please+feel+free+to+contact+us+with+any+questions+about+styles%2C+fabrics%2C+or+sizing.
data-domain=marrakshilife.com data-shop-domain=marrakshilife.com data-external-identifier=-gt1FgfR0b69q3m5cDooZzRcOOMbK7jAtOPKAggvncM
>
</script>
</div></body>
</html>
