PageSourceSearch

https://operadepot.com/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens

html operadepot.com collected 2026-09-25 01:06:52 UTC 772,144 bytes, 19,331 lines download raw bytes

1
2
3<!doctype html>
4<html
5  class="no-js"
6  lang="en"
7  data-customer-tier="non_member"
8  data-catalogue-access="samples"
9  data-coming-soon-access="none"data-od-coming-soon="0"
10  data-od-csgate-title="Become a Patron"
11  data-od-csgate-body="Become a Patron and gain access to this and hundreds of other recordings exclusively available here."
12  data-od-csgate-label="See Patron membership"
13  data-od-csgate-url="/pages/patron"
14>
15  <head>
16    <meta charset="utf-8">
17    <meta http-equiv="X-UA-Compatible" content="IE=edge">
18    <meta name="viewport" content="width=device-width,initial-scale=1">
19    <meta name="theme-color" content="#181818">
20
21    <!-- page-meta -->
22    <title>
23      Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Pro
24 &ndash; Opera Depot</title>
25
26    
27      <meta name="description" content="Mireille Charles Gounod (1818 - 1893) DESCRIPTION First performed at the Théâtre-Lyrique in Paris in 1864, Gounod’s Mireille was composed in the wake of Faust and based on Frédéric Mistral’s Provençal poem Mirèio. The opera had a difficult initial reception and underwent numerous revisions, but eventually established i">
28    
29
30    
31
32<meta property="og:site_name" content="Opera Depot">
33<meta property="og:url" content="https://operadepot.com/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens">
34<meta property="og:title" content="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Pro">
35<meta property="og:type" content="product">
36<meta property="og:description" content="Mireille Charles Gounod (1818 - 1893) DESCRIPTION First performed at the Théâtre-Lyrique in Paris in 1864, Gounod’s Mireille was composed in the wake of Faust and based on Frédéric Mistral’s Provençal poem Mirèio. The opera had a difficult initial reception and underwent numerous revisions, but eventually established i"><meta property="og:image" content="http://operadepot.com/cdn/shop/files/12411-2front.jpg?v=1788807403">
37  <meta property="og:image:secure_url" content="https://operadepot.com/cdn/shop/files/12411-2front.jpg?v=1788807403">
38  <meta property="og:image:width" content="600">
39  <meta property="og:image:height" content="600"><meta property="og:price:amount" content="9.95">
40  <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image">
41<meta name="twitter:title" content="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Pro">
42<meta name="twitter:description" content="Mireille Charles Gounod (1818 - 1893) DESCRIPTION First performed at the Théâtre-Lyrique in Paris in 1864, Gounod’s Mireille was composed in the wake of Faust and based on Frédéric Mistral’s Provençal poem Mirèio. The opera had a difficult initial reception and underwent numerous revisions, but eventually established i">
43
44
45    <link rel="canonical" href="https://operadepot.com/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens">
46    <!-- end-page-meta -->
47
48    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
49    <link rel="preconnect" href="https://wnbkupdjhy.us-east-1.awsapprunner.com" crossorigin>
50    <link rel="dns-prefetch" href="//wnbkupdjhy.us-east-1.awsapprunner.com">
51    <link rel="preconnect" href="https://d3ehd4tdywukgy.cloudfront.net" crossorigin>
52    <link rel="dns-prefetch" href="//d3ehd4tdywukgy.cloudfront.net"><link rel="icon" type="image/png" href="//operadepot.com/cdn/shop/files/faviconimage.png?v=1739483416&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
52<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
52<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/2389583/digital_wallets/dialog">
53<meta id="in-context-paypal-metadata" data-shop-id="2389583" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
54<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/52179151061313:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://operadepot.com/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens.oembed">
55<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
55
56<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
57<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=2389583" crossorigin="anonymous"></script>
vendor: 1 bytes, line 57
57
58<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":2389583,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/2389583","merchantName":"Opera Depot","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Opera Depot","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 58
58
59<script id="shopify-features" type="application/json">{"accessToken":"8fa98bce419d8263b12362fa1200e42f","betas":["rich-media-storefront-analytics"],"domain":"operadepot.com","predictiveSearch":true,"shopId":2389583,"locale":"en"}</script>
vendor: 1 bytes, line 59
59
60<script>var Shopify = Shopify || {};
61Shopify.shop = "opera-depot.myshopify.com";
62Shopify.locale = "en";
63Shopify.currency = {"active":"USD","rate":"1.0"};
64Shopify.country = "US";
65Shopify.theme = {"name":"Copy of 9-16-26membership","id":189788750145,"schema_name":"Satoshi","schema_version":"4.1.2","theme_store_id":null,"role":"main"};
66Shopify.theme.handle = "null";
67Shopify.theme.style = {"id":null,"handle":null};
68Shopify.cdnHost = "operadepot.com/cdn";
69Shopify.routes = Shopify.routes || {};
70Shopify.routes.root = "/";
71Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
72Shopify.SignInWithShop = Shopify.SignInWithShop || {};
73Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
74Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 74
74
75<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 75
75
76<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>
vendor: 1 bytes, line 76
76
77<script>
78  window.ShopifyPay = window.ShopifyPay || {};
79  window.ShopifyPay.apiHost = "shop.app\/pay";
80  window.ShopifyPay.redirectState = null;
81</script>
vendor: 1 bytes, line 81
81
82<script>
83  window.Shopify = window.Shopify || {};
84  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
85  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
86  window.Shopify.SignInWithShop.eligible = true;
87</script>
vendor: 1 bytes, line 87
87
88<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 88
88
89<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 89
89
90<script type="module">
91  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
92
93  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
94
95</script>
vendor: 1 bytes, line 95
95
96<script>
97  window.Shopify = window.Shopify || {};
98  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
99  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
100</script>
vendor: 1 bytes, line 100
100
101<script>(function() {
102  var isLoaded = false;
103  function asyncLoad() {
104    if (isLoaded) return;
105    isLoaded = true;
106    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/0b737e104707053c63273f345\/34499fce69a941a57acd824d5.js?shop=opera-depot.myshopify.com"];
107    for (var i = 0; i < urls.length; i++) {
108      var s = document.createElement('script');
109      s.type = 'text/javascript';
110      s.async = true;
111      s.src = urls[i];
112      var x = document.getElementsByTagName('script')[0];
113      x.parentNode.insertBefore(s, x);
114    }
115  };
116  if(window.attachEvent) {
117    window.attachEvent('onload', asyncLoad);
118  } else {
119    window.addEventListener('load', asyncLoad, false);
120  }
121})();</script>
vendor: 1 bytes, line 121
121
122<script id="__st">var __st={"a":2389583,"offset":-25200,"reqid":"ec299e57-198d-430c-9f43-00fb2b4d45ea-1790298411","pageurl":"operadepot.com\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","u":"dc4043ee438c","p":"product","rtyp":"product","rid":10364678504769};</script>
vendor: 1 bytes, line 122
122
123<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 123
123
124<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.3.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'])})(!1,!0)}();</script>
vendor: 1 bytes, line 124
124
125<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//operadepot.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 125
125
126<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//operadepot.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
126<script crossorigin="anonymous" defer="defer" src="//operadepot.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 126
126
127<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 127
127
128<script>
129  window.Shopify = window.Shopify || {};
130  window.Shopify.MCP = window.Shopify.MCP || {};
131  window.Shopify.MCP.enabled = true;
132  window.Shopify.MCP.shop = "opera-depot.myshopify.com";
133  window.Shopify.MCP.mcpEndpoint = "https:\/\/operadepot.com\/api\/mcp";
134  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
135</script>
vendor: 1 bytes, line 135
135
136<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/operadepot.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
137</script>
vendor: 1 bytes, line 137
137
138<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://operadepot.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
139</script>
vendor: 1 bytes, line 139
139
140<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
141  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
142</script>
vendor: 1 bytes, line 142
142
143<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
144</script>
vendor: 1 bytes, line 144
144
145<script id='scb4127' type='text/javascript' async='' src='https://operadepot.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
145<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://operadepot.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
146<style id="shopify-accelerated-checkout-cart">
147        #shopify-buyer-consent {
148  margin-top: 1em;
149  display: inline-block;
150  width: 100%;
151}
152
153#shopify-buyer-consent.hidden {
154  display: none;
155}
156
157#shopify-subscription-policy-button {
158  background: none;
159  border: none;
160  padding: 0;
161  text-decoration: underline;
162  font-size: inherit;
163  cursor: pointer;
164}
165
166#shopify-subscription-policy-button::before {
167  box-shadow: none;
168}
169
170      </style>
171
172<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
172
173
174    
175
176<style data-shopify>
177  @font-face {
178  font-family: "Libre Baskerville";
179  font-weight: 400;
180  font-style: italic;
181  font-display: swap;
182  src: url("//operadepot.com/cdn/fonts/libre_baskerville/librebaskerville_i4.9b1c62038123f2ff89e0d72891fc2421add48a40.woff2") format("woff2"),
183       url("//operadepot.com/cdn/fonts/libre_baskerville/librebaskerville_i4.d5032f0d77e668619cab9a3b6ff7c45700fd5f7c.woff") format("woff");
184}
185
186
187  @font-face {
188  font-family: Lato;
189  font-weight: 300;
190  font-style: normal;
191  font-display: swap;
192  src: url("//operadepot.com/cdn/fonts/lato/lato_n3.a7080ececf6191f1dd5b0cb021691ca9b855c876.woff2") format("woff2"),
193       url("//operadepot.com/cdn/fonts/lato/lato_n3.61e34b2ff7341f66543eb08e8c47eef9e1cde558.woff") format("woff");
194}
195
196  @font-face {
197  font-family: Lato;
198  font-weight: 400;
199  font-style: normal;
200  font-display: swap;
201  src: url("//operadepot.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"),
202       url("//operadepot.com/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff");
203}
204
205  @font-face {
206  font-family: Lato;
207  font-weight: 500;
208  font-style: normal;
209  font-display: swap;
210  src: url("//operadepot.com/cdn/fonts/lato/lato_n5.b2fec044fbe05725e71d90882e5f3b21dae2efbd.woff2") format("woff2"),
211       url("//operadepot.com/cdn/fonts/lato/lato_n5.f25a9a5c73ff9372e69074488f99e8ac702b5447.woff") format("woff");
212}
213
214  @font-face {
215  font-family: Lato;
216  font-weight: 600;
217  font-style: normal;
218  font-display: swap;
219  src: url("//operadepot.com/cdn/fonts/lato/lato_n6.38d0e3b23b74a60f769c51d1df73fac96c580d59.woff2") format("woff2"),
220       url("//operadepot.com/cdn/fonts/lato/lato_n6.3365366161bdcc36a3f97cfbb23954d8c4bf4079.woff") format("woff");
221}
222
223
224  :root {
225    --desktop-product-aspect-ratio: 1.0;
226
227    --font-family-body: Lato, sans-serif;
228    --font-weight-body: 400;
229    --font-style-body: normal;
230
231    --font-family-display: "Libre Baskerville", serif;
232    --font-weight-display: 400;
233    --font-style-display: italic;
234
235    --page-width: 0rem;
236    --page-width-margin: 0rem;
237
238    --progress-bar-color: #29d;
239    --progress-bar-height: 2px;
240
241    --fade-in-bg: #ffffff;
242
243    --color-primary-50: #7e7e7e;
244    --color-primary-100: #4b4b4b;
245    --color-primary-400: #252525;
246    --color-primary-500: #181818;
247    --color-primary-600: #0b0b0b;
248    --color-primary-700: #000000;
249
250    --color-background-50: #ffffff;
251    --color-background-100: #ffffff;
252    --color-background-400: #ffffff;
253    --color-background-500: #ffffff;
254    --color-background-600: #f2f2f2;
255    --color-background-700: #e6e6e6;
256
257    /* On dark bg, ligher color is lighter */
258    /* On light bg, lighter color is darker */
259
260    
261      /* bg_is_darker: false; */
262      --color-primary-800: #181818;
263      --color-text-50: #000000;
264      --color-text-100: #0f0f0f;
265      --color-text-400: #353535;
266      --color-text-500: #424242;
267      --color-text-600: #4f4f4f;
268      --color-text-700: #5c5c5c;
269      --color-overlay: #18181833;
270      --color-overlay-dark: #18181866;
271      --header-shadow: 0 10px 8px rgb(0 0 0 / 0.04);
272    
273
274    --color-secondary-50: #ffffff;
275    --color-secondary-100: #ffffff;
276    --color-secondary-400: #ffffff;
277    --color-secondary-500: #ffffff;
278    --color-secondary-600: #f2f2f2;
279    --color-secondary-700: #e6e6e6;
280  }
281
282  /* On dark bg, ligher color should become even lighter */
283  /* On light bg, lighter color should become darker */
284
285  @media (prefers-contrast: more) {
286    :root {
287      
288        /* bg_is_darker: false; */
289        --color-text-50: #000000;
290        --color-text-100: #000000;
291        --color-text-400: #1c1c1c;
292        --color-text-500: #292929;
293        --color-text-600: #353535;
294        --color-text-700: #424242;
295
296        --color-primary-50: #000000;
297        --color-primary-100: #000000;
298        --color-primary-400: #000000;
299        --color-primary-500: #000000;
300        --color-primary-600: #0b0b0b;
301        --color-primary-700: #181818;
302        --color-primary-800: #252525;
303      
304    }
305  }
306
307  
308
309
310    .color-scheme-1 {
311      --color-primary-50: #7e7e7e;
312      --color-primary-100: #4b4b4b;
313      --color-primary-400: #252525;
314      --color-primary-500: #181818;
315      --color-primary-600: #0b0b0b;
316      --color-primary-700: #000000;
317      
318        --color-primary-800: #181818;
319      
320
321      --color-background-50: #ffffff;
322      --color-background-100: #ffffff;
323      --color-background-400: #ffffff;
324      --color-background-500: #ffffff;
325      --color-background-600: #f2f2f2;
326      --color-background-700: #e6e6e6;
327
328      /* On dark bg, ligher color is lighter */
329      /* On light bg, lighter color is darker */
330
331      
332        /* bg_is_darker: false; */
333        --color-text-50: #000000;
334        --color-text-100: #0f0f0f;
335        --color-text-400: #353535;
336        --color-text-500: #424242;
337        --color-text-600: #4f4f4f;
338        --color-text-700: #5c5c5c;
339      
340
341      --color-secondary-50: #ffffff;
342      --color-secondary-100: #ffffff;
343      --color-secondary-400: #ffffff;
344      --color-secondary-500: #f5f5f5;
345      --color-secondary-600: #e8e8e8;
346      --color-secondary-700: #dcdcdc;
347      color: var(--color-text-700);
348    }
349
350    @media (prefers-contrast: more) {
351      .color-scheme-1 {
352      
353        /* bg_is_darker: false; */
354        --color-text-50: #000000;
355        --color-text-100: #000000;
356        --color-text-400: #1c1c1c;
357        --color-text-500: #292929;
358        --color-text-600: #353535;
359        --color-text-700: #424242;
360
361        --color-primary-50: #000000;
362        --color-primary-100: #000000;
363        --color-primary-400: #000000;
364        --color-primary-500: #000000;
365        --color-primary-600: #0b0b0b;
366        --color-primary-700: #181818;
367        --color-primary-800: #252525;
368      
369    }
370  }
371  
372
373
374    .color-scheme-2 {
375      --color-primary-50: #d4dad2;
376      --color-primary-100: #9eab9b;
377      --color-primary-400: #768872;
378      --color-primary-500: #6a7a66;
379      --color-primary-600: #5e6c5a;
380      --color-primary-700: #525e4f;
381      
382        --color-primary-800: #6a7a66;
383      
384
385      --color-background-50: #ffffff;
386      --color-background-100: #ffffff;
387      --color-background-400: #ffffff;
388      --color-background-500: #f5f8f6;
389      --color-background-600: #e6ede9;
390      --color-background-700: #d7e3db;
391
392      /* On dark bg, ligher color is lighter */
393      /* On light bg, lighter color is darker */
394
395      
396        /* bg_is_darker: false; */
397        --color-text-50: #000000;
398        --color-text-100: #000000;
399        --color-text-400: #292424;
400        --color-text-500: #363030;
401        --color-text-600: #443c3c;
402        --color-text-700: #514848;
403      
404
405      --color-secondary-50: #ffffff;
406      --color-secondary-100: #f6f6f5;
407      --color-secondary-400: #d0d2cc;
408      --color-secondary-500: #c4c6bf;
409      --color-secondary-600: #b8bab2;
410      --color-secondary-700: #abaea4;
411      color: var(--color-text-700);
412    }
413
414    @media (prefers-contrast: more) {
415      .color-scheme-2 {
416      
417        /* bg_is_darker: false; */
418        --color-text-50: #000000;
419        --color-text-100: #000000;
420        --color-text-400: #0e0c0c;
421        --color-text-500: #1b1818;
422        --color-text-600: #292424;
423        --color-text-700: #363030;
424
425        --color-primary-50: #000000;
426        --color-primary-100: #222720;
427        --color-primary-400: #465043;
428        --color-primary-500: #525e4f;
429        --color-primary-600: #5e6c5a;
430        --color-primary-700: #6a7a66;
431        --color-primary-800: #768872;
432      
433    }
434  }
435  
436
437
438    .color-scheme-3 {
439      --color-primary-50: #c1b0a6;
440      --color-primary-100: #977b6a;
441      --color-primary-400: #6a564b;
442      --color-primary-500: #5b4a40;
443      --color-primary-600: #4c3e35;
444      --color-primary-700: #3d322b;
445      
446        --color-primary-800: #5b4a40;
447      
448
449      --color-background-50: #ffffff;
450      --color-background-100: #ffffff;
451      --color-background-400: #f1eeed;
452      --color-background-500: #e6e1de;
453      --color-background-600: #dbd4cf;
454      --color-background-700: #d0c7c1;
455
456      /* On dark bg, ligher color is lighter */
457      /* On light bg, lighter color is darker */
458
459      
460        /* bg_is_darker: false; */
461        --color-text-50: #000000;
462        --color-text-100: #000000;
463        --color-text-400: #252421;
464        --color-text-500: #32312d;
465        --color-text-600: #3f3e39;
466        --color-text-700: #4d4b45;
467      
468
469      --color-secondary-50: #ffffff;
470      --color-secondary-100: #e6e1dd;
471      --color-secondary-400: #c7b9b0;
472      --color-secondary-500: #bcaca1;
473      --color-secondary-600: #b19f92;
474      --color-secondary-700: #a79283;
475      color: var(--color-text-700);
476    }
477
478    @media (prefers-contrast: more) {
479      .color-scheme-3 {
480      
481        /* bg_is_darker: false; */
482        --color-text-50: #000000;
483        --color-text-100: #000000;
484        --color-text-400: #0a0a09;
485        --color-text-500: #171715;
486        --color-text-600: #252421;
487        --color-text-700: #32312d;
488
489        --color-primary-50: #000000;
490        --color-primary-100: #010101;
491        --color-primary-400: #2e2520;
492        --color-primary-500: #3d322b;
493        --color-primary-600: #4c3e35;
494        --color-primary-700: #5b4a40;
495        --color-primary-800: #6a564b;
496      
497    }
498  }
499  
500
501
502    .color-scheme-4 {
503      --color-primary-50: #ffffff;
504      --color-primary-100: #c5d4c5;
505      --color-primary-400: #9ab399;
506      --color-primary-500: #8ba88a;
507      --color-primary-600: #7d9d7b;
508      --color-primary-700: #6e926d;
509      
510        --color-primary-800: #587557;
511      
512
513      --color-background-50: #878787;
514      --color-background-100: #545454;
515      --color-background-400: #2e2e2e;
516      --color-background-500: #212121;
517      --color-background-600: #141414;
518      --color-background-700: #080808;
519
520      /* On dark bg, ligher color is lighter */
521      /* On light bg, lighter color is darker */
522
523      
524        /* bg_is_darker: true; */
525        --color-text-50: #ffffff;
526        --color-text-100: #ffffff;
527        --color-text-400: #efefef;
528        --color-text-500: #e2e2e2;
529        --color-text-600: #d5d5d5;
530        --color-text-700: #c9c9c9;
531      
532
533      --color-secondary-50: #969696;
534      --color-secondary-100: #636363;
535      --color-secondary-400: #3d3d3d;
536      --color-secondary-500: #303030;
537      --color-secondary-600: #232323;
538      --color-secondary-700: #171717;
539      color: var(--color-text-700);
540    }
541
542    @media (prefers-contrast: more) {
543      .color-scheme-4 {
544      
545        /* bg_is_darker: true; */
546        --color-text-50: #ffffff;
547        --color-text-100: #ffffff;
548        --color-text-400: #ffffff;
549        --color-text-500: #fbfbfb;
550        --color-text-600: #efefef;
551        --color-text-700: #e2e2e2;
552
553        --color-primary-50: #ffffff;
554        --color-primary-100: #e2e9e2;
555        --color-primary-400: #b6c9b6;
556        --color-primary-500: #a8bea7;
557        --color-primary-600: #9ab399;
558        --color-primary-700: #8ba88a;
559        --color-primary-800: #7d9d7b;
560      
561    }
562  }
563  
564
565
566    .color-scheme-5 {
567      --color-primary-50: #f2e4e3;
568      --color-primary-100: #d39f9c;
569      --color-primary-400: #bc6c67;
570      --color-primary-500: #b45b55;
571      --color-primary-600: #a64f49;
572      --color-primary-700: #944742;
573      
574        --color-primary-800: #b45b55;
575      
576
577      --color-background-50: #ffffff;
578      --color-background-100: #ffffff;
579      --color-background-400: #f8efe9;
580      --color-background-500: #f2e0d6;
581      --color-background-600: #ecd1c3;
582      --color-background-700: #e6c3af;
583
584      /* On dark bg, ligher color is lighter */
585      /* On light bg, lighter color is darker */
586
587      
588        /* bg_is_darker: false; */
589        --color-text-50: #1c1112;
590        --color-text-100: #5c373a;
591        --color-text-400: #8b5458;
592        --color-text-500: #9b5e62;
593        --color-text-600: #a66c70;
594        --color-text-700: #b07c80;
595      
596
597      --color-secondary-50: #ffffff;
598      --color-secondary-100: #ffffff;
599      --color-secondary-400: #efcfc9;
600      --color-secondary-500: #e9beb5;
601      --color-secondary-600: #e3ada1;
602      --color-secondary-700: #dd9b8e;
603      color: var(--color-text-700);
604    }
605
606    @media (prefers-contrast: more) {
607      .color-scheme-5 {
608      
609        /* bg_is_darker: false; */
610        --color-text-50: #000000;
611        --color-text-100: #3c2426;
612        --color-text-400: #6b4144;
613        --color-text-500: #7b4b4e;
614        --color-text-600: #8b5458;
615        --color-text-700: #9b5e62;
616
617        --color-primary-50: #070303;
618        --color-primary-100: #4e2522;
619        --color-primary-400: #833e3a;
620        --color-primary-500: #944742;
621        --color-primary-600: #a64f49;
622        --color-primary-700: #b45b55;
623        --color-primary-800: #bc6c67;
624      
625    }
626  }
627  
628
629
630    .color-scheme-854b40cb-440b-4e58-8fa9-2344fe4297e6 {
631      --color-primary-50: #7e7e7e;
632      --color-primary-100: #4b4b4b;
633      --color-primary-400: #252525;
634      --color-primary-500: #181818;
635      --color-primary-600: #0b0b0b;
636      --color-primary-700: #000000;
637      
638        --color-primary-800: #181818;
639      
640
641      --color-background-50: #ffffff;
642      --color-background-100: #ffffff;
643      --color-background-400: #ffffff;
644      --color-background-500: #ffffff;
645      --color-background-600: #f2f2f2;
646      --color-background-700: #e6e6e6;
647
648      /* On dark bg, ligher color is lighter */
649      /* On light bg, lighter color is darker */
650
651      
652        /* bg_is_darker: false; */
653        --color-text-50: #000000;
654        --color-text-100: #0f0f0f;
655        --color-text-400: #353535;
656        --color-text-500: #424242;
657        --color-text-600: #4f4f4f;
658        --color-text-700: #5c5c5c;
659      
660
661      --color-secondary-50: #ffffff;
662      --color-secondary-100: #ffffff;
663      --color-secondary-400: #ffffff;
664      --color-secondary-500: #ffffff;
665      --color-secondary-600: #f2f2f2;
666      --color-secondary-700: #e6e6e6;
667      color: var(--color-text-700);
668    }
669
670    @media (prefers-contrast: more) {
671      .color-scheme-854b40cb-440b-4e58-8fa9-2344fe4297e6 {
672      
673        /* bg_is_darker: false; */
674        --color-text-50: #000000;
675        --color-text-100: #000000;
676        --color-text-400: #1c1c1c;
677        --color-text-500: #292929;
678        --color-text-600: #353535;
679        --color-text-700: #424242;
680
681        --color-primary-50: #000000;
682        --color-primary-100: #000000;
683        --color-primary-400: #000000;
684        --color-primary-500: #000000;
685        --color-primary-600: #0b0b0b;
686        --color-primary-700: #181818;
687        --color-primary-800: #252525;
688      
689    }
690  }
691  
692
693  *,
694  *::before,
695  *::after {
696    box-sizing: inherit;
697  }
698
699  html {
700    box-sizing: border-box;
701    height: 100%;
702    text-rendering: optimizeLegibility;
703    -webkit-font-smoothing: antialiased;
704    -moz-osx-font-smoothing: grayscale;
705  }
706
707  body {
708    display: grid;
709    grid-template-rows: 1fr auto;
710    min-height: 100%;
711    margin: 0;
712    font-size: 1rem;
713    line-height: calc(1 + 0.8 / var(--font-body-scale));
714  }
715
716.od-index-header-spacer {
717  --od-home-header-spacer-mobile: 72px;
718  --od-home-header-spacer-desktop: 89px;
719  flex: 0 0 auto;
720  height: var(--od-home-header-spacer-mobile);
721}
722
723@media (min-width: 768px) {
724  .od-index-header-spacer {
725    height: var(--od-home-header-spacer-desktop);
726  }
727}
728
729
730  
731    .shopify-section {
732      display: contents;
733    }
734  
735</style>
736
737        
738
739<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/app.css?v=6713547956183441001790033685">
740<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/streaming-card.css?v=126424648571866117531790032775">
741<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/opera-depot-player.css?v=87241603384686723011790032775&od_build=act-intro-ring-rules-2026-09-17-02">
742<style>:root{ --od-fit: contain; }</style>
743<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/od-critical-pdp.css?v=39951047174763743211790032775">
744    <style id="od-product-critical">
745  /* Desktop & tablet */
746  body.template-product h1.od-product-title,
747  body.product h1.od-product-title,
748  body[data-template*="product"] h1.od-product-title{
749    font-family:"Baskerville","Libre Baskerville","Times New Roman",serif !important;
750    font-style:italic !important;
751    font-weight:400 !important;
752    line-height:1.1 !important;
753    font-size:clamp(30px,2.8vw,46px) !important;
754    color:#330065 !important;
755    text-align:left !important;
756    margin:0 0 .25em 0 !important;
757    padding:0 !important;
758    display:block !important;
759  }
760  body.template-product .od-product-subtitle,
761  body.product .od-product-subtitle,
762  body[data-template*="product"] .od-product-subtitle{
763    text-align:left !important;
764    margin:0 0 1rem 0 !important;
765    padding:0 !important;
766    display:block !important;
767  }
768  body.template-product .od-product-eyebrow,
769  body.product .od-product-eyebrow,
770  body[data-template*="product"] .od-product-eyebrow{
771    text-align:left !important;
772    margin:0 0 .25rem 0 !important;
773    padding:0 !important;
774    display:block !important;
775    font-size:.8em !important;
776    font-weight:700 !important;
777    text-transform:uppercase !important;
778    letter-spacing:.08em !important;
779  }
780
781  /* Mobile (<=768px) */
782  @media (max-width: 767.98px){
783    body.template-product h1.od-product-title,
784    body.product h1.od-product-title,
785    body[data-template*="product"] h1.od-product-title{
786      font-size:clamp(28px,8vw,40px) !important;
787      text-align:center !important;
788    }
789    body.template-product .od-product-subtitle,
790    body.product .od-product-subtitle,
791    body[data-template*="product"] .od-product-subtitle{
792      text-align:center !important;
793      max-width:32ch;
794      margin-left:auto !important;
795      margin-right:auto !important;
796      text-wrap:balance;
797    }
798    body.template-product .od-product-eyebrow,
799    body.product .od-product-eyebrow,
800    body[data-template*="product"] .od-product-eyebrow{
801      text-align:center !important;
802    }
803
804    /* Keep price/reviews aligned with px-4 gutters */
805    body.template-product .od-match-gutter,
806    body.product .od-match-gutter,
807    body[data-template*="product"] .od-match-gutter{
808      padding-left:1rem !important; padding-right:1rem !important;
809    }
810    body.template-product .od-match-gutter > *,
811    body.product .od-match-gutter > *,
812    body[data-template*="product"] .od-match-gutter > *{
813      margin-left:0 !important; padding-left:0 !important;
814    }
815
816    /* Safety: ensure price never stays hidden */
817    body.template-product .od-product-price [id^="price-"],
818    body.product .od-product-price [id^="price-"],
819    body[data-template*="product"] .od-product-price [id^="price-"]{
820      display:block !important;
821    }
822  }
823</style>
824
825    
825<script defer src="//operadepot.com/cdn/shop/t/186/assets/app.js?v=107106498333418827711790032775"></script>
825
826    
826<script defer src="//operadepot.com/cdn/shop/t/186/assets/streaming-card.js?v=111026663650901324141790032775"></script>
vendor: 1 bytes, line 826
826
827<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-downloads-portal.js?v=89749497934167928451790032775"></script>
827
828    
828<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-upgrade-hub.js?v=19164098159210858271790032775"></script>
828<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/od-sale-display.css?v=158224281075708351001790032775">
828<script>
829      window.ODMembershipTier = "";
830      /* Whether to ask the app for a tier at all. Liquid can always see that
831         somebody is signed in, even when it cannot read their metafields. */
832      window.ODCustomerSignedIn = false;
833    </script>
833
834    
834<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-sale-display.js?v=37239819466362482421790032775"></script>
834<link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/od-coming-soon-gate.css?v=172908361493982052151790032775">
835    
835<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-coming-soon-gate.js?v=29367033505083749121790032775"></script>
835
836    
836<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-patron-offer.js?v=131629535061832923551790289672"></script>
836
837    
837<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-membership-cart-guard.js?v=49138628708591814701790032775"></script>
837
838    
838<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-membership-plans.js?v=59602016121822458451790196675"></script>
838
839    
839<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-membership-manage.js?v=37224752672144078751790051716"></script>
839<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-streaming-section.js?v=161835396823274565631790032775"></script>
839
840    
840<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-page-reveal.js?v=182016275695917165181790040413"></script>
840
841    
841<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-money.js?v=129519936867711548261790196675"></script>
841
842    
842<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-membership-done.js?v=151547514515963588701790051716"></script>
842<style>
843      .opera-depot-player-message:not(.opera-depot-player-message--error) {
844        display: none !important;
845      }
846    </style><link rel="stylesheet" href="//operadepot.com/cdn/shop/t/186/assets/od-wishlist.css?v=10699062734351513421790032775">
847    
847<script defer src="//operadepot.com/cdn/shop/t/186/assets/od-wishlist.js?v=79435642937584951401790032775"></script>
847
848    
848<script defer src="//operadepot.com/cdn/shop/t/186/assets/alpine.3.14.0.min.js?v=117952194533155082741790032775"></script>
vendor: 1 bytes, line 848
848
849<script>
850(function(){
851  function ensureStore(){
852    try {
853      if (!Alpine.store('wishlist')) Alpine.store('wishlist', { count: 0 });
854    } catch (e) {
855      // If Alpine isn't defined yet, set it when Alpine boots
856      document.addEventListener('alpine:init', function(){
857        if (!Alpine.store('wishlist')) Alpine.store('wishlist', { count: 0 });
858      }, { once:true });
859    }
860  }
861  // Run now if Alpine is present, also attach for init
862  if (window.Alpine) ensureStore();
863  document.addEventListener('alpine:init', ensureStore, { once:true });
864})();
865</script>
865
866      <link rel="preload" as="font" href="//operadepot.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2" type="font/woff2" crossorigin>
867      
868<script>
869      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
870      if (Shopify.designMode) {
871        document.documentElement.classList.add('shopify-design-mode');
872      }
873    </script>
873
874
875    
875<script>
876  const computeRatio = () => {
877    const smallestViewportHeightElem = document.createElement('div');
878    smallestViewportHeightElem.style.position = 'fixed';
879    smallestViewportHeightElem.style.top = '0';
880    smallestViewportHeightElem.style.left = '0';
881    smallestViewportHeightElem.style.width = '100vw';
882    smallestViewportHeightElem.style.height = '100svh';
883    smallestViewportHeightElem.style.visibility = 'hidden';
884    smallestViewportHeightElem.style.pointerEvents = 'none';
885    document.documentElement.appendChild(smallestViewportHeightElem);
886
887    // measure once
888    const screenHeight = smallestViewportHeightElem.offsetHeight;
889    const screenWidth = smallestViewportHeightElem.offsetWidth;
890
891    smallestViewportHeightElem.remove();
892
893    document.documentElement.style.setProperty(
894      '--product-aspect-ratio',
895      (screenWidth / (screenHeight - 155)).toString(),
896    );
897  };
898
899  window.addEventListener('resize', computeRatio);
900  computeRatio();
901</script>
901
902
903
904    
905
906    
906<script>
907      window.ODMembershipAccess = window.ODMembershipAccess || {};
908      window.ODMembershipAccess.state = {
909        customerId: null,
910        customerTier: "non_member",
911        loggedIn: false,
912        acceptsMarketing: false,
913        membershipStatus: "",
914        memberStreamingEligible: false,
915        discountEligible: false,
916        globalCatalogueOverride: false,
917        globalAccessPolicy: null,
918        globalAccessPolicySource: null,
919        globalAccessPolicyFallbackReason: null,
920        playbackPolicy: null,
921        playbackPolicySource: null,
922        playbackPolicyFallbackReason: null,
923        customerPlaybackPolicy: {
924          catalogueAccess: 'samples',
925          comingSoonAccess: 'none',
926          purchaseDiscountPercent: 0
927        }
928      };
929      window.ODMembershipAccess.config = Object.assign(
930        {
931          endpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/membership",
932          playbackTokenEndpoint: "\/apps\/library\/playback-token",
933          purchasedPlaybackTokenEndpoint: "\/apps\/library\/purchased-playback-token",
934          globalAccessPolicyEndpoint: "\/apps\/library\/global-access-policy",
935          legacyStreamingPolicyEndpoint: "\/apps\/library\/streaming-policy",
936          customerLibraryEndpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/library",
937          marketingOptInEndpoint: "https:\/\/tmrn2d6m6d.us-east-1.awsapprunner.com\/api\/marketing-opt-in",
938          unlockFlowUrl: "\/collections\/free-streaming-titles#free-streaming-unlock-flow"
939        },
940        window.ODMembershipAccess.config || {}
941      );
942    </script>
942
943
944    
945    
946        
947        
948          <link href="//operadepot.com/cdn/shop/files/12411-2front.jpg?v=1788807403" as="image" rel="preload">
949        
950
951      
952
953    
954    
955
956
957<!-- CUSTOM CSS: Adjust mobile login button spacing to avoid overlap with persistent player -->
958<style>
959  @media only screen and (max-width: 767px) {
960    .button--filled-primary.w-full {
961      margin-bottom: 100px !important;
962    }
963  }
964</style>
965
966  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
967<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 2389583,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
vendor: 1 bytes, line 967
967
968<script>
969  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
970</script>
vendor: 1 bytes, line 970
970
971<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
971).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 2389583,storefrontBaseUrl: "https://operadepot.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://operadepot.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2414477633","configuration":"{\"mailchimp_store_id\":\"store_i65n6v1d2nsbsxmdmmid\", \"mailchimp_user_id\":\"24983171\",\"mailchimp_list_id\":\"a200909069\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Opera Depot","paymentSettings":{"currencyCode":"USD"}
971,"myshopifyDomain":"opera-depot.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/operadepot.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":17.95,"currencyCode":"USD"},"product":{"title":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","vendor":"Opera Depot","id":"10364678504769","untranslatedTitle":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","url":"\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","type":"2 CD Set"},"id":"52179151061313","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"sku":"12411-2","title":"CD","untranslatedTitle":"CD"},{"price":{"amount":9.95,"currencyCode":"USD"},"product":{"title":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","vendor":"Opera Depot","id":"10364678504769","untranslatedTitle":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","url":"\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","type":"2 CD Set"},"id":"52179151094081","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"sku":"MP3 12411-2","title":"MP3","untranslatedTitle":"MP3"},{"price":{"amount":11.95,"currencyCode":"USD"},"product":{"title":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","vendor":"Opera Depot","id":"10364678504769","untranslatedTitle":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","url":"\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","type":"2 CD Set"},"id":"52179151126849","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"sku":"FLAC 12411-2","title":"FLAC","untranslatedTitle":"FLAC"}],"products":[{"id":"10364678504769","handle":"gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","isCollective":null,"title":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","type":"2 CD Set","untranslatedTitle":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954","url":"\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","vendor":"Opera Depot","remoteShopId":null,"variants":[{"id":"52179151061313","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"price":{"amount":17.95,"currencyCode":"USD"},"sku":"12411-2","title":"CD","untranslatedTitle":"CD"},{"id":"52179151094081","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"MP3 12411-2","title":"MP3","untranslatedTitle":"MP3"},{"id":"52179151126849","image":{"src":"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403"},"price":{"amount":11.95,"currencyCode":"USD"},"sku":"FLAC 12411-2","title":"FLAC","untranslatedTitle":"FLAC"}]}],"purchasingCompany":null},},"https://operadepot.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"189788750145","themePublished":"true","eventMetadataId":"4288a046-2fa5-4a31-9c2c-08eb5e64526e","pageType":"product","resourceId":"10364678504769","shopId":"2389583","storefrontBaseUrl":"https:\/\/operadepot.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":17.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954\",\"vendor\":\"Opera Depot\",\"id\":\"10364678504769\",\"untranslatedTitle\":\"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954\",\"url\":\"\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens\",\"type\":\"2 CD Set\"},\"id\":\"52179151061313\",\"image\":{\"src\":\"\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403\"},\"sku\":\"12411-2\",\"title\":\"CD\",\"untranslatedTitle\":\"CD\"}}]]"});})();</script>
971<script>
972  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
973  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
974  window.ShopifyAnalytics.meta.currency = 'USD';
975  var meta = {"product":{"id":10364678504769,"gid":"gid:\/\/shopify\/Product\/10364678504769","vendor":"Opera Depot","type":"2 CD Set","handle":"gounod-mireille-vivalda-gedda-gayraud-dens-cluytens","variants":[{"id":52179151061313,"price":1795,"name":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - CD","public_title":"CD","sku":"12411-2"},{"id":52179151094081,"price":995,"name":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - MP3","public_title":"MP3","sku":"MP3 12411-2"},{"id":52179151126849,"price":1195,"name":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - FLAC","public_title":"FLAC","sku":"FLAC 12411-2"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10364678504769,"requestId":"ec299e57-198d-430c-9f43-00fb2b4d45ea-1790298411"}};
976  for (var attr in meta) {
977    window.ShopifyAnalytics.meta[attr] = meta[attr];
978  }
979</script>
vendor: 1 bytes, line 979
979
980<script class="analytics">
981  (function () {
982    var customDocumentWrite = function(content) {
983      var jquery = null;
984
985      if (window.jQuery) {
986        jquery = window.jQuery;
987      } else if (window.Checkout && window.Checkout.$) {
988        jquery = window.Checkout.$;
989      }
990
991      if (jquery) {
992        jquery('body').append(content);
993      }
994    };
995
996    var hasLoggedConversion = function(token) {
997      if (token) {
998        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
999      }
1000      return false;
1001    }
1002
1003    var setCookieIfConversion = function(token) {
1004      if (token) {
1005        var twoMonthsFromNow = new Date(Date.now());
1006        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1007
1008        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1009      }
1010    }
1011
1012    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1013    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1014    if (trekkie.integrations) {
1015      return;
1016    }
1017    trekkie.methods = [
1018      'identify',
1019      'page',
1020      'ready',
1021      'track',
1022      'trackForm',
1023      'trackLink'
1024    ];
1025    trekkie.factory = function(method) {
1026      return function() {
1027        var args = Array.prototype.slice.call(arguments);
1028        args.unshift(method);
1029        trekkie.push(args);
1030        if (method == 'track' || method == 'page') {
1031          var pageUrl;
1032          try {
1033            pageUrl = window.location.href;
1034          } catch (e) {}
1035          var pageReferrer;
1036          try {
1037            pageReferrer = document.referrer;
1038          } catch (e) {}
1039          try {
1040            if (window.__TREKKIE_SHIM_QUEUE == null) {
1041              window.__TREKKIE_SHIM_QUEUE = [];
1042            }
1043            window.__TREKKIE_SHIM_QUEUE.push({
1044              from: 'trekkie-stub',
1045              method: method,
1046              args: args.slice(1),
1047              pageContext: {
1048                url: pageUrl,
1049                referrer: pageReferrer
1050              }
1051            });
1052          } catch (e) {
1053            // no-op
1054          }
1055        }
1056        return trekkie;
1057      };
1058    };
1059    for (var i = 0; i < trekkie.methods.length; i++) {
1060      var key = trekkie.methods[i];
1061      trekkie[key] = trekkie.factory(key);
1062    }
1063    trekkie.load = function(config) {
1064      trekkie.config = config || {};
1065      trekkie.config.initialDocumentCookie = document.cookie;
1066      var first = document.getElementsByTagName('script')[0];
1067var script = document.createElement('script');
1068script.type = 'text/javascript';
1069script.onerror = function(e) {
1070  var scriptFallback = document.createElement('script');
1071  scriptFallback.type = 'text/javascript';
1072  scriptFallback.onerror = function(error) {
1073          var Monorail = {
1074      produce: function produce(monorailDomain, schemaId, payload) {
1075        var currentMs = new Date().getTime();
1076        var event = {
1077          schema_id: schemaId,
1078          payload: payload,
1079          metadata: {
1080            event_created_at_ms: currentMs,
1081            event_sent_at_ms: currentMs
1082          }
1083        };
1084        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1085      },
1086      sendRequest: function sendRequest(endpointUrl, payload) {
1087        // Try the sendBeacon API
1088        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1089          var blobData = new window.Blob([payload], {
1090            type: 'text/plain'
1091          });
1092
1093          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1094            return true;
1095          } // sendBeacon was not successful
1096
1097        } // XHR beacon
1098
1099        var xhr = new XMLHttpRequest();
1100
1101        try {
1102          xhr.open('POST', endpointUrl);
1103          xhr.setRequestHeader('Content-Type', 'text/plain');
1104          xhr.send(payload);
1105        } catch (e) {
1106          console.log(e);
1107        }
1108
1109        return false;
1110      },
1111      isIos12: function isIos12() {
1112        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1113      }
1114    };
1115    Monorail.produce('monorail-edge.shopifysvc.com',
1116      'trekkie_storefront_load_errors/1.1',
1117      {shop_id: 2389583,
1118      theme_id: 189788750145,
1119      app_name: "storefront",
1120      context_url: window.location.href,
1121      source_url: "//operadepot.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1122
1123  };
1124  scriptFallback.async = true;
1125  scriptFallback.src = '//operadepot.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1126  first.parentNode.insertBefore(scriptFallback, first);
1127};
1128script.async = true;
1129script.src = '//operadepot.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1130first.parentNode.insertBefore(script, first);
1131
1132    };
1133    trekkie.load(
1134      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2389583,"isMerchantRequest":null,"themeId":189788750145,"themeCityHash":"3070737392248103476","contentLanguage":"en","currency":"USD","eventMetadataId":"4288a046-2fa5-4a31-9c2c-08eb5e64526e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1135    );
1136
1137    var loaded = false;
1138    trekkie.ready(function() {
1139      if (loaded) return;
1140      loaded = true;
1141
1142      window.ShopifyAnalytics.lib = window.trekkie;
1143
1144      var originalDocumentWrite = document.write;
1145      document.write = customDocumentWrite;
1146      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1147      document.write = originalDocumentWrite;
1148
1149      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1150      var token = match? match[1]: undefined;
1151      if (!hasLoggedConversion(token)) {
1152        setCookieIfConversion(token);
1153        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":52179151061313,"productId":10364678504769,"productGid":"gid:\/\/shopify\/Product\/10364678504769","name":"Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - CD","price":"17.95","sku":"12411-2","brand":"Opera Depot","variant":"CD","category":"2 CD Set","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1154      }
1155    });
1156
1157    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10364678504769,"requestId":"ec299e57-198d-430c-9f43-00fb2b4d45ea-1790298411","shopifyEmitted":true});
1158
1159    var eventsListenerScript = document.createElement('script');
1160    eventsListenerScript.async = true;
1161    eventsListenerScript.src = "//operadepot.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1162    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1163})();</script>
vendor: 1 bytes, line 1163
1163
1164<script
1165  defer
1166  src="https://operadepot.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1167  data-application="storefront-renderer"
1168  data-shop-id="2389583"
1169  data-render-region="gcp-us-central1"
1170  data-page-type="product"
1171  data-theme-instance-id="189788750145"
1172  data-theme-name="Satoshi"
1173  data-theme-version="4.1.2"
1174  data-monorail-region="shop_domain"
1175  data-resource-timing-sampling-rate="10"
1176  data-shs="true"
1177  data-shs-beacon="true"
1178  data-shs-export-with-fetch="true"
1179  data-shs-logs-sample-rate="1"
1180  data-shs-beacon-endpoint="https://operadepot.com/api/collect"
1181></script>
1181
1182<meta name="shopify-y" content="12d2b77f-5b30-47d6-966c-da14e950a457" data-expiration="1821856011000"><meta name="shopify-s" content="7325d352-bd4a-47ba-91e6-cbdaf3e4863e" data-expiration="1790300211000"><meta name="new-cookie-storage-activated" content="t">
1183</head>
1184
1185<body
1186  class="
1187    gradient bg-primary-500 od-h1-test
1188    
1189      [&_.no-fade]:opacity-100
1190    
1191  "
1192  x-data
1193  x-init="
1194    () => {
1195      $store.main.totalCartQty = 0
1196      $store.main.showCurrency = !!false
1197      $store.cart.cartType = 'page'
1198      $store.cart.cartUrl = '/cart'
1199    }
1200  "
1201>
1202
1203
1204    
1205<svg
1206  xmlns="http://www.w3.org/2000/svg"
1207  preserveAspectRatio="xMinYMin meet"
1208  role="img"
1209  class="sr-only"
1210>
1211  <defs>
1212    <filter id="border" x="-50%" y="-50%" width="200%" height="200%">
1213      <!-- Apply the color from the CSS variable -->
1214      <feFlood flood-color="var(--color-background-500)" result="color" />
1215
1216      <!-- Use feMorphology to create a sharper outline -->
1217      <feMorphology in="SourceAlpha" operator="dilate" radius="1.5" result="dilated" />
1218
1219      <!-- Composite the color with the dilated result -->
1220      <feComposite in="color" in2="dilated" operator="in" result="coloredDilated" />
1221
1222      <!-- Merge the original graphic with the colored dilated result -->
1223      <feMerge>
1224        <feMergeNode in="coloredDilated" />
1225        <feMergeNode in="SourceGraphic" />
1226      </feMerge>
1227    </filter>
1228  </defs>
1229</svg>
1230
1231
1232    <div class="page-wrapper flex min-h-screen max-w-screen flex-col bg-bg-500">
1233      <a
1234        class="skip-to-content-link button sr-only"
1235        href="#MainContent"
1236        tabindex="1"
1237      >
1238        Skip to content
1239      </a>
1240
1241      <!-- BEGIN sections: header-group -->
1242<div id="shopify-section-sections--27741216735553__header" class="shopify-section shopify-section-group-header-group">
1243<header id="od-header"
1244  class="od-sticky-mobile relative z-50"
1245  :class="[
1246  'shadow-md',
1247  mobileMenuOpen ? 'od-header-fixed od-shadow-anim' : '',
1248  desktopMenuOpen ? 'od-desktop-menu-open' : ''
1249]"
1250
1251x-data="{
1252    mobileMenuOpen:false,
1253    mobileSearchOpen:false,
1254    desktopMenuOpen:false,
1255    isLoggedIn:false,
1256cartCount: 0,
1257
1258    menuMax:0,
1259    searchMax:0,
1260    scrolled:false,
1261    recalc(){
1262      this.$nextTick(() => {
1263        this.menuMax   = (this.$refs.mobileMenuInner?.scrollHeight || 0) + 24;
1264        this.searchMax = (this.$refs.mobileSearchInner?.scrollHeight || 0) + 24;
1265
1266        // NEW: compute the true top offset for overlays (header + announcement bar height)
1267        const r = this.$root.getBoundingClientRect();
1268        const offsetPx = Math.max(0, Math.round(r.bottom)); // viewport px from top to bottom of header
1269        const heightPx = Math.max(0, Math.round(r.height));
1270        document.documentElement.style.setProperty('--od-mobile-offset', offsetPx + 'px');
1271        document.documentElement.style.setProperty('--od-mobile-top', Math.max(0, Math.round(r.top)) + 'px');
1272        document.documentElement.style.setProperty('--od-mobile-header-height', heightPx + 'px');
1273      });
1274    },
1275    onScroll(){
1276      this.scrolled = window.scrollY > 2;
1277      // keep offset fresh while sticky header compresses/expands
1278      this.recalc();
1279    }
1280  }"
1281x-init="
1282  (() => {
1283    if (window.__odMobileHeaderCleanup) window.__odMobileHeaderCleanup();
1284
1285    const mobileHeaderQuery = window.matchMedia('(max-width: 767.98px), (hover: none) and (pointer: coarse)');
1286    const handleMobileHeaderScroll = () => {
1287      if (mobileHeaderQuery.matches) onScroll();
1288    };
1289    const handleMobileHeaderResize = () => {
1290      if (mobileHeaderQuery.matches) recalc();
1291    };
1292    const handleMobileHeaderModeChange = () => {
1293      if (mobileHeaderQuery.matches) {
1294        recalc();
1295        onScroll();
1296      } else {
1297        scrolled = false;
1298      }
1299    };
1300    const handleCartCount = e => { $data.cartCount = e.detail.count || 0 };
1301
1302    recalc();
1303    handleMobileHeaderModeChange();
1304
1305    window.addEventListener('scroll', handleMobileHeaderScroll, { passive:true });
1306    window.addEventListener('resize', handleMobileHeaderResize, { passive:true });
1307    window.addEventListener('od:cart-count', handleCartCount);
1308    if (mobileHeaderQuery.addEventListener) {
1309      mobileHeaderQuery.addEventListener('change', handleMobileHeaderModeChange);
1310    } else if (mobileHeaderQuery.addListener) {
1311      mobileHeaderQuery.addListener(handleMobileHeaderModeChange);
1312    }
1313
1314    window.__odMobileHeaderCleanup = () => {
1315      window.removeEventListener('scroll', handleMobileHeaderScroll);
1316      window.removeEventListener('resize', handleMobileHeaderResize);
1317      window.removeEventListener('od:cart-count', handleCartCount);
1318      if (mobileHeaderQuery.removeEventListener) {
1319        mobileHeaderQuery.removeEventListener('change', handleMobileHeaderModeChange);
1320      } else if (mobileHeaderQuery.removeListener) {
1321        mobileHeaderQuery.removeListener(handleMobileHeaderModeChange);
1322      }
1323      window.__odMobileHeaderCleanup = null;
1324    };
1325  })()
1326"
1327x-effect="(mobileMenuOpen || mobileSearchOpen) && recalc(); document.body.classList.toggle('od-no-scroll', mobileMenuOpen)">
1328
1329<div class="max-w-7xl mx-auto px-4 py-3">
1330
1331
1332<!-- ===== DESKTOP: TOP UTILITY BAR (radio launch + right-aligned country/currency) ===== -->
1333<div class="hidden md:flex w-full justify-between items-center gap-4 mb-2 od-topbar"
1334     data-od-topbar
1335     style="position:relative;">
1336  <button
1337    type="button"
1338    class="od-radio-launch"
1339    data-opera-depot-radio-launch
1340    aria-label="Launch Opera Depot Radio"
1341    @click.prevent="
1342      if (window.OperaDepotPlayer && window.OperaDepotPlayer.startRadio) {
1343        window.OperaDepotPlayer.startRadio();
1344      } else {
1345        document.dispatchEvent(new CustomEvent('opera-depot-player:start-radio'));
1346      }
1347    ">
1348    <svg class="od-radio-launch__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1349      <line x1="28" y1="8" x2="40" y2="16"/>
1350      <rect x="10" y="16" width="44" height="32" rx="4"/>
1351      <circle cx="24" cy="32" r="8"/>
1352      <circle cx="24" cy="32" r="4"/>
1353      <rect x="36" y="22" width="12" height="6" rx="1"/>
1354      <line x1="36" y1="32" x2="48" y2="32"/>
1355      <line x1="36" y1="36" x2="48" y2="36"/>
1356      <circle cx="40" cy="42" r="3"/>
1357      <circle cx="48" cy="42" r="3"/>
1358    </svg>
1359    <span>Opera Depot Radio</span>
1360  </button>
1361
1362  <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-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="/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens" />
1363    <div class="od-cp" x-data="{ open:false }" @keydown.escape.window="open=false" @click.outside="open=false">
1364      <input type="hidden" name="country_code" x-ref="cc" value="US" />
1365
1366      <!-- Trigger -->
1367      <button type="button" class="od-cp__btn" @click="open = !open" :aria-expanded="open.toString()">
1368        <img class="od-cp__flag"
1369             src="https://flagcdn.com/24x18/us.png"
1370             alt="United States flag" />
1371        <span class="od-cp__text">
1372          United States
1373          <span class="od-cp__curr">(USD $)</span>
1374        </span>
1375        <svg class="od-cp__chev" viewBox="0 0 24 24" aria-hidden="true">
1376          <path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1377        </svg>
1378      </button>
1379
1380      <!-- Popup -->
1381      <div class="od-cp__menu"
1382           x-show="open"
1383           x-transition.origin.top.right
1384           x-cloak
1385           role="listbox">
1386        <ul class="od-cp__list">
1387          
1388            <li>
1389              <button type="button"
1390                      class="od-cp__item "
1391                      role="option"
1392                      aria-selected="false"
1393                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AF');">
1394                <img class="od-cp__flag"
1395                     src="https://flagcdn.com/24x18/af.png"
1396                     alt="Afghanistan flag"
1397                     loading="lazy" />
1398                <span class="od-cp__label">
1399                  Afghanistan
1400                  <span class="od-cp__curr">(AFN ؋)</span>
1401                </span>
1402                
1403              </button>
1404            </li>
1405          
1406            <li>
1407              <button type="button"
1408                      class="od-cp__item "
1409                      role="option"
1410                      aria-selected="false"
1411                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AX');">
1412                <img class="od-cp__flag"
1413                     src="https://flagcdn.com/24x18/ax.png"
1414                     alt="Åland Islands flag"
1415                     loading="lazy" />
1416                <span class="od-cp__label">
1417                  Åland Islands
1418                  <span class="od-cp__curr">(EUR €)</span>
1419                </span>
1420                
1421              </button>
1422            </li>
1423          
1424            <li>
1425              <button type="button"
1426                      class="od-cp__item "
1427                      role="option"
1428                      aria-selected="false"
1429                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AL');">
1430                <img class="od-cp__flag"
1431                     src="https://flagcdn.com/24x18/al.png"
1432                     alt="Albania flag"
1433                     loading="lazy" />
1434                <span class="od-cp__label">
1435                  Albania
1436                  <span class="od-cp__curr">(ALL L)</span>
1437                </span>
1438                
1439              </button>
1440            </li>
1441          
1442            <li>
1443              <button type="button"
1444                      class="od-cp__item "
1445                      role="option"
1446                      aria-selected="false"
1447                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DZ');">
1448                <img class="od-cp__flag"
1449                     src="https://flagcdn.com/24x18/dz.png"
1450                     alt="Algeria flag"
1451                     loading="lazy" />
1452                <span class="od-cp__label">
1453                  Algeria
1454                  <span class="od-cp__curr">(DZD د.ج)</span>
1455                </span>
1456                
1457              </button>
1458            </li>
1459          
1460            <li>
1461              <button type="button"
1462                      class="od-cp__item "
1463                      role="option"
1464                      aria-selected="false"
1465                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AD');">
1466                <img class="od-cp__flag"
1467                     src="https://flagcdn.com/24x18/ad.png"
1468                     alt="Andorra flag"
1469                     loading="lazy" />
1470                <span class="od-cp__label">
1471                  Andorra
1472                  <span class="od-cp__curr">(EUR €)</span>
1473                </span>
1474                
1475              </button>
1476            </li>
1477          
1478            <li>
1479              <button type="button"
1480                      class="od-cp__item "
1481                      role="option"
1482                      aria-selected="false"
1483                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AO');">
1484                <img class="od-cp__flag"
1485                     src="https://flagcdn.com/24x18/ao.png"
1486                     alt="Angola flag"
1487                     loading="lazy" />
1488                <span class="od-cp__label">
1489                  Angola
1490                  <span class="od-cp__curr">(USD $)</span>
1491                </span>
1492                
1493              </button>
1494            </li>
1495          
1496            <li>
1497              <button type="button"
1498                      class="od-cp__item "
1499                      role="option"
1500                      aria-selected="false"
1501                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AI');">
1502                <img class="od-cp__flag"
1503                     src="https://flagcdn.com/24x18/ai.png"
1504                     alt="Anguilla flag"
1505                     loading="lazy" />
1506                <span class="od-cp__label">
1507                  Anguilla
1508                  <span class="od-cp__curr">(XCD $)</span>
1509                </span>
1510                
1511              </button>
1512            </li>
1513          
1514            <li>
1515              <button type="button"
1516                      class="od-cp__item "
1517                      role="option"
1518                      aria-selected="false"
1519                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AG');">
1520                <img class="od-cp__flag"
1521                     src="https://flagcdn.com/24x18/ag.png"
1522                     alt="Antigua &amp; Barbuda flag"
1523                     loading="lazy" />
1524                <span class="od-cp__label">
1525                  Antigua &amp; Barbuda
1526                  <span class="od-cp__curr">(XCD $)</span>
1527                </span>
1528                
1529              </button>
1530            </li>
1531          
1532            <li>
1533              <button type="button"
1534                      class="od-cp__item "
1535                      role="option"
1536                      aria-selected="false"
1537                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AR');">
1538                <img class="od-cp__flag"
1539                     src="https://flagcdn.com/24x18/ar.png"
1540                     alt="Argentina flag"
1541                     loading="lazy" />
1542                <span class="od-cp__label">
1543                  Argentina
1544                  <span class="od-cp__curr">(USD $)</span>
1545                </span>
1546                
1547              </button>
1548            </li>
1549          
1550            <li>
1551              <button type="button"
1552                      class="od-cp__item "
1553                      role="option"
1554                      aria-selected="false"
1555                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AM');">
1556                <img class="od-cp__flag"
1557                     src="https://flagcdn.com/24x18/am.png"
1558                     alt="Armenia flag"
1559                     loading="lazy" />
1560                <span class="od-cp__label">
1561                  Armenia
1562                  <span class="od-cp__curr">(AMD դր.)</span>
1563                </span>
1564                
1565              </button>
1566            </li>
1567          
1568            <li>
1569              <button type="button"
1570                      class="od-cp__item "
1571                      role="option"
1572                      aria-selected="false"
1573                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AW');">
1574                <img class="od-cp__flag"
1575                     src="https://flagcdn.com/24x18/aw.png"
1576                     alt="Aruba flag"
1577                     loading="lazy" />
1578                <span class="od-cp__label">
1579                  Aruba
1580                  <span class="od-cp__curr">(AWG ƒ)</span>
1581                </span>
1582                
1583              </button>
1584            </li>
1585          
1586            <li>
1587              <button type="button"
1588                      class="od-cp__item "
1589                      role="option"
1590                      aria-selected="false"
1591                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AC');">
1592                <img class="od-cp__flag"
1593                     src="https://flagcdn.com/24x18/ac.png"
1594                     alt="Ascension Island flag"
1595                     loading="lazy" />
1596                <span class="od-cp__label">
1597                  Ascension Island
1598                  <span class="od-cp__curr">(SHP £)</span>
1599                </span>
1600                
1601              </button>
1602            </li>
1603          
1604            <li>
1605              <button type="button"
1606                      class="od-cp__item "
1607                      role="option"
1608                      aria-selected="false"
1609                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AU');">
1610                <img class="od-cp__flag"
1611                     src="https://flagcdn.com/24x18/au.png"
1612                     alt="Australia flag"
1613                     loading="lazy" />
1614                <span class="od-cp__label">
1615                  Australia
1616                  <span class="od-cp__curr">(AUD $)</span>
1617                </span>
1618                
1619              </button>
1620            </li>
1621          
1622            <li>
1623              <button type="button"
1624                      class="od-cp__item "
1625                      role="option"
1626                      aria-selected="false"
1627                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AT');">
1628                <img class="od-cp__flag"
1629                     src="https://flagcdn.com/24x18/at.png"
1630                     alt="Austria flag"
1631                     loading="lazy" />
1632                <span class="od-cp__label">
1633                  Austria
1634                  <span class="od-cp__curr">(EUR €)</span>
1635                </span>
1636                
1637              </button>
1638            </li>
1639          
1640            <li>
1641              <button type="button"
1642                      class="od-cp__item "
1643                      role="option"
1644                      aria-selected="false"
1645                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AZ');">
1646                <img class="od-cp__flag"
1647                     src="https://flagcdn.com/24x18/az.png"
1648                     alt="Azerbaijan flag"
1649                     loading="lazy" />
1650                <span class="od-cp__label">
1651                  Azerbaijan
1652                  <span class="od-cp__curr">(AZN ₼)</span>
1653                </span>
1654                
1655              </button>
1656            </li>
1657          
1658            <li>
1659              <button type="button"
1660                      class="od-cp__item "
1661                      role="option"
1662                      aria-selected="false"
1663                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BS');">
1664                <img class="od-cp__flag"
1665                     src="https://flagcdn.com/24x18/bs.png"
1666                     alt="Bahamas flag"
1667                     loading="lazy" />
1668                <span class="od-cp__label">
1669                  Bahamas
1670                  <span class="od-cp__curr">(BSD $)</span>
1671                </span>
1672                
1673              </button>
1674            </li>
1675          
1676            <li>
1677              <button type="button"
1678                      class="od-cp__item "
1679                      role="option"
1680                      aria-selected="false"
1681                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BH');">
1682                <img class="od-cp__flag"
1683                     src="https://flagcdn.com/24x18/bh.png"
1684                     alt="Bahrain flag"
1685                     loading="lazy" />
1686                <span class="od-cp__label">
1687                  Bahrain
1688                  <span class="od-cp__curr">(USD $)</span>
1689                </span>
1690                
1691              </button>
1692            </li>
1693          
1694            <li>
1695              <button type="button"
1696                      class="od-cp__item "
1697                      role="option"
1698                      aria-selected="false"
1699                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BD');">
1700                <img class="od-cp__flag"
1701                     src="https://flagcdn.com/24x18/bd.png"
1702                     alt="Bangladesh flag"
1703                     loading="lazy" />
1704                <span class="od-cp__label">
1705                  Bangladesh
1706                  <span class="od-cp__curr">(BDT à§³)</span>
1707                </span>
1708                
1709              </button>
1710            </li>
1711          
1712            <li>
1713              <button type="button"
1714                      class="od-cp__item "
1715                      role="option"
1716                      aria-selected="false"
1717                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BB');">
1718                <img class="od-cp__flag"
1719                     src="https://flagcdn.com/24x18/bb.png"
1720                     alt="Barbados flag"
1721                     loading="lazy" />
1722                <span class="od-cp__label">
1723                  Barbados
1724                  <span class="od-cp__curr">(BBD $)</span>
1725                </span>
1726                
1727              </button>
1728            </li>
1729          
1730            <li>
1731              <button type="button"
1732                      class="od-cp__item "
1733                      role="option"
1734                      aria-selected="false"
1735                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BY');">
1736                <img class="od-cp__flag"
1737                     src="https://flagcdn.com/24x18/by.png"
1738                     alt="Belarus flag"
1739                     loading="lazy" />
1740                <span class="od-cp__label">
1741                  Belarus
1742                  <span class="od-cp__curr">(USD $)</span>
1743                </span>
1744                
1745              </button>
1746            </li>
1747          
1748            <li>
1749              <button type="button"
1750                      class="od-cp__item "
1751                      role="option"
1752                      aria-selected="false"
1753                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BE');">
1754                <img class="od-cp__flag"
1755                     src="https://flagcdn.com/24x18/be.png"
1756                     alt="Belgium flag"
1757                     loading="lazy" />
1758                <span class="od-cp__label">
1759                  Belgium
1760                  <span class="od-cp__curr">(EUR €)</span>
1761                </span>
1762                
1763              </button>
1764            </li>
1765          
1766            <li>
1767              <button type="button"
1768                      class="od-cp__item "
1769                      role="option"
1770                      aria-selected="false"
1771                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BZ');">
1772                <img class="od-cp__flag"
1773                     src="https://flagcdn.com/24x18/bz.png"
1774                     alt="Belize flag"
1775                     loading="lazy" />
1776                <span class="od-cp__label">
1777                  Belize
1778                  <span class="od-cp__curr">(BZD $)</span>
1779                </span>
1780                
1781              </button>
1782            </li>
1783          
1784            <li>
1785              <button type="button"
1786                      class="od-cp__item "
1787                      role="option"
1788                      aria-selected="false"
1789                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BJ');">
1790                <img class="od-cp__flag"
1791                     src="https://flagcdn.com/24x18/bj.png"
1792                     alt="Benin flag"
1793                     loading="lazy" />
1794                <span class="od-cp__label">
1795                  Benin
1796                  <span class="od-cp__curr">(XOF Fr)</span>
1797                </span>
1798                
1799              </button>
1800            </li>
1801          
1802            <li>
1803              <button type="button"
1804                      class="od-cp__item "
1805                      role="option"
1806                      aria-selected="false"
1807                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BM');">
1808                <img class="od-cp__flag"
1809                     src="https://flagcdn.com/24x18/bm.png"
1810                     alt="Bermuda flag"
1811                     loading="lazy" />
1812                <span class="od-cp__label">
1813                  Bermuda
1814                  <span class="od-cp__curr">(USD $)</span>
1815                </span>
1816                
1817              </button>
1818            </li>
1819          
1820            <li>
1821              <button type="button"
1822                      class="od-cp__item "
1823                      role="option"
1824                      aria-selected="false"
1825                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BT');">
1826                <img class="od-cp__flag"
1827                     src="https://flagcdn.com/24x18/bt.png"
1828                     alt="Bhutan flag"
1829                     loading="lazy" />
1830                <span class="od-cp__label">
1831                  Bhutan
1832                  <span class="od-cp__curr">(USD $)</span>
1833                </span>
1834                
1835              </button>
1836            </li>
1837          
1838            <li>
1839              <button type="button"
1840                      class="od-cp__item "
1841                      role="option"
1842                      aria-selected="false"
1843                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BO');">
1844                <img class="od-cp__flag"
1845                     src="https://flagcdn.com/24x18/bo.png"
1846                     alt="Bolivia flag"
1847                     loading="lazy" />
1848                <span class="od-cp__label">
1849                  Bolivia
1850                  <span class="od-cp__curr">(BOB Bs.)</span>
1851                </span>
1852                
1853              </button>
1854            </li>
1855          
1856            <li>
1857              <button type="button"
1858                      class="od-cp__item "
1859                      role="option"
1860                      aria-selected="false"
1861                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BA');">
1862                <img class="od-cp__flag"
1863                     src="https://flagcdn.com/24x18/ba.png"
1864                     alt="Bosnia &amp; Herzegovina flag"
1865                     loading="lazy" />
1866                <span class="od-cp__label">
1867                  Bosnia &amp; Herzegovina
1868                  <span class="od-cp__curr">(BAM КМ)</span>
1869                </span>
1870                
1871              </button>
1872            </li>
1873          
1874            <li>
1875              <button type="button"
1876                      class="od-cp__item "
1877                      role="option"
1878                      aria-selected="false"
1879                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BW');">
1880                <img class="od-cp__flag"
1881                     src="https://flagcdn.com/24x18/bw.png"
1882                     alt="Botswana flag"
1883                     loading="lazy" />
1884                <span class="od-cp__label">
1885                  Botswana
1886                  <span class="od-cp__curr">(BWP P)</span>
1887                </span>
1888                
1889              </button>
1890            </li>
1891          
1892            <li>
1893              <button type="button"
1894                      class="od-cp__item "
1895                      role="option"
1896                      aria-selected="false"
1897                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BR');">
1898                <img class="od-cp__flag"
1899                     src="https://flagcdn.com/24x18/br.png"
1900                     alt="Brazil flag"
1901                     loading="lazy" />
1902                <span class="od-cp__label">
1903                  Brazil
1904                  <span class="od-cp__curr">(USD $)</span>
1905                </span>
1906                
1907              </button>
1908            </li>
1909          
1910            <li>
1911              <button type="button"
1912                      class="od-cp__item "
1913                      role="option"
1914                      aria-selected="false"
1915                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IO');">
1916                <img class="od-cp__flag"
1917                     src="https://flagcdn.com/24x18/io.png"
1918                     alt="British Indian Ocean Territory flag"
1919                     loading="lazy" />
1920                <span class="od-cp__label">
1921                  British Indian Ocean Territory
1922                  <span class="od-cp__curr">(USD $)</span>
1923                </span>
1924                
1925              </button>
1926            </li>
1927          
1928            <li>
1929              <button type="button"
1930                      class="od-cp__item "
1931                      role="option"
1932                      aria-selected="false"
1933                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VG');">
1934                <img class="od-cp__flag"
1935                     src="https://flagcdn.com/24x18/vg.png"
1936                     alt="British Virgin Islands flag"
1937                     loading="lazy" />
1938                <span class="od-cp__label">
1939                  British Virgin Islands
1940                  <span class="od-cp__curr">(USD $)</span>
1941                </span>
1942                
1943              </button>
1944            </li>
1945          
1946            <li>
1947              <button type="button"
1948                      class="od-cp__item "
1949                      role="option"
1950                      aria-selected="false"
1951                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BN');">
1952                <img class="od-cp__flag"
1953                     src="https://flagcdn.com/24x18/bn.png"
1954                     alt="Brunei flag"
1955                     loading="lazy" />
1956                <span class="od-cp__label">
1957                  Brunei
1958                  <span class="od-cp__curr">(BND $)</span>
1959                </span>
1960                
1961              </button>
1962            </li>
1963          
1964            <li>
1965              <button type="button"
1966                      class="od-cp__item "
1967                      role="option"
1968                      aria-selected="false"
1969                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BG');">
1970                <img class="od-cp__flag"
1971                     src="https://flagcdn.com/24x18/bg.png"
1972                     alt="Bulgaria flag"
1973                     loading="lazy" />
1974                <span class="od-cp__label">
1975                  Bulgaria
1976                  <span class="od-cp__curr">(EUR €)</span>
1977                </span>
1978                
1979              </button>
1980            </li>
1981          
1982            <li>
1983              <button type="button"
1984                      class="od-cp__item "
1985                      role="option"
1986                      aria-selected="false"
1987                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BF');">
1988                <img class="od-cp__flag"
1989                     src="https://flagcdn.com/24x18/bf.png"
1990                     alt="Burkina Faso flag"
1991                     loading="lazy" />
1992                <span class="od-cp__label">
1993                  Burkina Faso
1994                  <span class="od-cp__curr">(XOF Fr)</span>
1995                </span>
1996                
1997              </button>
1998            </li>
1999          
2000            <li>
2001              <button type="button"
2002                      class="od-cp__item "
2003                      role="option"
2004                      aria-selected="false"
2005                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BI');">
2006                <img class="od-cp__flag"
2007                     src="https://flagcdn.com/24x18/bi.png"
2008                     alt="Burundi flag"
2009                     loading="lazy" />
2010                <span class="od-cp__label">
2011                  Burundi
2012                  <span class="od-cp__curr">(BIF Fr)</span>
2013                </span>
2014                
2015              </button>
2016            </li>
2017          
2018            <li>
2019              <button type="button"
2020                      class="od-cp__item "
2021                      role="option"
2022                      aria-selected="false"
2023                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KH');">
2024                <img class="od-cp__flag"
2025                     src="https://flagcdn.com/24x18/kh.png"
2026                     alt="Cambodia flag"
2027                     loading="lazy" />
2028                <span class="od-cp__label">
2029                  Cambodia
2030                  <span class="od-cp__curr">(KHR ៛)</span>
2031                </span>
2032                
2033              </button>
2034            </li>
2035          
2036            <li>
2037              <button type="button"
2038                      class="od-cp__item "
2039                      role="option"
2040                      aria-selected="false"
2041                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CM');">
2042                <img class="od-cp__flag"
2043                     src="https://flagcdn.com/24x18/cm.png"
2044                     alt="Cameroon flag"
2045                     loading="lazy" />
2046                <span class="od-cp__label">
2047                  Cameroon
2048                  <span class="od-cp__curr">(XAF CFA)</span>
2049                </span>
2050                
2051              </button>
2052            </li>
2053          
2054            <li>
2055              <button type="button"
2056                      class="od-cp__item "
2057                      role="option"
2058                      aria-selected="false"
2059                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CA');">
2060                <img class="od-cp__flag"
2061                     src="https://flagcdn.com/24x18/ca.png"
2062                     alt="Canada flag"
2063                     loading="lazy" />
2064                <span class="od-cp__label">
2065                  Canada
2066                  <span class="od-cp__curr">(CAD $)</span>
2067                </span>
2068                
2069              </button>
2070            </li>
2071          
2072            <li>
2073              <button type="button"
2074                      class="od-cp__item "
2075                      role="option"
2076                      aria-selected="false"
2077                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CV');">
2078                <img class="od-cp__flag"
2079                     src="https://flagcdn.com/24x18/cv.png"
2080                     alt="Cape Verde flag"
2081                     loading="lazy" />
2082                <span class="od-cp__label">
2083                  Cape Verde
2084                  <span class="od-cp__curr">(CVE $)</span>
2085                </span>
2086                
2087              </button>
2088            </li>
2089          
2090            <li>
2091              <button type="button"
2092                      class="od-cp__item "
2093                      role="option"
2094                      aria-selected="false"
2095                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BQ');">
2096                <img class="od-cp__flag"
2097                     src="https://flagcdn.com/24x18/bq.png"
2098                     alt="Caribbean Netherlands flag"
2099                     loading="lazy" />
2100                <span class="od-cp__label">
2101                  Caribbean Netherlands
2102                  <span class="od-cp__curr">(USD $)</span>
2103                </span>
2104                
2105              </button>
2106            </li>
2107          
2108            <li>
2109              <button type="button"
2110                      class="od-cp__item "
2111                      role="option"
2112                      aria-selected="false"
2113                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KY');">
2114                <img class="od-cp__flag"
2115                     src="https://flagcdn.com/24x18/ky.png"
2116                     alt="Cayman Islands flag"
2117                     loading="lazy" />
2118                <span class="od-cp__label">
2119                  Cayman Islands
2120                  <span class="od-cp__curr">(KYD $)</span>
2121                </span>
2122                
2123              </button>
2124            </li>
2125          
2126            <li>
2127              <button type="button"
2128                      class="od-cp__item "
2129                      role="option"
2130                      aria-selected="false"
2131                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CF');">
2132                <img class="od-cp__flag"
2133                     src="https://flagcdn.com/24x18/cf.png"
2134                     alt="Central African Republic flag"
2135                     loading="lazy" />
2136                <span class="od-cp__label">
2137                  Central African Republic
2138                  <span class="od-cp__curr">(XAF CFA)</span>
2139                </span>
2140                
2141              </button>
2142            </li>
2143          
2144            <li>
2145              <button type="button"
2146                      class="od-cp__item "
2147                      role="option"
2148                      aria-selected="false"
2149                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TD');">
2150                <img class="od-cp__flag"
2151                     src="https://flagcdn.com/24x18/td.png"
2152                     alt="Chad flag"
2153                     loading="lazy" />
2154                <span class="od-cp__label">
2155                  Chad
2156                  <span class="od-cp__curr">(XAF CFA)</span>
2157                </span>
2158                
2159              </button>
2160            </li>
2161          
2162            <li>
2163              <button type="button"
2164                      class="od-cp__item "
2165                      role="option"
2166                      aria-selected="false"
2167                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CL');">
2168                <img class="od-cp__flag"
2169                     src="https://flagcdn.com/24x18/cl.png"
2170                     alt="Chile flag"
2171                     loading="lazy" />
2172                <span class="od-cp__label">
2173                  Chile
2174                  <span class="od-cp__curr">(USD $)</span>
2175                </span>
2176                
2177              </button>
2178            </li>
2179          
2180            <li>
2181              <button type="button"
2182                      class="od-cp__item "
2183                      role="option"
2184                      aria-selected="false"
2185                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CN');">
2186                <img class="od-cp__flag"
2187                     src="https://flagcdn.com/24x18/cn.png"
2188                     alt="China flag"
2189                     loading="lazy" />
2190                <span class="od-cp__label">
2191                  China
2192                  <span class="od-cp__curr">(CNY ¥)</span>
2193                </span>
2194                
2195              </button>
2196            </li>
2197          
2198            <li>
2199              <button type="button"
2200                      class="od-cp__item "
2201                      role="option"
2202                      aria-selected="false"
2203                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CX');">
2204                <img class="od-cp__flag"
2205                     src="https://flagcdn.com/24x18/cx.png"
2206                     alt="Christmas Island flag"
2207                     loading="lazy" />
2208                <span class="od-cp__label">
2209                  Christmas Island
2210                  <span class="od-cp__curr">(AUD $)</span>
2211                </span>
2212                
2213              </button>
2214            </li>
2215          
2216            <li>
2217              <button type="button"
2218                      class="od-cp__item "
2219                      role="option"
2220                      aria-selected="false"
2221                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CC');">
2222                <img class="od-cp__flag"
2223                     src="https://flagcdn.com/24x18/cc.png"
2224                     alt="Cocos (Keeling) Islands flag"
2225                     loading="lazy" />
2226                <span class="od-cp__label">
2227                  Cocos (Keeling) Islands
2228                  <span class="od-cp__curr">(AUD $)</span>
2229                </span>
2230                
2231              </button>
2232            </li>
2233          
2234            <li>
2235              <button type="button"
2236                      class="od-cp__item "
2237                      role="option"
2238                      aria-selected="false"
2239                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CO');">
2240                <img class="od-cp__flag"
2241                     src="https://flagcdn.com/24x18/co.png"
2242                     alt="Colombia flag"
2243                     loading="lazy" />
2244                <span class="od-cp__label">
2245                  Colombia
2246                  <span class="od-cp__curr">(USD $)</span>
2247                </span>
2248                
2249              </button>
2250            </li>
2251          
2252            <li>
2253              <button type="button"
2254                      class="od-cp__item "
2255                      role="option"
2256                      aria-selected="false"
2257                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KM');">
2258                <img class="od-cp__flag"
2259                     src="https://flagcdn.com/24x18/km.png"
2260                     alt="Comoros flag"
2261                     loading="lazy" />
2262                <span class="od-cp__label">
2263                  Comoros
2264                  <span class="od-cp__curr">(KMF Fr)</span>
2265                </span>
2266                
2267              </button>
2268            </li>
2269          
2270            <li>
2271              <button type="button"
2272                      class="od-cp__item "
2273                      role="option"
2274                      aria-selected="false"
2275                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CG');">
2276                <img class="od-cp__flag"
2277                     src="https://flagcdn.com/24x18/cg.png"
2278                     alt="Congo - Brazzaville flag"
2279                     loading="lazy" />
2280                <span class="od-cp__label">
2281                  Congo - Brazzaville
2282                  <span class="od-cp__curr">(XAF CFA)</span>
2283                </span>
2284                
2285              </button>
2286            </li>
2287          
2288            <li>
2289              <button type="button"
2290                      class="od-cp__item "
2291                      role="option"
2292                      aria-selected="false"
2293                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CD');">
2294                <img class="od-cp__flag"
2295                     src="https://flagcdn.com/24x18/cd.png"
2296                     alt="Congo - Kinshasa flag"
2297                     loading="lazy" />
2298                <span class="od-cp__label">
2299                  Congo - Kinshasa
2300                  <span class="od-cp__curr">(CDF Fr)</span>
2301                </span>
2302                
2303              </button>
2304            </li>
2305          
2306            <li>
2307              <button type="button"
2308                      class="od-cp__item "
2309                      role="option"
2310                      aria-selected="false"
2311                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CK');">
2312                <img class="od-cp__flag"
2313                     src="https://flagcdn.com/24x18/ck.png"
2314                     alt="Cook Islands flag"
2315                     loading="lazy" />
2316                <span class="od-cp__label">
2317                  Cook Islands
2318                  <span class="od-cp__curr">(NZD $)</span>
2319                </span>
2320                
2321              </button>
2322            </li>
2323          
2324            <li>
2325              <button type="button"
2326                      class="od-cp__item "
2327                      role="option"
2328                      aria-selected="false"
2329                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CR');">
2330                <img class="od-cp__flag"
2331                     src="https://flagcdn.com/24x18/cr.png"
2332                     alt="Costa Rica flag"
2333                     loading="lazy" />
2334                <span class="od-cp__label">
2335                  Costa Rica
2336                  <span class="od-cp__curr">(CRC ₡)</span>
2337                </span>
2338                
2339              </button>
2340            </li>
2341          
2342            <li>
2343              <button type="button"
2344                      class="od-cp__item "
2345                      role="option"
2346                      aria-selected="false"
2347                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CI');">
2348                <img class="od-cp__flag"
2349                     src="https://flagcdn.com/24x18/ci.png"
2350                     alt="Côte d’Ivoire flag"
2351                     loading="lazy" />
2352                <span class="od-cp__label">
2353                  Côte d’Ivoire
2354                  <span class="od-cp__curr">(XOF Fr)</span>
2355                </span>
2356                
2357              </button>
2358            </li>
2359          
2360            <li>
2361              <button type="button"
2362                      class="od-cp__item "
2363                      role="option"
2364                      aria-selected="false"
2365                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HR');">
2366                <img class="od-cp__flag"
2367                     src="https://flagcdn.com/24x18/hr.png"
2368                     alt="Croatia flag"
2369                     loading="lazy" />
2370                <span class="od-cp__label">
2371                  Croatia
2372                  <span class="od-cp__curr">(EUR €)</span>
2373                </span>
2374                
2375              </button>
2376            </li>
2377          
2378            <li>
2379              <button type="button"
2380                      class="od-cp__item "
2381                      role="option"
2382                      aria-selected="false"
2383                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CW');">
2384                <img class="od-cp__flag"
2385                     src="https://flagcdn.com/24x18/cw.png"
2386                     alt="Curaçao flag"
2387                     loading="lazy" />
2388                <span class="od-cp__label">
2389                  Curaçao
2390                  <span class="od-cp__curr">(ANG ƒ)</span>
2391                </span>
2392                
2393              </button>
2394            </li>
2395          
2396            <li>
2397              <button type="button"
2398                      class="od-cp__item "
2399                      role="option"
2400                      aria-selected="false"
2401                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CY');">
2402                <img class="od-cp__flag"
2403                     src="https://flagcdn.com/24x18/cy.png"
2404                     alt="Cyprus flag"
2405                     loading="lazy" />
2406                <span class="od-cp__label">
2407                  Cyprus
2408                  <span class="od-cp__curr">(EUR €)</span>
2409                </span>
2410                
2411              </button>
2412            </li>
2413          
2414            <li>
2415              <button type="button"
2416                      class="od-cp__item "
2417                      role="option"
2418                      aria-selected="false"
2419                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CZ');">
2420                <img class="od-cp__flag"
2421                     src="https://flagcdn.com/24x18/cz.png"
2422                     alt="Czechia flag"
2423                     loading="lazy" />
2424                <span class="od-cp__label">
2425                  Czechia
2426                  <span class="od-cp__curr">(CZK Kč)</span>
2427                </span>
2428                
2429              </button>
2430            </li>
2431          
2432            <li>
2433              <button type="button"
2434                      class="od-cp__item "
2435                      role="option"
2436                      aria-selected="false"
2437                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DK');">
2438                <img class="od-cp__flag"
2439                     src="https://flagcdn.com/24x18/dk.png"
2440                     alt="Denmark flag"
2441                     loading="lazy" />
2442                <span class="od-cp__label">
2443                  Denmark
2444                  <span class="od-cp__curr">(DKK kr.)</span>
2445                </span>
2446                
2447              </button>
2448            </li>
2449          
2450            <li>
2451              <button type="button"
2452                      class="od-cp__item "
2453                      role="option"
2454                      aria-selected="false"
2455                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DJ');">
2456                <img class="od-cp__flag"
2457                     src="https://flagcdn.com/24x18/dj.png"
2458                     alt="Djibouti flag"
2459                     loading="lazy" />
2460                <span class="od-cp__label">
2461                  Djibouti
2462                  <span class="od-cp__curr">(DJF Fdj)</span>
2463                </span>
2464                
2465              </button>
2466            </li>
2467          
2468            <li>
2469              <button type="button"
2470                      class="od-cp__item "
2471                      role="option"
2472                      aria-selected="false"
2473                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DM');">
2474                <img class="od-cp__flag"
2475                     src="https://flagcdn.com/24x18/dm.png"
2476                     alt="Dominica flag"
2477                     loading="lazy" />
2478                <span class="od-cp__label">
2479                  Dominica
2480                  <span class="od-cp__curr">(XCD $)</span>
2481                </span>
2482                
2483              </button>
2484            </li>
2485          
2486            <li>
2487              <button type="button"
2488                      class="od-cp__item "
2489                      role="option"
2490                      aria-selected="false"
2491                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DO');">
2492                <img class="od-cp__flag"
2493                     src="https://flagcdn.com/24x18/do.png"
2494                     alt="Dominican Republic flag"
2495                     loading="lazy" />
2496                <span class="od-cp__label">
2497                  Dominican Republic
2498                  <span class="od-cp__curr">(DOP $)</span>
2499                </span>
2500                
2501              </button>
2502            </li>
2503          
2504            <li>
2505              <button type="button"
2506                      class="od-cp__item "
2507                      role="option"
2508                      aria-selected="false"
2509                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EC');">
2510                <img class="od-cp__flag"
2511                     src="https://flagcdn.com/24x18/ec.png"
2512                     alt="Ecuador flag"
2513                     loading="lazy" />
2514                <span class="od-cp__label">
2515                  Ecuador
2516                  <span class="od-cp__curr">(USD $)</span>
2517                </span>
2518                
2519              </button>
2520            </li>
2521          
2522            <li>
2523              <button type="button"
2524                      class="od-cp__item "
2525                      role="option"
2526                      aria-selected="false"
2527                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EG');">
2528                <img class="od-cp__flag"
2529                     src="https://flagcdn.com/24x18/eg.png"
2530                     alt="Egypt flag"
2531                     loading="lazy" />
2532                <span class="od-cp__label">
2533                  Egypt
2534                  <span class="od-cp__curr">(EGP ج.م)</span>
2535                </span>
2536                
2537              </button>
2538            </li>
2539          
2540            <li>
2541              <button type="button"
2542                      class="od-cp__item "
2543                      role="option"
2544                      aria-selected="false"
2545                      @click="open=false;
2545 OD.changeMarketViaIframeFromForm($el, 'SV');">
2546                <img class="od-cp__flag"
2547                     src="https://flagcdn.com/24x18/sv.png"
2548                     alt="El Salvador flag"
2549                     loading="lazy" />
2550                <span class="od-cp__label">
2551                  El Salvador
2552                  <span class="od-cp__curr">(USD $)</span>
2553                </span>
2554                
2555              </button>
2556            </li>
2557          
2558            <li>
2559              <button type="button"
2560                      class="od-cp__item "
2561                      role="option"
2562                      aria-selected="false"
2563                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GQ');">
2564                <img class="od-cp__flag"
2565                     src="https://flagcdn.com/24x18/gq.png"
2566                     alt="Equatorial Guinea flag"
2567                     loading="lazy" />
2568                <span class="od-cp__label">
2569                  Equatorial Guinea
2570                  <span class="od-cp__curr">(XAF CFA)</span>
2571                </span>
2572                
2573              </button>
2574            </li>
2575          
2576            <li>
2577              <button type="button"
2578                      class="od-cp__item "
2579                      role="option"
2580                      aria-selected="false"
2581                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ER');">
2582                <img class="od-cp__flag"
2583                     src="https://flagcdn.com/24x18/er.png"
2584                     alt="Eritrea flag"
2585                     loading="lazy" />
2586                <span class="od-cp__label">
2587                  Eritrea
2588                  <span class="od-cp__curr">(USD $)</span>
2589                </span>
2590                
2591              </button>
2592            </li>
2593          
2594            <li>
2595              <button type="button"
2596                      class="od-cp__item "
2597                      role="option"
2598                      aria-selected="false"
2599                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EE');">
2600                <img class="od-cp__flag"
2601                     src="https://flagcdn.com/24x18/ee.png"
2602                     alt="Estonia flag"
2603                     loading="lazy" />
2604                <span class="od-cp__label">
2605                  Estonia
2606                  <span class="od-cp__curr">(EUR €)</span>
2607                </span>
2608                
2609              </button>
2610            </li>
2611          
2612            <li>
2613              <button type="button"
2614                      class="od-cp__item "
2615                      role="option"
2616                      aria-selected="false"
2617                      @click="open=false;
2617 OD.changeMarketViaIframeFromForm($el, 'SZ');">
2618                <img class="od-cp__flag"
2619                     src="https://flagcdn.com/24x18/sz.png"
2620                     alt="Eswatini flag"
2621                     loading="lazy" />
2622                <span class="od-cp__label">
2623                  Eswatini
2624                  <span class="od-cp__curr">(USD $)</span>
2625                </span>
2626                
2627              </button>
2628            </li>
2629          
2630            <li>
2631              <button type="button"
2632                      class="od-cp__item "
2633                      role="option"
2634                      aria-selected="false"
2635                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ET');">
2636                <img class="od-cp__flag"
2637                     src="https://flagcdn.com/24x18/et.png"
2638                     alt="Ethiopia flag"
2639                     loading="lazy" />
2640                <span class="od-cp__label">
2641                  Ethiopia
2642                  <span class="od-cp__curr">(ETB Br)</span>
2643                </span>
2644                
2645              </button>
2646            </li>
2647          
2648            <li>
2649              <button type="button"
2650                      class="od-cp__item "
2651                      role="option"
2652                      aria-selected="false"
2653                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FK');">
2654                <img class="od-cp__flag"
2655                     src="https://flagcdn.com/24x18/fk.png"
2656                     alt="Falkland Islands flag"
2657                     loading="lazy" />
2658                <span class="od-cp__label">
2659                  Falkland Islands
2660                  <span class="od-cp__curr">(FKP £)</span>
2661                </span>
2662                
2663              </button>
2664            </li>
2665          
2666            <li>
2667              <button type="button"
2668                      class="od-cp__item "
2669                      role="option"
2670                      aria-selected="false"
2671                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FO');">
2672                <img class="od-cp__flag"
2673                     src="https://flagcdn.com/24x18/fo.png"
2674                     alt="Faroe Islands flag"
2675                     loading="lazy" />
2676                <span class="od-cp__label">
2677                  Faroe Islands
2678                  <span class="od-cp__curr">(DKK kr.)</span>
2679                </span>
2680                
2681              </button>
2682            </li>
2683          
2684            <li>
2685              <button type="button"
2686                      class="od-cp__item "
2687                      role="option"
2688                      aria-selected="false"
2689                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FJ');">
2690                <img class="od-cp__flag"
2691                     src="https://flagcdn.com/24x18/fj.png"
2692                     alt="Fiji flag"
2693                     loading="lazy" />
2694                <span class="od-cp__label">
2695                  Fiji
2696                  <span class="od-cp__curr">(FJD $)</span>
2697                </span>
2698                
2699              </button>
2700            </li>
2701          
2702            <li>
2703              <button type="button"
2704                      class="od-cp__item "
2705                      role="option"
2706                      aria-selected="false"
2707                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FI');">
2708                <img class="od-cp__flag"
2709                     src="https://flagcdn.com/24x18/fi.png"
2710                     alt="Finland flag"
2711                     loading="lazy" />
2712                <span class="od-cp__label">
2713                  Finland
2714                  <span class="od-cp__curr">(EUR €)</span>
2715                </span>
2716                
2717              </button>
2718            </li>
2719          
2720            <li>
2721              <button type="button"
2722                      class="od-cp__item "
2723                      role="option"
2724                      aria-selected="false"
2725                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'FR');">
2726                <img class="od-cp__flag"
2727                     src="https://flagcdn.com/24x18/fr.png"
2728                     alt="France flag"
2729                     loading="lazy" />
2730                <span class="od-cp__label">
2731                  France
2732                  <span class="od-cp__curr">(EUR €)</span>
2733                </span>
2734                
2735              </button>
2736            </li>
2737          
2738            <li>
2739              <button type="button"
2740                      class="od-cp__item "
2741                      role="option"
2742                      aria-selected="false"
2743                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GF');">
2744                <img class="od-cp__flag"
2745                     src="https://flagcdn.com/24x18/gf.png"
2746                     alt="French Guiana flag"
2747                     loading="lazy" />
2748                <span class="od-cp__label">
2749                  French Guiana
2750                  <span class="od-cp__curr">(EUR €)</span>
2751                </span>
2752                
2753              </button>
2754            </li>
2755          
2756            <li>
2757              <button type="button"
2758                      class="od-cp__item "
2759                      role="option"
2760                      aria-selected="false"
2761                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PF');">
2762                <img class="od-cp__flag"
2763                     src="https://flagcdn.com/24x18/pf.png"
2764                     alt="French Polynesia flag"
2765                     loading="lazy" />
2766                <span class="od-cp__label">
2767                  French Polynesia
2768                  <span class="od-cp__curr">(XPF Fr)</span>
2769                </span>
2770                
2771              </button>
2772            </li>
2773          
2774            <li>
2775              <button type="button"
2776                      class="od-cp__item "
2777                      role="option"
2778                      aria-selected="false"
2779                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TF');">
2780                <img class="od-cp__flag"
2781                     src="https://flagcdn.com/24x18/tf.png"
2782                     alt="French Southern Territories flag"
2783                     loading="lazy" />
2784                <span class="od-cp__label">
2785                  French Southern Territories
2786                  <span class="od-cp__curr">(EUR €)</span>
2787                </span>
2788                
2789              </button>
2790            </li>
2791          
2792            <li>
2793              <button type="button"
2794                      class="od-cp__item "
2795                      role="option"
2796                      aria-selected="false"
2797                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GA');">
2798                <img class="od-cp__flag"
2799                     src="https://flagcdn.com/24x18/ga.png"
2800                     alt="Gabon flag"
2801                     loading="lazy" />
2802                <span class="od-cp__label">
2803                  Gabon
2804                  <span class="od-cp__curr">(XOF Fr)</span>
2805                </span>
2806                
2807              </button>
2808            </li>
2809          
2810            <li>
2811              <button type="button"
2812                      class="od-cp__item "
2813                      role="option"
2814                      aria-selected="false"
2815                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GM');">
2816                <img class="od-cp__flag"
2817                     src="https://flagcdn.com/24x18/gm.png"
2818                     alt="Gambia flag"
2819                     loading="lazy" />
2820                <span class="od-cp__label">
2821                  Gambia
2822                  <span class="od-cp__curr">(GMD D)</span>
2823                </span>
2824                
2825              </button>
2826            </li>
2827          
2828            <li>
2829              <button type="button"
2830                      class="od-cp__item "
2831                      role="option"
2832                      aria-selected="false"
2833                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GE');">
2834                <img class="od-cp__flag"
2835                     src="https://flagcdn.com/24x18/ge.png"
2836                     alt="Georgia flag"
2837                     loading="lazy" />
2838                <span class="od-cp__label">
2839                  Georgia
2840                  <span class="od-cp__curr">(USD $)</span>
2841                </span>
2842                
2843              </button>
2844            </li>
2845          
2846            <li>
2847              <button type="button"
2848                      class="od-cp__item "
2849                      role="option"
2850                      aria-selected="false"
2851                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'DE');">
2852                <img class="od-cp__flag"
2853                     src="https://flagcdn.com/24x18/de.png"
2854                     alt="Germany flag"
2855                     loading="lazy" />
2856                <span class="od-cp__label">
2857                  Germany
2858                  <span class="od-cp__curr">(EUR €)</span>
2859                </span>
2860                
2861              </button>
2862            </li>
2863          
2864            <li>
2865              <button type="button"
2866                      class="od-cp__item "
2867                      role="option"
2868                      aria-selected="false"
2869                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GH');">
2870                <img class="od-cp__flag"
2871                     src="https://flagcdn.com/24x18/gh.png"
2872                     alt="Ghana flag"
2873                     loading="lazy" />
2874                <span class="od-cp__label">
2875                  Ghana
2876                  <span class="od-cp__curr">(USD $)</span>
2877                </span>
2878                
2879              </button>
2880            </li>
2881          
2882            <li>
2883              <button type="button"
2884                      class="od-cp__item "
2885                      role="option"
2886                      aria-selected="false"
2887                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GI');">
2888                <img class="od-cp__flag"
2889                     src="https://flagcdn.com/24x18/gi.png"
2890                     alt="Gibraltar flag"
2891                     loading="lazy" />
2892                <span class="od-cp__label">
2893                  Gibraltar
2894                  <span class="od-cp__curr">(GBP £)</span>
2895                </span>
2896                
2897              </button>
2898            </li>
2899          
2900            <li>
2901              <button type="button"
2902                      class="od-cp__item "
2903                      role="option"
2904                      aria-selected="false"
2905                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GR');">
2906                <img class="od-cp__flag"
2907                     src="https://flagcdn.com/24x18/gr.png"
2908                     alt="Greece flag"
2909                     loading="lazy" />
2910                <span class="od-cp__label">
2911                  Greece
2912                  <span class="od-cp__curr">(EUR €)</span>
2913                </span>
2914                
2915              </button>
2916            </li>
2917          
2918            <li>
2919              <button type="button"
2920                      class="od-cp__item "
2921                      role="option"
2922                      aria-selected="false"
2923                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GL');">
2924                <img class="od-cp__flag"
2925                     src="https://flagcdn.com/24x18/gl.png"
2926                     alt="Greenland flag"
2927                     loading="lazy" />
2928                <span class="od-cp__label">
2929                  Greenland
2930                  <span class="od-cp__curr">(DKK kr.)</span>
2931                </span>
2932                
2933              </button>
2934            </li>
2935          
2936            <li>
2937              <button type="button"
2938                      class="od-cp__item "
2939                      role="option"
2940                      aria-selected="false"
2941                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GD');">
2942                <img class="od-cp__flag"
2943                     src="https://flagcdn.com/24x18/gd.png"
2944                     alt="Grenada flag"
2945                     loading="lazy" />
2946                <span class="od-cp__label">
2947                  Grenada
2948                  <span class="od-cp__curr">(XCD $)</span>
2949                </span>
2950                
2951              </button>
2952            </li>
2953          
2954            <li>
2955              <button type="button"
2956                      class="od-cp__item "
2957                      role="option"
2958                      aria-selected="false"
2959                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GP');">
2960                <img class="od-cp__flag"
2961                     src="https://flagcdn.com/24x18/gp.png"
2962                     alt="Guadeloupe flag"
2963                     loading="lazy" />
2964                <span class="od-cp__label">
2965                  Guadeloupe
2966                  <span class="od-cp__curr">(EUR €)</span>
2967                </span>
2968                
2969              </button>
2970            </li>
2971          
2972            <li>
2973              <button type="button"
2974                      class="od-cp__item "
2975                      role="option"
2976                      aria-selected="false"
2977                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GT');">
2978                <img class="od-cp__flag"
2979                     src="https://flagcdn.com/24x18/gt.png"
2980                     alt="Guatemala flag"
2981                     loading="lazy" />
2982                <span class="od-cp__label">
2983                  Guatemala
2984                  <span class="od-cp__curr">(GTQ Q)</span>
2985                </span>
2986                
2987              </button>
2988            </li>
2989          
2990            <li>
2991              <button type="button"
2992                      class="od-cp__item "
2993                      role="option"
2994                      aria-selected="false"
2995                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GG');">
2996                <img class="od-cp__flag"
2997                     src="https://flagcdn.com/24x18/gg.png"
2998                     alt="Guernsey flag"
2999                     loading="lazy" />
3000                <span class="od-cp__label">
3001                  Guernsey
3002                  <span class="od-cp__curr">(GBP £)</span>
3003                </span>
3004                
3005              </button>
3006            </li>
3007          
3008            <li>
3009              <button type="button"
3010                      class="od-cp__item "
3011                      role="option"
3012                      aria-selected="false"
3013                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GN');">
3014                <img class="od-cp__flag"
3015                     src="https://flagcdn.com/24x18/gn.png"
3016                     alt="Guinea flag"
3017                     loading="lazy" />
3018                <span class="od-cp__label">
3019                  Guinea
3020                  <span class="od-cp__curr">(GNF Fr)</span>
3021                </span>
3022                
3023              </button>
3024            </li>
3025          
3026            <li>
3027              <button type="button"
3028                      class="od-cp__item "
3029                      role="option"
3030                      aria-selected="false"
3031                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GW');">
3032                <img class="od-cp__flag"
3033                     src="https://flagcdn.com/24x18/gw.png"
3034                     alt="Guinea-Bissau flag"
3035                     loading="lazy" />
3036                <span class="od-cp__label">
3037                  Guinea-Bissau
3038                  <span class="od-cp__curr">(XOF Fr)</span>
3039                </span>
3040                
3041              </button>
3042            </li>
3043          
3044            <li>
3045              <button type="button"
3046                      class="od-cp__item "
3047                      role="option"
3048                      aria-selected="false"
3049                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GY');">
3050                <img class="od-cp__flag"
3051                     src="https://flagcdn.com/24x18/gy.png"
3052                     alt="Guyana flag"
3053                     loading="lazy" />
3054                <span class="od-cp__label">
3055                  Guyana
3056                  <span class="od-cp__curr">(GYD $)</span>
3057                </span>
3058                
3059              </button>
3060            </li>
3061          
3062            <li>
3063              <button type="button"
3064                      class="od-cp__item "
3065                      role="option"
3066                      aria-selected="false"
3067                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HT');">
3068                <img class="od-cp__flag"
3069                     src="https://flagcdn.com/24x18/ht.png"
3070                     alt="Haiti flag"
3071                     loading="lazy" />
3072                <span class="od-cp__label">
3073                  Haiti
3074                  <span class="od-cp__curr">(USD $)</span>
3075                </span>
3076                
3077              </button>
3078            </li>
3079          
3080            <li>
3081              <button type="button"
3082                      class="od-cp__item "
3083                      role="option"
3084                      aria-selected="false"
3085                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HN');">
3086                <img class="od-cp__flag"
3087                     src="https://flagcdn.com/24x18/hn.png"
3088                     alt="Honduras flag"
3089                     loading="lazy" />
3090                <span class="od-cp__label">
3091                  Honduras
3092                  <span class="od-cp__curr">(HNL L)</span>
3093                </span>
3094                
3095              </button>
3096            </li>
3097          
3098            <li>
3099              <button type="button"
3100                      class="od-cp__item "
3101                      role="option"
3102                      aria-selected="false"
3103                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HK');">
3104                <img class="od-cp__flag"
3105                     src="https://flagcdn.com/24x18/hk.png"
3106                     alt="Hong Kong SAR flag"
3107                     loading="lazy" />
3108                <span class="od-cp__label">
3109                  Hong Kong SAR
3110                  <span class="od-cp__curr">(HKD $)</span>
3111                </span>
3112                
3113              </button>
3114            </li>
3115          
3116            <li>
3117              <button type="button"
3118                      class="od-cp__item "
3119                      role="option"
3120                      aria-selected="false"
3121                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'HU');">
3122                <img class="od-cp__flag"
3123                     src="https://flagcdn.com/24x18/hu.png"
3124                     alt="Hungary flag"
3125                     loading="lazy" />
3126                <span class="od-cp__label">
3127                  Hungary
3128                  <span class="od-cp__curr">(HUF Ft)</span>
3129                </span>
3130                
3131              </button>
3132            </li>
3133          
3134            <li>
3135              <button type="button"
3136                      class="od-cp__item "
3137                      role="option"
3138                      aria-selected="false"
3139                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IS');">
3140                <img class="od-cp__flag"
3141                     src="https://flagcdn.com/24x18/is.png"
3142                     alt="Iceland flag"
3143                     loading="lazy" />
3144                <span class="od-cp__label">
3145                  Iceland
3146                  <span class="od-cp__curr">(ISK kr)</span>
3147                </span>
3148                
3149              </button>
3150            </li>
3151          
3152            <li>
3153              <button type="button"
3154                      class="od-cp__item "
3155                      role="option"
3156                      aria-selected="false"
3157                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IN');">
3158                <img class="od-cp__flag"
3159                     src="https://flagcdn.com/24x18/in.png"
3160                     alt="India flag"
3161                     loading="lazy" />
3162                <span class="od-cp__label">
3163                  India
3164                  <span class="od-cp__curr">(INR ₹)</span>
3165                </span>
3166                
3167              </button>
3168            </li>
3169          
3170            <li>
3171              <button type="button"
3172                      class="od-cp__item "
3173                      role="option"
3174                      aria-selected="false"
3175                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ID');">
3176                <img class="od-cp__flag"
3177                     src="https://flagcdn.com/24x18/id.png"
3178                     alt="Indonesia flag"
3179                     loading="lazy" />
3180                <span class="od-cp__label">
3181                  Indonesia
3182                  <span class="od-cp__curr">(IDR Rp)</span>
3183                </span>
3184                
3185              </button>
3186            </li>
3187          
3188            <li>
3189              <button type="button"
3190                      class="od-cp__item "
3191                      role="option"
3192                      aria-selected="false"
3193                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IQ');">
3194                <img class="od-cp__flag"
3195                     src="https://flagcdn.com/24x18/iq.png"
3196                     alt="Iraq flag"
3197                     loading="lazy" />
3198                <span class="od-cp__label">
3199                  Iraq
3200                  <span class="od-cp__curr">(USD $)</span>
3201                </span>
3202                
3203              </button>
3204            </li>
3205          
3206            <li>
3207              <button type="button"
3208                      class="od-cp__item "
3209                      role="option"
3210                      aria-selected="false"
3211                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IE');">
3212                <img class="od-cp__flag"
3213                     src="https://flagcdn.com/24x18/ie.png"
3214                     alt="Ireland flag"
3215                     loading="lazy" />
3216                <span class="od-cp__label">
3217                  Ireland
3218                  <span class="od-cp__curr">(EUR €)</span>
3219                </span>
3220                
3221              </button>
3222            </li>
3223          
3224            <li>
3225              <button type="button"
3226                      class="od-cp__item "
3227                      role="option"
3228                      aria-selected="false"
3229                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IM');">
3230                <img class="od-cp__flag"
3231                     src="https://flagcdn.com/24x18/im.png"
3232                     alt="Isle of Man flag"
3233                     loading="lazy" />
3234                <span class="od-cp__label">
3235                  Isle of Man
3236                  <span class="od-cp__curr">(GBP £)</span>
3237                </span>
3238                
3239              </button>
3240            </li>
3241          
3242            <li>
3243              <button type="button"
3244                      class="od-cp__item "
3245                      role="option"
3246                      aria-selected="false"
3247                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IL');">
3248                <img class="od-cp__flag"
3249                     src="https://flagcdn.com/24x18/il.png"
3250                     alt="Israel flag"
3251                     loading="lazy" />
3252                <span class="od-cp__label">
3253                  Israel
3254                  <span class="od-cp__curr">(ILS ₪)</span>
3255                </span>
3256                
3257              </button>
3258            </li>
3259          
3260            <li>
3261              <button type="button"
3262                      class="od-cp__item "
3263                      role="option"
3264                      aria-selected="false"
3265                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'IT');">
3266                <img class="od-cp__flag"
3267                     src="https://flagcdn.com/24x18/it.png"
3268                     alt="Italy flag"
3269                     loading="lazy" />
3270                <span class="od-cp__label">
3271                  Italy
3272                  <span class="od-cp__curr">(EUR €)</span>
3273                </span>
3274                
3275              </button>
3276            </li>
3277          
3278            <li>
3279              <button type="button"
3280                      class="od-cp__item "
3281                      role="option"
3282                      aria-selected="false"
3283                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JM');">
3284                <img class="od-cp__flag"
3285                     src="https://flagcdn.com/24x18/jm.png"
3286                     alt="Jamaica flag"
3287                     loading="lazy" />
3288                <span class="od-cp__label">
3289                  Jamaica
3290                  <span class="od-cp__curr">(JMD $)</span>
3291                </span>
3292                
3293              </button>
3294            </li>
3295          
3296            <li>
3297              <button type="button"
3298                      class="od-cp__item "
3299                      role="option"
3300                      aria-selected="false"
3301                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JP');">
3302                <img class="od-cp__flag"
3303                     src="https://flagcdn.com/24x18/jp.png"
3304                     alt="Japan flag"
3305                     loading="lazy" />
3306                <span class="od-cp__label">
3307                  Japan
3308                  <span class="od-cp__curr">(JPY ¥)</span>
3309                </span>
3310                
3311              </button>
3312            </li>
3313          
3314            <li>
3315              <button type="button"
3316                      class="od-cp__item "
3317                      role="option"
3318                      aria-selected="false"
3319                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JE');">
3320                <img class="od-cp__flag"
3321                     src="https://flagcdn.com/24x18/je.png"
3322                     alt="Jersey flag"
3323                     loading="lazy" />
3324                <span class="od-cp__label">
3325                  Jersey
3326                  <span class="od-cp__curr">(USD $)</span>
3327                </span>
3328                
3329              </button>
3330            </li>
3331          
3332            <li>
3333              <button type="button"
3334                      class="od-cp__item "
3335                      role="option"
3336                      aria-selected="false"
3337                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'JO');">
3338                <img class="od-cp__flag"
3339                     src="https://flagcdn.com/24x18/jo.png"
3340                     alt="Jordan flag"
3341                     loading="lazy" />
3342                <span class="od-cp__label">
3343                  Jordan
3344                  <span class="od-cp__curr">(USD $)</span>
3345                </span>
3346                
3347              </button>
3348            </li>
3349          
3350            <li>
3351              <button type="button"
3352                      class="od-cp__item "
3353                      role="option"
3354                      aria-selected="false"
3355                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KZ');">
3356                <img class="od-cp__flag"
3357                     src="https://flagcdn.com/24x18/kz.png"
3358                     alt="Kazakhstan flag"
3359                     loading="lazy" />
3360                <span class="od-cp__label">
3361                  Kazakhstan
3362                  <span class="od-cp__curr">(KZT ₸)</span>
3363                </span>
3364                
3365              </button>
3366            </li>
3367          
3368            <li>
3369              <button type="button"
3370                      class="od-cp__item "
3371                      role="option"
3372                      aria-selected="false"
3373                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KE');">
3374                <img class="od-cp__flag"
3375                     src="https://flagcdn.com/24x18/ke.png"
3376                     alt="Kenya flag"
3377                     loading="lazy" />
3378                <span class="od-cp__label">
3379                  Kenya
3380                  <span class="od-cp__curr">(KES KSh)</span>
3381                </span>
3382                
3383              </button>
3384            </li>
3385          
3386            <li>
3387              <button type="button"
3388                      class="od-cp__item "
3389                      role="option"
3390                      aria-selected="false"
3391                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KI');">
3392                <img class="od-cp__flag"
3393                     src="https://flagcdn.com/24x18/ki.png"
3394                     alt="Kiribati flag"
3395                     loading="lazy" />
3396                <span class="od-cp__label">
3397                  Kiribati
3398                  <span class="od-cp__curr">(USD $)</span>
3399                </span>
3400                
3401              </button>
3402            </li>
3403          
3404            <li>
3405              <button type="button"
3406                      class="od-cp__item "
3407                      role="option"
3408                      aria-selected="false"
3409                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'XK');">
3410                <img class="od-cp__flag"
3411                     src="https://flagcdn.com/24x18/xk.png"
3412                     alt="Kosovo flag"
3413                     loading="lazy" />
3414                <span class="od-cp__label">
3415                  Kosovo
3416                  <span class="od-cp__curr">(EUR €)</span>
3417                </span>
3418                
3419              </button>
3420            </li>
3421          
3422            <li>
3423              <button type="button"
3424                      class="od-cp__item "
3425                      role="option"
3426                      aria-selected="false"
3427                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KW');">
3428                <img class="od-cp__flag"
3429                     src="https://flagcdn.com/24x18/kw.png"
3430                     alt="Kuwait flag"
3431                     loading="lazy" />
3432                <span class="od-cp__label">
3433                  Kuwait
3434                  <span class="od-cp__curr">(USD $)</span>
3435                </span>
3436                
3437              </button>
3438            </li>
3439          
3440            <li>
3441              <button type="button"
3442                      class="od-cp__item "
3443                      role="option"
3444                      aria-selected="false"
3445                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KG');">
3446                <img class="od-cp__flag"
3447                     src="https://flagcdn.com/24x18/kg.png"
3448                     alt="Kyrgyzstan flag"
3449                     loading="lazy" />
3450                <span class="od-cp__label">
3451                  Kyrgyzstan
3452                  <span class="od-cp__curr">(KGS som)</span>
3453                </span>
3454                
3455              </button>
3456            </li>
3457          
3458            <li>
3459              <button type="button"
3460                      class="od-cp__item "
3461                      role="option"
3462                      aria-selected="false"
3463                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LA');">
3464                <img class="od-cp__flag"
3465                     src="https://flagcdn.com/24x18/la.png"
3466                     alt="Laos flag"
3467                     loading="lazy" />
3468                <span class="od-cp__label">
3469                  Laos
3470                  <span class="od-cp__curr">(LAK ₭)</span>
3471                </span>
3472                
3473              </button>
3474            </li>
3475          
3476            <li>
3477              <button type="button"
3478                      class="od-cp__item "
3479                      role="option"
3480                      aria-selected="false"
3481                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LV');">
3482                <img class="od-cp__flag"
3483                     src="https://flagcdn.com/24x18/lv.png"
3484                     alt="Latvia flag"
3485                     loading="lazy" />
3486                <span class="od-cp__label">
3487                  Latvia
3488                  <span class="od-cp__curr">(EUR €)</span>
3489                </span>
3490                
3491              </button>
3492            </li>
3493          
3494            <li>
3495              <button type="button"
3496                      class="od-cp__item "
3497                      role="option"
3498                      aria-selected="false"
3499                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LB');">
3500                <img class="od-cp__flag"
3501                     src="https://flagcdn.com/24x18/lb.png"
3502                     alt="Lebanon flag"
3503                     loading="lazy" />
3504                <span class="od-cp__label">
3505                  Lebanon
3506                  <span class="od-cp__curr">(LBP ل.ل)</span>
3507                </span>
3508                
3509              </button>
3510            </li>
3511          
3512            <li>
3513              <button type="button"
3514                      class="od-cp__item "
3515                      role="option"
3516                      aria-selected="false"
3517                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LS');">
3518                <img class="od-cp__flag"
3519                     src="https://flagcdn.com/24x18/ls.png"
3520                     alt="Lesotho flag"
3521                     loading="lazy" />
3522                <span class="od-cp__label">
3523                  Lesotho
3524                  <span class="od-cp__curr">(USD $)</span>
3525                </span>
3526                
3527              </button>
3528            </li>
3529          
3530            <li>
3531              <button type="button"
3532                      class="od-cp__item "
3533                      role="option"
3534                      aria-selected="false"
3535                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LR');">
3536                <img class="od-cp__flag"
3537                     src="https://flagcdn.com/24x18/lr.png"
3538                     alt="Liberia flag"
3539                     loading="lazy" />
3540                <span class="od-cp__label">
3541                  Liberia
3542                  <span class="od-cp__curr">(USD $)</span>
3543                </span>
3544                
3545              </button>
3546            </li>
3547          
3548            <li>
3549              <button type="button"
3550                      class="od-cp__item "
3551                      role="option"
3552                      aria-selected="false"
3553                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LY');">
3554                <img class="od-cp__flag"
3555                     src="https://flagcdn.com/24x18/ly.png"
3556                     alt="Libya flag"
3557                     loading="lazy" />
3558                <span class="od-cp__label">
3559                  Libya
3560                  <span class="od-cp__curr">(USD $)</span>
3561                </span>
3562                
3563              </button>
3564            </li>
3565          
3566            <li>
3567              <button type="button"
3568                      class="od-cp__item "
3569                      role="option"
3570                      aria-selected="false"
3571                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LI');">
3572                <img class="od-cp__flag"
3573                     src="https://flagcdn.com/24x18/li.png"
3574                     alt="Liechtenstein flag"
3575                     loading="lazy" />
3576                <span class="od-cp__label">
3577                  Liechtenstein
3578                  <span class="od-cp__curr">(CHF CHF)</span>
3579                </span>
3580                
3581              </button>
3582            </li>
3583          
3584            <li>
3585              <button type="button"
3586                      class="od-cp__item "
3587                      role="option"
3588                      aria-selected="false"
3589                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LT');">
3590                <img class="od-cp__flag"
3591                     src="https://flagcdn.com/24x18/lt.png"
3592                     alt="Lithuania flag"
3593                     loading="lazy" />
3594                <span class="od-cp__label">
3595                  Lithuania
3596                  <span class="od-cp__curr">(EUR €)</span>
3597                </span>
3598                
3599              </button>
3600            </li>
3601          
3602            <li>
3603              <button type="button"
3604                      class="od-cp__item "
3605                      role="option"
3606                      aria-selected="false"
3607                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LU');">
3608                <img class="od-cp__flag"
3609                     src="https://flagcdn.com/24x18/lu.png"
3610                     alt="Luxembourg flag"
3611                     loading="lazy" />
3612                <span class="od-cp__label">
3613                  Luxembourg
3614                  <span class="od-cp__curr">(EUR €)</span>
3615                </span>
3616                
3617              </button>
3618            </li>
3619          
3620            <li>
3621              <button type="button"
3622                      class="od-cp__item "
3623                      role="option"
3624                      aria-selected="false"
3625                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MO');">
3626                <img class="od-cp__flag"
3627                     src="https://flagcdn.com/24x18/mo.png"
3628                     alt="Macao SAR flag"
3629                     loading="lazy" />
3630                <span class="od-cp__label">
3631                  Macao SAR
3632                  <span class="od-cp__curr">(MOP P)</span>
3633                </span>
3634                
3635              </button>
3636            </li>
3637          
3638            <li>
3639              <button type="button"
3640                      class="od-cp__item "
3641                      role="option"
3642                      aria-selected="false"
3643                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MG');">
3644                <img class="od-cp__flag"
3645                     src="https://flagcdn.com/24x18/mg.png"
3646                     alt="Madagascar flag"
3647                     loading="lazy" />
3648                <span class="od-cp__label">
3649                  Madagascar
3650                  <span class="od-cp__curr">(USD $)</span>
3651                </span>
3652                
3653              </button>
3654            </li>
3655          
3656            <li>
3657              <button type="button"
3658                      class="od-cp__item "
3659                      role="option"
3660                      aria-selected="false"
3661                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MW');">
3662                <img class="od-cp__flag"
3663                     src="https://flagcdn.com/24x18/mw.png"
3664                     alt="Malawi flag"
3665                     loading="lazy" />
3666                <span class="od-cp__label">
3667                  Malawi
3668                  <span class="od-cp__curr">(MWK MK)</span>
3669                </span>
3670                
3671              </button>
3672            </li>
3673          
3674            <li>
3675              <button type="button"
3676                      class="od-cp__item "
3677                      role="option"
3678                      aria-selected="false"
3679                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MY');">
3680                <img class="od-cp__flag"
3681                     src="https://flagcdn.com/24x18/my.png"
3682                     alt="Malaysia flag"
3683                     loading="lazy" />
3684                <span class="od-cp__label">
3685                  Malaysia
3686                  <span class="od-cp__curr">(MYR RM)</span>
3687                </span>
3688                
3689              </button>
3690            </li>
3691          
3692            <li>
3693              <button type="button"
3694                      class="od-cp__item "
3695                      role="option"
3696                      aria-selected="false"
3697                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MV');">
3698                <img class="od-cp__flag"
3699                     src="https://flagcdn.com/24x18/mv.png"
3700                     alt="Maldives flag"
3701                     loading="lazy" />
3702                <span class="od-cp__label">
3703                  Maldives
3704                  <span class="od-cp__curr">(MVR MVR)</span>
3705                </span>
3706                
3707              </button>
3708            </li>
3709          
3710            <li>
3711              <button type="button"
3712                      class="od-cp__item "
3713                      role="option"
3714                      aria-selected="false"
3715                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ML');">
3716                <img class="od-cp__flag"
3717                     src="https://flagcdn.com/24x18/ml.png"
3718                     alt="Mali flag"
3719                     loading="lazy" />
3720                <span class="od-cp__label">
3721                  Mali
3722                  <span class="od-cp__curr">(XOF Fr)</span>
3723                </span>
3724                
3725              </button>
3726            </li>
3727          
3728            <li>
3729              <button type="button"
3730                      class="od-cp__item "
3731                      role="option"
3732                      aria-selected="false"
3733                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MT');">
3734                <img class="od-cp__flag"
3735                     src="https://flagcdn.com/24x18/mt.png"
3736                     alt="Malta flag"
3737                     loading="lazy" />
3738                <span class="od-cp__label">
3739                  Malta
3740                  <span class="od-cp__curr">(EUR €)</span>
3741                </span>
3742                
3743              </button>
3744            </li>
3745          
3746            <li>
3747              <button type="button"
3748                      class="od-cp__item "
3749                      role="option"
3750                      aria-selected="false"
3751                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MQ');">
3752                <img class="od-cp__flag"
3753                     src="https://flagcdn.com/24x18/mq.png"
3754                     alt="Martinique flag"
3755                     loading="lazy" />
3756                <span class="od-cp__label">
3757                  Martinique
3758                  <span class="od-cp__curr">(EUR €)</span>
3759                </span>
3760                
3761              </button>
3762            </li>
3763          
3764            <li>
3765              <button type="button"
3766                      class="od-cp__item "
3767                      role="option"
3768                      aria-selected="false"
3769                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MR');">
3770                <img class="od-cp__flag"
3771                     src="https://flagcdn.com/24x18/mr.png"
3772                     alt="Mauritania flag"
3773                     loading="lazy" />
3774                <span class="od-cp__label">
3775                  Mauritania
3776                  <span class="od-cp__curr">(USD $)</span>
3777                </span>
3778                
3779              </button>
3780            </li>
3781          
3782            <li>
3783              <button type="button"
3784                      class="od-cp__item "
3785                      role="option"
3786                      aria-selected="false"
3787                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MU');">
3788                <img class="od-cp__flag"
3789                     src="https://flagcdn.com/24x18/mu.png"
3790                     alt="Mauritius flag"
3791                     loading="lazy" />
3792                <span class="od-cp__label">
3793                  Mauritius
3794                  <span class="od-cp__curr">(MUR ₨)</span>
3795                </span>
3796                
3797              </button>
3798            </li>
3799          
3800            <li>
3801              <button type="button"
3802                      class="od-cp__item "
3803                      role="option"
3804                      aria-selected="false"
3805                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'YT');">
3806                <img class="od-cp__flag"
3807                     src="https://flagcdn.com/24x18/yt.png"
3808                     alt="Mayotte flag"
3809                     loading="lazy" />
3810                <span class="od-cp__label">
3811                  Mayotte
3812                  <span class="od-cp__curr">(EUR €)</span>
3813                </span>
3814                
3815              </button>
3816            </li>
3817          
3818            <li>
3819              <button type="button"
3820                      class="od-cp__item "
3821                      role="option"
3822                      aria-selected="false"
3823                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MX');">
3824                <img class="od-cp__flag"
3825                     src="https://flagcdn.com/24x18/mx.png"
3826                     alt="Mexico flag"
3827                     loading="lazy" />
3828                <span class="od-cp__label">
3829                  Mexico
3830                  <span class="od-cp__curr">(USD $)</span>
3831                </span>
3832                
3833              </button>
3834            </li>
3835          
3836            <li>
3837              <button type="button"
3838                      class="od-cp__item "
3839                      role="option"
3840                      aria-selected="false"
3841                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MD');">
3842                <img class="od-cp__flag"
3843                     src="https://flagcdn.com/24x18/md.png"
3844                     alt="Moldova flag"
3845                     loading="lazy" />
3846                <span class="od-cp__label">
3847                  Moldova
3848                  <span class="od-cp__curr">(MDL L)</span>
3849                </span>
3850                
3851              </button>
3852            </li>
3853          
3854            <li>
3855              <button type="button"
3856                      class="od-cp__item "
3857                      role="option"
3858                      aria-selected="false"
3859                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MC');">
3860                <img class="od-cp__flag"
3861                     src="https://flagcdn.com/24x18/mc.png"
3862                     alt="Monaco flag"
3863                     loading="lazy" />
3864                <span class="od-cp__label">
3865                  Monaco
3866                  <span class="od-cp__curr">(EUR €)</span>
3867                </span>
3868                
3869              </button>
3870            </li>
3871          
3872            <li>
3873              <button type="button"
3874                      class="od-cp__item "
3875                      role="option"
3876                      aria-selected="false"
3877                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MN');">
3878                <img class="od-cp__flag"
3879                     src="https://flagcdn.com/24x18/mn.png"
3880                     alt="Mongolia flag"
3881                     loading="lazy" />
3882                <span class="od-cp__label">
3883                  Mongolia
3884                  <span class="od-cp__curr">(MNT ₮)</span>
3885                </span>
3886                
3887              </button>
3888            </li>
3889          
3890            <li>
3891              <button type="button"
3892                      class="od-cp__item "
3893                      role="option"
3894                      aria-selected="false"
3895                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ME');">
3896                <img class="od-cp__flag"
3897                     src="https://flagcdn.com/24x18/me.png"
3898                     alt="Montenegro flag"
3899                     loading="lazy" />
3900                <span class="od-cp__label">
3901                  Montenegro
3902                  <span class="od-cp__curr">(EUR €)</span>
3903                </span>
3904                
3905              </button>
3906            </li>
3907          
3908            <li>
3909              <button type="button"
3910                      class="od-cp__item "
3911                      role="option"
3912                      aria-selected="false"
3913                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MS');">
3914                <img class="od-cp__flag"
3915                     src="https://flagcdn.com/24x18/ms.png"
3916                     alt="Montserrat flag"
3917                     loading="lazy" />
3918                <span class="od-cp__label">
3919                  Montserrat
3920                  <span class="od-cp__curr">(XCD $)</span>
3921                </span>
3922                
3923              </button>
3924            </li>
3925          
3926            <li>
3927              <button type="button"
3928                      class="od-cp__item "
3929                      role="option"
3930                      aria-selected="false"
3931                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MA');">
3932                <img class="od-cp__flag"
3933                     src="https://flagcdn.com/24x18/ma.png"
3934                     alt="Morocco flag"
3935                     loading="lazy" />
3936                <span class="od-cp__label">
3937                  Morocco
3938                  <span class="od-cp__curr">(MAD د.م.)</span>
3939                </span>
3940                
3941              </button>
3942            </li>
3943          
3944            <li>
3945              <button type="button"
3946                      class="od-cp__item "
3947                      role="option"
3948                      aria-selected="false"
3949                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MZ');">
3950                <img class="od-cp__flag"
3951                     src="https://flagcdn.com/24x18/mz.png"
3952                     alt="Mozambique flag"
3953                     loading="lazy" />
3954                <span class="od-cp__label">
3955                  Mozambique
3956                  <span class="od-cp__curr">(USD $)</span>
3957                </span>
3958                
3959              </button>
3960            </li>
3961          
3962            <li>
3963              <button type="button"
3964                      class="od-cp__item "
3965                      role="option"
3966                      aria-selected="false"
3967                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MM');">
3968                <img class="od-cp__flag"
3969                     src="https://flagcdn.com/24x18/mm.png"
3970                     alt="Myanmar (Burma) flag"
3971                     loading="lazy" />
3972                <span class="od-cp__label">
3973                  Myanmar (Burma)
3974                  <span class="od-cp__curr">(MMK K)</span>
3975                </span>
3976                
3977              </button>
3978            </li>
3979          
3980            <li>
3981              <button type="button"
3982                      class="od-cp__item "
3983                      role="option"
3984                      aria-selected="false"
3985                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NA');">
3986                <img class="od-cp__flag"
3987                     src="https://flagcdn.com/24x18/na.png"
3988                     alt="Namibia flag"
3989                     loading="lazy" />
3990                <span class="od-cp__label">
3991                  Namibia
3992                  <span class="od-cp__curr">(USD $)</span>
3993                </span>
3994                
3995              </button>
3996            </li>
3997          
3998            <li>
3999              <button type="button"
4000                      class="od-cp__item "
4001                      role="option"
4002                      aria-selected="false"
4003                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NR');">
4004                <img class="od-cp__flag"
4005                     src="https://flagcdn.com/24x18/nr.png"
4006                     alt="Nauru flag"
4007                     loading="lazy" />
4008                <span class="od-cp__label">
4009                  Nauru
4010                  <span class="od-cp__curr">(AUD $)</span>
4011                </span>
4012                
4013              </button>
4014            </li>
4015          
4016            <li>
4017              <button type="button"
4018                      class="od-cp__item "
4019                      role="option"
4020                      aria-selected="false"
4021                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NP');">
4022                <img class="od-cp__flag"
4023                     src="https://flagcdn.com/24x18/np.png"
4024                     alt="Nepal flag"
4025                     loading="lazy" />
4026                <span class="od-cp__label">
4027                  Nepal
4028                  <span class="od-cp__curr">(NPR Rs.)</span>
4029                </span>
4030                
4031              </button>
4032            </li>
4033          
4034            <li>
4035              <button type="button"
4036                      class="od-cp__item "
4037                      role="option"
4038                      aria-selected="false"
4039                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NL');">
4040                <img class="od-cp__flag"
4041                     src="https://flagcdn.com/24x18/nl.png"
4042                     alt="Netherlands flag"
4043                     loading="lazy" />
4044                <span class="od-cp__label">
4045                  Netherlands
4046                  <span class="od-cp__curr">(EUR €)</span>
4047                </span>
4048                
4049              </button>
4050            </li>
4051          
4052            <li>
4053              <button type="button"
4054                      class="od-cp__item "
4055                      role="option"
4056                      aria-selected="false"
4057                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NC');">
4058                <img class="od-cp__flag"
4059                     src="https://flagcdn.com/24x18/nc.png"
4060                     alt="New Caledonia flag"
4061                     loading="lazy" />
4062                <span class="od-cp__label">
4063                  New Caledonia
4064                  <span class="od-cp__curr">(XPF Fr)</span>
4065                </span>
4066                
4067              </button>
4068            </li>
4069          
4070            <li>
4071              <button type="button"
4072                      class="od-cp__item "
4073                      role="option"
4074                      aria-selected="false"
4075                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NZ');">
4076                <img class="od-cp__flag"
4077                     src="https://flagcdn.com/24x18/nz.png"
4078                     alt="New Zealand flag"
4079                     loading="lazy" />
4080                <span class="od-cp__label">
4081                  New Zealand
4082                  <span class="od-cp__curr">(NZD $)</span>
4083                </span>
4084                
4085              </button>
4086            </li>
4087          
4088            <li>
4089              <button type="button"
4090                      class="od-cp__item "
4091                      role="option"
4092                      aria-selected="false"
4093                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NI');">
4094                <img class="od-cp__flag"
4095                     src="https://flagcdn.com/24x18/ni.png"
4096                     alt="Nicaragua flag"
4097                     loading="lazy" />
4098                <span class="od-cp__label">
4099                  Nicaragua
4100                  <span class="od-cp__curr">(NIO C$)</span>
4101                </span>
4102                
4103              </button>
4104            </li>
4105          
4106            <li>
4107              <button type="button"
4108                      class="od-cp__item "
4109                      role="option"
4110                      aria-selected="false"
4111                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NE');">
4112                <img class="od-cp__flag"
4113                     src="https://flagcdn.com/24x18/ne.png"
4114                     alt="Niger flag"
4115                     loading="lazy" />
4116                <span class="od-cp__label">
4117                  Niger
4118                  <span class="od-cp__curr">(XOF Fr)</span>
4119                </span>
4120                
4121              </button>
4122            </li>
4123          
4124            <li>
4125              <button type="button"
4126                      class="od-cp__item "
4127                      role="option"
4128                      aria-selected="false"
4129                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NG');">
4130                <img class="od-cp__flag"
4131                     src="https://flagcdn.com/24x18/ng.png"
4132                     alt="Nigeria flag"
4133                     loading="lazy" />
4134                <span class="od-cp__label">
4135                  Nigeria
4136                  <span class="od-cp__curr">(NGN ₦)</span>
4137                </span>
4138                
4139              </button>
4140            </li>
4141          
4142            <li>
4143              <button type="button"
4144                      class="od-cp__item "
4145                      role="option"
4146                      aria-selected="false"
4147                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NU');">
4148                <img class="od-cp__flag"
4149                     src="https://flagcdn.com/24x18/nu.png"
4150                     alt="Niue flag"
4151                     loading="lazy" />
4152                <span class="od-cp__label">
4153                  Niue
4154                  <span class="od-cp__curr">(NZD $)</span>
4155                </span>
4156                
4157              </button>
4158            </li>
4159          
4160            <li>
4161              <button type="button"
4162                      class="od-cp__item "
4163                      role="option"
4164                      aria-selected="false"
4165                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NF');">
4166                <img class="od-cp__flag"
4167                     src="https://flagcdn.com/24x18/nf.png"
4168                     alt="Norfolk Island flag"
4169                     loading="lazy" />
4170                <span class="od-cp__label">
4171                  Norfolk Island
4172                  <span class="od-cp__curr">(AUD $)</span>
4173                </span>
4174                
4175              </button>
4176            </li>
4177          
4178            <li>
4179              <button type="button"
4180                      class="od-cp__item "
4181                      role="option"
4182                      aria-selected="false"
4183                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MK');">
4184                <img class="od-cp__flag"
4185                     src="https://flagcdn.com/24x18/mk.png"
4186                     alt="North Macedonia flag"
4187                     loading="lazy" />
4188                <span class="od-cp__label">
4189                  North Macedonia
4190                  <span class="od-cp__curr">(MKD ден)</span>
4191                </span>
4192                
4193              </button>
4194            </li>
4195          
4196            <li>
4197              <button type="button"
4198                      class="od-cp__item "
4199                      role="option"
4200                      aria-selected="false"
4201                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'NO');">
4202                <img class="od-cp__flag"
4203                     src="https://flagcdn.com/24x18/no.png"
4204                     alt="Norway flag"
4205                     loading="lazy" />
4206                <span class="od-cp__label">
4207                  Norway
4208                  <span class="od-cp__curr">(USD $)</span>
4209                </span>
4210                
4211              </button>
4212            </li>
4213          
4214            <li>
4215              <button type="button"
4216                      class="od-cp__item "
4217                      role="option"
4218                      aria-selected="false"
4219                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'OM');">
4220                <img class="od-cp__flag"
4221                     src="https://flagcdn.com/24x18/om.png"
4222                     alt="Oman flag"
4223                     loading="lazy" />
4224                <span class="od-cp__label">
4225                  Oman
4226                  <span class="od-cp__curr">(USD $)</span>
4227                </span>
4228                
4229              </button>
4230            </li>
4231          
4232            <li>
4233              <button type="button"
4234                      class="od-cp__item "
4235                      role="option"
4236                      aria-selected="false"
4237                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PK');">
4238                <img class="od-cp__flag"
4239                     src="https://flagcdn.com/24x18/pk.png"
4240                     alt="Pakistan flag"
4241                     loading="lazy" />
4242                <span class="od-cp__label">
4243                  Pakistan
4244                  <span class="od-cp__curr">(PKR ₨)</span>
4245                </span>
4246                
4247              </button>
4248            </li>
4249          
4250            <li>
4251              <button type="button"
4252                      class="od-cp__item "
4253                      role="option"
4254                      aria-selected="false"
4255                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PS');">
4256                <img class="od-cp__flag"
4257                     src="https://flagcdn.com/24x18/ps.png"
4258                     alt="Palestinian Territories flag"
4259                     loading="lazy" />
4260                <span class="od-cp__label">
4261                  Palestinian Territories
4262                  <span class="od-cp__curr">(ILS ₪)</span>
4263                </span>
4264                
4265              </button>
4266            </li>
4267          
4268            <li>
4269              <button type="button"
4270                      class="od-cp__item "
4271                      role="option"
4272                      aria-selected="false"
4273                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PA');">
4274                <img class="od-cp__flag"
4275                     src="https://flagcdn.com/24x18/pa.png"
4276                     alt="Panama flag"
4277                     loading="lazy" />
4278                <span class="od-cp__label">
4279                  Panama
4280                  <span class="od-cp__curr">(USD $)</span>
4281                </span>
4282                
4283              </button>
4284            </li>
4285          
4286            <li>
4287              <button type="button"
4288                      class="od-cp__item "
4289                      role="option"
4290                      aria-selected="false"
4291                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PG');">
4292                <img class="od-cp__flag"
4293                     src="https://flagcdn.com/24x18/pg.png"
4294                     alt="Papua New Guinea flag"
4295                     loading="lazy" />
4296                <span class="od-cp__label">
4297                  Papua New Guinea
4298                  <span class="od-cp__curr">(PGK K)</span>
4299                </span>
4300                
4301              </button>
4302            </li>
4303          
4304            <li>
4305              <button type="button"
4306                      class="od-cp__item "
4307                      role="option"
4308                      aria-selected="false"
4309                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PY');">
4310                <img class="od-cp__flag"
4311                     src="https://flagcdn.com/24x18/py.png"
4312                     alt="Paraguay flag"
4313                     loading="lazy" />
4314                <span class="od-cp__label">
4315                  Paraguay
4316                  <span class="od-cp__curr">(PYG ₲)</span>
4317                </span>
4318                
4319              </button>
4320            </li>
4321          
4322            <li>
4323              <button type="button"
4324                      class="od-cp__item "
4325                      role="option"
4326                      aria-selected="false"
4327                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PE');">
4328                <img class="od-cp__flag"
4329                     src="https://flagcdn.com/24x18/pe.png"
4330                     alt="Peru flag"
4331                     loading="lazy" />
4332                <span class="od-cp__label">
4333                  Peru
4334                  <span class="od-cp__curr">(PEN S/)</span>
4335                </span>
4336                
4337              </button>
4338            </li>
4339          
4340            <li>
4341              <button type="button"
4342                      class="od-cp__item "
4343                      role="option"
4344                      aria-selected="false"
4345                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PH');">
4346                <img class="od-cp__flag"
4347                     src="https://flagcdn.com/24x18/ph.png"
4348                     alt="Philippines flag"
4349                     loading="lazy" />
4350                <span class="od-cp__label">
4351                  Philippines
4352                  <span class="od-cp__curr">(PHP ₱)</span>
4353                </span>
4354                
4355              </button>
4356            </li>
4357          
4358            <li>
4359              <button type="button"
4360                      class="od-cp__item "
4361                      role="option"
4362                      aria-selected="false"
4363                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PN');">
4364                <img class="od-cp__flag"
4365                     src="https://flagcdn.com/24x18/pn.png"
4366                     alt="Pitcairn Islands flag"
4367                     loading="lazy" />
4368                <span class="od-cp__label">
4369                  Pitcairn Islands
4370                  <span class="od-cp__curr">(NZD $)</span>
4371                </span>
4372                
4373              </button>
4374            </li>
4375          
4376            <li>
4377              <button type="button"
4378                      class="od-cp__item "
4379                      role="option"
4380                      aria-selected="false"
4381                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PL');">
4382                <img class="od-cp__flag"
4383                     src="https://flagcdn.com/24x18/pl.png"
4384                     alt="Poland flag"
4385                     loading="lazy" />
4386                <span class="od-cp__label">
4387                  Poland
4388                  <span class="od-cp__curr">(PLN zł)</span>
4389                </span>
4390                
4391              </button>
4392            </li>
4393          
4394            <li>
4395              <button type="button"
4396                      class="od-cp__item "
4397                      role="option"
4398                      aria-selected="false"
4399                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PT');">
4400                <img class="od-cp__flag"
4401                     src="https://flagcdn.com/24x18/pt.png"
4402                     alt="Portugal flag"
4403                     loading="lazy" />
4404                <span class="od-cp__label">
4405                  Portugal
4406                  <span class="od-cp__curr">(EUR €)</span>
4407                </span>
4408                
4409              </button>
4410            </li>
4411          
4412            <li>
4413              <button type="button"
4414                      class="od-cp__item "
4415                      role="option"
4416                      aria-selected="false"
4417                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'QA');">
4418                <img class="od-cp__flag"
4419                     src="https://flagcdn.com/24x18/qa.png"
4420                     alt="Qatar flag"
4421                     loading="lazy" />
4422                <span class="od-cp__label">
4423                  Qatar
4424                  <span class="od-cp__curr">(QAR ر.ق)</span>
4425                </span>
4426                
4427              </button>
4428            </li>
4429          
4430            <li>
4431              <button type="button"
4432                      class="od-cp__item "
4433                      role="option"
4434                      aria-selected="false"
4435                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RE');">
4436                <img class="od-cp__flag"
4437                     src="https://flagcdn.com/24x18/re.png"
4438                     alt="Réunion flag"
4439                     loading="lazy" />
4440                <span class="od-cp__label">
4441                  Réunion
4442                  <span class="od-cp__curr">(EUR €)</span>
4443                </span>
4444                
4445              </button>
4446            </li>
4447          
4448            <li>
4449              <button type="button"
4450                      class="od-cp__item "
4451                      role="option"
4452                      aria-selected="false"
4453                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RO');">
4454                <img class="od-cp__flag"
4455                     src="https://flagcdn.com/24x18/ro.png"
4456                     alt="Romania flag"
4457                     loading="lazy" />
4458                <span class="od-cp__label">
4459                  Romania
4460                  <span class="od-cp__curr">(RON Lei)</span>
4461                </span>
4462                
4463              </button>
4464            </li>
4465          
4466            <li>
4467              <button type="button"
4468                      class="od-cp__item "
4469                      role="option"
4470                      aria-selected="false"
4471                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RU');">
4472                <img class="od-cp__flag"
4473                     src="https://flagcdn.com/24x18/ru.png"
4474                     alt="Russia flag"
4475                     loading="lazy" />
4476                <span class="od-cp__label">
4477                  Russia
4478                  <span class="od-cp__curr">(USD $)</span>
4479                </span>
4480                
4481              </button>
4482            </li>
4483          
4484            <li>
4485              <button type="button"
4486                      class="od-cp__item "
4487                      role="option"
4488                      aria-selected="false"
4489                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RW');">
4490                <img class="od-cp__flag"
4491                     src="https://flagcdn.com/24x18/rw.png"
4492                     alt="Rwanda flag"
4493                     loading="lazy" />
4494                <span class="od-cp__label">
4495                  Rwanda
4496                  <span class="od-cp__curr">(RWF FRw)</span>
4497                </span>
4498                
4499              </button>
4500            </li>
4501          
4502            <li>
4503              <button type="button"
4504                      class="od-cp__item "
4505                      role="option"
4506                      aria-selected="false"
4507                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'WS');">
4508                <img class="od-cp__flag"
4509                     src="https://flagcdn.com/24x18/ws.png"
4510                     alt="Samoa flag"
4511                     loading="lazy" />
4512                <span class="od-cp__label">
4513                  Samoa
4514                  <span class="od-cp__curr">(WST T)</span>
4515                </span>
4516                
4517              </button>
4518            </li>
4519          
4520            <li>
4521              <button type="button"
4522                      class="od-cp__item "
4523                      role="option"
4524                      aria-selected="false"
4525                      @click="open=false;
4525 OD.changeMarketViaIframeFromForm($el, 'SM');">
4526                <img class="od-cp__flag"
4527                     src="https://flagcdn.com/24x18/sm.png"
4528                     alt="San Marino flag"
4529                     loading="lazy" />
4530                <span class="od-cp__label">
4531                  San Marino
4532                  <span class="od-cp__curr">(EUR €)</span>
4533                </span>
4534                
4535              </button>
4536            </li>
4537          
4538            <li>
4539              <button type="button"
4540                      class="od-cp__item "
4541                      role="option"
4542                      aria-selected="false"
4543                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ST');">
4544                <img class="od-cp__flag"
4545                     src="https://flagcdn.com/24x18/st.png"
4546                     alt="São Tomé &amp; Príncipe flag"
4547                     loading="lazy" />
4548                <span class="od-cp__label">
4549                  São Tomé &amp; Príncipe
4550                  <span class="od-cp__curr">(STD Db)</span>
4551                </span>
4552                
4553              </button>
4554            </li>
4555          
4556            <li>
4557              <button type="button"
4558                      class="od-cp__item "
4559                      role="option"
4560                      aria-selected="false"
4561                      @click="open=false;
4561 OD.changeMarketViaIframeFromForm($el, 'SA');">
4562                <img class="od-cp__flag"
4563                     src="https://flagcdn.com/24x18/sa.png"
4564                     alt="Saudi Arabia flag"
4565                     loading="lazy" />
4566                <span class="od-cp__label">
4567                  Saudi Arabia
4568                  <span class="od-cp__curr">(SAR ر.س)</span>
4569                </span>
4570                
4571              </button>
4572            </li>
4573          
4574            <li>
4575              <button type="button"
4576                      class="od-cp__item "
4577                      role="option"
4578                      aria-selected="false"
4579                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SN');">
4580                <img class="od-cp__flag"
4581                     src="https://flagcdn.com/24x18/sn.png"
4582                     alt="Senegal flag"
4583                     loading="lazy" />
4584                <span class="od-cp__label">
4585                  Senegal
4586                  <span class="od-cp__curr">(XOF Fr)</span>
4587                </span>
4588                
4589              </button>
4590            </li>
4591          
4592            <li>
4593              <button type="button"
4594                      class="od-cp__item "
4595                      role="option"
4596                      aria-selected="false"
4597                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'RS');">
4598                <img class="od-cp__flag"
4599                     src="https://flagcdn.com/24x18/rs.png"
4600                     alt="Serbia flag"
4601                     loading="lazy" />
4602                <span class="od-cp__label">
4603                  Serbia
4604                  <span class="od-cp__curr">(RSD РСД)</span>
4605                </span>
4606                
4607              </button>
4608            </li>
4609          
4610            <li>
4611              <button type="button"
4612                      class="od-cp__item "
4613                      role="option"
4614                      aria-selected="false"
4615                      @click="open=false;
4615 OD.changeMarketViaIframeFromForm($el, 'SC');">
4616                <img class="od-cp__flag"
4617                     src="https://flagcdn.com/24x18/sc.png"
4618                     alt="Seychelles flag"
4619                     loading="lazy" />
4620                <span class="od-cp__label">
4621                  Seychelles
4622                  <span class="od-cp__curr">(USD $)</span>
4623                </span>
4624                
4625              </button>
4626            </li>
4627          
4628            <li>
4629              <button type="button"
4630                      class="od-cp__item "
4631                      role="option"
4632                      aria-selected="false"
4633                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SL');">
4634                <img class="od-cp__flag"
4635                     src="https://flagcdn.com/24x18/sl.png"
4636                     alt="Sierra Leone flag"
4637                     loading="lazy" />
4638                <span class="od-cp__label">
4639                  Sierra Leone
4640                  <span class="od-cp__curr">(SLL Le)</span>
4641                </span>
4642                
4643              </button>
4644            </li>
4645          
4646            <li>
4647              <button type="button"
4648                      class="od-cp__item "
4649                      role="option"
4650                      aria-selected="false"
4651                      @click="open=false;
4651 OD.changeMarketViaIframeFromForm($el, 'SG');">
4652                <img class="od-cp__flag"
4653                     src="https://flagcdn.com/24x18/sg.png"
4654                     alt="Singapore flag"
4655                     loading="lazy" />
4656                <span class="od-cp__label">
4657                  Singapore
4658                  <span class="od-cp__curr">(SGD $)</span>
4659                </span>
4660                
4661              </button>
4662            </li>
4663          
4664            <li>
4665              <button type="button"
4666                      class="od-cp__item "
4667                      role="option"
4668                      aria-selected="false"
4669                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SX');">
4670                <img class="od-cp__flag"
4671                     src="https://flagcdn.com/24x18/sx.png"
4672                     alt="Sint Maarten flag"
4673                     loading="lazy" />
4674                <span class="od-cp__label">
4675                  Sint Maarten
4676                  <span class="od-cp__curr">(ANG ƒ)</span>
4677                </span>
4678                
4679              </button>
4680            </li>
4681          
4682            <li>
4683              <button type="button"
4684                      class="od-cp__item "
4685                      role="option"
4686                      aria-selected="false"
4687                      @click="open=false;
4687 OD.changeMarketViaIframeFromForm($el, 'SK');">
4688                <img class="od-cp__flag"
4689                     src="https://flagcdn.com/24x18/sk.png"
4690                     alt="Slovakia flag"
4691                     loading="lazy" />
4692                <span class="od-cp__label">
4693                  Slovakia
4694                  <span class="od-cp__curr">(EUR €)</span>
4695                </span>
4696                
4697              </button>
4698            </li>
4699          
4700            <li>
4701              <button type="button"
4702                      class="od-cp__item "
4703                      role="option"
4704                      aria-selected="false"
4705                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SI');">
4706                <img class="od-cp__flag"
4707                     src="https://flagcdn.com/24x18/si.png"
4708                     alt="Slovenia flag"
4709                     loading="lazy" />
4710                <span class="od-cp__label">
4711                  Slovenia
4712                  <span class="od-cp__curr">(EUR €)</span>
4713                </span>
4714                
4715              </button>
4716            </li>
4717          
4718            <li>
4719              <button type="button"
4720                      class="od-cp__item "
4721                      role="option"
4722                      aria-selected="false"
4723                      @click="open=false;
4723 OD.changeMarketViaIframeFromForm($el, 'SB');">
4724                <img class="od-cp__flag"
4725                     src="https://flagcdn.com/24x18/sb.png"
4726                     alt="Solomon Islands flag"
4727                     loading="lazy" />
4728                <span class="od-cp__label">
4729                  Solomon Islands
4730                  <span class="od-cp__curr">(SBD $)</span>
4731                </span>
4732                
4733              </button>
4734            </li>
4735          
4736            <li>
4737              <button type="button"
4738                      class="od-cp__item "
4739                      role="option"
4740                      aria-selected="false"
4741                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SO');">
4742                <img class="od-cp__flag"
4743                     src="https://flagcdn.com/24x18/so.png"
4744                     alt="Somalia flag"
4745                     loading="lazy" />
4746                <span class="od-cp__label">
4747                  Somalia
4748                  <span class="od-cp__curr">(USD $)</span>
4749                </span>
4750                
4751              </button>
4752            </li>
4753          
4754            <li>
4755              <button type="button"
4756                      class="od-cp__item "
4757                      role="option"
4758                      aria-selected="false"
4759                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZA');">
4760                <img class="od-cp__flag"
4761                     src="https://flagcdn.com/24x18/za.png"
4762                     alt="South Africa flag"
4763                     loading="lazy" />
4764                <span class="od-cp__label">
4765                  South Africa
4766                  <span class="od-cp__curr">(USD $)</span>
4767                </span>
4768                
4769              </button>
4770            </li>
4771          
4772            <li>
4773              <button type="button"
4774                      class="od-cp__item "
4775                      role="option"
4776                      aria-selected="false"
4777                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GS');">
4778                <img class="od-cp__flag"
4779                     src="https://flagcdn.com/24x18/gs.png"
4780                     alt="South Georgia &amp; South Sandwich Islands flag"
4781                     loading="lazy" />
4782                <span class="od-cp__label">
4783                  South Georgia &amp; South Sandwich Islands
4784                  <span class="od-cp__curr">(GBP £)</span>
4785                </span>
4786                
4787              </button>
4788            </li>
4789          
4790            <li>
4791              <button type="button"
4792                      class="od-cp__item "
4793                      role="option"
4794                      aria-selected="false"
4795                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KR');">
4796                <img class="od-cp__flag"
4797                     src="https://flagcdn.com/24x18/kr.png"
4798                     alt="South Korea flag"
4799                     loading="lazy" />
4800                <span class="od-cp__label">
4801                  South Korea
4802                  <span class="od-cp__curr">(KRW ₩)</span>
4803                </span>
4804                
4805              </button>
4806            </li>
4807          
4808            <li>
4809              <button type="button"
4810                      class="od-cp__item "
4811                      role="option"
4812                      aria-selected="false"
4813                      @click="open=false;
4813 OD.changeMarketViaIframeFromForm($el, 'SS');">
4814                <img class="od-cp__flag"
4815                     src="https://flagcdn.com/24x18/ss.png"
4816                     alt="South Sudan flag"
4817                     loading="lazy" />
4818                <span class="od-cp__label">
4819                  South Sudan
4820                  <span class="od-cp__curr">(USD $)</span>
4821                </span>
4822                
4823              </button>
4824            </li>
4825          
4826            <li>
4827              <button type="button"
4828                      class="od-cp__item "
4829                      role="option"
4830                      aria-selected="false"
4831                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ES');">
4832                <img class="od-cp__flag"
4833                     src="https://flagcdn.com/24x18/es.png"
4834                     alt="Spain flag"
4835                     loading="lazy" />
4836                <span class="od-cp__label">
4837                  Spain
4838                  <span class="od-cp__curr">(EUR €)</span>
4839                </span>
4840                
4841              </button>
4842            </li>
4843          
4844            <li>
4845              <button type="button"
4846                      class="od-cp__item "
4847                      role="option"
4848                      aria-selected="false"
4849                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LK');">
4850                <img class="od-cp__flag"
4851                     src="https://flagcdn.com/24x18/lk.png"
4852                     alt="Sri Lanka flag"
4853                     loading="lazy" />
4854                <span class="od-cp__label">
4855                  Sri Lanka
4856                  <span class="od-cp__curr">(LKR ₨)</span>
4857                </span>
4858                
4859              </button>
4860            </li>
4861          
4862            <li>
4863              <button type="button"
4864                      class="od-cp__item "
4865                      role="option"
4866                      aria-selected="false"
4867                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'BL');">
4868                <img class="od-cp__flag"
4869                     src="https://flagcdn.com/24x18/bl.png"
4870                     alt="St. Barthélemy flag"
4871                     loading="lazy" />
4872                <span class="od-cp__label">
4873                  St. Barthélemy
4874                  <span class="od-cp__curr">(EUR €)</span>
4875                </span>
4876                
4877              </button>
4878            </li>
4879          
4880            <li>
4881              <button type="button"
4882                      class="od-cp__item "
4883                      role="option"
4884                      aria-selected="false"
4885                      @click="open=false;
4885 OD.changeMarketViaIframeFromForm($el, 'SH');">
4886                <img class="od-cp__flag"
4887                     src="https://flagcdn.com/24x18/sh.png"
4888                     alt="St. Helena flag"
4889                     loading="lazy" />
4890                <span class="od-cp__label">
4891                  St. Helena
4892                  <span class="od-cp__curr">(SHP £)</span>
4893                </span>
4894                
4895              </button>
4896            </li>
4897          
4898            <li>
4899              <button type="button"
4900                      class="od-cp__item "
4901                      role="option"
4902                      aria-selected="false"
4903                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'KN');">
4904                <img class="od-cp__flag"
4905                     src="https://flagcdn.com/24x18/kn.png"
4906                     alt="St. Kitts &amp; Nevis flag"
4907                     loading="lazy" />
4908                <span class="od-cp__label">
4909                  St. Kitts &amp; Nevis
4910                  <span class="od-cp__curr">(XCD $)</span>
4911                </span>
4912                
4913              </button>
4914            </li>
4915          
4916            <li>
4917              <button type="button"
4918                      class="od-cp__item "
4919                      role="option"
4920                      aria-selected="false"
4921                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'LC');">
4922                <img class="od-cp__flag"
4923                     src="https://flagcdn.com/24x18/lc.png"
4924                     alt="St. Lucia flag"
4925                     loading="lazy" />
4926                <span class="od-cp__label">
4927                  St. Lucia
4928                  <span class="od-cp__curr">(XCD $)</span>
4929                </span>
4930                
4931              </button>
4932            </li>
4933          
4934            <li>
4935              <button type="button"
4936                      class="od-cp__item "
4937                      role="option"
4938                      aria-selected="false"
4939                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'MF');">
4940                <img class="od-cp__flag"
4941                     src="https://flagcdn.com/24x18/mf.png"
4942                     alt="St. Martin flag"
4943                     loading="lazy" />
4944                <span class="od-cp__label">
4945                  St. Martin
4946                  <span class="od-cp__curr">(EUR €)</span>
4947                </span>
4948                
4949              </button>
4950            </li>
4951          
4952            <li>
4953              <button type="button"
4954                      class="od-cp__item "
4955                      role="option"
4956                      aria-selected="false"
4957                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'PM');">
4958                <img class="od-cp__flag"
4959                     src="https://flagcdn.com/24x18/pm.png"
4960                     alt="St. Pierre &amp; Miquelon flag"
4961                     loading="lazy" />
4962                <span class="od-cp__label">
4963                  St. Pierre &amp; Miquelon
4964                  <span class="od-cp__curr">(EUR €)</span>
4965                </span>
4966                
4967              </button>
4968            </li>
4969          
4970            <li>
4971              <button type="button"
4972                      class="od-cp__item "
4973                      role="option"
4974                      aria-selected="false"
4975                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VC');">
4976                <img class="od-cp__flag"
4977                     src="https://flagcdn.com/24x18/vc.png"
4978                     alt="St. Vincent &amp; Grenadines flag"
4979                     loading="lazy" />
4980                <span class="od-cp__label">
4981                  St. Vincent &amp; Grenadines
4982                  <span class="od-cp__curr">(XCD $)</span>
4983                </span>
4984                
4985              </button>
4986            </li>
4987          
4988            <li>
4989              <button type="button"
4990                      class="od-cp__item "
4991                      role="option"
4992                      aria-selected="false"
4993                      @click="open=false;
4993 OD.changeMarketViaIframeFromForm($el, 'SD');">
4994                <img class="od-cp__flag"
4995                     src="https://flagcdn.com/24x18/sd.png"
4996                     alt="Sudan flag"
4997                     loading="lazy" />
4998                <span class="od-cp__label">
4999                  Sudan
5000                  <span class="od-cp__curr">(USD $)</span>
5001                </span>
5002                
5003              </button>
5004            </li>
5005          
5006            <li>
5007              <button type="button"
5008                      class="od-cp__item "
5009                      role="option"
5010                      aria-selected="false"
5011                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SR');">
5012                <img class="od-cp__flag"
5013                     src="https://flagcdn.com/24x18/sr.png"
5014                     alt="Suriname flag"
5015                     loading="lazy" />
5016                <span class="od-cp__label">
5017                  Suriname
5018                  <span class="od-cp__curr">(USD $)</span>
5019                </span>
5020                
5021              </button>
5022            </li>
5023          
5024            <li>
5025              <button type="button"
5026                      class="od-cp__item "
5027                      role="option"
5028                      aria-selected="false"
5029                      @click="open=false;
5029 OD.changeMarketViaIframeFromForm($el, 'SJ');">
5030                <img class="od-cp__flag"
5031                     src="https://flagcdn.com/24x18/sj.png"
5032                     alt="Svalbard &amp; Jan Mayen flag"
5033                     loading="lazy" />
5034                <span class="od-cp__label">
5035                  Svalbard &amp; Jan Mayen
5036                  <span class="od-cp__curr">(USD $)</span>
5037                </span>
5038                
5039              </button>
5040            </li>
5041          
5042            <li>
5043              <button type="button"
5044                      class="od-cp__item "
5045                      role="option"
5046                      aria-selected="false"
5047                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'SE');">
5048                <img class="od-cp__flag"
5049                     src="https://flagcdn.com/24x18/se.png"
5050                     alt="Sweden flag"
5051                     loading="lazy" />
5052                <span class="od-cp__label">
5053                  Sweden
5054                  <span class="od-cp__curr">(SEK kr)</span>
5055                </span>
5056                
5057              </button>
5058            </li>
5059          
5060            <li>
5061              <button type="button"
5062                      class="od-cp__item "
5063                      role="option"
5064                      aria-selected="false"
5065                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'CH');">
5066                <img class="od-cp__flag"
5067                     src="https://flagcdn.com/24x18/ch.png"
5068                     alt="Switzerland flag"
5069                     loading="lazy" />
5070                <span class="od-cp__label">
5071                  Switzerland
5072                  <span class="od-cp__curr">(CHF CHF)</span>
5073                </span>
5074                
5075              </button>
5076            </li>
5077          
5078            <li>
5079              <button type="button"
5080                      class="od-cp__item "
5081                      role="option"
5082                      aria-selected="false"
5083                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TW');">
5084                <img class="od-cp__flag"
5085                     src="https://flagcdn.com/24x18/tw.png"
5086                     alt="Taiwan flag"
5087                     loading="lazy" />
5088                <span class="od-cp__label">
5089                  Taiwan
5090                  <span class="od-cp__curr">(TWD $)</span>
5091                </span>
5092                
5093              </button>
5094            </li>
5095          
5096            <li>
5097              <button type="button"
5098                      class="od-cp__item "
5099                      role="option"
5100                      aria-selected="false"
5101                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TJ');">
5102                <img class="od-cp__flag"
5103                     src="https://flagcdn.com/24x18/tj.png"
5104                     alt="Tajikistan flag"
5105                     loading="lazy" />
5106                <span class="od-cp__label">
5107                  Tajikistan
5108                  <span class="od-cp__curr">(TJS ЅМ)</span>
5109                </span>
5110                
5111              </button>
5112            </li>
5113          
5114            <li>
5115              <button type="button"
5116                      class="od-cp__item "
5117                      role="option"
5118                      aria-selected="false"
5119                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TZ');">
5120                <img class="od-cp__flag"
5121                     src="https://flagcdn.com/24x18/tz.png"
5122                     alt="Tanzania flag"
5123                     loading="lazy" />
5124                <span class="od-cp__label">
5125                  Tanzania
5126                  <span class="od-cp__curr">(TZS Sh)</span>
5127                </span>
5128                
5129              </button>
5130            </li>
5131          
5132            <li>
5133              <button type="button"
5134                      class="od-cp__item "
5135                      role="option"
5136                      aria-selected="false"
5137                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TH');">
5138                <img class="od-cp__flag"
5139                     src="https://flagcdn.com/24x18/th.png"
5140                     alt="Thailand flag"
5141                     loading="lazy" />
5142                <span class="od-cp__label">
5143                  Thailand
5144                  <span class="od-cp__curr">(THB ฿)</span>
5145                </span>
5146                
5147              </button>
5148            </li>
5149          
5150            <li>
5151              <button type="button"
5152                      class="od-cp__item "
5153                      role="option"
5154                      aria-selected="false"
5155                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TL');">
5156                <img class="od-cp__flag"
5157                     src="https://flagcdn.com/24x18/tl.png"
5158                     alt="Timor-Leste flag"
5159                     loading="lazy" />
5160                <span class="od-cp__label">
5161                  Timor-Leste
5162                  <span class="od-cp__curr">(USD $)</span>
5163                </span>
5164                
5165              </button>
5166            </li>
5167          
5168            <li>
5169              <button type="button"
5170                      class="od-cp__item "
5171                      role="option"
5172                      aria-selected="false"
5173                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TG');">
5174                <img class="od-cp__flag"
5175                     src="https://flagcdn.com/24x18/tg.png"
5176                     alt="Togo flag"
5177                     loading="lazy" />
5178                <span class="od-cp__label">
5179                  Togo
5180                  <span class="od-cp__curr">(XOF Fr)</span>
5181                </span>
5182                
5183              </button>
5184            </li>
5185          
5186            <li>
5187              <button type="button"
5188                      class="od-cp__item "
5189                      role="option"
5190                      aria-selected="false"
5191                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TK');">
5192                <img class="od-cp__flag"
5193                     src="https://flagcdn.com/24x18/tk.png"
5194                     alt="Tokelau flag"
5195                     loading="lazy" />
5196                <span class="od-cp__label">
5197                  Tokelau
5198                  <span class="od-cp__curr">(NZD $)</span>
5199                </span>
5200                
5201              </button>
5202            </li>
5203          
5204            <li>
5205              <button type="button"
5206                      class="od-cp__item "
5207                      role="option"
5208                      aria-selected="false"
5209                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TO');">
5210                <img class="od-cp__flag"
5211                     src="https://flagcdn.com/24x18/to.png"
5212                     alt="Tonga flag"
5213                     loading="lazy" />
5214                <span class="od-cp__label">
5215                  Tonga
5216                  <span class="od-cp__curr">(TOP T$)</span>
5217                </span>
5218                
5219              </button>
5220            </li>
5221          
5222            <li>
5223              <button type="button"
5224                      class="od-cp__item "
5225                      role="option"
5226                      aria-selected="false"
5227                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TT');">
5228                <img class="od-cp__flag"
5229                     src="https://flagcdn.com/24x18/tt.png"
5230                     alt="Trinidad &amp; Tobago flag"
5231                     loading="lazy" />
5232                <span class="od-cp__label">
5233                  Trinidad &amp; Tobago
5234                  <span class="od-cp__curr">(TTD $)</span>
5235                </span>
5236                
5237              </button>
5238            </li>
5239          
5240            <li>
5241              <button type="button"
5242                      class="od-cp__item "
5243                      role="option"
5244                      aria-selected="false"
5245                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TA');">
5246                <img class="od-cp__flag"
5247                     src="https://flagcdn.com/24x18/ta.png"
5248                     alt="Tristan da Cunha flag"
5249                     loading="lazy" />
5250                <span class="od-cp__label">
5251                  Tristan da Cunha
5252                  <span class="od-cp__curr">(GBP £)</span>
5253                </span>
5254                
5255              </button>
5256            </li>
5257          
5258            <li>
5259              <button type="button"
5260                      class="od-cp__item "
5261                      role="option"
5262                      aria-selected="false"
5263                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TN');">
5264                <img class="od-cp__flag"
5265                     src="https://flagcdn.com/24x18/tn.png"
5266                     alt="Tunisia flag"
5267                     loading="lazy" />
5268                <span class="od-cp__label">
5269                  Tunisia
5270                  <span class="od-cp__curr">(USD $)</span>
5271                </span>
5272                
5273              </button>
5274            </li>
5275          
5276            <li>
5277              <button type="button"
5278                      class="od-cp__item "
5279                      role="option"
5280                      aria-selected="false"
5281                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TR');">
5282                <img class="od-cp__flag"
5283                     src="https://flagcdn.com/24x18/tr.png"
5284                     alt="Türkiye flag"
5285                     loading="lazy" />
5286                <span class="od-cp__label">
5287                  Türkiye
5288                  <span class="od-cp__curr">(USD $)</span>
5289                </span>
5290                
5291              </button>
5292            </li>
5293          
5294            <li>
5295              <button type="button"
5296                      class="od-cp__item "
5297                      role="option"
5298                      aria-selected="false"
5299                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TM');">
5300                <img class="od-cp__flag"
5301                     src="https://flagcdn.com/24x18/tm.png"
5302                     alt="Turkmenistan flag"
5303                     loading="lazy" />
5304                <span class="od-cp__label">
5305                  Turkmenistan
5306                  <span class="od-cp__curr">(USD $)</span>
5307                </span>
5308                
5309              </button>
5310            </li>
5311          
5312            <li>
5313              <button type="button"
5314                      class="od-cp__item "
5315                      role="option"
5316                      aria-selected="false"
5317                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TC');">
5318                <img class="od-cp__flag"
5319                     src="https://flagcdn.com/24x18/tc.png"
5320                     alt="Turks &amp; Caicos Islands flag"
5321                     loading="lazy" />
5322                <span class="od-cp__label">
5323                  Turks &amp; Caicos Islands
5324                  <span class="od-cp__curr">(USD $)</span>
5325                </span>
5326                
5327              </button>
5328            </li>
5329          
5330            <li>
5331              <button type="button"
5332                      class="od-cp__item "
5333                      role="option"
5334                      aria-selected="false"
5335                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'TV');">
5336                <img class="od-cp__flag"
5337                     src="https://flagcdn.com/24x18/tv.png"
5338                     alt="Tuvalu flag"
5339                     loading="lazy" />
5340                <span class="od-cp__label">
5341                  Tuvalu
5342                  <span class="od-cp__curr">(AUD $)</span>
5343                </span>
5344                
5345              </button>
5346            </li>
5347          
5348            <li>
5349              <button type="button"
5350                      class="od-cp__item "
5351                      role="option"
5352                      aria-selected="false"
5353                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UM');">
5354                <img class="od-cp__flag"
5355                     src="https://flagcdn.com/24x18/um.png"
5356                     alt="U.S. Outlying Islands flag"
5357                     loading="lazy" />
5358                <span class="od-cp__label">
5359                  U.S. Outlying Islands
5360                  <span class="od-cp__curr">(USD $)</span>
5361                </span>
5362                
5363              </button>
5364            </li>
5365          
5366            <li>
5367              <button type="button"
5368                      class="od-cp__item "
5369                      role="option"
5370                      aria-selected="false"
5371                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UG');">
5372                <img class="od-cp__flag"
5373                     src="https://flagcdn.com/24x18/ug.png"
5374                     alt="Uganda flag"
5375                     loading="lazy" />
5376                <span class="od-cp__label">
5377                  Uganda
5378                  <span class="od-cp__curr">(UGX USh)</span>
5379                </span>
5380                
5381              </button>
5382            </li>
5383          
5384            <li>
5385              <button type="button"
5386                      class="od-cp__item "
5387                      role="option"
5388                      aria-selected="false"
5389                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UA');">
5390                <img class="od-cp__flag"
5391                     src="https://flagcdn.com/24x18/ua.png"
5392                     alt="Ukraine flag"
5393                     loading="lazy" />
5394                <span class="od-cp__label">
5395                  Ukraine
5396                  <span class="od-cp__curr">(UAH ₴)</span>
5397                </span>
5398                
5399              </button>
5400            </li>
5401          
5402            <li>
5403              <button type="button"
5404                      class="od-cp__item "
5405                      role="option"
5406                      aria-selected="false"
5407                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'AE');">
5408                <img class="od-cp__flag"
5409                     src="https://flagcdn.com/24x18/ae.png"
5410                     alt="United Arab Emirates flag"
5411                     loading="lazy" />
5412                <span class="od-cp__label">
5413                  United Arab Emirates
5414                  <span class="od-cp__curr">(AED د.إ)</span>
5415                </span>
5416                
5417              </button>
5418            </li>
5419          
5420            <li>
5421              <button type="button"
5422                      class="od-cp__item "
5423                      role="option"
5424                      aria-selected="false"
5425                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'GB');">
5426                <img class="od-cp__flag"
5427                     src="https://flagcdn.com/24x18/gb.png"
5428                     alt="United Kingdom flag"
5429                     loading="lazy" />
5430                <span class="od-cp__label">
5431                  United Kingdom
5432                  <span class="od-cp__curr">(GBP £)</span>
5433                </span>
5434                
5435              </button>
5436            </li>
5437          
5438            <li>
5439              <button type="button"
5440                      class="od-cp__item is-active"
5441                      role="option"
5442                      aria-selected="true"
5443                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'US');">
5444                <img class="od-cp__flag"
5445                     src="https://flagcdn.com/24x18/us.png"
5446                     alt="United States flag"
5447                     loading="lazy" />
5448                <span class="od-cp__label">
5449                  United States
5450                  <span class="od-cp__curr">(USD $)</span>
5451                </span>
5452                
5453                  <svg class="od-cp__check" viewBox="0 0 24 24" aria-hidden="true">
5454                    <path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5455                  </svg>
5456                
5457              </button>
5458            </li>
5459          
5460            <li>
5461              <button type="button"
5462                      class="od-cp__item "
5463                      role="option"
5464                      aria-selected="false"
5465                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UY');">
5466                <img class="od-cp__flag"
5467                     src="https://flagcdn.com/24x18/uy.png"
5468                     alt="Uruguay flag"
5469                     loading="lazy" />
5470                <span class="od-cp__label">
5471                  Uruguay
5472                  <span class="od-cp__curr">(UYU $U)</span>
5473                </span>
5474                
5475              </button>
5476            </li>
5477          
5478            <li>
5479              <button type="button"
5480                      class="od-cp__item "
5481                      role="option"
5482                      aria-selected="false"
5483                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'UZ');">
5484                <img class="od-cp__flag"
5485                     src="https://flagcdn.com/24x18/uz.png"
5486                     alt="Uzbekistan flag"
5487                     loading="lazy" />
5488                <span class="od-cp__label">
5489                  Uzbekistan
5490                  <span class="od-cp__curr">(UZS so'm)</span>
5491                </span>
5492                
5493              </button>
5494            </li>
5495          
5496            <li>
5497              <button type="button"
5498                      class="od-cp__item "
5499                      role="option"
5500                      aria-selected="false"
5501                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VU');">
5502                <img class="od-cp__flag"
5503                     src="https://flagcdn.com/24x18/vu.png"
5504                     alt="Vanuatu flag"
5505                     loading="lazy" />
5506                <span class="od-cp__label">
5507                  Vanuatu
5508                  <span class="od-cp__curr">(VUV Vt)</span>
5509                </span>
5510                
5511              </button>
5512            </li>
5513          
5514            <li>
5515              <button type="button"
5516                      class="od-cp__item "
5517                      role="option"
5518                      aria-selected="false"
5519                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VA');">
5520                <img class="od-cp__flag"
5521                     src="https://flagcdn.com/24x18/va.png"
5522                     alt="Vatican City flag"
5523                     loading="lazy" />
5524                <span class="od-cp__label">
5525                  Vatican City
5526                  <span class="od-cp__curr">(EUR €)</span>
5527                </span>
5528                
5529              </button>
5530            </li>
5531          
5532            <li>
5533              <button type="button"
5534                      class="od-cp__item "
5535                      role="option"
5536                      aria-selected="false"
5537                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VE');">
5538                <img class="od-cp__flag"
5539                     src="https://flagcdn.com/24x18/ve.png"
5540                     alt="Venezuela flag"
5541                     loading="lazy" />
5542                <span class="od-cp__label">
5543                  Venezuela
5544                  <span class="od-cp__curr">(USD $)</span>
5545                </span>
5546                
5547              </button>
5548            </li>
5549          
5550            <li>
5551              <button type="button"
5552                      class="od-cp__item "
5553                      role="option"
5554                      aria-selected="false"
5555                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'VN');">
5556                <img class="od-cp__flag"
5557                     src="https://flagcdn.com/24x18/vn.png"
5558                     alt="Vietnam flag"
5559                     loading="lazy" />
5560                <span class="od-cp__label">
5561                  Vietnam
5562                  <span class="od-cp__curr">(VND ₫)</span>
5563                </span>
5564                
5565              </button>
5566            </li>
5567          
5568            <li>
5569              <button type="button"
5570                      class="od-cp__item "
5571                      role="option"
5572                      aria-selected="false"
5573                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'WF');">
5574                <img class="od-cp__flag"
5575                     src="https://flagcdn.com/24x18/wf.png"
5576                     alt="Wallis &amp; Futuna flag"
5577                     loading="lazy" />
5578                <span class="od-cp__label">
5579                  Wallis &amp; Futuna
5580                  <span class="od-cp__curr">(XPF Fr)</span>
5581                </span>
5582                
5583              </button>
5584            </li>
5585          
5586            <li>
5587              <button type="button"
5588                      class="od-cp__item "
5589                      role="option"
5590                      aria-selected="false"
5591                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'EH');">
5592                <img class="od-cp__flag"
5593                     src="https://flagcdn.com/24x18/eh.png"
5594                     alt="Western Sahara flag"
5595                     loading="lazy" />
5596                <span class="od-cp__label">
5597                  Western Sahara
5598                  <span class="od-cp__curr">(MAD د.م.)</span>
5599                </span>
5600                
5601              </button>
5602            </li>
5603          
5604            <li>
5605              <button type="button"
5606                      class="od-cp__item "
5607                      role="option"
5608                      aria-selected="false"
5609                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'YE');">
5610                <img class="od-cp__flag"
5611                     src="https://flagcdn.com/24x18/ye.png"
5612                     alt="Yemen flag"
5613                     loading="lazy" />
5614                <span class="od-cp__label">
5615                  Yemen
5616                  <span class="od-cp__curr">(YER ï·¼)</span>
5617                </span>
5618                
5619              </button>
5620            </li>
5621          
5622            <li>
5623              <button type="button"
5624                      class="od-cp__item "
5625                      role="option"
5626                      aria-selected="false"
5627                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZM');">
5628                <img class="od-cp__flag"
5629                     src="https://flagcdn.com/24x18/zm.png"
5630                     alt="Zambia flag"
5631                     loading="lazy" />
5632                <span class="od-cp__label">
5633                  Zambia
5634                  <span class="od-cp__curr">(USD $)</span>
5635                </span>
5636                
5637              </button>
5638            </li>
5639          
5640            <li>
5641              <button type="button"
5642                      class="od-cp__item "
5643                      role="option"
5644                      aria-selected="false"
5645                      @click="open=false; OD.changeMarketViaIframeFromForm($el, 'ZW');">
5646                <img class="od-cp__flag"
5647                     src="https://flagcdn.com/24x18/zw.png"
5648                     alt="Zimbabwe flag"
5649                     loading="lazy" />
5650                <span class="od-cp__label">
5651                  Zimbabwe
5652                  <span class="od-cp__curr">(USD $)</span>
5653                </span>
5654                
5655              </button>
5656            </li>
5657          
5658        </ul>
5659      </div>
5660    </div>
5661  </form>
5662
5663  <!-- Full-bleed hairline that matches the header's bottom border -->
5664  <span class="od-topbar-divider" aria-hidden="true"
5665        style="position:absolute; left:50%; transform:translateX(-50%);
5666               bottom:0; width:100vw; height:var(--od-divider-width,1px);
5667               background:var(--od-divider-color,#e5e7eb); pointer-events:none;"></span>
5668
5669<script>
5670  function syncTopbarDivider() {
5671    var hdr = document.getElementById('od-header');
5672    var line = document.querySelector('[data-od-topbar] .od-topbar-divider');
5673    if (!hdr || !line) return;
5674
5675    var cs = getComputedStyle(hdr);
5676
5677    if (parseFloat(cs.borderBottomWidth) > 0 && cs.borderBottomStyle !== 'none') {
5678      line.style.height = cs.borderBottomWidth;
5679      line.style.backgroundColor = cs.borderBottomColor;
5680    }
5681  }
5682
5683  syncTopbarDivider();
5684
5685  document.addEventListener('shopify:page:load', function () {
5686    try { syncTopbarDivider(); } catch (e) {}
5687  });
5688
5689  document.addEventListener('od:after-swap', function () {
5690    try { syncTopbarDivider(); } catch (e) {}
5691  });
5692</script>
vendor: 1 bytes, line 5692
5692
5693<script>
5694(function () {
5695  if (window.__odRecentlyViewedInit) return;
5696  window.__odRecentlyViewedInit = true;
5697
5698  var STORAGE_KEY = 'recentlyViewed';
5699  var FETCH_TIMEOUT_MS = 6000;
5700  var rvObserver = null;
5701
5702  function isProductPath() {
5703    return /^\/products\/[^\/]+/.test(window.location.pathname);
5704  }
5705
5706  function getCurrentHandleFromUrl() {
5707    var match = window.location.pathname.match(/^\/products\/([^\/]+)/);
5708    return match ? match[1] : null;
5709  }
5710
5711  function readHandles() {
5712    try {
5713      return JSON.parse(localStorage.getItem(STORAGE_KEY)) || [];
5714    } catch (e) {
5715      return [];
5716    }
5717  }
5718
5719  function writeHandles(handles) {
5720    try {
5721      localStorage.setItem(STORAGE_KEY, JSON.stringify(handles));
5722    } catch (e) {}
5723  }
5724
5725  function updateHandles(maxItems) {
5726    if (!isProductPath()) return readHandles();
5727
5728    var current = getCurrentHandleFromUrl();
5729    var handles = readHandles();
5730
5731    if (current) {
5732      handles = handles.filter(function (h) { return h !== current; });
5733      handles.unshift(current);
5734      handles = handles.slice(0, maxItems);
5735      writeHandles(handles);
5736    }
5737
5738    return handles;
5739  }
5740
5741  function getSlidesHost(section) {
5742    return (
5743      section.querySelector('[data-slider-slides]') ||
5744      section.querySelector('.slider__slides')
5745    );
5746  }
5747
5748  async function fetchCard(handle) {
5749    var controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
5750    var timeoutId = controller ? setTimeout(function () {
5751      controller.abort();
5752    }, FETCH_TIMEOUT_MS) : null;
5753
5754    try {
5755      var res = await fetch('/products/' + handle + '?view=rv-card', {
5756        credentials: 'same-origin',
5757        signal: controller ? controller.signal : undefined
5758      });
5759
5760      if (!res.ok) throw new Error('Fetch failed: ' + res.status);
5761      return await res.text();
5762    } finally {
5763      if (timeoutId) clearTimeout(timeoutId);
5764    }
5765  }
5766
5767  async function hydrate(section) {
5768    if (!section || section.nodeType !== 1) return;
5769
5770    var currentHandle = getCurrentHandleFromUrl() || '';
5771    var lastHandle = section.getAttribute('data-rv-last-handle') || '';
5772    var host = getSlidesHost(section);
5773
5774    if (!host) return;
5775
5776    if (section.__rvLoading) return;
5777
5778    if (isProductPath() && lastHandle === currentHandle) {
5779      if (!host.querySelector('[data-rv-skeleton]')) return;
5780    }
5781
5782    section.setAttribute('data-rv-last-handle', currentHandle);
5783
5784    var maxItems = parseInt(section.getAttribute('data-max-items') || '12', 10);
5785    var handles = updateHandles(maxItems);
5786
5787    if (!handles.length) {
5788      host.innerHTML =
5789        '<div class="slider__slide"><div class="p-4 text-sm opacity-70">No recently viewed products yet.</div></div>';
5790      return;
5791    }
5792
5793    section.__rvLoading = true;
5794
5795    try {
5796      var cards = await Promise.all(
5797        handles.map(function (h) {
5798          return fetchCard(h).catch(function () { return null; });
5799        })
5800      );
5801
5802      cards = cards.filter(function (c) { return !!c; });
5803
5804      if (!cards.length) {
5805        host.innerHTML =
5806          '<div class="slider__slide"><div class="p-4 text-sm opacity-70">No recently viewed products yet.</div></div>';
5807        return;
5808      }
5809
5810      host.innerHTML = cards
5811        .map(function (card) {
5812          return '<div class="slider__slide">' + card + '</div>';
5813        })
5814        .join('');
5815    } catch (e) {
5816      host.innerHTML =
5817        '<div class="slider__slide"><div class="p-4 text-sm opacity-70">Error loading recently viewed products.</div></div>';
5818    } finally {
5819      section.__rvLoading = false;
5820    }
5821  }
5822
5823  function hydrateAll() {
5824    document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5825      hydrate(section);
5826    });
5827  }
5828
5829  function observeVisibility(section) {
5830    if (!section || section.nodeType !== 1) return;
5831    if (section.getAttribute('data-rv-visible-bound') === 'true') return;
5832
5833    section.setAttribute('data-rv-visible-bound', 'true');
5834
5835    if (!('IntersectionObserver' in window)) {
5836      hydrate(section);
5837      return;
5838    }
5839
5840    if (!rvObserver) {
5841      rvObserver = new IntersectionObserver(function (entries) {
5842        entries.forEach(function (entry) {
5843          if (!entry.isIntersecting && entry.intersectionRatio <= 0) return;
5844          rvObserver.unobserve(entry.target);
5845          hydrate(entry.target);
5846        });
5847      }, {
5848        rootMargin: '400px 0px 400px 0px',
5849        threshold: 0.01
5850      });
5851    }
5852
5853    rvObserver.observe(section);
5854  }
5855
5856  function observeSections() {
5857    document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5858      observeVisibility(section);
5859    });
5860
5861    var observer = new MutationObserver(function (mutations) {
5862      mutations.forEach(function (m) {
5863        m.addedNodes.forEach(function (node) {
5864          if (node.nodeType !== 1) return;
5865
5866          if (node.matches && node.matches('[data-recently-viewed-section]')) {
5867            observeVisibility(node);
5868          }
5869
5870          if (node.querySelectorAll) {
5871            node.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5872              observeVisibility(section);
5873            });
5874          }
5875        });
5876      });
5877    });
5878
5879    observer.observe(document.body, { childList: true, subtree: true });
5880  }
5881
5882  function installSpaListeners() {
5883    function onNav() {
5884      setTimeout(function () {
5885        document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5886          observeVisibility(section);
5887        });
5888      }, 0);
5889      setTimeout(function () {
5890        document.querySelectorAll('[data-recently-viewed-section]').forEach(function (section) {
5891          observeVisibility(section);
5892        });
5893      }, 150);
5894    }
5895
5896    window.addEventListener('popstate', onNav);
5897    window.addEventListener('locationchange', onNav);
5898    document.addEventListener('shopify:section:load', onNav);
5899    document.addEventListener('od:after-swap', onNav);
5900
5901    if (!history.__rvPatched) {
5902      history.__rvPatched = true;
5903
5904      var _pushState = history.pushState;
5905      history.pushState = function () {
5906        var ret = _pushState.apply(this, arguments);
5907        window.dispatchEvent(new Event('locationchange'));
5908        return ret;
5909      };
5910
5911      var _replaceState = history.replaceState;
5912      history.replaceState = function () {
5913        var ret = _replaceState.apply(this, arguments);
5914        window.dispatchEvent(new Event('locationchange'));
5915        return ret;
5916      };
5917    }
5918  }
5919
5920  if (document.readyState === 'loading') {
5921    document.addEventListener('DOMContentLoaded', function () {
5922      observeSections();
5923      installSpaListeners();
5924    }, { once: true });
5925  } else {
5926    observeSections();
5927    installSpaListeners();
5928  }
5929})();
5930</script>
5930
5931
5932
5933</div>
5934
5935
5936
5937
5938
5939
5940    <!-- Prevent FOUC for x-cloak elements BEFORE Alpine initializes -->
5941
5942
5943   <!-- ============= MOBILE: TOP ROW (LEFT→RIGHT: Logo | Icons) ============= -->
5944<div class="md:hidden flex items-center h-[56px] gap-4 w-full justify-between">
5945
5946  <!-- Logo (left) -->
5947  <a href="/"
5948     x-element-transition-trigger
5949     @click="mobileSearchOpen=false; mobileMenuOpen=false"
5950     class="block"
5951     style="max-width:240px;">
5952    
5953      
5954      <img src="//operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002&amp;width=480" alt="Opera Depot" srcset="//operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002&amp;width=352 352w, //operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002&amp;width=480 480w" width="480" height="67" loading="lazy" class="block w-auto" style="height:30px;width:auto;max-width:100%;">
5955    
5956  </a>
5957
5958 <!-- Right-side icons -->
5959<div class="flex items-center gap-2">
5960
5961  <!-- Search -->
5962  <button
5963    @click="
5964      mobileMenuOpen = false;
5965      mobileSearchOpen = !mobileSearchOpen;
5966      if (mobileSearchOpen) {
5967        $nextTick(() => { document.getElementById('od-mobile-search-input')?.focus(); });
5968      }
5969    "
5970    aria-label="Search"
5971    class="od-icon-wrap"
5972    style="--tap:38px; --icon-size:24px; color:#111;">
5973    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
5974      <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
5975      <line x1="16.5" y1="16.5" x2="21.5" y2="21.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
5976    </svg>
5977  </button>
5978
5979  <!-- My Library (NEW) -->
5980  <a href="/pages/my-library"
5981     x-element-transition-trigger
5982     aria-label="My Collection"
5983     class="od-icon-wrap"
5984     style="--tap:38px; --icon-size:24px; color:#111;">
5985    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
5986      <!-- Headband -->
5987      <path d="M4 12
5988               C4 6.5 8 3.5 12 3.5
5989               C16 3.5 20 6.5 20 12
5990               L18 12
5991               C18 7.5 15.2 5 12 5
5992               C8.8 5 6 7.5 6 12
5993               Z"
5994            fill="currentColor"/>
5995      <!-- Left ear cup -->
5996      <rect x="3" y="11" width="4" height="9" rx="2" fill="currentColor"/>
5997      <!-- Right ear cup -->
5998      <rect x="17" y="11" width="4" height="9" rx="2" fill="currentColor"/>
5999    </svg>
6000  </a>
6001
6002  <!-- Cart -->
6003  <a href="/cart"
6004     x-element-transition-trigger
6005     aria-label="View cart"
6006     class="od-icon-wrap od-has-badge"
6007     style="--tap:38px; --icon-size:26px; color:#111; position:relative;">
6008    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
6009      <path d="M3 6h2l1.4 9h10.4l2-7H6.2" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
6010      <circle cx="10" cy="19" r="1.5" fill="currentColor"/>
6011      <circle cx="17" cy="19" r="1.5" fill="currentColor"/>
6012    </svg>
6013    <span x-cloak
6014          x-show="cartCount > 0"
6015          x-text="cartCount > 9 ? '9+' : cartCount"
6016          class="od-cart-badge"
6017          aria-live="polite"></span>
6018  </a>
6019
6020  <!-- Hamburger -->
6021  <button
6022    @click="mobileSearchOpen=false; mobileMenuOpen = !mobileMenuOpen"
6023    :aria-expanded="mobileMenuOpen.toString()"
6024    aria-label="Toggle menu"
6025    class="od-icon-wrap"
6026    style="--tap:38px; --icon-size:24px; color:#111;">
6027    <svg x-show="!mobileMenuOpen" class="od-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
6028      <path d="M4 6h16M4 12h16M4 18h16"
6029            stroke="currentColor" stroke-width="2.25"
6030            stroke-linecap="round" stroke-linejoin="round"/>
6031    </svg>
6032    <svg x-show="mobileMenuOpen" x-cloak class="od-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
6033      <path d="M6 18L18 6M6 6l12 12"
6034            stroke="currentColor" stroke-width="2.25"
6035            stroke-linecap="round" stroke-linejoin="round"/>
6036    </svg>
6037  </button>
6038
6039</div>
6040</div>
6041
6042
6043
6044<!-- ============= MOBILE: SEARCH BAR (animated) ============= -->
6045<div
6046  x-cloak
6047  x-ref="mobileSearch"
6048  :aria-hidden="(!mobileSearchOpen).toString()"
6049  class="mt-2 md:hidden bg-white shadow rounded overflow-hidden transition-all duration-300 ease-out transform origin-top"
6050  :style="mobileSearchOpen
6051    ? ('max-height:' + searchMax + 'px; opacity:1; transform: translateY(0);')
6052    : 'max-height:0px; opacity:0; transform: translateY(-8px);'"
6053>
6054  <div x-ref="mobileSearchInner" :class="mobileSearchOpen ? 'p-3 pb-4' : 'p-0'">
6055    <div x-data="Search">
6056      <form
6057  @submit.prevent="
6058    if (searchTermInput.trim()) {
6059      goToSearchPage('/search');
6060    }
6061  "
6062  class="flex relative w-full"
6063>
6064  <input
6065    id="od-mobile-search-input"
6066    type="search"
6067    name="q"
6068    placeholder="Search"
6069    class="p-2 w-full"
6070    x-model="searchTermInput"
6071    @keydown.enter.prevent="
6072      if (searchTermInput.trim()) {
6073        goToSearchPage('/search');
6074      }
6075    "
6076  />
6077
6078  <!-- When empty: search icon on the LEFT -->
6079  <template x-if="!searchTermInput">
6080    <span class="od-mobile-search-icon" aria-hidden="true">
6081      <svg viewBox="0 0 24 24" class="w-full h-full">
6082        <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
6083        <line x1="16.5" y1="16.5" x2="21.5" y2="21.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
6084      </svg>
6085    </span>
6086  </template>
6087
6088  <!-- When typing: big clear X on the RIGHT -->
6089  <template x-if="searchTermInput">
6090    <button
6091      type="button"
6092      @click="resetSearchTerm()"
6093      aria-label="Clear search"
6094      class="od-mobile-search-clear"
6095    >✕</button>
6096  </template>
6097</form>
6098
6099    </div>
6100  </div>
6101</div>
6102
6103<!-- Backdrop -->
6104<div
6105  x-show="mobileMenuOpen"
6106  x-cloak
6107  class="od-mobile-backdrop fixed inset-x-0 md:hidden z-40"
6108  @click="mobileMenuOpen=false"
6109  x-transition.opacity
6110  style="
6111    top: var(--od-mobile-offset, 56px);
6112    height: calc(100dvh - var(--od-mobile-offset, 56px));
6113  "
6114></div>
6115
6116<!-- Fullscreen overlay panel -->
6117<!-- Fullscreen overlay panel -->
6118<aside
6119  x-show="mobileMenuOpen"
6120  x-cloak
6121  class="od-mobile-overlay fixed inset-x-0 md:hidden z-40"
6122  role="dialog"
6123  aria-modal="true"
6124  aria-label="Mobile menu"
6125
6126  x-transition:enter="od-slide-enter"
6127  x-transition:enter-start="od-slide-enter-start"
6128  x-transition:enter-end="od-slide-enter-end"
6129  x-transition:leave="od-slide-leave"
6130  x-transition:leave-start="od-slide-leave-start"
6131  x-transition:leave-end="od-slide-leave-end"
6132
6133  style="
6134    top: var(--od-mobile-offset, 56px);
6135    height: calc(100dvh - var(--od-mobile-offset, 56px));
6136    opacity:1;
6137    will-change: transform, opacity;
6138
6139    /* let the overlay scroll and keep content above the player */
6140    overflow-y: auto;
6141    -webkit-overflow-scrolling: touch;
6142    padding-bottom: calc(var(--od-player-h, 112px) + env(safe-area-inset-bottom, 0px));
6143  "
6144>
6145
6146
6147
6148  <div class="p-4 pt-5">
6149
6150 <ul class="od-mobile-menu">
6151  
6152  
6153  
6154    
6155    
6156    <li>
6157      <a href="/pages/composers"
6158         
6159             
6160             
6161               x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
6162             
6163           
6164         @click="mobileMenuOpen=false"
6165         class="od-mobile-link">
6166        <span class="od-mobile-link__label">Composers</span>
6167      </a>
6168    </li>
6169  
6170    
6171    
6172    <li>
6173      <a href="/pages/sopranos"
6174         
6175             
6176             
6177               x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
6178             
6179           
6180         @click="mobileMenuOpen=false"
6181         class="od-mobile-link">
6182        <span class="od-mobile-link__label">Sopranos</span>
6183      </a>
6184    </li>
6185  
6186    
6187    
6188    <li>
6189      <a href="/pages/mezzo-sopranos"
6190         
6191             
6192             
6193               x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
6194             
6195           
6196         @click="mobileMenuOpen=false"
6197         class="od-mobile-link">
6198        <span class="od-mobile-link__label">Mezzos</span>
6199      </a>
6200    </li>
6201  
6202    
6203    
6204    <li>
6205      <a href="/pages/tenors"
6206         
6207             
6208             
6209               x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
6210             
6211           
6212         @click="mobileMenuOpen=false"
6213         class="od-mobile-link">
6214        <span class="od-mobile-link__label">Tenors</span>
6215      </a>
6216    </li>
6217  
6218    
6219    
6220    <li>
6221      <a href="/pages/baritones-and-basses"
6222         
6223             
6224             
6225               x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
6226             
6227           
6228         @click="mobileMenuOpen=false"
6229         class="od-mobile-link">
6230        <span class="od-mobile-link__label">Baritones & Basses</span>
6231      </a>
6232    </li>
6233  
6234    
6235    
6236    <li>
6237      <a href="/pages/conductors"
6238         
6239             
6240             
6241               x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
6242             
6243           
6244         @click="mobileMenuOpen=false"
6245         class="od-mobile-link">
6246        <span class="od-mobile-link__label">Conductors</span>
6247      </a>
6248    </li>
6249  
6250    
6251    
6252      
6253    <li>
6254      <button
6255        type="button"
6256        class="od-mobile-link od-mobile-radio-link"
6257        data-opera-depot-radio-launch
6258        aria-label="Launch Opera Depot Radio"
6259        @click.prevent="
6260          mobileMenuOpen=false;
6261          if (window.OperaDepotPlayer && window.OperaDepotPlayer.startRadio) {
6262            window.OperaDepotPlayer.startRadio();
6263          } else {
6264            document.dispatchEvent(new CustomEvent('opera-depot-player:start-radio'));
6265          }
6266        ">
6267        <span class="od-mobile-radio-link__label">
6268          <span class="od-mobile-link__label">Opera Depot Radio</span>
6269          <svg class="od-mobile-radio-link__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
6270            <line x1="28" y1="8" x2="40" y2="16"/>
6271            <rect x="10" y="16" width="44" height="32" rx="4"/>
6272            <circle cx="24" cy="32" r="8"/>
6273            <circle cx="24" cy="32" r="4"/>
6274            <rect x="36" y="22" width="12" height="6" rx="1"/>
6275            <line x1="36" y1="32" x2="48" y2="32"/>
6276            <line x1="36" y1="36" x2="48" y2="36"/>
6277            <circle cx="40" cy="42" r="3"/>
6278            <circle cx="48" cy="42" r="3"/>
6279          </svg>
6280        </span>
6281      </button>
6282    </li>
6283  
6284      
6285    
6286    <li>
6287      <a href="/collections/coming-soon"
6288         
6289             x-element-transition-trigger:category.animate="
6290               {
6291                 'title': `Coming Soon`,
6292                 
6293                 'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
6294                 
6295                 'description': ``
6296               }
6297             "
6298           
6299         @click="mobileMenuOpen=false"
6300         class="od-mobile-link">
6301        <span class="od-mobile-link__label">Coming Soon</span>
6302      </a>
6303    </li>
6304  
6305    
6306    
6307    <li>
6308      <a href="/collections/free-streaming-titles"
6309         
6310             x-element-transition-trigger:category.animate="
6311               {
6312                 'title': `Free Streaming Titles`,
6313                 
6314                 'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
6315                 
6316                 'description': ``
6317               }
6318             "
6319           
6320         @click="mobileMenuOpen=false"
6321         class="od-mobile-link">
6322        <span class="od-mobile-link__label">Free Streaming Titles</span>
6323      </a>
6324    </li>
6325  
6326  
6327
6328  <!-- Place the Wishlist row right here -->
6329<li>
6330  <a href="/pages/wishlist"
6331     x-element-transition-trigger
6332     class="od-mobile-link swym-wishlist"
6333     aria-label="Open wishlist"
6334     title="Wishlist"
6335     @click="mobileMenuOpen=false">
6336
6337    <span class="od-mobile-link__label">Wishlist</span>
6338
6339    <!-- Right-side icon + badge (styled like the rest of the menu, not desktop) -->
6340    <span class="od-mobile-wishlist-icon od-has-badge" style="position:relative;">
6341      <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true" style="--icon-size:18px;">
6342        …
6343      </svg>
6344
6345      <span
6346        class="od-cart-badge od-wishlist-badge swym-wishlist-header-counter"
6347        x-cloak
6348        x-show="$store.wishlist && $store.wishlist.count > 0"
6349        x-text="$store.wishlist.count > 9 ? '9+' : $store.wishlist.count"
6350        aria-live="polite"></span>
6351    </span>
6352
6353  </a>
6354</li>
6355
6356</ul>
6357
6358
6359
6360
6361
6362    <hr class="my-4 border-gray-300" />
6363
6364    
6365    
6366      <a
6367        id="mobile-account-cta"
6368        href="/customer_authentication/login?return_to=%2Fproducts%2Fgounod-mireille-vivalda-gedda-gayraud-dens-cluytens&locale=en&ui_hint=full&region_country=US"
6369        @click.prevent="mobileMenuOpen=false; handleLoginClick('/customer_authentication/login?return_to=%2Fproducts%2Fgounod-mireille-vivalda-gedda-gayraud-dens-cluytens&locale=en&ui_hint=full&region_country=US', (window.matchMedia('(min-width: 768px)').matches && true), true)"
6370        class="block w-full text-center px-5 py-3 rounded-2xl font-bold text-white shadow-md hover:shadow-lg focus:outline-none"
6371        style="background-color:#330065;color:#fff;">
6372        Log In
6373      </a>
6374    
6375
6376    <hr class="my-4 border-gray-300" />
6377
6378    <!-- Mobile Currency Picker -->
6379    <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-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="/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens" />
6380    <div class="od-cp od-cp--mobile"
6381     x-data="{
6382       open:false,
6383       toggle(){
6384         this.open = !this.open;
6385         document.body.classList.toggle('od-cp-open', this.open);
6386       },
6387       close(){
6388         this.open = false;
6389         document.body.classList.remove('od-cp-open');
6390       }
6391     }"
6392     @keydown.escape.window="close()"
6393     @click.outside="close()">
6394
6395
6396        <input type="hidden" name="country_code" x-ref="cc" value="US" />
6397
6398        <button
6399          type="button"
6400          class="od-cp__btn"
6401          @click="toggle()"
6402
6403          :aria-expanded="open.toString()">
6404          <img class="od-cp__flag"
6405               src="https://flagcdn.com/24x18/us.png"
6406               alt="United States flag" />
6407          <span class="od-cp__text">
6408            United States
6409            <span class="od-cp__curr">(USD $)</span>
6410          </span>
6411          <svg class="od-cp__chev" viewBox="0 0 24 24" aria-hidden="true">
6412            <path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6413          </svg>
6414        </button>
6415
6416        <div x-show="open" x-cloak class="od-cp__backdrop" @click="close()"></div>
6417
6418       <div class="od-cp__menu"
6419     x-show="open"
6420     x-transition.origin.top.right
6421     x-cloak
6422     role="listbox"
6423       style="
6424  position:fixed; left:50%; transform:translateX(-50%);
6425  top: calc(var(--od-mobile-offset, 56px) + 12px);
6426  width:min(420px,92vw);
6427  max-height: calc(
6428    100dvh
6429    - (var(--od-mobile-offset, 56px) + 24px)
6430    - (var(--od-player-h, 112px) + env(safe-area-inset-bottom, 0px) + 12px)
6431  );
6432  overflow:auto; background:#fff; padding:18px 12px 18px 12px;
6433  border-radius:12px;
6434  box-shadow:0 18px 40px rgba(0,0,0,.18); z-index:9999;
6435"
6436>
6437
6438  <!-- Close Button -->
6439<button
6440  type="button"
6441  class="od-cp-close-btn"
6442  @click="close()"
6443  aria-label="Close currency picker">
6444  ✕
6445</button>
6446
6447
6448          <ul class="od-cp__list" style="padding:.5rem;">
6449            
6450              <li>
6451                <button type="button"
6452                        class="od-cp__item "
6453                        role="option"
6454                        aria-selected="false"
6455                        @click="
6456  OD.changeMarketViaIframeFromForm($el, 'AF');
6457  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6458"
6459
6460                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6461                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6462                  <img class="od-cp__flag"
6463                       src="https://flagcdn.com/24x18/af.png"
6464                       alt="Afghanistan flag" loading="lazy" />
6465                  <span class="od-cp__label">
6466                    Afghanistan
6467                    <span class="od-cp__curr">(AFN ؋)</span>
6468                  </span>
6469                  
6470                </button>
6471              </li>
6472            
6473              <li>
6474                <button type="button"
6475                        class="od-cp__item "
6476                        role="option"
6477                        aria-selected="false"
6478                        @click="
6479  OD.changeMarketViaIframeFromForm($el, 'AX');
6480  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6481"
6482
6483                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6484                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6485                  <img class="od-cp__flag"
6486                       src="https://flagcdn.com/24x18/ax.png"
6487                       alt="Åland Islands flag" loading="lazy" />
6488                  <span class="od-cp__label">
6489                    Åland Islands
6490                    <span class="od-cp__curr">(EUR €)</span>
6491                  </span>
6492                  
6493                </button>
6494              </li>
6495            
6496              <li>
6497                <button type="button"
6498                        class="od-cp__item "
6499                        role="option"
6500                        aria-selected="false"
6501                        @click="
6502  OD.changeMarketViaIframeFromForm($el, 'AL');
6503  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6504"
6505
6506                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6507                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6508                  <img class="od-cp__flag"
6509                       src="https://flagcdn.com/24x18/al.png"
6510                       alt="Albania flag" loading="lazy" />
6511                  <span class="od-cp__label">
6512                    Albania
6513                    <span class="od-cp__curr">(ALL L)</span>
6514                  </span>
6515                  
6516                </button>
6517              </li>
6518            
6519              <li>
6520                <button type="button"
6521                        class="od-cp__item "
6522                        role="option"
6523                        aria-selected="false"
6524                        @click="
6525  OD.changeMarketViaIframeFromForm($el, 'DZ');
6526  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6527"
6528
6529                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6530                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6531                  <img class="od-cp__flag"
6532                       src="https://flagcdn.com/24x18/dz.png"
6533                       alt="Algeria flag" loading="lazy" />
6534                  <span class="od-cp__label">
6535                    Algeria
6536                    <span class="od-cp__curr">(DZD د.ج)</span>
6537                  </span>
6538                  
6539                </button>
6540              </li>
6541            
6542              <li>
6543                <button type="button"
6544                        class="od-cp__item "
6545                        role="option"
6546                        aria-selected="false"
6547                        @click="
6548  OD.changeMarketViaIframeFromForm($el, 'AD');
6549  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6550"
6551
6552                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6553                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6554                  <img class="od-cp__flag"
6555                       src="https://flagcdn.com/24x18/ad.png"
6556                       alt="Andorra flag" loading="lazy" />
6557                  <span class="od-cp__label">
6558                    Andorra
6559                    <span class="od-cp__curr">(EUR €)</span>
6560                  </span>
6561                  
6562                </button>
6563              </li>
6564            
6565              <li>
6566                <button type="button"
6567                        class="od-cp__item "
6568                        role="option"
6569                        aria-selected="false"
6570                        @click="
6571  OD.changeMarketViaIframeFromForm($el, 'AO');
6572  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6573"
6574
6575                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6576                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6577                  <img class="od-cp__flag"
6578                       src="https://flagcdn.com/24x18/ao.png"
6579                       alt="Angola flag" loading="lazy" />
6580                  <span class="od-cp__label">
6581                    Angola
6582                    <span class="od-cp__curr">(USD $)</span>
6583                  </span>
6584                  
6585                </button>
6586              </li>
6587            
6588              <li>
6589                <button type="button"
6590                        class="od-cp__item "
6591                        role="option"
6592                        aria-selected="false"
6593                        @click="
6594  OD.changeMarketViaIframeFromForm($el, 'AI');
6595  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6596"
6597
6598                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6599                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6600                  <img class="od-cp__flag"
6601                       src="https://flagcdn.com/24x18/ai.png"
6602                       alt="Anguilla flag" loading="lazy" />
6603                  <span class="od-cp__label">
6604                    Anguilla
6605                    <span class="od-cp__curr">(XCD $)</span>
6606                  </span>
6607                  
6608                </button>
6609              </li>
6610            
6611              <li>
6612                <button type="button"
6613                        class="od-cp__item "
6614                        role="option"
6615                        aria-selected="false"
6616                        @click="
6617  OD.changeMarketViaIframeFromForm($el, 'AG');
6618  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6619"
6620
6621                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6622                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6623                  <img class="od-cp__flag"
6624                       src="https://flagcdn.com/24x18/ag.png"
6625                       alt="Antigua &amp; Barbuda flag" loading="lazy" />
6626                  <span class="od-cp__label">
6627                    Antigua &amp; Barbuda
6628                    <span class="od-cp__curr">(XCD $)</span>
6629                  </span>
6630                  
6631                </button>
6632              </li>
6633            
6634              <li>
6635                <button type="button"
6636                        class="od-cp__item "
6637                        role="option"
6638                        aria-selected="false"
6639                        @click="
6640  OD.changeMarketViaIframeFromForm($el, 'AR');
6641  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6642"
6643
6644                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6645                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6646                  <img class="od-cp__flag"
6647                       src="https://flagcdn.com/24x18/ar.png"
6648                       alt="Argentina flag" loading="lazy" />
6649                  <span class="od-cp__label">
6650                    Argentina
6651                    <span class="od-cp__curr">(USD $)</span>
6652                  </span>
6653                  
6654                </button>
6655              </li>
6656            
6657              <li>
6658                <button type="button"
6659                        class="od-cp__item "
6660                        role="option"
6661                        aria-selected="false"
6662                        @click="
6663  OD.changeMarketViaIframeFromForm($el, 'AM');
6664  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6665"
6666
6667                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6668                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6669                  <img class="od-cp__flag"
6670                       src="https://flagcdn.com/24x18/am.png"
6671                       alt="Armenia flag" loading="lazy" />
6672                  <span class="od-cp__label">
6673                    Armenia
6674                    <span class="od-cp__curr">(AMD դր.)</span>
6675                  </span>
6676                  
6677                </button>
6678              </li>
6679            
6680              <li>
6681                <button type="button"
6682                        class="od-cp__item "
6683                        role="option"
6684                        aria-selected="false"
6685                        @click="
6686  OD.changeMarketViaIframeFromForm($el, 'AW');
6687  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6688"
6689
6690                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6691                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6692                  <img class="od-cp__flag"
6693                       src="https://flagcdn.com/24x18/aw.png"
6694                       alt="Aruba flag" loading="lazy" />
6695                  <span class="od-cp__label">
6696                    Aruba
6697                    <span class="od-cp__curr">(AWG ƒ)</span>
6698                  </span>
6699                  
6700                </button>
6701              </li>
6702            
6703              <li>
6704                <button type="button"
6705                        class="od-cp__item "
6706                        role="option"
6707                        aria-selected="false"
6708                        @click="
6709  OD.changeMarketViaIframeFromForm($el, 'AC');
6710  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6711"
6712
6713                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6714                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6715                  <img class="od-cp__flag"
6716                       src="https://flagcdn.com/24x18/ac.png"
6717                       alt="Ascension Island flag" loading="lazy" />
6718                  <span class="od-cp__label">
6719                    Ascension Island
6720                    <span class="od-cp__curr">(SHP £)</span>
6721                  </span>
6722                  
6723                </button>
6724              </li>
6725            
6726              <li>
6727                <button type="button"
6728                        class="od-cp__item "
6729                        role="option"
6730                        aria-selected="false"
6731                        @click="
6732  OD.changeMarketViaIframeFromForm($el, 'AU');
6733  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6734"
6735
6736                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6737                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6738                  <img class="od-cp__flag"
6739                       src="https://flagcdn.com/24x18/au.png"
6740                       alt="Australia flag" loading="lazy" />
6741                  <span class="od-cp__label">
6742                    Australia
6743                    <span class="od-cp__curr">(AUD $)</span>
6744                  </span>
6745                  
6746                </button>
6747              </li>
6748            
6749              <li>
6750                <button type="button"
6751                        class="od-cp__item "
6752                        role="option"
6753                        aria-selected="false"
6754                        @click="
6755  OD.changeMarketViaIframeFromForm($el, 'AT');
6756  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6757"
6758
6759                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6760                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6761                  <img class="od-cp__flag"
6762                       src="https://flagcdn.com/24x18/at.png"
6763                       alt="Austria flag" loading="lazy" />
6764                  <span class="od-cp__label">
6765                    Austria
6766                    <span class="od-cp__curr">(EUR €)</span>
6767                  </span>
6768                  
6769                </button>
6770              </li>
6771            
6772              <li>
6773                <button type="button"
6774                        class="od-cp__item "
6775                        role="option"
6776                        aria-selected="false"
6777                        @click="
6778  OD.changeMarketViaIframeFromForm($el, 'AZ');
6779  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6780"
6781
6782                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6783                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6784                  <img class="od-cp__flag"
6785                       src="https://flagcdn.com/24x18/az.png"
6786                       alt="Azerbaijan flag" loading="lazy" />
6787                  <span class="od-cp__label">
6788                    Azerbaijan
6789                    <span class="od-cp__curr">(AZN ₼)</span>
6790                  </span>
6791                  
6792                </button>
6793              </li>
6794            
6795              <li>
6796                <button type="button"
6797                        class="od-cp__item "
6798                        role="option"
6799                        aria-selected="false"
6800                        @click="
6801  OD.changeMarketViaIframeFromForm($el, 'BS');
6802  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6803"
6804
6805                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6806                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6807                  <img class="od-cp__flag"
6808                       src="https://flagcdn.com/24x18/bs.png"
6809                       alt="Bahamas flag" loading="lazy" />
6810                  <span class="od-cp__label">
6811                    Bahamas
6812                    <span class="od-cp__curr">(BSD $)</span>
6813                  </span>
6814                  
6815                </button>
6816              </li>
6817            
6818              <li>
6819                <button type="button"
6820                        class="od-cp__item "
6821                        role="option"
6822                        aria-selected="false"
6823                        @click="
6824  OD.changeMarketViaIframeFromForm($el, 'BH');
6825  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6826"
6827
6828                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6829                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6830                  <img class="od-cp__flag"
6831                       src="https://flagcdn.com/24x18/bh.png"
6832                       alt="Bahrain flag" loading="lazy" />
6833                  <span class="od-cp__label">
6834                    Bahrain
6835                    <span class="od-cp__curr">(USD $)</span>
6836                  </span>
6837                  
6838                </button>
6839              </li>
6840            
6841              <li>
6842                <button type="button"
6843                        class="od-cp__item "
6844                        role="option"
6845                        aria-selected="false"
6846                        @click="
6847  OD.changeMarketViaIframeFromForm($el, 'BD');
6848  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6849"
6850
6851                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6852                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6853                  <img class="od-cp__flag"
6854                       src="https://flagcdn.com/24x18/bd.png"
6855                       alt="Bangladesh flag" loading="lazy" />
6856                  <span class="od-cp__label">
6857                    Bangladesh
6858                    <span class="od-cp__curr">(BDT à§³)</span>
6859                  </span>
6860                  
6861                </button>
6862              </li>
6863            
6864              <li>
6865                <button type="button"
6866                        class="od-cp__item "
6867                        role="option"
6868                        aria-selected="false"
6869                        @click="
6870  OD.changeMarketViaIframeFromForm($el, 'BB');
6871  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6872"
6873
6874                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6875                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6876                  <img class="od-cp__flag"
6877                       src="https://flagcdn.com/24x18/bb.png"
6878                       alt="Barbados flag" loading="lazy" />
6879                  <span class="od-cp__label">
6880                    Barbados
6881                    <span class="od-cp__curr">(BBD $)</span>
6882                  </span>
6883                  
6884                </button>
6885              </li>
6886            
6887              <li>
6888                <button type="button"
6889                        class="od-cp__item "
6890                        role="option"
6891                        aria-selected="false"
6892                        @click="
6893  OD.changeMarketViaIframeFromForm($el, 'BY');
6894  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6895"
6896
6897                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6898                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6899                  <img class="od-cp__flag"
6900                       src="https://flagcdn.com/24x18/by.png"
6901                       alt="Belarus flag" loading="lazy" />
6902                  <span class="od-cp__label">
6903                    Belarus
6904                    <span class="od-cp__curr">(USD $)</span>
6905                  </span>
6906                  
6907                </button>
6908              </li>
6909            
6910              <li>
6911                <button type="button"
6912                        class="od-cp__item "
6913                        role="option"
6914                        aria-selected="false"
6915                        @click="
6916  OD.changeMarketViaIframeFromForm($el, 'BE');
6917  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6918"
6919
6920                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6921                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6922                  <img class="od-cp__flag"
6923                       src="https://flagcdn.com/24x18/be.png"
6924                       alt="Belgium flag" loading="lazy" />
6925                  <span class="od-cp__label">
6926                    Belgium
6927                    <span class="od-cp__curr">(EUR €)</span>
6928                  </span>
6929                  
6930                </button>
6931              </li>
6932            
6933              <li>
6934                <button type="button"
6935                        class="od-cp__item "
6936                        role="option"
6937                        aria-selected="false"
6938                        @click="
6939  OD.changeMarketViaIframeFromForm($el, 'BZ');
6940  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6941"
6942
6943                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6944                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6945                  <img class="od-cp__flag"
6946                       src="https://flagcdn.com/24x18/bz.png"
6947                       alt="Belize flag" loading="lazy" />
6948                  <span class="od-cp__label">
6949                    Belize
6950                    <span class="od-cp__curr">(BZD $)</span>
6951                  </span>
6952                  
6953                </button>
6954              </li>
6955            
6956              <li>
6957                <button type="button"
6958                        class="od-cp__item "
6959                        role="option"
6960                        aria-selected="false"
6961                        @click="
6962  OD.changeMarketViaIframeFromForm($el, 'BJ');
6963  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6964"
6965
6966                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6967                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6968                  <img class="od-cp__flag"
6969                       src="https://flagcdn.com/24x18/bj.png"
6970                       alt="Benin flag" loading="lazy" />
6971                  <span class="od-cp__label">
6972                    Benin
6973                    <span class="od-cp__curr">(XOF Fr)</span>
6974                  </span>
6975                  
6976                </button>
6977              </li>
6978            
6979              <li>
6980                <button type="button"
6981                        class="od-cp__item "
6982                        role="option"
6983                        aria-selected="false"
6984                        @click="
6985  OD.changeMarketViaIframeFromForm($el, 'BM');
6986  $nextTick(() => { close(); $root.recalc && $root.recalc() });
6987"
6988
6989                        style="display:flex; align-items:center; gap:.6rem; width:100%;
6990                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
6991                  <img class="od-cp__flag"
6992                       src="https://flagcdn.com/24x18/bm.png"
6993                       alt="Bermuda flag" loading="lazy" />
6994                  <span class="od-cp__label">
6995                    Bermuda
6996                    <span class="od-cp__curr">(USD $)</span>
6997                  </span>
6998                  
6999                </button>
7000              </li>
7001            
7002              <li>
7003                <button type="button"
7004                        class="od-cp__item "
7005                        role="option"
7006                        aria-selected="false"
7007                        @click="
7008  OD.changeMarketViaIframeFromForm($el, 'BT');
7009  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7010"
7011
7012                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7013                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7014                  <img class="od-cp__flag"
7015                       src="https://flagcdn.com/24x18/bt.png"
7016                       alt="Bhutan flag" loading="lazy" />
7017                  <span class="od-cp__label">
7018                    Bhutan
7019                    <span class="od-cp__curr">(USD $)</span>
7020                  </span>
7021                  
7022                </button>
7023              </li>
7024            
7025              <li>
7026                <button type="button"
7027                        class="od-cp__item "
7028                        role="option"
7029                        aria-selected="false"
7030                        @click="
7031  OD.changeMarketViaIframeFromForm($el, 'BO');
7032  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7033"
7034
7035                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7036                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7037                  <img class="od-cp__flag"
7038                       src="https://flagcdn.com/24x18/bo.png"
7039                       alt="Bolivia flag" loading="lazy" />
7040                  <span class="od-cp__label">
7041                    Bolivia
7042                    <span class="od-cp__curr">(BOB Bs.)</span>
7043                  </span>
7044                  
7045                </button>
7046              </li>
7047            
7048              <li>
7049                <button type="button"
7050                        class="od-cp__item "
7051                        role="option"
7052                        aria-selected="false"
7053                        @click="
7054  OD.changeMarketViaIframeFromForm($el, 'BA');
7055  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7056"
7057
7058                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7059                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7060                  <img class="od-cp__flag"
7061                       src="https://flagcdn.com/24x18/ba.png"
7062                       alt="Bosnia &amp; Herzegovina flag" loading="lazy" />
7063                  <span class="od-cp__label">
7064                    Bosnia &amp; Herzegovina
7065                    <span class="od-cp__curr">(BAM КМ)</span>
7066                  </span>
7067                  
7068                </button>
7069              </li>
7070            
7071              <li>
7072                <button type="button"
7073                        class="od-cp__item "
7074                        role="option"
7075                        aria-selected="false"
7076                        @click="
7077  OD.changeMarketViaIframeFromForm($el, 'BW');
7078  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7079"
7080
7081                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7082                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7083                  <img class="od-cp__flag"
7084                       src="https://flagcdn.com/24x18/bw.png"
7085                       alt="Botswana flag" loading="lazy" />
7086                  <span class="od-cp__label">
7087                    Botswana
7088                    <span class="od-cp__curr">(BWP P)</span>
7089                  </span>
7090                  
7091                </button>
7092              </li>
7093            
7094              <li>
7095                <button type="button"
7096                        class="od-cp__item "
7097                        role="option"
7098                        aria-selected="false"
7099                        @click="
7100  OD.changeMarketViaIframeFromForm($el, 'BR');
7101  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7102"
7103
7104                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7105                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7106                  <img class="od-cp__flag"
7107                       src="https://flagcdn.com/24x18/br.png"
7108                       alt="Brazil flag" loading="lazy" />
7109                  <span class="od-cp__label">
7110                    Brazil
7111                    <span class="od-cp__curr">(USD $)</span>
7112                  </span>
7113                  
7114                </button>
7115              </li>
7116            
7117              <li>
7118                <button type="button"
7119                        class="od-cp__item "
7120                        role="option"
7121                        aria-selected="false"
7122                        @click="
7123  OD.changeMarketViaIframeFromForm($el, 'IO');
7124  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7125"
7126
7127                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7128                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7129                  <img class="od-cp__flag"
7130                       src="https://flagcdn.com/24x18/io.png"
7131                       alt="British Indian Ocean Territory flag" loading="lazy" />
7132                  <span class="od-cp__label">
7133                    British Indian Ocean Territory
7134                    <span class="od-cp__curr">(USD $)</span>
7135                  </span>
7136                  
7137                </button>
7138              </li>
7139            
7140              <li>
7141                <button type="button"
7142                        class="od-cp__item "
7143                        role="option"
7144                        aria-selected="false"
7145                        @click="
7146  OD.changeMarketViaIframeFromForm($el, 'VG');
7147  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7148"
7149
7150                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7151                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7152                  <img class="od-cp__flag"
7153                       src="https://flagcdn.com/24x18/vg.png"
7154                       alt="British Virgin Islands flag" loading="lazy" />
7155                  <span class="od-cp__label">
7156                    British Virgin Islands
7157                    <span class="od-cp__curr">(USD $)</span>
7158                  </span>
7159                  
7160                </button>
7161              </li>
7162            
7163              <li>
7164                <button type="button"
7165                        class="od-cp__item "
7166                        role="option"
7167                        aria-selected="false"
7168                        @click="
7169  OD.changeMarketViaIframeFromForm($el, 'BN');
7170  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7171"
7172
7173                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7174                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7175                  <img class="od-cp__flag"
7176                       src="https://flagcdn.com/24x18/bn.png"
7177                       alt="Brunei flag" loading="lazy" />
7178                  <span class="od-cp__label">
7179                    Brunei
7180                    <span class="od-cp__curr">(BND $)</span>
7181                  </span>
7182                  
7183                </button>
7184              </li>
7185            
7186              <li>
7187                <button type="button"
7188                        class="od-cp__item "
7189                        role="option"
7190                        aria-selected="false"
7191                        @click="
7192  OD.changeMarketViaIframeFromForm($el, 'BG');
7193  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7194"
7195
7196                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7197                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7198                  <img class="od-cp__flag"
7199                       src="https://flagcdn.com/24x18/bg.png"
7200                       alt="Bulgaria flag" loading="lazy" />
7201                  <span class="od-cp__label">
7202                    Bulgaria
7203                    <span class="od-cp__curr">(EUR €)</span>
7204                  </span>
7205                  
7206                </button>
7207              </li>
7208            
7209              <li>
7210                <button type="button"
7211                        class="od-cp__item "
7212                        role="option"
7213                        aria-selected="false"
7214                        @click="
7215  OD.changeMarketViaIframeFromForm($el, 'BF');
7216  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7217"
7218
7219                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7220                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7221                  <img class="od-cp__flag"
7222                       src="https://flagcdn.com/24x18/bf.png"
7223                       alt="Burkina Faso flag" loading="lazy" />
7224                  <span class="od-cp__label">
7225                    Burkina Faso
7226                    <span class="od-cp__curr">(XOF Fr)</span>
7227                  </span>
7228                  
7229                </button>
7230              </li>
7231            
7232              <li>
7233                <button type="button"
7234                        class="od-cp__item "
7235                        role="option"
7236                        aria-selected="false"
7237                        @click="
7238  OD.changeMarketViaIframeFromForm($el, 'BI');
7239  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7240"
7241
7242                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7243                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7244                  <img class="od-cp__flag"
7245                       src="https://flagcdn.com/24x18/bi.png"
7246                       alt="Burundi flag" loading="lazy" />
7247                  <span class="od-cp__label">
7248                    Burundi
7249                    <span class="od-cp__curr">(BIF Fr)</span>
7250                  </span>
7251                  
7252                </button>
7253              </li>
7254            
7255              <li>
7256                <button type="button"
7257                        class="od-cp__item "
7258                        role="option"
7259                        aria-selected="false"
7260                        @click="
7261  OD.changeMarketViaIframeFromForm($el, 'KH');
7262  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7263"
7264
7265                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7266                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7267                  <img class="od-cp__flag"
7268                       src="https://flagcdn.com/24x18/kh.png"
7269                       alt="Cambodia flag" loading="lazy" />
7270                  <span class="od-cp__label">
7271                    Cambodia
7272                    <span class="od-cp__curr">(KHR ៛)</span>
7273                  </span>
7274                  
7275                </button>
7276              </li>
7277            
7278              <li>
7279                <button type="button"
7280                        class="od-cp__item "
7281                        role="option"
7282                        aria-selected="false"
7283                        @click="
7284  OD.changeMarketViaIframeFromForm($el, 'CM');
7285  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7286"
7287
7288                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7289                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7290                  <img class="od-cp__flag"
7291                       src="https://flagcdn.com/24x18/cm.png"
7292                       alt="Cameroon flag" loading="lazy" />
7293                  <span class="od-cp__label">
7294                    Cameroon
7295                    <span class="od-cp__curr">(XAF CFA)</span>
7296                  </span>
7297                  
7298                </button>
7299              </li>
7300            
7301              <li>
7302                <button type="button"
7303                        class="od-cp__item "
7304                        role="option"
7305                        aria-selected="false"
7306                        @click="
7307  OD.changeMarketViaIframeFromForm($el, 'CA');
7308  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7309"
7310
7311                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7312                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7313                  <img class="od-cp__flag"
7314                       src="https://flagcdn.com/24x18/ca.png"
7315                       alt="Canada flag" loading="lazy" />
7316                  <span class="od-cp__label">
7317                    Canada
7318                    <span class="od-cp__curr">(CAD $)</span>
7319                  </span>
7320                  
7321                </button>
7322              </li>
7323            
7324              <li>
7325                <button type="button"
7326                        class="od-cp__item "
7327                        role="option"
7328                        aria-selected="false"
7329                        @click="
7330  OD.changeMarketViaIframeFromForm($el, 'CV');
7331  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7332"
7333
7334                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7335                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7336                  <img class="od-cp__flag"
7337                       src="https://flagcdn.com/24x18/cv.png"
7338                       alt="Cape Verde flag" loading="lazy" />
7339                  <span class="od-cp__label">
7340                    Cape Verde
7341                    <span class="od-cp__curr">(CVE $)</span>
7342                  </span>
7343                  
7344                </button>
7345              </li>
7346            
7347              <li>
7348                <button type="button"
7349                        class="od-cp__item "
7350                        role="option"
7351                        aria-selected="false"
7352                        @click="
7353  OD.changeMarketViaIframeFromForm($el, 'BQ');
7354  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7355"
7356
7357                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7358                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7359                  <img class="od-cp__flag"
7360                       src="https://flagcdn.com/24x18/bq.png"
7361                       alt="Caribbean Netherlands flag" loading="lazy" />
7362                  <span class="od-cp__label">
7363                    Caribbean Netherlands
7364                    <span class="od-cp__curr">(USD $)</span>
7365                  </span>
7366                  
7367                </button>
7368              </li>
7369            
7370              <li>
7371                <button type="button"
7372                        class="od-cp__item "
7373                        role="option"
7374                        aria-selected="false"
7375                        @click="
7376  OD.changeMarketViaIframeFromForm($el, 'KY');
7377  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7378"
7379
7380                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7381                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7382                  <img class="od-cp__flag"
7383                       src="https://flagcdn.com/24x18/ky.png"
7384                       alt="Cayman Islands flag" loading="lazy" />
7385                  <span class="od-cp__label">
7386                    Cayman Islands
7387                    <span class="od-cp__curr">(KYD $)</span>
7388                  </span>
7389                  
7390                </button>
7391              </li>
7392            
7393              <li>
7394                <button type="button"
7395                        class="od-cp__item "
7396                        role="option"
7397                        aria-selected="false"
7398                        @click="
7399  OD.changeMarketViaIframeFromForm($el, 'CF');
7400  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7401"
7402
7403                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7404                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7405                  <img class="od-cp__flag"
7406                       src="https://flagcdn.com/24x18/cf.png"
7407                       alt="Central African Republic flag" loading="lazy" />
7408                  <span class="od-cp__label">
7409                    Central African Republic
7410                    <span class="od-cp__curr">(XAF CFA)</span>
7411                  </span>
7412                  
7413                </button>
7414              </li>
7415            
7416              <li>
7417                <button type="button"
7418                        class="od-cp__item "
7419                        role="option"
7420                        aria-selected="false"
7421                        @click="
7422  OD.changeMarketViaIframeFromForm($el, 'TD');
7423  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7424"
7425
7426                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7427                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7428                  <img class="od-cp__flag"
7429                       src="https://flagcdn.com/24x18/td.png"
7430                       alt="Chad flag" loading="lazy" />
7431                  <span class="od-cp__label">
7432                    Chad
7433                    <span class="od-cp__curr">(XAF CFA)</span>
7434                  </span>
7435                  
7436                </button>
7437              </li>
7438            
7439              <li>
7440                <button type="button"
7441                        class="od-cp__item "
7442                        role="option"
7443                        aria-selected="false"
7444                        @click="
7445  OD.changeMarketViaIframeFromForm($el, 'CL');
7446  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7447"
7448
7449                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7450                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7451                  <img class="od-cp__flag"
7452                       src="https://flagcdn.com/24x18/cl.png"
7453                       alt="Chile flag" loading="lazy" />
7454                  <span class="od-cp__label">
7455                    Chile
7456                    <span class="od-cp__curr">(USD $)</span>
7457                  </span>
7458                  
7459                </button>
7460              </li>
7461            
7462              <li>
7463                <button type="button"
7464                        class="od-cp__item "
7465                        role="option"
7466                        aria-selected="false"
7467                        @click="
7468  OD.changeMarketViaIframeFromForm($el, 'CN');
7469  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7470"
7471
7472                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7473                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7474                  <img class="od-cp__flag"
7475                       src="https://flagcdn.com/24x18/cn.png"
7476                       alt="China flag" loading="lazy" />
7477                  <span class="od-cp__label">
7478                    China
7479                    <span class="od-cp__curr">(CNY ¥)</span>
7480                  </span>
7481                  
7482                </button>
7483              </li>
7484            
7485              <li>
7486                <button type="button"
7487                        class="od-cp__item "
7488                        role="option"
7489                        aria-selected="false"
7490                        @click="
7491  OD.changeMarketViaIframeFromForm($el, 'CX');
7492  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7493"
7494
7495                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7496                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7497                  <img class="od-cp__flag"
7498                       src="https://flagcdn.com/24x18/cx.png"
7499                       alt="Christmas Island flag" loading="lazy" />
7500                  <span class="od-cp__label">
7501                    Christmas Island
7502                    <span class="od-cp__curr">(AUD $)</span>
7503                  </span>
7504                  
7505                </button>
7506              </li>
7507            
7508              <li>
7509                <button type="button"
7510                        class="od-cp__item "
7511                        role="option"
7512                        aria-selected="false"
7513                        @click="
7514  OD.changeMarketViaIframeFromForm($el, 'CC');
7515  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7516"
7517
7518                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7519                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7520                  <img class="od-cp__flag"
7521                       src="https://flagcdn.com/24x18/cc.png"
7522                       alt="Cocos (Keeling) Islands flag" loading="lazy" />
7523                  <span class="od-cp__label">
7524                    Cocos (Keeling) Islands
7525                    <span class="od-cp__curr">(AUD $)</span>
7526                  </span>
7527                  
7528                </button>
7529              </li>
7530            
7531              <li>
7532                <button type="button"
7533                        class="od-cp__item "
7534                        role="option"
7535                        aria-selected="false"
7536                        @click="
7537  OD.changeMarketViaIframeFromForm($el, 'CO');
7538  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7539"
7540
7541                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7542                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7543                  <img class="od-cp__flag"
7544                       src="https://flagcdn.com/24x18/co.png"
7545                       alt="Colombia flag" loading="lazy" />
7546                  <span class="od-cp__label">
7547                    Colombia
7548                    <span class="od-cp__curr">(USD $)</span>
7549                  </span>
7550                  
7551                </button>
7552              </li>
7553            
7554              <li>
7555                <button type="button"
7556                        class="od-cp__item "
7557                        role="option"
7558                        aria-selected="false"
7559                        @click="
7560  OD.changeMarketViaIframeFromForm($el, 'KM');
7561  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7562"
7563
7564                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7565                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7566                  <img class="od-cp__flag"
7567                       src="https://flagcdn.com/24x18/km.png"
7568                       alt="Comoros flag" loading="lazy" />
7569                  <span class="od-cp__label">
7570                    Comoros
7571                    <span class="od-cp__curr">(KMF Fr)</span>
7572                  </span>
7573                  
7574                </button>
7575              </li>
7576            
7577              <li>
7578                <button type="button"
7579                        class="od-cp__item "
7580                        role="option"
7581                        aria-selected="false"
7582                        @click="
7583  OD.changeMarketViaIframeFromForm($el, 'CG');
7584  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7585"
7586
7587                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7588                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7589                  <img class="od-cp__flag"
7590                       src="https://flagcdn.com/24x18/cg.png"
7591                       alt="Congo - Brazzaville flag" loading="lazy" />
7592                  <span class="od-cp__label">
7593                    Congo - Brazzaville
7594                    <span class="od-cp__curr">(XAF CFA)</span>
7595                  </span>
7596                  
7597                </button>
7598              </li>
7599            
7600              <li>
7601                <button type="button"
7602                        class="od-cp__item "
7603                        role="option"
7604                        aria-selected="false"
7605                        @click="
7606  OD.changeMarketViaIframeFromForm($el, 'CD');
7607  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7608"
7609
7610                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7611                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7612                  <img class="od-cp__flag"
7613                       src="https://flagcdn.com/24x18/cd.png"
7614                       alt="Congo - Kinshasa flag" loading="lazy" />
7615                  <span class="od-cp__label">
7616                    Congo - Kinshasa
7617                    <span class="od-cp__curr">(CDF Fr)</span>
7618                  </span>
7619                  
7620                </button>
7621              </li>
7622            
7623              <li>
7624                <button type="button"
7625                        class="od-cp__item "
7626                        role="option"
7627                        aria-selected="false"
7628                        @click="
7629  OD.changeMarketViaIframeFromForm($el, 'CK');
7630  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7631"
7632
7633                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7634                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7635                  <img class="od-cp__flag"
7636                       src="https://flagcdn.com/24x18/ck.png"
7637                       alt="Cook Islands flag" loading="lazy" />
7638                  <span class="od-cp__label">
7639                    Cook Islands
7640                    <span class="od-cp__curr">(NZD $)</span>
7641                  </span>
7642                  
7643                </button>
7644              </li>
7645            
7646              <li>
7647                <button type="button"
7648                        class="od-cp__item "
7649                        role="option"
7650                        aria-selected="false"
7651                        @click="
7652  OD.changeMarketViaIframeFromForm($el, 'CR');
7653  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7654"
7655
7656                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7657                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7658                  <img class="od-cp__flag"
7659                       src="https://flagcdn.com/24x18/cr.png"
7660                       alt="Costa Rica flag" loading="lazy" />
7661                  <span class="od-cp__label">
7662                    Costa Rica
7663                    <span class="od-cp__curr">(CRC ₡)</span>
7664                  </span>
7665                  
7666                </button>
7667              </li>
7668            
7669              <li>
7670                <button type="button"
7671                        class="od-cp__item "
7672                        role="option"
7673                        aria-selected="false"
7674                        @click="
7675  OD.changeMarketViaIframeFromForm($el, 'CI');
7676  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7677"
7678
7679                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7680                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7681                  <img class="od-cp__flag"
7682                       src="https://flagcdn.com/24x18/ci.png"
7683                       alt="Côte d’Ivoire flag" loading="lazy" />
7684                  <span class="od-cp__label">
7685                    Côte d’Ivoire
7686                    <span class="od-cp__curr">(XOF Fr)</span>
7687                  </span>
7688                  
7689                </button>
7690              </li>
7691            
7692              <li>
7693                <button type="button"
7694                        class="od-cp__item "
7695                        role="option"
7696                        aria-selected="false"
7697                        @click="
7698  OD.changeMarketViaIframeFromForm($el, 'HR');
7699  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7700"
7701
7702                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7703                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7704                  <img class="od-cp__flag"
7705                       src="https://flagcdn.com/24x18/hr.png"
7706                       alt="Croatia flag" loading="lazy" />
7707                  <span class="od-cp__label">
7708                    Croatia
7709                    <span class="od-cp__curr">(EUR €)</span>
7710                  </span>
7711                  
7712                </button>
7713              </li>
7714            
7715              <li>
7716                <button type="button"
7717                        class="od-cp__item "
7718                        role="option"
7719                        aria-selected="false"
7720                        @click="
7721  OD.changeMarketViaIframeFromForm($el, 'CW');
7722  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7723"
7724
7725                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7726                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7727                  <img class="od-cp__flag"
7728                       src="https://flagcdn.com/24x18/cw.png"
7729                       alt="Curaçao flag" loading="lazy" />
7730                  <span class="od-cp__label">
7731                    Curaçao
7732                    <span class="od-cp__curr">(ANG ƒ)</span>
7733                  </span>
7734                  
7735                </button>
7736              </li>
7737            
7738              <li>
7739                <button type="button"
7740                        class="od-cp__item "
7741                        role="option"
7742                        aria-selected="false"
7743                        @click="
7744  OD.changeMarketViaIframeFromForm($el, 'CY');
7745  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7746"
7747
7748                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7749                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7750                  <img class="od-cp__flag"
7751                       src="https://flagcdn.com/24x18/cy.png"
7752                       alt="Cyprus flag" loading="lazy" />
7753                  <span class="od-cp__label">
7754                    Cyprus
7755                    <span class="od-cp__curr">(EUR €)</span>
7756                  </span>
7757                  
7758                </button>
7759              </li>
7760            
7761              <li>
7762                <button type="button"
7763                        class="od-cp__item "
7764                        role="option"
7765                        aria-selected="false"
7766                        @click="
7767  OD.changeMarketViaIframeFromForm($el, 'CZ');
7768  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7769"
7770
7771                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7772                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7773                  <img class="od-cp__flag"
7774                       src="https://flagcdn.com/24x18/cz.png"
7775                       alt="Czechia flag" loading="lazy" />
7776                  <span class="od-cp__label">
7777                    Czechia
7778                    <span class="od-cp__curr">(CZK Kč)</span>
7779                  </span>
7780                  
7781                </button>
7782              </li>
7783            
7784              <li>
7785                <button type="button"
7786                        class="od-cp__item "
7787                        role="option"
7788                        aria-selected="false"
7789                        @click="
7790  OD.changeMarketViaIframeFromForm($el, 'DK');
7791  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7792"
7793
7794                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7795                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7796                  <img class="od-cp__flag"
7797                       src="https://flagcdn.com/24x18/dk.png"
7798                       alt="Denmark flag" loading="lazy" />
7799                  <span class="od-cp__label">
7800                    Denmark
7801                    <span class="od-cp__curr">(DKK kr.)</span>
7802                  </span>
7803                  
7804                </button>
7805              </li>
7806            
7807              <li>
7808                <button type="button"
7809                        class="od-cp__item "
7810                        role="option"
7811                        aria-selected="false"
7812                        @click="
7813  OD.changeMarketViaIframeFromForm($el, 'DJ');
7814  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7815"
7816
7817                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7818                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7819                  <img class="od-cp__flag"
7820                       src="https://flagcdn.com/24x18/dj.png"
7821                       alt="Djibouti flag" loading="lazy" />
7822                  <span class="od-cp__label">
7823                    Djibouti
7824                    <span class="od-cp__curr">(DJF Fdj)</span>
7825                  </span>
7826                  
7827                </button>
7828              </li>
7829            
7830              <li>
7831                <button type="button"
7832                        class="od-cp__item "
7833                        role="option"
7834                        aria-selected="false"
7835                        @click="
7836  OD.changeMarketViaIframeFromForm($el, 'DM');
7837  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7838"
7839
7840                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7841                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7842                  <img class="od-cp__flag"
7843                       src="https://flagcdn.com/24x18/dm.png"
7844                       alt="Dominica flag" loading="lazy" />
7845                  <span class="od-cp__label">
7846                    Dominica
7847                    <span class="od-cp__curr">(XCD $)</span>
7848                  </span>
7849                  
7850                </button>
7851              </li>
7852            
7853              <li>
7854                <button type="button"
7855                        class="od-cp__item "
7856                        role="option"
7857                        aria-selected="false"
7858                        @click="
7859  OD.changeMarketViaIframeFromForm($el, 'DO');
7860  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7861"
7862
7863                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7864                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7865                  <img class="od-cp__flag"
7866                       src="https://flagcdn.com/24x18/do.png"
7867                       alt="Dominican Republic flag" loading="lazy" />
7868                  <span class="od-cp__label">
7869                    Dominican Republic
7870                    <span class="od-cp__curr">(DOP $)</span>
7871                  </span>
7872                  
7873                </button>
7874              </li>
7875            
7876              <li>
7877                <button type="button"
7878                        class="od-cp__item "
7879                        role="option"
7880                        aria-selected="false"
7881                        @click="
7882  OD.changeMarketViaIframeFromForm($el, 'EC');
7883  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7884"
7885
7886                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7887                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7888                  <img class="od-cp__flag"
7889                       src="https://flagcdn.com/24x18/ec.png"
7890                       alt="Ecuador flag" loading="lazy" />
7891                  <span class="od-cp__label">
7892                    Ecuador
7893                    <span class="od-cp__curr">(USD $)</span>
7894                  </span>
7895                  
7896                </button>
7897              </li>
7898            
7899              <li>
7900                <button type="button"
7901                        class="od-cp__item "
7902                        role="option"
7903                        aria-selected="false"
7904                        @click="
7905  OD.changeMarketViaIframeFromForm($el, 'EG');
7906  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7907"
7908
7909                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7910                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7911                  <img class="od-cp__flag"
7912                       src="https://flagcdn.com/24x18/eg.png"
7913                       alt="Egypt flag" loading="lazy" />
7914                  <span class="od-cp__label">
7915                    Egypt
7916                    <span class="od-cp__curr">(EGP ج.م)</span>
7917                  </span>
7918                  
7919                </button>
7920              </li>
7921            
7922              <li>
7923                <button type="button"
7924                        class="od-cp__item "
7925                        role="option"
7926                        aria-selected="false"
7927                        @click="
7928  OD.changeMarketViaIframeFromForm($el, 'SV');
7929  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7930"
7931
7932                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7933                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7934                  <img class="od-cp__flag"
7935                       src="https://flagcdn.com/24x18/sv.png"
7936                       alt="El Salvador flag" loading="lazy" />
7937                  <span class="od-cp__label">
7938                    El Salvador
7939                    <span class="od-cp__curr">(USD $)</span>
7940                  </span>
7941                  
7942                </button>
7943              </li>
7944            
7945              <li>
7946                <button type="button"
7947                        class="od-cp__item "
7948                        role="option"
7949                        aria-selected="false"
7950                        @click="
7951  OD.changeMarketViaIframeFromForm($el, 'GQ');
7952  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7953"
7954
7955                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7956                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7957                  <img class="od-cp__flag"
7958                       src="https://flagcdn.com/24x18/gq.png"
7959                       alt="Equatorial Guinea flag" loading="lazy" />
7960                  <span class="od-cp__label">
7961                    Equatorial Guinea
7962                    <span class="od-cp__curr">(XAF CFA)</span>
7963                  </span>
7964                  
7965                </button>
7966              </li>
7967            
7968              <li>
7969                <button type="button"
7970                        class="od-cp__item "
7971                        role="option"
7972                        aria-selected="false"
7973                        @click="
7974  OD.changeMarketViaIframeFromForm($el, 'ER');
7975  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7976"
7977
7978                        style="display:flex; align-items:center; gap:.6rem; width:100%;
7979                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
7980                  <img class="od-cp__flag"
7981                       src="https://flagcdn.com/24x18/er.png"
7982                       alt="Eritrea flag" loading="lazy" />
7983                  <span class="od-cp__label">
7984                    Eritrea
7985                    <span class="od-cp__curr">(USD $)</span>
7986                  </span>
7987                  
7988                </button>
7989              </li>
7990            
7991              <li>
7992                <button type="button"
7993                        class="od-cp__item "
7994                        role="option"
7995                        aria-selected="false"
7996                        @click="
7997  OD.changeMarketViaIframeFromForm($el, 'EE');
7998  $nextTick(() => { close(); $root.recalc && $root.recalc() });
7999"
8000
8001                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8002                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8003                  <img class="od-cp__flag"
8004                       src="https://flagcdn.com/24x18/ee.png"
8005                       alt="Estonia flag" loading="lazy" />
8006                  <span class="od-cp__label">
8007                    Estonia
8008                    <span class="od-cp__curr">(EUR €)</span>
8009                  </span>
8010                  
8011                </button>
8012              </li>
8013            
8014              <li>
8015                <button type="button"
8016                        class="od-cp__item "
8017                        role="option"
8018                        aria-selected="false"
8019                        @click="
8020  OD.changeMarketViaIframeFromForm($el, 'SZ');
8021  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8022"
8023
8024                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8025                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8026                  <img class="od-cp__flag"
8027                       src="https://flagcdn.com/24x18/sz.png"
8028                       alt="Eswatini flag" loading="lazy" />
8029                  <span class="od-cp__label">
8030                    Eswatini
8031                    <span class="od-cp__curr">(USD $)</span>
8032                  </span>
8033                  
8034                </button>
8035              </li>
8036            
8037              <li>
8038                <button type="button"
8039                        class="od-cp__item "
8040                        role="option"
8041                        aria-selected="false"
8042                        @click="
8043  OD.changeMarketViaIframeFromForm($el, 'ET');
8044  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8045"
8046
8047                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8048                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8049                  <img class="od-cp__flag"
8050                       src="https://flagcdn.com/24x18/et.png"
8051                       alt="Ethiopia flag" loading="lazy" />
8052                  <span class="od-cp__label">
8053                    Ethiopia
8054                    <span class="od-cp__curr">(ETB Br)</span>
8055                  </span>
8056                  
8057                </button>
8058              </li>
8059            
8060              <li>
8061                <button type="button"
8062                        class="od-cp__item "
8063                        role="option"
8064                        aria-selected="false"
8065                        @click="
8066  OD.changeMarketViaIframeFromForm($el, 'FK');
8067  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8068"
8069
8070                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8071                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8072                  <img class="od-cp__flag"
8073                       src="https://flagcdn.com/24x18/fk.png"
8074                       alt="Falkland Islands flag" loading="lazy" />
8075                  <span class="od-cp__label">
8076                    Falkland Islands
8077                    <span class="od-cp__curr">(FKP £)</span>
8078                  </span>
8079                  
8080                </button>
8081              </li>
8082            
8083              <li>
8084                <button type="button"
8085                        class="od-cp__item "
8086                        role="option"
8087                        aria-selected="false"
8088                        @click="
8089  OD.changeMarketViaIframeFromForm($el, 'FO');
8090  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8091"
8092
8093                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8094                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8095                  <img class="od-cp__flag"
8096                       src="https://flagcdn.com/24x18/fo.png"
8097                       alt="Faroe Islands flag" loading="lazy" />
8098                  <span class="od-cp__label">
8099                    Faroe Islands
8100                    <span class="od-cp__curr">(DKK kr.)</span>
8101                  </span>
8102                  
8103                </button>
8104              </li>
8105            
8106              <li>
8107                <button type="button"
8108                        class="od-cp__item "
8109                        role="option"
8110                        aria-selected="false"
8111                        @click="
8112  OD.changeMarketViaIframeFromForm($el, 'FJ');
8113  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8114"
8115
8116                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8117                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8118                  <img class="od-cp__flag"
8119                       src="https://flagcdn.com/24x18/fj.png"
8120                       alt="Fiji flag" loading="lazy" />
8121                  <span class="od-cp__label">
8122                    Fiji
8123                    <span class="od-cp__curr">(FJD $)</span>
8124                  </span>
8125                  
8126                </button>
8127              </li>
8128            
8129              <li>
8130                <button type="button"
8131                        class="od-cp__item "
8132                        role="option"
8133                        aria-selected="false"
8134                        @click="
8135  OD.changeMarketViaIframeFromForm($el, 'FI');
8136  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8137"
8138
8139                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8140                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8141                  <img class="od-cp__flag"
8142                       src="https://flagcdn.com/24x18/fi.png"
8143                       alt="Finland flag" loading="lazy" />
8144                  <span class="od-cp__label">
8145                    Finland
8146                    <span class="od-cp__curr">(EUR €)</span>
8147                  </span>
8148                  
8149                </button>
8150              </li>
8151            
8152              <li>
8153                <button type="button"
8154                        class="od-cp__item "
8155                        role="option"
8156                        aria-selected="false"
8157                        @click="
8158  OD.changeMarketViaIframeFromForm($el, 'FR');
8159  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8160"
8161
8162                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8163                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8164                  <img class="od-cp__flag"
8165                       src="https://flagcdn.com/24x18/fr.png"
8166                       alt="France flag" loading="lazy" />
8167                  <span class="od-cp__label">
8168                    France
8169                    <span class="od-cp__curr">(EUR €)</span>
8170                  </span>
8171                  
8172                </button>
8173              </li>
8174            
8175              <li>
8176                <button type="button"
8177                        class="od-cp__item "
8178                        role="option"
8179                        aria-selected="false"
8180                        @click="
8181  OD.changeMarketViaIframeFromForm($el, 'GF');
8182  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8183"
8184
8185                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8186                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8187                  <img class="od-cp__flag"
8188                       src="https://flagcdn.com/24x18/gf.png"
8189                       alt="French Guiana flag" loading="lazy" />
8190                  <span class="od-cp__label">
8191                    French Guiana
8192                    <span class="od-cp__curr">(EUR €)</span>
8193                  </span>
8194                  
8195                </button>
8196              </li>
8197            
8198              <li>
8199                <button type="button"
8200                        class="od-cp__item "
8201                        role="option"
8202                        aria-selected="false"
8203                        @click="
8204  OD.changeMarketViaIframeFromForm($el, 'PF');
8205  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8206"
8207
8208                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8209                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8210                  <img class="od-cp__flag"
8211                       src="https://flagcdn.com/24x18/pf.png"
8212                       alt="French Polynesia flag" loading="lazy" />
8213                  <span class="od-cp__label">
8214                    French Polynesia
8215                    <span class="od-cp__curr">(XPF Fr)</span>
8216                  </span>
8217                  
8218                </button>
8219              </li>
8220            
8221              <li>
8222                <button type="button"
8223                        class="od-cp__item "
8224                        role="option"
8225                        aria-selected="false"
8226                        @click="
8227  OD.changeMarketViaIframeFromForm($el, 'TF');
8228  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8229"
8230
8231                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8232                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8233                  <img class="od-cp__flag"
8234                       src="https://flagcdn.com/24x18/tf.png"
8235                       alt="French Southern Territories flag" loading="lazy" />
8236                  <span class="od-cp__label">
8237                    French Southern Territories
8238                    <span class="od-cp__curr">(EUR €)</span>
8239                  </span>
8240                  
8241                </button>
8242              </li>
8243            
8244              <li>
8245                <button type="button"
8246                        class="od-cp__item "
8247                        role="option"
8248                        aria-selected="false"
8249                        @click="
8250  OD.changeMarketViaIframeFromForm($el, 'GA');
8251  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8252"
8253
8254                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8255                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8256                  <img class="od-cp__flag"
8257                       src="https://flagcdn.com/24x18/ga.png"
8258                       alt="Gabon flag" loading="lazy" />
8259                  <span class="od-cp__label">
8260                    Gabon
8261                    <span class="od-cp__curr">(XOF Fr)</span>
8262                  </span>
8263                  
8264                </button>
8265              </li>
8266            
8267              <li>
8268                <button type="button"
8269                        class="od-cp__item "
8270                        role="option"
8271                        aria-selected="false"
8272                        @click="
8273  OD.changeMarketViaIframeFromForm($el, 'GM');
8274  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8275"
8276
8277                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8278                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8279                  <img class="od-cp__flag"
8280                       src="https://flagcdn.com/24x18/gm.png"
8281                       alt="Gambia flag" loading="lazy" />
8282                  <span class="od-cp__label">
8283                    Gambia
8284                    <span class="od-cp__curr">(GMD D)</span>
8285                  </span>
8286                  
8287                </button>
8288              </li>
8289            
8290              <li>
8291                <button type="button"
8292                        class="od-cp__item "
8293                        role="option"
8294                        aria-selected="false"
8295                        @click="
8296  OD.changeMarketViaIframeFromForm($el, 'GE');
8297  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8298"
8299
8300                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8301                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8302                  <img class="od-cp__flag"
8303                       src="https://flagcdn.com/24x18/ge.png"
8304                       alt="Georgia flag" loading="lazy" />
8305                  <span class="od-cp__label">
8306                    Georgia
8307                    <span class="od-cp__curr">(USD $)</span>
8308                  </span>
8309                  
8310                </button>
8311              </li>
8312            
8313              <li>
8314                <button type="button"
8315                        class="od-cp__item "
8316                        role="option"
8317                        aria-selected="false"
8318                        @click="
8319  OD.changeMarketViaIframeFromForm($el, 'DE');
8320  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8321"
8322
8323                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8324                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8325                  <img class="od-cp__flag"
8326                       src="https://flagcdn.com/24x18/de.png"
8327                       alt="Germany flag" loading="lazy" />
8328                  <span class="od-cp__label">
8329                    Germany
8330                    <span class="od-cp__curr">(EUR €)</span>
8331                  </span>
8332                  
8333                </button>
8334              </li>
8335            
8336              <li>
8337                <button type="button"
8338                        class="od-cp__item "
8339                        role="option"
8340                        aria-selected="false"
8341                        @click="
8342  OD.changeMarketViaIframeFromForm($el, 'GH');
8343  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8344"
8345
8346                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8347                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8348                  <img class="od-cp__flag"
8349                       src="https://flagcdn.com/24x18/gh.png"
8350                       alt="Ghana flag" loading="lazy" />
8351                  <span class="od-cp__label">
8352                    Ghana
8353                    <span class="od-cp__curr">(USD $)</span>
8354                  </span>
8355                  
8356                </button>
8357              </li>
8358            
8359              <li>
8360                <button type="button"
8361                        class="od-cp__item "
8362                        role="option"
8363                        aria-selected="false"
8364                        @click="
8365  OD.changeMarketViaIframeFromForm($el, 'GI');
8366  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8367"
8368
8369                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8370                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8371                  <img class="od-cp__flag"
8372                       src="https://flagcdn.com/24x18/gi.png"
8373                       alt="Gibraltar flag" loading="lazy" />
8374                  <span class="od-cp__label">
8375                    Gibraltar
8376                    <span class="od-cp__curr">(GBP £)</span>
8377                  </span>
8378                  
8379                </button>
8380              </li>
8381            
8382              <li>
8383                <button type="button"
8384                        class="od-cp__item "
8385                        role="option"
8386                        aria-selected="false"
8387                        @click="
8388  OD.changeMarketViaIframeFromForm($el, 'GR');
8389  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8390"
8391
8392                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8393                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8394                  <img class="od-cp__flag"
8395                       src="https://flagcdn.com/24x18/gr.png"
8396                       alt="Greece flag" loading="lazy" />
8397                  <span class="od-cp__label">
8398                    Greece
8399                    <span class="od-cp__curr">(EUR €)</span>
8400                  </span>
8401                  
8402                </button>
8403              </li>
8404            
8405              <li>
8406                <button type="button"
8407                        class="od-cp__item "
8408                        role="option"
8409                        aria-selected="false"
8410                        @click="
8411  OD.changeMarketViaIframeFromForm($el, 'GL');
8412  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8413"
8414
8415                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8416                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8417                  <img class="od-cp__flag"
8418                       src="https://flagcdn.com/24x18/gl.png"
8419                       alt="Greenland flag" loading="lazy" />
8420                  <span class="od-cp__label">
8421                    Greenland
8422                    <span class="od-cp__curr">(DKK kr.)</span>
8423                  </span>
8424                  
8425                </button>
8426              </li>
8427            
8428              <li>
8429                <button type="button"
8430                        class="od-cp__item "
8431                        role="option"
8432                        aria-selected="false"
8433                        @click="
8434  OD.changeMarketViaIframeFromForm($el, 'GD');
8435  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8436"
8437
8438                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8439                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8440                  <img class="od-cp__flag"
8441                       src="https://flagcdn.com/24x18/gd.png"
8442                       alt="Grenada flag" loading="lazy" />
8443                  <span class="od-cp__label">
8444                    Grenada
8445                    <span class="od-cp__curr">(XCD $)</span>
8446                  </span>
8447                  
8448                </button>
8449              </li>
8450            
8451              <li>
8452                <button type="button"
8453                        class="od-cp__item "
8454                        role="option"
8455                        aria-selected="false"
8456                        @click="
8457  OD.changeMarketViaIframeFromForm($el, 'GP');
8458  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8459"
8460
8461                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8462                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8463                  <img class="od-cp__flag"
8464                       src="https://flagcdn.com/24x18/gp.png"
8465                       alt="Guadeloupe flag" loading="lazy" />
8466                  <span class="od-cp__label">
8467                    Guadeloupe
8468                    <span class="od-cp__curr">(EUR €)</span>
8469                  </span>
8470                  
8471                </button>
8472              </li>
8473            
8474              <li>
8475                <button type="button"
8476                        class="od-cp__item "
8477                        role="option"
8478                        aria-selected="false"
8479                        @click="
8480  OD.changeMarketViaIframeFromForm($el, 'GT');
8481  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8482"
8483
8484                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8485                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8486                  <img class="od-cp__flag"
8487                       src="https://flagcdn.com/24x18/gt.png"
8488                       alt="Guatemala flag" loading="lazy" />
8489                  <span class="od-cp__label">
8490                    Guatemala
8491                    <span class="od-cp__curr">(GTQ Q)</span>
8492                  </span>
8493                  
8494                </button>
8495              </li>
8496            
8497              <li>
8498                <button type="button"
8499                        class="od-cp__item "
8500                        role="option"
8501                        aria-selected="false"
8502                        @click="
8503  OD.changeMarketViaIframeFromForm($el, 'GG');
8504  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8505"
8506
8507                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8508                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8509                  <img class="od-cp__flag"
8510                       src="https://flagcdn.com/24x18/gg.png"
8511                       alt="Guernsey flag" loading="lazy" />
8512                  <span class="od-cp__label">
8513                    Guernsey
8514                    <span class="od-cp__curr">(GBP £)</span>
8515                  </span>
8516                  
8517                </button>
8518              </li>
8519            
8520              <li>
8521                <button type="button"
8522                        class="od-cp__item "
8523                        role="option"
8524                        aria-selected="false"
8525                        @click="
8526  OD.changeMarketViaIframeFromForm($el, 'GN');
8527  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8528"
8529
8530                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8531                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8532                  <img class="od-cp__flag"
8533                       src="https://flagcdn.com/24x18/gn.png"
8534                       alt="Guinea flag" loading="lazy" />
8535                  <span class="od-cp__label">
8536                    Guinea
8537                    <span class="od-cp__curr">(GNF Fr)</span>
8538                  </span>
8539                  
8540                </button>
8541              </li>
8542            
8543              <li>
8544                <button type="button"
8545                        class="od-cp__item "
8546                        role="option"
8547                        aria-selected="false"
8548                        @click="
8549  OD.changeMarketViaIframeFromForm($el, 'GW');
8550  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8551"
8552
8553                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8554                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8555                  <img class="od-cp__flag"
8556                       src="https://flagcdn.com/24x18/gw.png"
8557                       alt="Guinea-Bissau flag" loading="lazy" />
8558                  <span class="od-cp__label">
8559                    Guinea-Bissau
8560                    <span class="od-cp__curr">(XOF Fr)</span>
8561                  </span>
8562                  
8563                </button>
8564              </li>
8565            
8566              <li>
8567                <button type="button"
8568                        class="od-cp__item "
8569                        role="option"
8570                        aria-selected="false"
8571                        @click="
8572  OD.changeMarketViaIframeFromForm($el, 'GY');
8573  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8574"
8575
8576                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8577                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8578                  <img class="od-cp__flag"
8579                       src="https://flagcdn.com/24x18/gy.png"
8580                       alt="Guyana flag" loading="lazy" />
8581                  <span class="od-cp__label">
8582                    Guyana
8583                    <span class="od-cp__curr">(GYD $)</span>
8584                  </span>
8585                  
8586                </button>
8587              </li>
8588            
8589              <li>
8590                <button type="button"
8591                        class="od-cp__item "
8592                        role="option"
8593                        aria-selected="false"
8594                        @click="
8595  OD.changeMarketViaIframeFromForm($el, 'HT');
8596  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8597"
8598
8599                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8600                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8601                  <img class="od-cp__flag"
8602                       src="https://flagcdn.com/24x18/ht.png"
8603                       alt="Haiti flag" loading="lazy" />
8604                  <span class="od-cp__label">
8605                    Haiti
8606                    <span class="od-cp__curr">(USD $)</span>
8607                  </span>
8608                  
8609                </button>
8610              </li>
8611            
8612              <li>
8613                <button type="button"
8614                        class="od-cp__item "
8615                        role="option"
8616                        aria-selected="false"
8617                        @click="
8618  OD.changeMarketViaIframeFromForm($el, 'HN');
8619  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8620"
8621
8622                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8623                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8624                  <img class="od-cp__flag"
8625                       src="https://flagcdn.com/24x18/hn.png"
8626                       alt="Honduras flag" loading="lazy" />
8627                  <span class="od-cp__label">
8628                    Honduras
8629                    <span class="od-cp__curr">(HNL L)</span>
8630                  </span>
8631                  
8632                </button>
8633              </li>
8634            
8635              <li>
8636                <button type="button"
8637                        class="od-cp__item "
8638                        role="option"
8639                        aria-selected="false"
8640                        @click="
8641  OD.changeMarketViaIframeFromForm($el, 'HK');
8642  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8643"
8644
8645                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8646                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8647                  <img class="od-cp__flag"
8648                       src="https://flagcdn.com/24x18/hk.png"
8649                       alt="Hong Kong SAR flag" loading="lazy" />
8650                  <span class="od-cp__label">
8651                    Hong Kong SAR
8652                    <span class="od-cp__curr">(HKD $)</span>
8653                  </span>
8654                  
8655                </button>
8656              </li>
8657            
8658              <li>
8659                <button type="button"
8660                        class="od-cp__item "
8661                        role="option"
8662                        aria-selected="false"
8663                        @click="
8664  OD.changeMarketViaIframeFromForm($el, 'HU');
8665  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8666"
8667
8668                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8669                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8670                  <img class="od-cp__flag"
8671                       src="https://flagcdn.com/24x18/hu.png"
8672                       alt="Hungary flag" loading="lazy" />
8673                  <span class="od-cp__label">
8674                    Hungary
8675                    <span class="od-cp__curr">(HUF Ft)</span>
8676                  </span>
8677                  
8678                </button>
8679              </li>
8680            
8681              <li>
8682                <button type="button"
8683                        class="od-cp__item "
8684                        role="option"
8685                        aria-selected="false"
8686                        @click="
8687  OD.changeMarketViaIframeFromForm($el, 'IS');
8688  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8689"
8690
8691                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8692                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8693                  <img class="od-cp__flag"
8694                       src="https://flagcdn.com/24x18/is.png"
8695                       alt="Iceland flag" loading="lazy" />
8696                  <span class="od-cp__label">
8697                    Iceland
8698                    <span class="od-cp__curr">(ISK kr)</span>
8699                  </span>
8700                  
8701                </button>
8702              </li>
8703            
8704              <li>
8705                <button type="button"
8706                        class="od-cp__item "
8707                        role="option"
8708                        aria-selected="false"
8709                        @click="
8710  OD.changeMarketViaIframeFromForm($el, 'IN');
8711  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8712"
8713
8714                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8715                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8716                  <img class="od-cp__flag"
8717                       src="https://flagcdn.com/24x18/in.png"
8718                       alt="India flag" loading="lazy" />
8719                  <span class="od-cp__label">
8720                    India
8721                    <span class="od-cp__curr">(INR ₹)</span>
8722                  </span>
8723                  
8724                </button>
8725              </li>
8726            
8727              <li>
8728                <button type="button"
8729                        class="od-cp__item "
8730                        role="option"
8731                        aria-selected="false"
8732                        @click="
8733  OD.changeMarketViaIframeFromForm($el, 'ID');
8734  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8735"
8736
8737                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8738                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8739                  <img class="od-cp__flag"
8740                       src="https://flagcdn.com/24x18/id.png"
8741                       alt="Indonesia flag" loading="lazy" />
8742                  <span class="od-cp__label">
8743                    Indonesia
8744                    <span class="od-cp__curr">(IDR Rp)</span>
8745                  </span>
8746                  
8747                </button>
8748              </li>
8749            
8750              <li>
8751                <button type="button"
8752                        class="od-cp__item "
8753                        role="option"
8754                        aria-selected="false"
8755                        @click="
8756  OD.changeMarketViaIframeFromForm($el, 'IQ');
8757  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8758"
8759
8760                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8761                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8762                  <img class="od-cp__flag"
8763                       src="https://flagcdn.com/24x18/iq.png"
8764                       alt="Iraq flag" loading="lazy" />
8765                  <span class="od-cp__label">
8766                    Iraq
8767                    <span class="od-cp__curr">(USD $)</span>
8768                  </span>
8769                  
8770                </button>
8771              </li>
8772            
8773              <li>
8774                <button type="button"
8775                        class="od-cp__item "
8776                        role="option"
8777                        aria-selected="false"
8778                        @click="
8779  OD.changeMarketViaIframeFromForm($el, 'IE');
8780  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8781"
8782
8783                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8784                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8785                  <img class="od-cp__flag"
8786                       src="https://flagcdn.com/24x18/ie.png"
8787                       alt="Ireland flag" loading="lazy" />
8788                  <span class="od-cp__label">
8789                    Ireland
8790                    <span class="od-cp__curr">(EUR €)</span>
8791                  </span>
8792                  
8793                </button>
8794              </li>
8795            
8796              <li>
8797                <button type="button"
8798                        class="od-cp__item "
8799                        role="option"
8800                        aria-selected="false"
8801                        @click="
8802  OD.changeMarketViaIframeFromForm($el, 'IM');
8803  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8804"
8805
8806                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8807                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8808                  <img class="od-cp__flag"
8809                       src="https://flagcdn.com/24x18/im.png"
8810                       alt="Isle of Man flag" loading="lazy" />
8811                  <span class="od-cp__label">
8812                    Isle of Man
8813                    <span class="od-cp__curr">(GBP £)</span>
8814                  </span>
8815                  
8816                </button>
8817              </li>
8818            
8819              <li>
8820                <button type="button"
8821                        class="od-cp__item "
8822                        role="option"
8823                        aria-selected="false"
8824                        @click="
8825  OD.changeMarketViaIframeFromForm($el, 'IL');
8826  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8827"
8828
8829                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8830                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8831                  <img class="od-cp__flag"
8832                       src="https://flagcdn.com/24x18/il.png"
8833                       alt="Israel flag" loading="lazy" />
8834                  <span class="od-cp__label">
8835                    Israel
8836                    <span class="od-cp__curr">(ILS ₪)</span>
8837                  </span>
8838                  
8839                </button>
8840              </li>
8841            
8842              <li>
8843                <button type="button"
8844                        class="od-cp__item "
8845                        role="option"
8846                        aria-selected="false"
8847                        @click="
8848  OD.changeMarketViaIframeFromForm($el, 'IT');
8849  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8850"
8851
8852                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8853                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8854                  <img class="od-cp__flag"
8855                       src="https://flagcdn.com/24x18/it.png"
8856                       alt="Italy flag" loading="lazy" />
8857                  <span class="od-cp__label">
8858                    Italy
8859                    <span class="od-cp__curr">(EUR €)</span>
8860                  </span>
8861                  
8862                </button>
8863              </li>
8864            
8865              <li>
8866                <button type="button"
8867                        class="od-cp__item "
8868                        role="option"
8869                        aria-selected="false"
8870                        @click="
8871  OD.changeMarketViaIframeFromForm($el, 'JM');
8872  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8873"
8874
8875                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8876                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8877                  <img class="od-cp__flag"
8878                       src="https://flagcdn.com/24x18/jm.png"
8879                       alt="Jamaica flag" loading="lazy" />
8880                  <span class="od-cp__label">
8881                    Jamaica
8882                    <span class="od-cp__curr">(JMD $)</span>
8883                  </span>
8884                  
8885                </button>
8886              </li>
8887            
8888              <li>
8889                <button type="button"
8890                        class="od-cp__item "
8891                        role="option"
8892                        aria-selected="false"
8893                        @click="
8894  OD.changeMarketViaIframeFromForm($el, 'JP');
8895  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8896"
8897
8898                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8899                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8900                  <img class="od-cp__flag"
8901                       src="https://flagcdn.com/24x18/jp.png"
8902                       alt="Japan flag" loading="lazy" />
8903                  <span class="od-cp__label">
8904                    Japan
8905                    <span class="od-cp__curr">(JPY ¥)</span>
8906                  </span>
8907                  
8908                </button>
8909              </li>
8910            
8911              <li>
8912                <button type="button"
8913                        class="od-cp__item "
8914                        role="option"
8915                        aria-selected="false"
8916                        @click="
8917  OD.changeMarketViaIframeFromForm($el, 'JE');
8918  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8919"
8920
8921                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8922                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8923                  <img class="od-cp__flag"
8924                       src="https://flagcdn.com/24x18/je.png"
8925                       alt="Jersey flag" loading="lazy" />
8926                  <span class="od-cp__label">
8927                    Jersey
8928                    <span class="od-cp__curr">(USD $)</span>
8929                  </span>
8930                  
8931                </button>
8932              </li>
8933            
8934              <li>
8935                <button type="button"
8936                        class="od-cp__item "
8937                        role="option"
8938                        aria-selected="false"
8939                        @click="
8940  OD.changeMarketViaIframeFromForm($el, 'JO');
8941  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8942"
8943
8944                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8945                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8946                  <img class="od-cp__flag"
8947                       src="https://flagcdn.com/24x18/jo.png"
8948                       alt="Jordan flag" loading="lazy" />
8949                  <span class="od-cp__label">
8950                    Jordan
8951                    <span class="od-cp__curr">(USD $)</span>
8952                  </span>
8953                  
8954                </button>
8955              </li>
8956            
8957              <li>
8958                <button type="button"
8959                        class="od-cp__item "
8960                        role="option"
8961                        aria-selected="false"
8962                        @click="
8963  OD.changeMarketViaIframeFromForm($el, 'KZ');
8964  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8965"
8966
8967                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8968                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8969                  <img class="od-cp__flag"
8970                       src="https://flagcdn.com/24x18/kz.png"
8971                       alt="Kazakhstan flag" loading="lazy" />
8972                  <span class="od-cp__label">
8973                    Kazakhstan
8974                    <span class="od-cp__curr">(KZT ₸)</span>
8975                  </span>
8976                  
8977                </button>
8978              </li>
8979            
8980              <li>
8981                <button type="button"
8982                        class="od-cp__item "
8983                        role="option"
8984                        aria-selected="false"
8985                        @click="
8986  OD.changeMarketViaIframeFromForm($el, 'KE');
8987  $nextTick(() => { close(); $root.recalc && $root.recalc() });
8988"
8989
8990                        style="display:flex; align-items:center; gap:.6rem; width:100%;
8991                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
8992                  <img class="od-cp__flag"
8993                       src="https://flagcdn.com/24x18/ke.png"
8994                       alt="Kenya flag" loading="lazy" />
8995                  <span class="od-cp__label">
8996                    Kenya
8997                    <span class="od-cp__curr">(KES KSh)</span>
8998                  </span>
8999                  
9000                </button>
9001              </li>
9002            
9003              <li>
9004                <button type="button"
9005                        class="od-cp__item "
9006                        role="option"
9007                        aria-selected="false"
9008                        @click="
9009  OD.changeMarketViaIframeFromForm($el, 'KI');
9010  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9011"
9012
9013                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9014                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9015                  <img class="od-cp__flag"
9016                       src="https://flagcdn.com/24x18/ki.png"
9017                       alt="Kiribati flag" loading="lazy" />
9018                  <span class="od-cp__label">
9019                    Kiribati
9020                    <span class="od-cp__curr">(USD $)</span>
9021                  </span>
9022                  
9023                </button>
9024              </li>
9025            
9026              <li>
9027                <button type="button"
9028                        class="od-cp__item "
9029                        role="option"
9030                        aria-selected="false"
9031                        @click="
9032  OD.changeMarketViaIframeFromForm($el, 'XK');
9033  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9034"
9035
9036                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9037                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9038                  <img class="od-cp__flag"
9039                       src="https://flagcdn.com/24x18/xk.png"
9040                       alt="Kosovo flag" loading="lazy" />
9041                  <span class="od-cp__label">
9042                    Kosovo
9043                    <span class="od-cp__curr">(EUR €)</span>
9044                  </span>
9045                  
9046                </button>
9047              </li>
9048            
9049              <li>
9050                <button type="button"
9051                        class="od-cp__item "
9052                        role="option"
9053                        aria-selected="false"
9054                        @click="
9055  OD.changeMarketViaIframeFromForm($el, 'KW');
9056  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9057"
9058
9059                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9060                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9061                  <img class="od-cp__flag"
9062                       src="https://flagcdn.com/24x18/kw.png"
9063                       alt="Kuwait flag" loading="lazy" />
9064                  <span class="od-cp__label">
9065                    Kuwait
9066                    <span class="od-cp__curr">(USD $)</span>
9067                  </span>
9068                  
9069                </button>
9070              </li>
9071            
9072              <li>
9073                <button type="button"
9074                        class="od-cp__item "
9075                        role="option"
9076                        aria-selected="false"
9077                        @click="
9078  OD.changeMarketViaIframeFromForm($el, 'KG');
9079  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9080"
9081
9082                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9083                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9084                  <img class="od-cp__flag"
9085                       src="https://flagcdn.com/24x18/kg.png"
9086                       alt="Kyrgyzstan flag" loading="lazy" />
9087                  <span class="od-cp__label">
9088                    Kyrgyzstan
9089                    <span class="od-cp__curr">(KGS som)</span>
9090                  </span>
9091                  
9092                </button>
9093              </li>
9094            
9095              <li>
9096                <button type="button"
9097                        class="od-cp__item "
9098                        role="option"
9099                        aria-selected="false"
9100                        @click="
9101  OD.changeMarketViaIframeFromForm($el, 'LA');
9102  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9103"
9104
9105                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9106                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9107                  <img class="od-cp__flag"
9108                       src="https://flagcdn.com/24x18/la.png"
9109                       alt="Laos flag" loading="lazy" />
9110                  <span class="od-cp__label">
9111                    Laos
9112                    <span class="od-cp__curr">(LAK ₭)</span>
9113                  </span>
9114                  
9115                </button>
9116              </li>
9117            
9118              <li>
9119                <button type="button"
9120                        class="od-cp__item "
9121                        role="option"
9122                        aria-selected="false"
9123                        @click="
9124  OD.changeMarketViaIframeFromForm($el, 'LV');
9125  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9126"
9127
9128                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9129                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9130                  <img class="od-cp__flag"
9131                       src="https://flagcdn.com/24x18/lv.png"
9132                       alt="Latvia flag" loading="lazy" />
9133                  <span class="od-cp__label">
9134                    Latvia
9135                    <span class="od-cp__curr">(EUR €)</span>
9136                  </span>
9137                  
9138                </button>
9139              </li>
9140            
9141              <li>
9142                <button type="button"
9143                        class="od-cp__item "
9144                        role="option"
9145                        aria-selected="false"
9146                        @click="
9147  OD.changeMarketViaIframeFromForm($el, 'LB');
9148  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9149"
9150
9151                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9152                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9153                  <img class="od-cp__flag"
9154                       src="https://flagcdn.com/24x18/lb.png"
9155                       alt="Lebanon flag" loading="lazy" />
9156                  <span class="od-cp__label">
9157                    Lebanon
9158                    <span class="od-cp__curr">(LBP ل.ل)</span>
9159                  </span>
9160                  
9161                </button>
9162              </li>
9163            
9164              <li>
9165                <button type="button"
9166                        class="od-cp__item "
9167                        role="option"
9168                        aria-selected="false"
9169                        @click="
9170  OD.changeMarketViaIframeFromForm($el, 'LS');
9171  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9172"
9173
9174                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9175                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9176                  <img class="od-cp__flag"
9177                       src="https://flagcdn.com/24x18/ls.png"
9178                       alt="Lesotho flag" loading="lazy" />
9179                  <span class="od-cp__label">
9180                    Lesotho
9181                    <span class="od-cp__curr">(USD $)</span>
9182                  </span>
9183                  
9184                </button>
9185              </li>
9186            
9187              <li>
9188                <button type="button"
9189                        class="od-cp__item "
9190                        role="option"
9191                        aria-selected="false"
9192                        @click="
9193  OD.changeMarketViaIframeFromForm($el, 'LR');
9194  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9195"
9196
9197                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9198                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9199                  <img class="od-cp__flag"
9200                       src="https://flagcdn.com/24x18/lr.png"
9201                       alt="Liberia flag" loading="lazy" />
9202                  <span class="od-cp__label">
9203                    Liberia
9204                    <span class="od-cp__curr">(USD $)</span>
9205                  </span>
9206                  
9207                </button>
9208              </li>
9209            
9210              <li>
9211                <button type="button"
9212                        class="od-cp__item "
9213                        role="option"
9214                        aria-selected="false"
9215                        @click="
9216  OD.changeMarketViaIframeFromForm($el, 'LY');
9217  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9218"
9219
9220                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9221                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9222                  <img class="od-cp__flag"
9223                       src="https://flagcdn.com/24x18/ly.png"
9224                       alt="Libya flag" loading="lazy" />
9225                  <span class="od-cp__label">
9226                    Libya
9227                    <span class="od-cp__curr">(USD $)</span>
9228                  </span>
9229                  
9230                </button>
9231              </li>
9232            
9233              <li>
9234                <button type="button"
9235                        class="od-cp__item "
9236                        role="option"
9237                        aria-selected="false"
9238                        @click="
9239  OD.changeMarketViaIframeFromForm($el, 'LI');
9240  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9241"
9242
9243                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9244                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9245                  <img class="od-cp__flag"
9246                       src="https://flagcdn.com/24x18/li.png"
9247                       alt="Liechtenstein flag" loading="lazy" />
9248                  <span class="od-cp__label">
9249                    Liechtenstein
9250                    <span class="od-cp__curr">(CHF CHF)</span>
9251                  </span>
9252                  
9253                </button>
9254              </li>
9255            
9256              <li>
9257                <button type="button"
9258                        class="od-cp__item "
9259                        role="option"
9260                        aria-selected="false"
9261                        @click="
9262  OD.changeMarketViaIframeFromForm($el, 'LT');
9263  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9264"
9265
9266                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9267                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9268                  <img class="od-cp__flag"
9269                       src="https://flagcdn.com/24x18/lt.png"
9270                       alt="Lithuania flag" loading="lazy" />
9271                  <span class="od-cp__label">
9272                    Lithuania
9273                    <span class="od-cp__curr">(EUR €)</span>
9274                  </span>
9275                  
9276                </button>
9277              </li>
9278            
9279              <li>
9280                <button type="button"
9281                        class="od-cp__item "
9282                        role="option"
9283                        aria-selected="false"
9284                        @click="
9285  OD.changeMarketViaIframeFromForm($el, 'LU');
9286  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9287"
9288
9289                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9290                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9291                  <img class="od-cp__flag"
9292                       src="https://flagcdn.com/24x18/lu.png"
9293                       alt="Luxembourg flag" loading="lazy" />
9294                  <span class="od-cp__label">
9295                    Luxembourg
9296                    <span class="od-cp__curr">(EUR €)</span>
9297                  </span>
9298                  
9299                </button>
9300              </li>
9301            
9302              <li>
9303                <button type="button"
9304                        class="od-cp__item "
9305                        role="option"
9306                        aria-selected="false"
9307                        @click="
9308  OD.changeMarketViaIframeFromForm($el, 'MO');
9309  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9310"
9311
9312                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9313                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9314                  <img class="od-cp__flag"
9315                       src="https://flagcdn.com/24x18/mo.png"
9316                       alt="Macao SAR flag" loading="lazy" />
9317                  <span class="od-cp__label">
9318                    Macao SAR
9319                    <span class="od-cp__curr">(MOP P)</span>
9320                  </span>
9321                  
9322                </button>
9323              </li>
9324            
9325              <li>
9326                <button type="button"
9327                        class="od-cp__item "
9328                        role="option"
9329                        aria-selected="false"
9330                        @click="
9331  OD.changeMarketViaIframeFromForm($el, 'MG');
9332  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9333"
9334
9335                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9336                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9337                  <img class="od-cp__flag"
9338                       src="https://flagcdn.com/24x18/mg.png"
9339                       alt="Madagascar flag" loading="lazy" />
9340                  <span class="od-cp__label">
9341                    Madagascar
9342                    <span class="od-cp__curr">(USD $)</span>
9343                  </span>
9344                  
9345                </button>
9346              </li>
9347            
9348              <li>
9349                <button type="button"
9350                        class="od-cp__item "
9351                        role="option"
9352                        aria-selected="false"
9353                        @click="
9354  OD.changeMarketViaIframeFromForm($el, 'MW');
9355  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9356"
9357
9358                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9359                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9360                  <img class="od-cp__flag"
9361                       src="https://flagcdn.com/24x18/mw.png"
9362                       alt="Malawi flag" loading="lazy" />
9363                  <span class="od-cp__label">
9364                    Malawi
9365                    <span class="od-cp__curr">(MWK MK)</span>
9366                  </span>
9367                  
9368                </button>
9369              </li>
9370            
9371              <li>
9372                <button type="button"
9373                        class="od-cp__item "
9374                        role="option"
9375                        aria-selected="false"
9376                        @click="
9377  OD.changeMarketViaIframeFromForm($el, 'MY');
9378  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9379"
9380
9381                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9382                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9383                  <img class="od-cp__flag"
9384                       src="https://flagcdn.com/24x18/my.png"
9385                       alt="Malaysia flag" loading="lazy" />
9386                  <span class="od-cp__label">
9387                    Malaysia
9388                    <span class="od-cp__curr">(MYR RM)</span>
9389                  </span>
9390                  
9391                </button>
9392              </li>
9393            
9394              <li>
9395                <button type="button"
9396                        class="od-cp__item "
9397                        role="option"
9398                        aria-selected="false"
9399                        @click="
9400  OD.changeMarketViaIframeFromForm($el, 'MV');
9401  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9402"
9403
9404                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9405                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9406                  <img class="od-cp__flag"
9407                       src="https://flagcdn.com/24x18/mv.png"
9408                       alt="Maldives flag" loading="lazy" />
9409                  <span class="od-cp__label">
9410                    Maldives
9411                    <span class="od-cp__curr">(MVR MVR)</span>
9412                  </span>
9413                  
9414                </button>
9415              </li>
9416            
9417              <li>
9418                <button type="button"
9419                        class="od-cp__item "
9420                        role="option"
9421                        aria-selected="false"
9422                        @click="
9423  OD.changeMarketViaIframeFromForm($el, 'ML');
9424  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9425"
9426
9427                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9428                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9429                  <img class="od-cp__flag"
9430                       src="https://flagcdn.com/24x18/ml.png"
9431                       alt="Mali flag" loading="lazy" />
9432                  <span class="od-cp__label">
9433                    Mali
9434                    <span class="od-cp__curr">(XOF Fr)</span>
9435                  </span>
9436                  
9437                </button>
9438              </li>
9439            
9440              <li>
9441                <button type="button"
9442                        class="od-cp__item "
9443                        role="option"
9444                        aria-selected="false"
9445                        @click="
9446  OD.changeMarketViaIframeFromForm($el, 'MT');
9447  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9448"
9449
9450                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9451                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9452                  <img class="od-cp__flag"
9453                       src="https://flagcdn.com/24x18/mt.png"
9454                       alt="Malta flag" loading="lazy" />
9455                  <span class="od-cp__label">
9456                    Malta
9457                    <span class="od-cp__curr">(EUR €)</span>
9458                  </span>
9459                  
9460                </button>
9461              </li>
9462            
9463              <li>
9464                <button type="button"
9465                        class="od-cp__item "
9466                        role="option"
9467                        aria-selected="false"
9468                        @click="
9469  OD.changeMarketViaIframeFromForm($el, 'MQ');
9470  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9471"
9472
9473                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9474                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9475                  <img class="od-cp__flag"
9476                       src="https://flagcdn.com/24x18/mq.png"
9477                       alt="Martinique flag" loading="lazy" />
9478                  <span class="od-cp__label">
9479                    Martinique
9480                    <span class="od-cp__curr">(EUR €)</span>
9481                  </span>
9482                  
9483                </button>
9484              </li>
9485            
9486              <li>
9487                <button type="button"
9488                        class="od-cp__item "
9489                        role="option"
9490                        aria-selected="false"
9491                        @click="
9492  OD.changeMarketViaIframeFromForm($el, 'MR');
9493  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9494"
9495
9496                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9497                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9498                  <img class="od-cp__flag"
9499                       src="https://flagcdn.com/24x18/mr.png"
9500                       alt="Mauritania flag" loading="lazy" />
9501                  <span class="od-cp__label">
9502                    Mauritania
9503                    <span class="od-cp__curr">(USD $)</span>
9504                  </span>
9505                  
9506                </button>
9507              </li>
9508            
9509              <li>
9510                <button type="button"
9511                        class="od-cp__item "
9512                        role="option"
9513                        aria-selected="false"
9514                        @click="
9515  OD.changeMarketViaIframeFromForm($el, 'MU');
9516  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9517"
9518
9519                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9520                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9521                  <img class="od-cp__flag"
9522                       src="https://flagcdn.com/24x18/mu.png"
9523                       alt="Mauritius flag" loading="lazy" />
9524                  <span class="od-cp__label">
9525                    Mauritius
9526                    <span class="od-cp__curr">(MUR ₨)</span>
9527                  </span>
9528                  
9529                </button>
9530              </li>
9531            
9532              <li>
9533                <button type="button"
9534                        class="od-cp__item "
9535                        role="option"
9536                        aria-selected="false"
9537                        @click="
9538  OD.changeMarketViaIframeFromForm($el, 'YT');
9539  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9540"
9541
9542                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9543                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9544                  <img class="od-cp__flag"
9545                       src="https://flagcdn.com/24x18/yt.png"
9546                       alt="Mayotte flag" loading="lazy" />
9547                  <span class="od-cp__label">
9548                    Mayotte
9549                    <span class="od-cp__curr">(EUR €)</span>
9550                  </span>
9551                  
9552                </button>
9553              </li>
9554            
9555              <li>
9556                <button type="button"
9557                        class="od-cp__item "
9558                        role="option"
9559                        aria-selected="false"
9560                        @click="
9561  OD.changeMarketViaIframeFromForm($el, 'MX');
9562  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9563"
9564
9565                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9566                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9567                  <img class="od-cp__flag"
9568                       src="https://flagcdn.com/24x18/mx.png"
9569                       alt="Mexico flag" loading="lazy" />
9570                  <span class="od-cp__label">
9571                    Mexico
9572                    <span class="od-cp__curr">(USD $)</span>
9573                  </span>
9574                  
9575                </button>
9576              </li>
9577            
9578              <li>
9579                <button type="button"
9580                        class="od-cp__item "
9581                        role="option"
9582                        aria-selected="false"
9583                        @click="
9584  OD.changeMarketViaIframeFromForm($el, 'MD');
9585  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9586"
9587
9588                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9589                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9590                  <img class="od-cp__flag"
9591                       src="https://flagcdn.com/24x18/md.png"
9592                       alt="Moldova flag" loading="lazy" />
9593                  <span class="od-cp__label">
9594                    Moldova
9595                    <span class="od-cp__curr">(MDL L)</span>
9596                  </span>
9597                  
9598                </button>
9599              </li>
9600            
9601              <li>
9602                <button type="button"
9603                        class="od-cp__item "
9604                        role="option"
9605                        aria-selected="false"
9606                        @click="
9607  OD.changeMarketViaIframeFromForm($el, 'MC');
9608  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9609"
9610
9611                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9612                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9613                  <img class="od-cp__flag"
9614                       src="https://flagcdn.com/24x18/mc.png"
9615                       alt="Monaco flag" loading="lazy" />
9616                  <span class="od-cp__label">
9617                    Monaco
9618                    <span class="od-cp__curr">(EUR €)</span>
9619                  </span>
9620                  
9621                </button>
9622              </li>
9623            
9624              <li>
9625                <button type="button"
9626                        class="od-cp__item "
9627                        role="option"
9628                        aria-selected="false"
9629                        @click="
9630  OD.changeMarketViaIframeFromForm($el, 'MN');
9631  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9632"
9633
9634                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9635                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9636                  <img class="od-cp__flag"
9637                       src="https://flagcdn.com/24x18/mn.png"
9638                       alt="Mongolia flag" loading="lazy" />
9639                  <span class="od-cp__label">
9640                    Mongolia
9641                    <span class="od-cp__curr">(MNT ₮)</span>
9642                  </span>
9643                  
9644                </button>
9645              </li>
9646            
9647              <li>
9648                <button type="button"
9649                        class="od-cp__item "
9650                        role="option"
9651                        aria-selected="false"
9652                        @click="
9653  OD.changeMarketViaIframeFromForm($el, 'ME');
9654  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9655"
9656
9657                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9658                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9659                  <img class="od-cp__flag"
9660                       src="https://flagcdn.com/24x18/me.png"
9661                       alt="Montenegro flag" loading="lazy" />
9662                  <span class="od-cp__label">
9663                    Montenegro
9664                    <span class="od-cp__curr">(EUR €)</span>
9665                  </span>
9666                  
9667                </button>
9668              </li>
9669            
9670              <li>
9671                <button type="button"
9672                        class="od-cp__item "
9673                        role="option"
9674                        aria-selected="false"
9675                        @click="
9676  OD.changeMarketViaIframeFromForm($el, 'MS');
9677  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9678"
9679
9680                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9681                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9682                  <img class="od-cp__flag"
9683                       src="https://flagcdn.com/24x18/ms.png"
9684                       alt="Montserrat flag" loading="lazy" />
9685                  <span class="od-cp__label">
9686                    Montserrat
9687                    <span class="od-cp__curr">(XCD $)</span>
9688                  </span>
9689                  
9690                </button>
9691              </li>
9692            
9693              <li>
9694                <button type="button"
9695                        class="od-cp__item "
9696                        role="option"
9697                        aria-selected="false"
9698                        @click="
9699  OD.changeMarketViaIframeFromForm($el, 'MA');
9700  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9701"
9702
9703                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9704                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9705                  <img class="od-cp__flag"
9706                       src="https://flagcdn.com/24x18/ma.png"
9707                       alt="Morocco flag" loading="lazy" />
9708                  <span class="od-cp__label">
9709                    Morocco
9710                    <span class="od-cp__curr">(MAD د.م.)</span>
9711                  </span>
9712                  
9713                </button>
9714              </li>
9715            
9716              <li>
9717                <button type="button"
9718                        class="od-cp__item "
9719                        role="option"
9720                        aria-selected="false"
9721                        @click="
9722  OD.changeMarketViaIframeFromForm($el, 'MZ');
9723  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9724"
9725
9726                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9727                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9728                  <img class="od-cp__flag"
9729                       src="https://flagcdn.com/24x18/mz.png"
9730                       alt="Mozambique flag" loading="lazy" />
9731                  <span class="od-cp__label">
9732                    Mozambique
9733                    <span class="od-cp__curr">(USD $)</span>
9734                  </span>
9735                  
9736                </button>
9737              </li>
9738            
9739              <li>
9740                <button type="button"
9741                        class="od-cp__item "
9742                        role="option"
9743                        aria-selected="false"
9744                        @click="
9745  OD.changeMarketViaIframeFromForm($el, 'MM');
9746  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9747"
9748
9749                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9750                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9751                  <img class="od-cp__flag"
9752                       src="https://flagcdn.com/24x18/mm.png"
9753                       alt="Myanmar (Burma) flag" loading="lazy" />
9754                  <span class="od-cp__label">
9755                    Myanmar (Burma)
9756                    <span class="od-cp__curr">(MMK K)</span>
9757                  </span>
9758                  
9759                </button>
9760              </li>
9761            
9762              <li>
9763                <button type="button"
9764                        class="od-cp__item "
9765                        role="option"
9766                        aria-selected="false"
9767                        @click="
9768  OD.changeMarketViaIframeFromForm($el, 'NA');
9769  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9770"
9771
9772                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9773                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9774                  <img class="od-cp__flag"
9775                       src="https://flagcdn.com/24x18/na.png"
9776                       alt="Namibia flag" loading="lazy" />
9777                  <span class="od-cp__label">
9778                    Namibia
9779                    <span class="od-cp__curr">(USD $)</span>
9780                  </span>
9781                  
9782                </button>
9783              </li>
9784            
9785              <li>
9786                <button type="button"
9787                        class="od-cp__item "
9788                        role="option"
9789                        aria-selected="false"
9790                        @click="
9791  OD.changeMarketViaIframeFromForm($el, 'NR');
9792  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9793"
9794
9795                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9796                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9797                  <img class="od-cp__flag"
9798                       src="https://flagcdn.com/24x18/nr.png"
9799                       alt="Nauru flag" loading="lazy" />
9800                  <span class="od-cp__label">
9801                    Nauru
9802                    <span class="od-cp__curr">(AUD $)</span>
9803                  </span>
9804                  
9805                </button>
9806              </li>
9807            
9808              <li>
9809                <button type="button"
9810                        class="od-cp__item "
9811                        role="option"
9812                        aria-selected="false"
9813                        @click="
9814  OD.changeMarketViaIframeFromForm($el, 'NP');
9815  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9816"
9817
9818                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9819                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9820                  <img class="od-cp__flag"
9821                       src="https://flagcdn.com/24x18/np.png"
9822                       alt="Nepal flag" loading="lazy" />
9823                  <span class="od-cp__label">
9824                    Nepal
9825                    <span class="od-cp__curr">(NPR Rs.)</span>
9826                  </span>
9827                  
9828                </button>
9829              </li>
9830            
9831              <li>
9832                <button type="button"
9833                        class="od-cp__item "
9834                        role="option"
9835                        aria-selected="false"
9836                        @click="
9837  OD.changeMarketViaIframeFromForm($el, 'NL');
9838  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9839"
9840
9841                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9842                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9843                  <img class="od-cp__flag"
9844                       src="https://flagcdn.com/24x18/nl.png"
9845                       alt="Netherlands flag" loading="lazy" />
9846                  <span class="od-cp__label">
9847                    Netherlands
9848                    <span class="od-cp__curr">(EUR €)</span>
9849                  </span>
9850                  
9851                </button>
9852              </li>
9853            
9854              <li>
9855                <button type="button"
9856                        class="od-cp__item "
9857                        role="option"
9858                        aria-selected="false"
9859                        @click="
9860  OD.changeMarketViaIframeFromForm($el, 'NC');
9861  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9862"
9863
9864                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9865                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9866                  <img class="od-cp__flag"
9867                       src="https://flagcdn.com/24x18/nc.png"
9868                       alt="New Caledonia flag" loading="lazy" />
9869                  <span class="od-cp__label">
9870                    New Caledonia
9871                    <span class="od-cp__curr">(XPF Fr)</span>
9872                  </span>
9873                  
9874                </button>
9875              </li>
9876            
9877              <li>
9878                <button type="button"
9879                        class="od-cp__item "
9880                        role="option"
9881                        aria-selected="false"
9882                        @click="
9883  OD.changeMarketViaIframeFromForm($el, 'NZ');
9884  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9885"
9886
9887                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9888                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9889                  <img class="od-cp__flag"
9890                       src="https://flagcdn.com/24x18/nz.png"
9891                       alt="New Zealand flag" loading="lazy" />
9892                  <span class="od-cp__label">
9893                    New Zealand
9894                    <span class="od-cp__curr">(NZD $)</span>
9895                  </span>
9896                  
9897                </button>
9898              </li>
9899            
9900              <li>
9901                <button type="button"
9902                        class="od-cp__item "
9903                        role="option"
9904                        aria-selected="false"
9905                        @click="
9906  OD.changeMarketViaIframeFromForm($el, 'NI');
9907  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9908"
9909
9910                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9911                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9912                  <img class="od-cp__flag"
9913                       src="https://flagcdn.com/24x18/ni.png"
9914                       alt="Nicaragua flag" loading="lazy" />
9915                  <span class="od-cp__label">
9916                    Nicaragua
9917                    <span class="od-cp__curr">(NIO C$)</span>
9918                  </span>
9919                  
9920                </button>
9921              </li>
9922            
9923              <li>
9924                <button type="button"
9925                        class="od-cp__item "
9926                        role="option"
9927                        aria-selected="false"
9928                        @click="
9929  OD.changeMarketViaIframeFromForm($el, 'NE');
9930  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9931"
9932
9933                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9934                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9935                  <img class="od-cp__flag"
9936                       src="https://flagcdn.com/24x18/ne.png"
9937                       alt="Niger flag" loading="lazy" />
9938                  <span class="od-cp__label">
9939                    Niger
9940                    <span class="od-cp__curr">(XOF Fr)</span>
9941                  </span>
9942                  
9943                </button>
9944              </li>
9945            
9946              <li>
9947                <button type="button"
9948                        class="od-cp__item "
9949                        role="option"
9950                        aria-selected="false"
9951                        @click="
9952  OD.changeMarketViaIframeFromForm($el, 'NG');
9953  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9954"
9955
9956                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9957                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9958                  <img class="od-cp__flag"
9959                       src="https://flagcdn.com/24x18/ng.png"
9960                       alt="Nigeria flag" loading="lazy" />
9961                  <span class="od-cp__label">
9962                    Nigeria
9963                    <span class="od-cp__curr">(NGN ₦)</span>
9964                  </span>
9965                  
9966                </button>
9967              </li>
9968            
9969              <li>
9970                <button type="button"
9971                        class="od-cp__item "
9972                        role="option"
9973                        aria-selected="false"
9974                        @click="
9975  OD.changeMarketViaIframeFromForm($el, 'NU');
9976  $nextTick(() => { close(); $root.recalc && $root.recalc() });
9977"
9978
9979                        style="display:flex; align-items:center; gap:.6rem; width:100%;
9980                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
9981                  <img class="od-cp__flag"
9982                       src="https://flagcdn.com/24x18/nu.png"
9983                       alt="Niue flag" loading="lazy" />
9984                  <span class="od-cp__label">
9985                    Niue
9986                    <span class="od-cp__curr">(NZD $)</span>
9987                  </span>
9988                  
9989                </button>
9990              </li>
9991            
9992              <li>
9993                <button type="button"
9994                        class="od-cp__item "
9995                        role="option"
9996                        aria-selected="false"
9997                        @click="
9998  OD.changeMarketViaIframeFromForm($el, 'NF');
9999  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10000"
10001
10002                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10003                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10004                  <img class="od-cp__flag"
10005                       src="https://flagcdn.com/24x18/nf.png"
10006                       alt="Norfolk Island flag" loading="lazy" />
10007                  <span class="od-cp__label">
10008                    Norfolk Island
10009                    <span class="od-cp__curr">(AUD $)</span>
10010                  </span>
10011                  
10012                </button>
10013              </li>
10014            
10015              <li>
10016                <button type="button"
10017                        class="od-cp__item "
10018                        role="option"
10019                        aria-selected="false"
10020                        @click="
10021  OD.changeMarketViaIframeFromForm($el, 'MK');
10022  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10023"
10024
10025                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10026                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10027                  <img class="od-cp__flag"
10028                       src="https://flagcdn.com/24x18/mk.png"
10029                       alt="North Macedonia flag" loading="lazy" />
10030                  <span class="od-cp__label">
10031                    North Macedonia
10032                    <span class="od-cp__curr">(MKD ден)</span>
10033                  </span>
10034                  
10035                </button>
10036              </li>
10037            
10038              <li>
10039                <button type="button"
10040                        class="od-cp__item "
10041                        role="option"
10042                        aria-selected="false"
10043                        @click="
10044  OD.changeMarketViaIframeFromForm($el, 'NO');
10045  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10046"
10047
10048                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10049                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10050                  <img class="od-cp__flag"
10051                       src="https://flagcdn.com/24x18/no.png"
10052                       alt="Norway flag" loading="lazy" />
10053                  <span class="od-cp__label">
10054                    Norway
10055                    <span class="od-cp__curr">(USD $)</span>
10056                  </span>
10057                  
10058                </button>
10059              </li>
10060            
10061              <li>
10062                <button type="button"
10063                        class="od-cp__item "
10064                        role="option"
10065                        aria-selected="false"
10066                        @click="
10067  OD.changeMarketViaIframeFromForm($el, 'OM');
10068  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10069"
10070
10071                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10072                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10073                  <img class="od-cp__flag"
10074                       src="https://flagcdn.com/24x18/om.png"
10075                       alt="Oman flag" loading="lazy" />
10076                  <span class="od-cp__label">
10077                    Oman
10078                    <span class="od-cp__curr">(USD $)</span>
10079                  </span>
10080                  
10081                </button>
10082              </li>
10083            
10084              <li>
10085                <button type="button"
10086                        class="od-cp__item "
10087                        role="option"
10088                        aria-selected="false"
10089                        @click="
10090  OD.changeMarketViaIframeFromForm($el, 'PK');
10091  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10092"
10093
10094                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10095                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10096                  <img class="od-cp__flag"
10097                       src="https://flagcdn.com/24x18/pk.png"
10098                       alt="Pakistan flag" loading="lazy" />
10099                  <span class="od-cp__label">
10100                    Pakistan
10101                    <span class="od-cp__curr">(PKR ₨)</span>
10102                  </span>
10103                  
10104                </button>
10105              </li>
10106            
10107              <li>
10108                <button type="button"
10109                        class="od-cp__item "
10110                        role="option"
10111                        aria-selected="false"
10112                        @click="
10113  OD.changeMarketViaIframeFromForm($el, 'PS');
10114  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10115"
10116
10117                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10118                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10119                  <img class="od-cp__flag"
10120                       src="https://flagcdn.com/24x18/ps.png"
10121                       alt="Palestinian Territories flag" loading="lazy" />
10122                  <span class="od-cp__label">
10123                    Palestinian Territories
10124                    <span class="od-cp__curr">(ILS ₪)</span>
10125                  </span>
10126                  
10127                </button>
10128              </li>
10129            
10130              <li>
10131                <button type="button"
10132                        class="od-cp__item "
10133                        role="option"
10134                        aria-selected="false"
10135                        @click="
10136  OD.changeMarketViaIframeFromForm($el, 'PA');
10137  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10138"
10139
10140                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10141                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10142                  <img class="od-cp__flag"
10143                       src="https://flagcdn.com/24x18/pa.png"
10144                       alt="Panama flag" loading="lazy" />
10145                  <span class="od-cp__label">
10146                    Panama
10147                    <span class="od-cp__curr">(USD $)</span>
10148                  </span>
10149                  
10150                </button>
10151              </li>
10152            
10153              <li>
10154                <button type="button"
10155                        class="od-cp__item "
10156                        role="option"
10157                        aria-selected="false"
10158                        @click="
10159  OD.changeMarketViaIframeFromForm($el, 'PG');
10160  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10161"
10162
10163                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10164                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10165                  <img class="od-cp__flag"
10166                       src="https://flagcdn.com/24x18/pg.png"
10167                       alt="Papua New Guinea flag" loading="lazy" />
10168                  <span class="od-cp__label">
10169                    Papua New Guinea
10170                    <span class="od-cp__curr">(PGK K)</span>
10171                  </span>
10172                  
10173                </button>
10174              </li>
10175            
10176              <li>
10177                <button type="button"
10178                        class="od-cp__item "
10179                        role="option"
10180                        aria-selected="false"
10181                        @click="
10182  OD.changeMarketViaIframeFromForm($el, 'PY');
10183  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10184"
10185
10186                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10187                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10188                  <img class="od-cp__flag"
10189                       src="https://flagcdn.com/24x18/py.png"
10190                       alt="Paraguay flag" loading="lazy" />
10191                  <span class="od-cp__label">
10192                    Paraguay
10193                    <span class="od-cp__curr">(PYG ₲)</span>
10194                  </span>
10195                  
10196                </button>
10197              </li>
10198            
10199              <li>
10200                <button type="button"
10201                        class="od-cp__item "
10202                        role="option"
10203                        aria-selected="false"
10204                        @click="
10205  OD.changeMarketViaIframeFromForm($el, 'PE');
10206  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10207"
10208
10209                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10210                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10211                  <img class="od-cp__flag"
10212                       src="https://flagcdn.com/24x18/pe.png"
10213                       alt="Peru flag" loading="lazy" />
10214                  <span class="od-cp__label">
10215                    Peru
10216                    <span class="od-cp__curr">(PEN S/)</span>
10217                  </span>
10218                  
10219                </button>
10220              </li>
10221            
10222              <li>
10223                <button type="button"
10224                        class="od-cp__item "
10225                        role="option"
10226                        aria-selected="false"
10227                        @click="
10228  OD.changeMarketViaIframeFromForm($el, 'PH');
10229  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10230"
10231
10232                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10233                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10234                  <img class="od-cp__flag"
10235                       src="https://flagcdn.com/24x18/ph.png"
10236                       alt="Philippines flag" loading="lazy" />
10237                  <span class="od-cp__label">
10238                    Philippines
10239                    <span class="od-cp__curr">(PHP ₱)</span>
10240                  </span>
10241                  
10242                </button>
10243              </li>
10244            
10245              <li>
10246                <button type="button"
10247                        class="od-cp__item "
10248                        role="option"
10249                        aria-selected="false"
10250                        @click="
10251  OD.changeMarketViaIframeFromForm($el, 'PN');
10252  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10253"
10254
10255                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10256                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10257                  <img class="od-cp__flag"
10258                       src="https://flagcdn.com/24x18/pn.png"
10259                       alt="Pitcairn Islands flag" loading="lazy" />
10260                  <span class="od-cp__label">
10261                    Pitcairn Islands
10262                    <span class="od-cp__curr">(NZD $)</span>
10263                  </span>
10264                  
10265                </button>
10266              </li>
10267            
10268              <li>
10269                <button type="button"
10270                        class="od-cp__item "
10271                        role="option"
10272                        aria-selected="false"
10273                        @click="
10274  OD.changeMarketViaIframeFromForm($el, 'PL');
10275  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10276"
10277
10278                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10279                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10280                  <img class="od-cp__flag"
10281                       src="https://flagcdn.com/24x18/pl.png"
10282                       alt="Poland flag" loading="lazy" />
10283                  <span class="od-cp__label">
10284                    Poland
10285                    <span class="od-cp__curr">(PLN zł)</span>
10286                  </span>
10287                  
10288                </button>
10289              </li>
10290            
10291              <li>
10292                <button type="button"
10293                        class="od-cp__item "
10294                        role="option"
10295                        aria-selected="false"
10296                        @click="
10297  OD.changeMarketViaIframeFromForm($el, 'PT');
10298  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10299"
10300
10301                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10302                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10303                  <img class="od-cp__flag"
10304                       src="https://flagcdn.com/24x18/pt.png"
10305                       alt="Portugal flag" loading="lazy" />
10306                  <span class="od-cp__label">
10307                    Portugal
10308                    <span class="od-cp__curr">(EUR €)</span>
10309                  </span>
10310                  
10311                </button>
10312              </li>
10313            
10314              <li>
10315                <button type="button"
10316                        class="od-cp__item "
10317                        role="option"
10318                        aria-selected="false"
10319                        @click="
10320  OD.changeMarketViaIframeFromForm($el, 'QA');
10321  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10322"
10323
10324                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10325                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10326                  <img class="od-cp__flag"
10327                       src="https://flagcdn.com/24x18/qa.png"
10328                       alt="Qatar flag" loading="lazy" />
10329                  <span class="od-cp__label">
10330                    Qatar
10331                    <span class="od-cp__curr">(QAR ر.ق)</span>
10332                  </span>
10333                  
10334                </button>
10335              </li>
10336            
10337              <li>
10338                <button type="button"
10339                        class="od-cp__item "
10340                        role="option"
10341                        aria-selected="false"
10342                        @click="
10343  OD.changeMarketViaIframeFromForm($el, 'RE');
10344  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10345"
10346
10347                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10348                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10349                  <img class="od-cp__flag"
10350                       src="https://flagcdn.com/24x18/re.png"
10351                       alt="Réunion flag" loading="lazy" />
10352                  <span class="od-cp__label">
10353                    Réunion
10354                    <span class="od-cp__curr">(EUR €)</span>
10355                  </span>
10356                  
10357                </button>
10358              </li>
10359            
10360              <li>
10361                <button type="button"
10362                        class="od-cp__item "
10363                        role="option"
10364                        aria-selected="false"
10365                        @click="
10366  OD.changeMarketViaIframeFromForm($el, 'RO');
10367  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10368"
10369
10370                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10371                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10372                  <img class="od-cp__flag"
10373                       src="https://flagcdn.com/24x18/ro.png"
10374                       alt="Romania flag" loading="lazy" />
10375                  <span class="od-cp__label">
10376                    Romania
10377                    <span class="od-cp__curr">(RON Lei)</span>
10378                  </span>
10379                  
10380                </button>
10381              </li>
10382            
10383              <li>
10384                <button type="button"
10385                        class="od-cp__item "
10386                        role="option"
10387                        aria-selected="false"
10388                        @click="
10389  OD.changeMarketViaIframeFromForm($el, 'RU');
10390  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10391"
10392
10393                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10394                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10395                  <img class="od-cp__flag"
10396                       src="https://flagcdn.com/24x18/ru.png"
10397                       alt="Russia flag" loading="lazy" />
10398                  <span class="od-cp__label">
10399                    Russia
10400                    <span class="od-cp__curr">(USD $)</span>
10401                  </span>
10402                  
10403                </button>
10404              </li>
10405            
10406              <li>
10407                <button type="button"
10408                        class="od-cp__item "
10409                        role="option"
10410                        aria-selected="false"
10411                        @click="
10412  OD.changeMarketViaIframeFromForm($el, 'RW');
10413  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10414"
10415
10416                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10417                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10418                  <img class="od-cp__flag"
10419                       src="https://flagcdn.com/24x18/rw.png"
10420                       alt="Rwanda flag" loading="lazy" />
10421                  <span class="od-cp__label">
10422                    Rwanda
10423                    <span class="od-cp__curr">(RWF FRw)</span>
10424                  </span>
10425                  
10426                </button>
10427              </li>
10428            
10429              <li>
10430                <button type="button"
10431                        class="od-cp__item "
10432                        role="option"
10433                        aria-selected="false"
10434                        @click="
10435  OD.changeMarketViaIframeFromForm($el, 'WS');
10436  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10437"
10438
10439                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10440                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10441                  <img class="od-cp__flag"
10442                       src="https://flagcdn.com/24x18/ws.png"
10443                       alt="Samoa flag" loading="lazy" />
10444                  <span class="od-cp__label">
10445                    Samoa
10446                    <span class="od-cp__curr">(WST T)</span>
10447                  </span>
10448                  
10449                </button>
10450              </li>
10451            
10452              <li>
10453                <button type="button"
10454                        class="od-cp__item "
10455                        role="option"
10456                        aria-selected="false"
10457                        @click="
10458  OD.changeMarketViaIframeFromForm($el, 'SM');
10459  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10460"
10461
10462                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10463                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10464                  <img class="od-cp__flag"
10465                       src="https://flagcdn.com/24x18/sm.png"
10466                       alt="San Marino flag" loading="lazy" />
10467                  <span class="od-cp__label">
10468                    San Marino
10469                    <span class="od-cp__curr">(EUR €)</span>
10470                  </span>
10471                  
10472                </button>
10473              </li>
10474            
10475              <li>
10476                <button type="button"
10477                        class="od-cp__item "
10478                        role="option"
10479                        aria-selected="false"
10480                        @click="
10481  OD.changeMarketViaIframeFromForm($el, 'ST');
10482  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10483"
10484
10485                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10486                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10487                  <img class="od-cp__flag"
10488                       src="https://flagcdn.com/24x18/st.png"
10489                       alt="São Tomé &amp; Príncipe flag" loading="lazy" />
10490                  <span class="od-cp__label">
10491                    São Tomé &amp; Príncipe
10492                    <span class="od-cp__curr">(STD Db)</span>
10493                  </span>
10494                  
10495                </button>
10496              </li>
10497            
10498              <li>
10499                <button type="button"
10500                        class="od-cp__item "
10501                        role="option"
10502                        aria-selected="false"
10503                        @click="
10504  OD.changeMarketViaIframeFromForm($el, 'SA');
10505  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10506"
10507
10508                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10509                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10510                  <img class="od-cp__flag"
10511                       src="https://flagcdn.com/24x18/sa.png"
10512                       alt="Saudi Arabia flag" loading="lazy" />
10513                  <span class="od-cp__label">
10514                    Saudi Arabia
10515                    <span class="od-cp__curr">(SAR ر.س)</span>
10516                  </span>
10517                  
10518                </button>
10519              </li>
10520            
10521              <li>
10522                <button type="button"
10523                        class="od-cp__item "
10524                        role="option"
10525                        aria-selected="false"
10526                        @click="
10527  OD.changeMarketViaIframeFromForm($el, 'SN');
10528  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10529"
10530
10531                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10532                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10533                  <img class="od-cp__flag"
10534                       src="https://flagcdn.com/24x18/sn.png"
10535                       alt="Senegal flag" loading="lazy" />
10536                  <span class="od-cp__label">
10537                    Senegal
10538                    <span class="od-cp__curr">(XOF Fr)</span>
10539                  </span>
10540                  
10541                </button>
10542              </li>
10543            
10544              <li>
10545                <button type="button"
10546                        class="od-cp__item "
10547                        role="option"
10548                        aria-selected="false"
10549                        @click="
10550  OD.changeMarketViaIframeFromForm($el, 'RS');
10551  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10552"
10553
10554                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10555                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10556                  <img class="od-cp__flag"
10557                       src="https://flagcdn.com/24x18/rs.png"
10558                       alt="Serbia flag" loading="lazy" />
10559                  <span class="od-cp__label">
10560                    Serbia
10561                    <span class="od-cp__curr">(RSD РСД)</span>
10562                  </span>
10563                  
10564                </button>
10565              </li>
10566            
10567              <li>
10568                <button type="button"
10569                        class="od-cp__item "
10570                        role="option"
10571                        aria-selected="false"
10572                        @click="
10573  OD.changeMarketViaIframeFromForm($el, 'SC');
10574  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10575"
10576
10577                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10578                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10579                  <img class="od-cp__flag"
10580                       src="https://flagcdn.com/24x18/sc.png"
10581                       alt="Seychelles flag" loading="lazy" />
10582                  <span class="od-cp__label">
10583                    Seychelles
10584                    <span class="od-cp__curr">(USD $)</span>
10585                  </span>
10586                  
10587                </button>
10588              </li>
10589            
10590              <li>
10591                <button type="button"
10592                        class="od-cp__item "
10593                        role="option"
10594                        aria-selected="false"
10595                        @click="
10596  OD.changeMarketViaIframeFromForm($el, 'SL');
10597  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10598"
10599
10600                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10601                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10602                  <img class="od-cp__flag"
10603                       src="https://flagcdn.com/24x18/sl.png"
10604                       alt="Sierra Leone flag" loading="lazy" />
10605                  <span class="od-cp__label">
10606                    Sierra Leone
10607                    <span class="od-cp__curr">(SLL Le)</span>
10608                  </span>
10609                  
10610                </button>
10611              </li>
10612            
10613              <li>
10614                <button type="button"
10615                        class="od-cp__item "
10616                        role="option"
10617                        aria-selected="false"
10618                        @click="
10619  OD.changeMarketViaIframeFromForm($el, 'SG');
10620  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10621"
10622
10623                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10624                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10625                  <img class="od-cp__flag"
10626                       src="https://flagcdn.com/24x18/sg.png"
10627                       alt="Singapore flag" loading="lazy" />
10628                  <span class="od-cp__label">
10629                    Singapore
10630                    <span class="od-cp__curr">(SGD $)</span>
10631                  </span>
10632                  
10633                </button>
10634              </li>
10635            
10636              <li>
10637                <button type="button"
10638                        class="od-cp__item "
10639                        role="option"
10640                        aria-selected="false"
10641                        @click="
10642  OD.changeMarketViaIframeFromForm($el, 'SX');
10643  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10644"
10645
10646                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10647                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10648                  <img class="od-cp__flag"
10649                       src="https://flagcdn.com/24x18/sx.png"
10650                       alt="Sint Maarten flag" loading="lazy" />
10651                  <span class="od-cp__label">
10652                    Sint Maarten
10653                    <span class="od-cp__curr">(ANG ƒ)</span>
10654                  </span>
10655                  
10656                </button>
10657              </li>
10658            
10659              <li>
10660                <button type="button"
10661                        class="od-cp__item "
10662                        role="option"
10663                        aria-selected="false"
10664                        @click="
10665  OD.changeMarketViaIframeFromForm($el, 'SK');
10666  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10667"
10668
10669                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10670                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10671                  <img class="od-cp__flag"
10672                       src="https://flagcdn.com/24x18/sk.png"
10673                       alt="Slovakia flag" loading="lazy" />
10674                  <span class="od-cp__label">
10675                    Slovakia
10676                    <span class="od-cp__curr">(EUR €)</span>
10677                  </span>
10678                  
10679                </button>
10680              </li>
10681            
10682              <li>
10683                <button type="button"
10684                        class="od-cp__item "
10685                        role="option"
10686                        aria-selected="false"
10687                        @click="
10688  OD.changeMarketViaIframeFromForm($el, 'SI');
10689  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10690"
10691
10692                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10693                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10694                  <img class="od-cp__flag"
10695                       src="https://flagcdn.com/24x18/si.png"
10696                       alt="Slovenia flag" loading="lazy" />
10697                  <span class="od-cp__label">
10698                    Slovenia
10699                    <span class="od-cp__curr">(EUR €)</span>
10700                  </span>
10701                  
10702                </button>
10703              </li>
10704            
10705              <li>
10706                <button type="button"
10707                        class="od-cp__item "
10708                        role="option"
10709                        aria-selected="false"
10710                        @click="
10711  OD.changeMarketViaIframeFromForm($el, 'SB');
10712  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10713"
10714
10715                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10716                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10717                  <img class="od-cp__flag"
10718                       src="https://flagcdn.com/24x18/sb.png"
10719                       alt="Solomon Islands flag" loading="lazy" />
10720                  <span class="od-cp__label">
10721                    Solomon Islands
10722                    <span class="od-cp__curr">(SBD $)</span>
10723                  </span>
10724                  
10725                </button>
10726              </li>
10727            
10728              <li>
10729                <button type="button"
10730                        class="od-cp__item "
10731                        role="option"
10732                        aria-selected="false"
10733                        @click="
10734  OD.changeMarketViaIframeFromForm($el, 'SO');
10735  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10736"
10737
10738                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10739                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10740                  <img class="od-cp__flag"
10741                       src="https://flagcdn.com/24x18/so.png"
10742                       alt="Somalia flag" loading="lazy" />
10743                  <span class="od-cp__label">
10744                    Somalia
10745                    <span class="od-cp__curr">(USD $)</span>
10746                  </span>
10747                  
10748                </button>
10749              </li>
10750            
10751              <li>
10752                <button type="button"
10753                        class="od-cp__item "
10754                        role="option"
10755                        aria-selected="false"
10756                        @click="
10757  OD.changeMarketViaIframeFromForm($el, 'ZA');
10758  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10759"
10760
10761                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10762                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10763                  <img class="od-cp__flag"
10764                       src="https://flagcdn.com/24x18/za.png"
10765                       alt="South Africa flag" loading="lazy" />
10766                  <span class="od-cp__label">
10767                    South Africa
10768                    <span class="od-cp__curr">(USD $)</span>
10769                  </span>
10770                  
10771                </button>
10772              </li>
10773            
10774              <li>
10775                <button type="button"
10776                        class="od-cp__item "
10777                        role="option"
10778                        aria-selected="false"
10779                        @click="
10780  OD.changeMarketViaIframeFromForm($el, 'GS');
10781  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10782"
10783
10784                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10785                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10786                  <img class="od-cp__flag"
10787                       src="https://flagcdn.com/24x18/gs.png"
10788                       alt="South Georgia &amp; South Sandwich Islands flag" loading="lazy" />
10789                  <span class="od-cp__label">
10790                    South Georgia &amp; South Sandwich Islands
10791                    <span class="od-cp__curr">(GBP £)</span>
10792                  </span>
10793                  
10794                </button>
10795              </li>
10796            
10797              <li>
10798                <button type="button"
10799                        class="od-cp__item "
10800                        role="option"
10801                        aria-selected="false"
10802                        @click="
10803  OD.changeMarketViaIframeFromForm($el, 'KR');
10804  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10805"
10806
10807                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10808                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10809                  <img class="od-cp__flag"
10810                       src="https://flagcdn.com/24x18/kr.png"
10811                       alt="South Korea flag" loading="lazy" />
10812                  <span class="od-cp__label">
10813                    South Korea
10814                    <span class="od-cp__curr">(KRW ₩)</span>
10815                  </span>
10816                  
10817                </button>
10818              </li>
10819            
10820              <li>
10821                <button type="button"
10822                        class="od-cp__item "
10823                        role="option"
10824                        aria-selected="false"
10825                        @click="
10826  OD.changeMarketViaIframeFromForm($el, 'SS');
10827  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10828"
10829
10830                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10831                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10832                  <img class="od-cp__flag"
10833                       src="https://flagcdn.com/24x18/ss.png"
10834                       alt="South Sudan flag" loading="lazy" />
10835                  <span class="od-cp__label">
10836                    South Sudan
10837                    <span class="od-cp__curr">(USD $)</span>
10838                  </span>
10839                  
10840                </button>
10841              </li>
10842            
10843              <li>
10844                <button type="button"
10845                        class="od-cp__item "
10846                        role="option"
10847                        aria-selected="false"
10848                        @click="
10849  OD.changeMarketViaIframeFromForm($el, 'ES');
10850  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10851"
10852
10853                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10854                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10855                  <img class="od-cp__flag"
10856                       src="https://flagcdn.com/24x18/es.png"
10857                       alt="Spain flag" loading="lazy" />
10858                  <span class="od-cp__label">
10859                    Spain
10860                    <span class="od-cp__curr">(EUR €)</span>
10861                  </span>
10862                  
10863                </button>
10864              </li>
10865            
10866              <li>
10867                <button type="button"
10868                        class="od-cp__item "
10869                        role="option"
10870                        aria-selected="false"
10871                        @click="
10872  OD.changeMarketViaIframeFromForm($el, 'LK');
10873  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10874"
10875
10876                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10877                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10878                  <img class="od-cp__flag"
10879                       src="https://flagcdn.com/24x18/lk.png"
10880                       alt="Sri Lanka flag" loading="lazy" />
10881                  <span class="od-cp__label">
10882                    Sri Lanka
10883                    <span class="od-cp__curr">(LKR ₨)</span>
10884                  </span>
10885                  
10886                </button>
10887              </li>
10888            
10889              <li>
10890                <button type="button"
10891                        class="od-cp__item "
10892                        role="option"
10893                        aria-selected="false"
10894                        @click="
10895  OD.changeMarketViaIframeFromForm($el, 'BL');
10896  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10897"
10898
10899                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10900                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10901                  <img class="od-cp__flag"
10902                       src="https://flagcdn.com/24x18/bl.png"
10903                       alt="St. Barthélemy flag" loading="lazy" />
10904                  <span class="od-cp__label">
10905                    St. Barthélemy
10906                    <span class="od-cp__curr">(EUR €)</span>
10907                  </span>
10908                  
10909                </button>
10910              </li>
10911            
10912              <li>
10913                <button type="button"
10914                        class="od-cp__item "
10915                        role="option"
10916                        aria-selected="false"
10917                        @click="
10918  OD.changeMarketViaIframeFromForm($el, 'SH');
10919  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10920"
10921
10922                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10923                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10924                  <img class="od-cp__flag"
10925                       src="https://flagcdn.com/24x18/sh.png"
10926                       alt="St. Helena flag" loading="lazy" />
10927                  <span class="od-cp__label">
10928                    St. Helena
10929                    <span class="od-cp__curr">(SHP £)</span>
10930                  </span>
10931                  
10932                </button>
10933              </li>
10934            
10935              <li>
10936                <button type="button"
10937                        class="od-cp__item "
10938                        role="option"
10939                        aria-selected="false"
10940                        @click="
10941  OD.changeMarketViaIframeFromForm($el, 'KN');
10942  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10943"
10944
10945                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10946                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10947                  <img class="od-cp__flag"
10948                       src="https://flagcdn.com/24x18/kn.png"
10949                       alt="St. Kitts &amp; Nevis flag" loading="lazy" />
10950                  <span class="od-cp__label">
10951                    St. Kitts &amp; Nevis
10952                    <span class="od-cp__curr">(XCD $)</span>
10953                  </span>
10954                  
10955                </button>
10956              </li>
10957            
10958              <li>
10959                <button type="button"
10960                        class="od-cp__item "
10961                        role="option"
10962                        aria-selected="false"
10963                        @click="
10964  OD.changeMarketViaIframeFromForm($el, 'LC');
10965  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10966"
10967
10968                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10969                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10970                  <img class="od-cp__flag"
10971                       src="https://flagcdn.com/24x18/lc.png"
10972                       alt="St. Lucia flag" loading="lazy" />
10973                  <span class="od-cp__label">
10974                    St. Lucia
10975                    <span class="od-cp__curr">(XCD $)</span>
10976                  </span>
10977                  
10978                </button>
10979              </li>
10980            
10981              <li>
10982                <button type="button"
10983                        class="od-cp__item "
10984                        role="option"
10985                        aria-selected="false"
10986                        @click="
10987  OD.changeMarketViaIframeFromForm($el, 'MF');
10988  $nextTick(() => { close(); $root.recalc && $root.recalc() });
10989"
10990
10991                        style="display:flex; align-items:center; gap:.6rem; width:100%;
10992                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
10993                  <img class="od-cp__flag"
10994                       src="https://flagcdn.com/24x18/mf.png"
10995                       alt="St. Martin flag" loading="lazy" />
10996                  <span class="od-cp__label">
10997                    St. Martin
10998                    <span class="od-cp__curr">(EUR €)</span>
10999                  </span>
11000                  
11001                </button>
11002              </li>
11003            
11004              <li>
11005                <button type="button"
11006                        class="od-cp__item "
11007                        role="option"
11008                        aria-selected="false"
11009                        @click="
11010  OD.changeMarketViaIframeFromForm($el, 'PM');
11011  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11012"
11013
11014                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11015                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11016                  <img class="od-cp__flag"
11017                       src="https://flagcdn.com/24x18/pm.png"
11018                       alt="St. Pierre &amp; Miquelon flag" loading="lazy" />
11019                  <span class="od-cp__label">
11020                    St. Pierre &amp; Miquelon
11021                    <span class="od-cp__curr">(EUR €)</span>
11022                  </span>
11023                  
11024                </button>
11025              </li>
11026            
11027              <li>
11028                <button type="button"
11029                        class="od-cp__item "
11030                        role="option"
11031                        aria-selected="false"
11032                        @click="
11033  OD.changeMarketViaIframeFromForm($el, 'VC');
11034  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11035"
11036
11037                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11038                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11039                  <img class="od-cp__flag"
11040                       src="https://flagcdn.com/24x18/vc.png"
11041                       alt="St. Vincent &amp; Grenadines flag" loading="lazy" />
11042                  <span class="od-cp__label">
11043                    St. Vincent &amp; Grenadines
11044                    <span class="od-cp__curr">(XCD $)</span>
11045                  </span>
11046                  
11047                </button>
11048              </li>
11049            
11050              <li>
11051                <button type="button"
11052                        class="od-cp__item "
11053                        role="option"
11054                        aria-selected="false"
11055                        @click="
11056  OD.changeMarketViaIframeFromForm($el, 'SD');
11057  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11058"
11059
11060                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11061                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11062                  <img class="od-cp__flag"
11063                       src="https://flagcdn.com/24x18/sd.png"
11064                       alt="Sudan flag" loading="lazy" />
11065                  <span class="od-cp__label">
11066                    Sudan
11067                    <span class="od-cp__curr">(USD $)</span>
11068                  </span>
11069                  
11070                </button>
11071              </li>
11072            
11073              <li>
11074                <button type="button"
11075                        class="od-cp__item "
11076                        role="option"
11077                        aria-selected="false"
11078                        @click="
11079  OD.changeMarketViaIframeFromForm($el, 'SR');
11080  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11081"
11082
11083                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11084                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11085                  <img class="od-cp__flag"
11086                       src="https://flagcdn.com/24x18/sr.png"
11087                       alt="Suriname flag" loading="lazy" />
11088                  <span class="od-cp__label">
11089                    Suriname
11090                    <span class="od-cp__curr">(USD $)</span>
11091                  </span>
11092                  
11093                </button>
11094              </li>
11095            
11096              <li>
11097                <button type="button"
11098                        class="od-cp__item "
11099                        role="option"
11100                        aria-selected="false"
11101                        @click="
11102  OD.changeMarketViaIframeFromForm($el, 'SJ');
11103  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11104"
11105
11106                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11107                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11108                  <img class="od-cp__flag"
11109                       src="https://flagcdn.com/24x18/sj.png"
11110                       alt="Svalbard &amp; Jan Mayen flag" loading="lazy" />
11111                  <span class="od-cp__label">
11112                    Svalbard &amp; Jan Mayen
11113                    <span class="od-cp__curr">(USD $)</span>
11114                  </span>
11115                  
11116                </button>
11117              </li>
11118            
11119              <li>
11120                <button type="button"
11121                        class="od-cp__item "
11122                        role="option"
11123                        aria-selected="false"
11124                        @click="
11125  OD.changeMarketViaIframeFromForm($el, 'SE');
11126  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11127"
11128
11129                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11130                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11131                  <img class="od-cp__flag"
11132                       src="https://flagcdn.com/24x18/se.png"
11133                       alt="Sweden flag" loading="lazy" />
11134                  <span class="od-cp__label">
11135                    Sweden
11136                    <span class="od-cp__curr">(SEK kr)</span>
11137                  </span>
11138                  
11139                </button>
11140              </li>
11141            
11142              <li>
11143                <button type="button"
11144                        class="od-cp__item "
11145                        role="option"
11146                        aria-selected="false"
11147                        @click="
11148  OD.changeMarketViaIframeFromForm($el, 'CH');
11149  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11150"
11151
11152                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11153                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11154                  <img class="od-cp__flag"
11155                       src="https://flagcdn.com/24x18/ch.png"
11156                       alt="Switzerland flag" loading="lazy" />
11157                  <span class="od-cp__label">
11158                    Switzerland
11159                    <span class="od-cp__curr">(CHF CHF)</span>
11160                  </span>
11161                  
11162                </button>
11163              </li>
11164            
11165              <li>
11166                <button type="button"
11167                        class="od-cp__item "
11168                        role="option"
11169                        aria-selected="false"
11170                        @click="
11171  OD.changeMarketViaIframeFromForm($el, 'TW');
11172  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11173"
11174
11175                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11176                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11177                  <img class="od-cp__flag"
11178                       src="https://flagcdn.com/24x18/tw.png"
11179                       alt="Taiwan flag" loading="lazy" />
11180                  <span class="od-cp__label">
11181                    Taiwan
11182                    <span class="od-cp__curr">(TWD $)</span>
11183                  </span>
11184                  
11185                </button>
11186              </li>
11187            
11188              <li>
11189                <button type="button"
11190                        class="od-cp__item "
11191                        role="option"
11192                        aria-selected="false"
11193                        @click="
11194  OD.changeMarketViaIframeFromForm($el, 'TJ');
11195  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11196"
11197
11198                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11199                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11200                  <img class="od-cp__flag"
11201                       src="https://flagcdn.com/24x18/tj.png"
11202                       alt="Tajikistan flag" loading="lazy" />
11203                  <span class="od-cp__label">
11204                    Tajikistan
11205                    <span class="od-cp__curr">(TJS ЅМ)</span>
11206                  </span>
11207                  
11208                </button>
11209              </li>
11210            
11211              <li>
11212                <button type="button"
11213                        class="od-cp__item "
11214                        role="option"
11215                        aria-selected="false"
11216                        @click="
11217  OD.changeMarketViaIframeFromForm($el, 'TZ');
11218  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11219"
11220
11221                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11222                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11223                  <img class="od-cp__flag"
11224                       src="https://flagcdn.com/24x18/tz.png"
11225                       alt="Tanzania flag" loading="lazy" />
11226                  <span class="od-cp__label">
11227                    Tanzania
11228                    <span class="od-cp__curr">(TZS Sh)</span>
11229                  </span>
11230                  
11231                </button>
11232              </li>
11233            
11234              <li>
11235                <button type="button"
11236                        class="od-cp__item "
11237                        role="option"
11238                        aria-selected="false"
11239                        @click="
11240  OD.changeMarketViaIframeFromForm($el, 'TH');
11241  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11242"
11243
11244                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11245                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11246                  <img class="od-cp__flag"
11247                       src="https://flagcdn.com/24x18/th.png"
11248                       alt="Thailand flag" loading="lazy" />
11249                  <span class="od-cp__label">
11250                    Thailand
11251                    <span class="od-cp__curr">(THB ฿)</span>
11252                  </span>
11253                  
11254                </button>
11255              </li>
11256            
11257              <li>
11258                <button type="button"
11259                        class="od-cp__item "
11260                        role="option"
11261                        aria-selected="false"
11262                        @click="
11263  OD.changeMarketViaIframeFromForm($el, 'TL');
11264  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11265"
11266
11267                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11268                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11269                  <img class="od-cp__flag"
11270                       src="https://flagcdn.com/24x18/tl.png"
11271                       alt="Timor-Leste flag" loading="lazy" />
11272                  <span class="od-cp__label">
11273                    Timor-Leste
11274                    <span class="od-cp__curr">(USD $)</span>
11275                  </span>
11276                  
11277                </button>
11278              </li>
11279            
11280              <li>
11281                <button type="button"
11282                        class="od-cp__item "
11283                        role="option"
11284                        aria-selected="false"
11285                        @click="
11286  OD.changeMarketViaIframeFromForm($el, 'TG');
11287  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11288"
11289
11290                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11291                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11292                  <img class="od-cp__flag"
11293                       src="https://flagcdn.com/24x18/tg.png"
11294                       alt="Togo flag" loading="lazy" />
11295                  <span class="od-cp__label">
11296                    Togo
11297                    <span class="od-cp__curr">(XOF Fr)</span>
11298                  </span>
11299                  
11300                </button>
11301              </li>
11302            
11303              <li>
11304                <button type="button"
11305                        class="od-cp__item "
11306                        role="option"
11307                        aria-selected="false"
11308                        @click="
11309  OD.changeMarketViaIframeFromForm($el, 'TK');
11310  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11311"
11312
11313                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11314                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11315                  <img class="od-cp__flag"
11316                       src="https://flagcdn.com/24x18/tk.png"
11317                       alt="Tokelau flag" loading="lazy" />
11318                  <span class="od-cp__label">
11319                    Tokelau
11320                    <span class="od-cp__curr">(NZD $)</span>
11321                  </span>
11322                  
11323                </button>
11324              </li>
11325            
11326              <li>
11327                <button type="button"
11328                        class="od-cp__item "
11329                        role="option"
11330                        aria-selected="false"
11331                        @click="
11332  OD.changeMarketViaIframeFromForm($el, 'TO');
11333  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11334"
11335
11336                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11337                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11338                  <img class="od-cp__flag"
11339                       src="https://flagcdn.com/24x18/to.png"
11340                       alt="Tonga flag" loading="lazy" />
11341                  <span class="od-cp__label">
11342                    Tonga
11343                    <span class="od-cp__curr">(TOP T$)</span>
11344                  </span>
11345                  
11346                </button>
11347              </li>
11348            
11349              <li>
11350                <button type="button"
11351                        class="od-cp__item "
11352                        role="option"
11353                        aria-selected="false"
11354                        @click="
11355  OD.changeMarketViaIframeFromForm($el, 'TT');
11356  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11357"
11358
11359                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11360                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11361                  <img class="od-cp__flag"
11362                       src="https://flagcdn.com/24x18/tt.png"
11363                       alt="Trinidad &amp; Tobago flag" loading="lazy" />
11364                  <span class="od-cp__label">
11365                    Trinidad &amp; Tobago
11366                    <span class="od-cp__curr">(TTD $)</span>
11367                  </span>
11368                  
11369                </button>
11370              </li>
11371            
11372              <li>
11373                <button type="button"
11374                        class="od-cp__item "
11375                        role="option"
11376                        aria-selected="false"
11377                        @click="
11378  OD.changeMarketViaIframeFromForm($el, 'TA');
11379  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11380"
11381
11382                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11383                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11384                  <img class="od-cp__flag"
11385                       src="https://flagcdn.com/24x18/ta.png"
11386                       alt="Tristan da Cunha flag" loading="lazy" />
11387                  <span class="od-cp__label">
11388                    Tristan da Cunha
11389                    <span class="od-cp__curr">(GBP £)</span>
11390                  </span>
11391                  
11392                </button>
11393              </li>
11394            
11395              <li>
11396                <button type="button"
11397                        class="od-cp__item "
11398                        role="option"
11399                        aria-selected="false"
11400                        @click="
11401  OD.changeMarketViaIframeFromForm($el, 'TN');
11402  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11403"
11404
11405                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11406                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11407                  <img class="od-cp__flag"
11408                       src="https://flagcdn.com/24x18/tn.png"
11409                       alt="Tunisia flag" loading="lazy" />
11410                  <span class="od-cp__label">
11411                    Tunisia
11412                    <span class="od-cp__curr">(USD $)</span>
11413                  </span>
11414                  
11415                </button>
11416              </li>
11417            
11418              <li>
11419                <button type="button"
11420                        class="od-cp__item "
11421                        role="option"
11422                        aria-selected="false"
11423                        @click="
11424  OD.changeMarketViaIframeFromForm($el, 'TR');
11425  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11426"
11427
11428                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11429                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11430                  <img class="od-cp__flag"
11431                       src="https://flagcdn.com/24x18/tr.png"
11432                       alt="Türkiye flag" loading="lazy" />
11433                  <span class="od-cp__label">
11434                    Türkiye
11435                    <span class="od-cp__curr">(USD $)</span>
11436                  </span>
11437                  
11438                </button>
11439              </li>
11440            
11441              <li>
11442                <button type="button"
11443                        class="od-cp__item "
11444                        role="option"
11445                        aria-selected="false"
11446                        @click="
11447  OD.changeMarketViaIframeFromForm($el, 'TM');
11448  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11449"
11450
11451                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11452                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11453                  <img class="od-cp__flag"
11454                       src="https://flagcdn.com/24x18/tm.png"
11455                       alt="Turkmenistan flag" loading="lazy" />
11456                  <span class="od-cp__label">
11457                    Turkmenistan
11458                    <span class="od-cp__curr">(USD $)</span>
11459                  </span>
11460                  
11461                </button>
11462              </li>
11463            
11464              <li>
11465                <button type="button"
11466                        class="od-cp__item "
11467                        role="option"
11468                        aria-selected="false"
11469                        @click="
11470  OD.changeMarketViaIframeFromForm($el, 'TC');
11471  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11472"
11473
11474                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11475                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11476                  <img class="od-cp__flag"
11477                       src="https://flagcdn.com/24x18/tc.png"
11478                       alt="Turks &amp; Caicos Islands flag" loading="lazy" />
11479                  <span class="od-cp__label">
11480                    Turks &amp; Caicos Islands
11481                    <span class="od-cp__curr">(USD $)</span>
11482                  </span>
11483                  
11484                </button>
11485              </li>
11486            
11487              <li>
11488                <button type="button"
11489                        class="od-cp__item "
11490                        role="option"
11491                        aria-selected="false"
11492                        @click="
11493  OD.changeMarketViaIframeFromForm($el, 'TV');
11494  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11495"
11496
11497                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11498                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11499                  <img class="od-cp__flag"
11500                       src="https://flagcdn.com/24x18/tv.png"
11501                       alt="Tuvalu flag" loading="lazy" />
11502                  <span class="od-cp__label">
11503                    Tuvalu
11504                    <span class="od-cp__curr">(AUD $)</span>
11505                  </span>
11506                  
11507                </button>
11508              </li>
11509            
11510              <li>
11511                <button type="button"
11512                        class="od-cp__item "
11513                        role="option"
11514                        aria-selected="false"
11515                        @click="
11516  OD.changeMarketViaIframeFromForm($el, 'UM');
11517  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11518"
11519
11520                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11521                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11522                  <img class="od-cp__flag"
11523                       src="https://flagcdn.com/24x18/um.png"
11524                       alt="U.S. Outlying Islands flag" loading="lazy" />
11525                  <span class="od-cp__label">
11526                    U.S. Outlying Islands
11527                    <span class="od-cp__curr">(USD $)</span>
11528                  </span>
11529                  
11530                </button>
11531              </li>
11532            
11533              <li>
11534                <button type="button"
11535                        class="od-cp__item "
11536                        role="option"
11537                        aria-selected="false"
11538                        @click="
11539  OD.changeMarketViaIframeFromForm($el, 'UG');
11540  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11541"
11542
11543                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11544                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11545                  <img class="od-cp__flag"
11546                       src="https://flagcdn.com/24x18/ug.png"
11547                       alt="Uganda flag" loading="lazy" />
11548                  <span class="od-cp__label">
11549                    Uganda
11550                    <span class="od-cp__curr">(UGX USh)</span>
11551                  </span>
11552                  
11553                </button>
11554              </li>
11555            
11556              <li>
11557                <button type="button"
11558                        class="od-cp__item "
11559                        role="option"
11560                        aria-selected="false"
11561                        @click="
11562  OD.changeMarketViaIframeFromForm($el, 'UA');
11563  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11564"
11565
11566                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11567                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11568                  <img class="od-cp__flag"
11569                       src="https://flagcdn.com/24x18/ua.png"
11570                       alt="Ukraine flag" loading="lazy" />
11571                  <span class="od-cp__label">
11572                    Ukraine
11573                    <span class="od-cp__curr">(UAH ₴)</span>
11574                  </span>
11575                  
11576                </button>
11577              </li>
11578            
11579              <li>
11580                <button type="button"
11581                        class="od-cp__item "
11582                        role="option"
11583                        aria-selected="false"
11584                        @click="
11585  OD.changeMarketViaIframeFromForm($el, 'AE');
11586  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11587"
11588
11589                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11590                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11591                  <img class="od-cp__flag"
11592                       src="https://flagcdn.com/24x18/ae.png"
11593                       alt="United Arab Emirates flag" loading="lazy" />
11594                  <span class="od-cp__label">
11595                    United Arab Emirates
11596                    <span class="od-cp__curr">(AED د.إ)</span>
11597                  </span>
11598                  
11599                </button>
11600              </li>
11601            
11602              <li>
11603                <button type="button"
11604                        class="od-cp__item "
11605                        role="option"
11606                        aria-selected="false"
11607                        @click="
11608  OD.changeMarketViaIframeFromForm($el, 'GB');
11609  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11610"
11611
11612                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11613                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11614                  <img class="od-cp__flag"
11615                       src="https://flagcdn.com/24x18/gb.png"
11616                       alt="United Kingdom flag" loading="lazy" />
11617                  <span class="od-cp__label">
11618                    United Kingdom
11619                    <span class="od-cp__curr">(GBP £)</span>
11620                  </span>
11621                  
11622                </button>
11623              </li>
11624            
11625              <li>
11626                <button type="button"
11627                        class="od-cp__item is-active"
11628                        role="option"
11629                        aria-selected="true"
11630                        @click="
11631  OD.changeMarketViaIframeFromForm($el, 'US');
11632  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11633"
11634
11635                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11636                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11637                  <img class="od-cp__flag"
11638                       src="https://flagcdn.com/24x18/us.png"
11639                       alt="United States flag" loading="lazy" />
11640                  <span class="od-cp__label">
11641                    United States
11642                    <span class="od-cp__curr">(USD $)</span>
11643                  </span>
11644                  
11645                    <svg class="od-cp__check" viewBox="0 0 24 24" aria-hidden="true">
11646                      <path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11647                    </svg>
11648                  
11649                </button>
11650              </li>
11651            
11652              <li>
11653                <button type="button"
11654                        class="od-cp__item "
11655                        role="option"
11656                        aria-selected="false"
11657                        @click="
11658  OD.changeMarketViaIframeFromForm($el, 'UY');
11659  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11660"
11661
11662                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11663                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11664                  <img class="od-cp__flag"
11665                       src="https://flagcdn.com/24x18/uy.png"
11666                       alt="Uruguay flag" loading="lazy" />
11667                  <span class="od-cp__label">
11668                    Uruguay
11669                    <span class="od-cp__curr">(UYU $U)</span>
11670                  </span>
11671                  
11672                </button>
11673              </li>
11674            
11675              <li>
11676                <button type="button"
11677                        class="od-cp__item "
11678                        role="option"
11679                        aria-selected="false"
11680                        @click="
11681  OD.changeMarketViaIframeFromForm($el, 'UZ');
11682  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11683"
11684
11685                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11686                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11687                  <img class="od-cp__flag"
11688                       src="https://flagcdn.com/24x18/uz.png"
11689                       alt="Uzbekistan flag" loading="lazy" />
11690                  <span class="od-cp__label">
11691                    Uzbekistan
11692                    <span class="od-cp__curr">(UZS so'm)</span>
11693                  </span>
11694                  
11695                </button>
11696              </li>
11697            
11698              <li>
11699                <button type="button"
11700                        class="od-cp__item "
11701                        role="option"
11702                        aria-selected="false"
11703                        @click="
11704  OD.changeMarketViaIframeFromForm($el, 'VU');
11705  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11706"
11707
11708                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11709                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11710                  <img class="od-cp__flag"
11711                       src="https://flagcdn.com/24x18/vu.png"
11712                       alt="Vanuatu flag" loading="lazy" />
11713                  <span class="od-cp__label">
11714                    Vanuatu
11715                    <span class="od-cp__curr">(VUV Vt)</span>
11716                  </span>
11717                  
11718                </button>
11719              </li>
11720            
11721              <li>
11722                <button type="button"
11723                        class="od-cp__item "
11724                        role="option"
11725                        aria-selected="false"
11726                        @click="
11727  OD.changeMarketViaIframeFromForm($el, 'VA');
11728  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11729"
11730
11731                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11732                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11733                  <img class="od-cp__flag"
11734                       src="https://flagcdn.com/24x18/va.png"
11735                       alt="Vatican City flag" loading="lazy" />
11736                  <span class="od-cp__label">
11737                    Vatican City
11738                    <span class="od-cp__curr">(EUR €)</span>
11739                  </span>
11740                  
11741                </button>
11742              </li>
11743            
11744              <li>
11745                <button type="button"
11746                        class="od-cp__item "
11747                        role="option"
11748                        aria-selected="false"
11749                        @click="
11750  OD.changeMarketViaIframeFromForm($el, 'VE');
11751  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11752"
11753
11754                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11755                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11756                  <img class="od-cp__flag"
11757                       src="https://flagcdn.com/24x18/ve.png"
11758                       alt="Venezuela flag" loading="lazy" />
11759                  <span class="od-cp__label">
11760                    Venezuela
11761                    <span class="od-cp__curr">(USD $)</span>
11762                  </span>
11763                  
11764                </button>
11765              </li>
11766            
11767              <li>
11768                <button type="button"
11769                        class="od-cp__item "
11770                        role="option"
11771                        aria-selected="false"
11772                        @click="
11773  OD.changeMarketViaIframeFromForm($el, 'VN');
11774  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11775"
11776
11777                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11778                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11779                  <img class="od-cp__flag"
11780                       src="https://flagcdn.com/24x18/vn.png"
11781                       alt="Vietnam flag" loading="lazy" />
11782                  <span class="od-cp__label">
11783                    Vietnam
11784                    <span class="od-cp__curr">(VND ₫)</span>
11785                  </span>
11786                  
11787                </button>
11788              </li>
11789            
11790              <li>
11791                <button type="button"
11792                        class="od-cp__item "
11793                        role="option"
11794                        aria-selected="false"
11795                        @click="
11796  OD.changeMarketViaIframeFromForm($el, 'WF');
11797  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11798"
11799
11800                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11801                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11802                  <img class="od-cp__flag"
11803                       src="https://flagcdn.com/24x18/wf.png"
11804                       alt="Wallis &amp; Futuna flag" loading="lazy" />
11805                  <span class="od-cp__label">
11806                    Wallis &amp; Futuna
11807                    <span class="od-cp__curr">(XPF Fr)</span>
11808                  </span>
11809                  
11810                </button>
11811              </li>
11812            
11813              <li>
11814                <button type="button"
11815                        class="od-cp__item "
11816                        role="option"
11817                        aria-selected="false"
11818                        @click="
11819  OD.changeMarketViaIframeFromForm($el, 'EH');
11820  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11821"
11822
11823                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11824                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11825                  <img class="od-cp__flag"
11826                       src="https://flagcdn.com/24x18/eh.png"
11827                       alt="Western Sahara flag" loading="lazy" />
11828                  <span class="od-cp__label">
11829                    Western Sahara
11830                    <span class="od-cp__curr">(MAD د.م.)</span>
11831                  </span>
11832                  
11833                </button>
11834              </li>
11835            
11836              <li>
11837                <button type="button"
11838                        class="od-cp__item "
11839                        role="option"
11840                        aria-selected="false"
11841                        @click="
11842  OD.changeMarketViaIframeFromForm($el, 'YE');
11843  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11844"
11845
11846                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11847                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11848                  <img class="od-cp__flag"
11849                       src="https://flagcdn.com/24x18/ye.png"
11850                       alt="Yemen flag" loading="lazy" />
11851                  <span class="od-cp__label">
11852                    Yemen
11853                    <span class="od-cp__curr">(YER ï·¼)</span>
11854                  </span>
11855                  
11856                </button>
11857              </li>
11858            
11859              <li>
11860                <button type="button"
11861                        class="od-cp__item "
11862                        role="option"
11863                        aria-selected="false"
11864                        @click="
11865  OD.changeMarketViaIframeFromForm($el, 'ZM');
11866  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11867"
11868
11869                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11870                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11871                  <img class="od-cp__flag"
11872                       src="https://flagcdn.com/24x18/zm.png"
11873                       alt="Zambia flag" loading="lazy" />
11874                  <span class="od-cp__label">
11875                    Zambia
11876                    <span class="od-cp__curr">(USD $)</span>
11877                  </span>
11878                  
11879                </button>
11880              </li>
11881            
11882              <li>
11883                <button type="button"
11884                        class="od-cp__item "
11885                        role="option"
11886                        aria-selected="false"
11887                        @click="
11888  OD.changeMarketViaIframeFromForm($el, 'ZW');
11889  $nextTick(() => { close(); $root.recalc && $root.recalc() });
11890"
11891
11892                        style="display:flex; align-items:center; gap:.6rem; width:100%;
11893                               text-align:left; padding:.6rem .75rem; border-radius:10px;">
11894                  <img class="od-cp__flag"
11895                       src="https://flagcdn.com/24x18/zw.png"
11896                       alt="Zimbabwe flag" loading="lazy" />
11897                  <span class="od-cp__label">
11898                    Zimbabwe
11899                    <span class="od-cp__curr">(USD $)</span>
11900                  </span>
11901                  
11902                </button>
11903              </li>
11904            
11905          </ul>
11906        </div>
11907      </div>
11908    </form>
11909  </div>
11910</aside>
11911
11912
11913<!-- ============= DESKTOP: HEADER (one parent) ============= -->
11914<div class="hidden md:block" id="od-desktop-header">
11915
11916  <!-- Sentinel just above the row -->
11917  <div id="od-middle-top-sentinel" class="od-middle-sentinel" aria-hidden="true" style="height:1px"></div>
11918
11919  <!-- Middle row -->
11920  <div id="od-desktop-middle" class="flex items-center justify-between h-16 px-4 od-sticky-desktop-middle">
11921<!-- Desktop hamburger (only shows when sticky) -->
11922<button
11923  type="button"
11924  class="od-desktop-burger hidden md:inline-flex items-center justify-center"
11925  :aria-expanded="desktopMenuOpen.toString()"
11926  aria-label="Toggle desktop menu"
11927  @click="desktopMenuOpen = !desktopMenuOpen"
11928>
11929  <!-- Hamburger -->
11930  <svg class="od-burger-icon" viewBox="0 0 24 24" aria-hidden="true">
11931    <path d="M4 6h16M4 12h16M4 18h16"
11932          fill="none" stroke="currentColor" stroke-width="2.25"
11933          stroke-linecap="round" stroke-linejoin="round"/>
11934  </svg>
11935  <!-- X -->
11936  <svg class="od-close-icon" viewBox="0 0 24 24" aria-hidden="true">
11937    <path d="M6 18L18 6M6 6l12 12"
11938          fill="none" stroke="currentColor" stroke-width="2.25"
11939          stroke-linecap="round" stroke-linejoin="round"/>
11940  </svg>
11941</button>
11942
11943    <!-- Logo (left) -->
11944    <div class="flex items-center z-10">
11945      <a href="/"
11946         x-element-transition-trigger
11947         @click="mobileSearchOpen=false; mobileMenuOpen=false"
11948         class="od-logo block"
11949         style="max-width:220px;">
11950        
11951          
11952
11953          
11954
11955
11956<div class="bg-[--fade-in-bg] ">
11957  
11958    <img src="//operadepot.com/cdn/shop/files/Opera-Depot-Banner-No-Tier.webp?v=1789873002" alt="Opera Depot" width="1587" height="223" loading="lazy" class="faded-img opacity-0 transition-opacity duration-300 h-[36px] w-auto" onload="this.classList.remove(&#39;opacity-0&#39;);">
11959  
11960</div>
11961
11962        
11963      </a>
11964    </div>
11965
11966        <!-- Search (center) -->
11967<div
11968  class="absolute left-1/2 -translate-x-1/2 w-full flex justify-center od-search"
11969  x-data="Search"
11970  @click.outside="closePredictiveSearch()"
11971  @focusin="isDropdownVisible = true"
11972  @focusout="setTimeout(() => { isDropdownVisible = false }, 100)"
11973  style="width: clamp(240px, 32vw, 360px); max-width: calc(100vw - 560px); min-width: 240px;"
11974>
11975      <div class="relative w-full">
11976        <form
11977          @submit.prevent="if (searchTermInput.trim()) { goToSearchPage('/search') }"
11978          class="relative header-search-form w-full"
11979          role="search"
11980        >
11981          <input
11982            type="search"
11983            name="q"
11984            id="header-search-input"
11985            placeholder="Search"
11986            x-model="searchTermInput"
11987            @input.debounce.300ms="setSearchTerm"
11988            @keydown.enter.prevent="if (searchTermInput.trim()) { goToSearchPage('/search') }"
11989            class="block w-full h-11 pr-10 pl-3"
11990            autocomplete="off"
11991          />
11992
11993          <template x-if="!searchTermInput">
11994            <span class="od-search-icon" aria-hidden="true">
11995              <svg viewBox="0 0 24 24" aria-hidden="true" class="w-full h-full">
11996                <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
11997                <line x1="16.5" y1="16.5" x2="21.5" y2="21.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
11998              </svg>
11999            </span>
12000          </template>
12001
12002          <template x-if="searchTermInput">
12003            <button
12004              type="button"
12005              id="header-search-clear"
12006              @click="resetSearchTerm()"
12007              aria-label="Clear search"
12008              class="od-search-clear"
12009            >✕</button>
12010          </template>
12011        </form>
12012          <!-- Suggested Search Terms Popup -->
12013<div
12014  x-show="isDropdownVisible && queries.length"
12015  x-cloak
12016  x-transition.opacity
12017  class="od-predictive-search absolute left-0 right-0 top-full mt-2 rounded-xl border border-gray-200 bg-white p-4 shadow-xl"
12018>
12019  <h2 class="text-lg mb-2">Suggestions</h2>
12020  <div class="flex flex-wrap gap-2">
12021    <template x-for="query in queries" :key="query.text">
12022      <a
12023        :href="query.url"
12024        class="button button--outline-secondary"
12025        x-element-transition-trigger
12026        @click="document.activeElement && document.activeElement.blur()"
12027        x-text="query.text"
12028      ></a>
12029    </template>
12030  </div>
12031</div>
12032
12033
12034      </div>
12035    </div>
12036
12037    <!-- Actions (right) -->
12038    
12039    <div class="flex items-center gap-4 flex-nowrap z-10 od-actions">
12040
12041<button
12042   type="button"
12043   class="od-sticky-mobile-search-trigger od-icon-wrap"
12044   @click="
12045     desktopMenuOpen = false;
12046     mobileMenuOpen = false;
12047     mobileSearchOpen = !mobileSearchOpen;
12048     if (mobileSearchOpen) {
12049       $nextTick(() => { document.getElementById('od-mobile-search-input')?.focus(); });
12050     }
12051   "
12052   aria-label="Search"
12053   style="--tap:38px; --icon-size:24px; color:#111;">
12054  <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12055    <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
12056    <line x1="16.5" y1="16.5" x2="21.5" y2="21.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
12057  </svg>
12058</button>
12059
12060<!-- My Library -->
12061<a href="/pages/my-library"
12062   x-element-transition-trigger
12063   class="od-icon-link"
12064   aria-label="My Collection"
12065   title="My Collection">
12066  <span class="od-icon-wrap" style="--tap:30px; --icon-size-desktop:22px; color:#111;">
12067    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12068      <!-- Headband -->
12069      <path d="M4 12
12070               C4 6.5 8 3.5 12 3.5
12071               C16 3.5 20 6.5 20 12
12072               L18 12
12073               C18 7.5 15.2 5 12 5
12074               C8.8 5 6 7.5 6 12
12075               Z"
12076            fill="currentColor"/>
12077
12078      <!-- Left ear cup -->
12079      <rect x="3" y="11" width="4" height="9" rx="2"
12080            fill="currentColor"/>
12081
12082      <!-- Right ear cup -->
12083      <rect x="17" y="11" width="4" height="9" rx="2"
12084            fill="currentColor"/>
12085    </svg>
12086  </span>
12087  <span class="od-icon-label">My Collection</span>
12088</a>
12089
12090
12091      <!-- Wishlist -->
12092      <a href="/pages/wishlist" x-element-transition-trigger class="od-icon-link swym-wishlist" aria-label="Open wishlist" title="Wishlist">
12093  <span class="od-icon-wrap od-has-badge" style="--tap:30px; --icon-size-desktop:22px; color:#111; position:relative;">
12094    <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12095      <g transform="translate(1.12,2.7) scale(0.165)">
12096        <path
12097          d="M60.83,17.19C68.84,8.84,74.45,1.62,86.79,0.21c23.17-2.66,44.48,21.06,32.78,44.41
12098             c-3.33,6.65-10.11,14.56-17.61,22.32c-8.23,8.52-17.34,16.87-23.72,23.2l-17.4,17.26L46.46,93.56C29.16,76.9,0.95,55.93,0.02,29.95
12099             C-0.63,11.75,13.73,0.09,30.25,0.3C45.01,0.5,51.22,7.84,60.83,17.19L60.83,17.19L60.83,17.19z"
12100          fill="currentColor"
12101          fill-rule="evenodd"
12102          clip-rule="evenodd"
12103        />
12104      </g>
12105    </svg>
12106    <span
12107      class="od-cart-badge od-wishlist-badge swym-wishlist-header-counter"
12108      x-cloak
12109      x-show="$store.wishlist && $store.wishlist.count > 0"
12110      x-text="$store.wishlist.count > 9 ? '9+' : $store.wishlist.count"
12111      aria-live="polite"></span>
12112  </span>
12113  <span class="od-icon-label">Wishlist</span>
12114</a>
12115
12116
12117      
12118        <a href="/customer_authentication/login?return_to=%2Fproducts%2Fgounod-mireille-vivalda-gedda-gayraud-dens-cluytens&locale=en&ui_hint=full&region_country=US" @click.prevent="mobileMenuOpen=false; handleLoginClick('/customer_authentication/login?return_to=%2Fproducts%2Fgounod-mireille-vivalda-gedda-gayraud-dens-cluytens&locale=en&ui_hint=full&region_country=US', (window.matchMedia('(min-width: 768px)').matches && true), true)" class="od-icon-link" aria-label="Log In" title="Log In">
12119          <span class="od-icon-wrap" style="--tap:30px; --icon-size-desktop:22px; color:#111;">
12120            <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none">
12121              <path d="M12 12a4 4 0 1 0-0.001-8.001A4 4 0 0 0 12 12Z" stroke="currentColor" stroke-width="2" linecap="round" linejoin="round"/>
12122              <path d="M4 20a8 8 0 0 1 16 0" stroke="currentColor" stroke-width="2" linecap="round" linejoin="round"/>
12123            </svg>
12124          </span>
12125          <span class="od-icon-label">Log In</span>
12126        </a>
12127      
12128
12129      <!-- Cart -->
12130      <a href="/cart" x-element-transition-trigger class="od-icon-link" aria-label="View cart" title="Cart">
12131        <span class="od-icon-wrap od-has-badge" style="--tap:36px; --icon-size-desktop:28px; color:#111; position:relative;">
12132          <svg class="od-icon" viewBox="0 0 24 24" aria-hidden="true">
12133            <path d="M3 6h2l1.4 9h10.4l2-7H6.2" fill="none" stroke="currentColor" stroke-width="2.25" linecap="round" linejoin="round"/>
12134            <circle cx="10" cy="19" r="1.5" fill="currentColor"/>
12135            <circle cx="17" cy="19" r="1.5" fill="currentColor"/>
12136          </svg>
12137          <span x-cloak
12138                x-show="cartCount > 0"
12139                x-text="cartCount > 9 ? '9+' : cartCount"
12140                class="od-cart-badge"
12141                aria-live="polite"></span>
12142        </span>
12143        <span class="od-icon-label">Cart</span>
12144      </a>
12145    </div>
12146  </div>
12147
12148  <!-- Spacer (prevents layout jump when middle row is fixed) -->
12149  <div id="od-desktop-middle-spacer" aria-hidden="true" style="height:0"></div>
12150
12151<!-- Desktop menu sits under the sticky row -->
12152
12153<nav id="od-desktop-nav" class="mt-4">
12154  <ul class="header-inline-menu justify-center">
12155    
12156      <li>
12157        <a href="/pages/composers"
12158           
12159               
12160               
12161                 x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
12162               
12163             
12164           @click="desktopMenuOpen=false">
12165          Composers
12166        </a>
12167      </li>
12168    
12169      <li>
12170        <a href="/pages/sopranos"
12171           
12172               
12173               
12174                 x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
12175               
12176             
12177           @click="desktopMenuOpen=false">
12178          Sopranos
12179        </a>
12180      </li>
12181    
12182      <li>
12183        <a href="/pages/mezzo-sopranos"
12184           
12185               
12186               
12187                 x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
12188               
12189             
12190           @click="desktopMenuOpen=false">
12191          Mezzos
12192        </a>
12193      </li>
12194    
12195      <li>
12196        <a href="/pages/tenors"
12197           
12198               
12199               
12200                 x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
12201               
12202             
12203           @click="desktopMenuOpen=false">
12204          Tenors
12205        </a>
12206      </li>
12207    
12208      <li>
12209        <a href="/pages/baritones-and-basses"
12210           
12211               
12212               
12213                 x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
12214               
12215             
12216           @click="desktopMenuOpen=false">
12217          Baritones & Basses
12218        </a>
12219      </li>
12220    
12221      <li>
12222        <a href="/pages/conductors"
12223           
12224               
12225               
12226                 x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
12227               
12228             
12229           @click="desktopMenuOpen=false">
12230          Conductors
12231        </a>
12232      </li>
12233    
12234      <li>
12235        <a href="/collections/coming-soon"
12236           
12237               x-element-transition-trigger:category.animate="
12238                 {
12239                   'title': `Coming Soon`,
12240                   
12241                   'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
12242                   
12243                   'description': ``
12244                 }
12245               "
12246             
12247           @click="desktopMenuOpen=false">
12248          Coming Soon
12249        </a>
12250      </li>
12251    
12252      <li>
12253        <a href="/collections/free-streaming-titles"
12254           
12255               x-element-transition-trigger:category.animate="
12256                 {
12257                   'title': `Free Streaming Titles`,
12258                   
12259                   'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
12260                   
12261                   'description': ``
12262                 }
12263               "
12264             
12265           @click="desktopMenuOpen=false">
12266          Free Streaming Titles
12267        </a>
12268      </li>
12269    
12270  </ul>
12271</nav>
12272
12273
12274<!-- Phantom spacer preserves layout when sticky nav becomes fixed -->
12275<div id="od-desktop-nav-spacer" aria-hidden="true" style="height:0"></div>
12276
12277<!-- STICKY-ONLY FLYDOWN (separate element so static nav stays in flow) -->
12278<nav id="od-desktop-flydown" x-cloak :aria-hidden="(!desktopMenuOpen).toString()">
12279  <ul class="header-inline-menu justify-center">
12280    
12281      <li>
12282        <a href="/pages/composers"
12283           
12284               
12285               
12286                 x-element-transition-trigger:voice-grid.animate='{ "title": "Composers" }'
12287               
12288             
12289           @click="desktopMenuOpen=false">
12290          Composers
12291        </a>
12292      </li>
12293    
12294      <li>
12295        <a href="/pages/sopranos"
12296           
12297               
12298               
12299                 x-element-transition-trigger:voice-grid.animate='{ "title": "Sopranos" }'
12300               
12301             
12302           @click="desktopMenuOpen=false">
12303          Sopranos
12304        </a>
12305      </li>
12306    
12307      <li>
12308        <a href="/pages/mezzo-sopranos"
12309           
12310               
12311               
12312                 x-element-transition-trigger:voice-grid.animate='{ "title": "Mezzo Sopranos" }'
12313               
12314             
12315           @click="desktopMenuOpen=false">
12316          Mezzos
12317        </a>
12318      </li>
12319    
12320      <li>
12321        <a href="/pages/tenors"
12322           
12323               
12324               
12325                 x-element-transition-trigger:voice-grid.animate='{ "title": "Tenors" }'
12326               
12327             
12328           @click="desktopMenuOpen=false">
12329          Tenors
12330        </a>
12331      </li>
12332    
12333      <li>
12334        <a href="/pages/baritones-and-basses"
12335           
12336               
12337               
12338                 x-element-transition-trigger:voice-grid.animate='{ "title": "Baritones & Basses" }'
12339               
12340             
12341           @click="desktopMenuOpen=false">
12342          Baritones & Basses
12343        </a>
12344      </li>
12345    
12346      <li>
12347        <a href="/pages/conductors"
12348           
12349               
12350               
12351                 x-element-transition-trigger:voice-grid.animate='{ "title": "Conductors" }'
12352               
12353             
12354           @click="desktopMenuOpen=false">
12355          Conductors
12356        </a>
12357      </li>
12358    
12359      <li>
12360        <a href="/collections/coming-soon"
12361           
12362               x-element-transition-trigger:category.animate="
12363                 {
12364                   'title': `Coming Soon`,
12365                   
12366                   'img': '//operadepot.com/cdn/shop/collections/Coming-Soon-Collection-Image.jpg?v=1783108541',
12367                   
12368                   'description': ``
12369                 }
12370               "
12371             
12372           @click="desktopMenuOpen=false">
12373          Coming Soon
12374        </a>
12375      </li>
12376    
12377      <li>
12378        <a href="/collections/free-streaming-titles"
12379           
12380               x-element-transition-trigger:category.animate="
12381                 {
12382                   'title': `Free Streaming Titles`,
12383                   
12384                   'img': '//operadepot.com/cdn/shop/collections/Streaming-Icon.png?v=1774642900',
12385                   
12386                   'description': ``
12387                 }
12388               "
12389             
12390           @click="desktopMenuOpen=false">
12391          Free Streaming Titles
12392        </a>
12393      </li>
12394    
12395  </ul>
12396</nav>
12397
12398</div> <!-- end desktop header wrapper -->
12399<!-- end desktop header wrapper -->
12400</div>
12401
12402
12403
12404
12405
12406</header>
12407
12408<div id="od-mobile-header-spacer" aria-hidden="true"></div>
12409
12410
12411<script>
12412  document.addEventListener('alpine:init', () => {
12413    window.handleLoginClick = (url, openInNewTab, isLogin) => {
12414      const primaryHost = 'operadepot.com';
12415      const norm = (h) => (h || '').replace(/^www\./, '');
12416      const here = norm(window.location.hostname);
12417      const base = norm(primaryHost);
12418
12419      if (base && here !== base) {
12420        window.location.href = 'https://' + base + '/account';
12421        return;
12422      }
12423
12424      if (openInNewTab && window.matchMedia('(min-width: 768px)').matches) {
12425        window.open(url, '_blank', 'noopener');
12426        return;
12427      }
12428
12429      if (isLogin && false) {
12430        const modalRoot = document.querySelector('[x-cloak]')?.closest('[x-data]');
12431        if (modalRoot && modalRoot.__x) { modalRoot.__x.$data.open = true; return; }
12432      }
12433
12434      window.location.href = url;
12435      
12436    };
12437
12438    const dispatchLoginState = (val) => {
12439      window.dispatchEvent(new CustomEvent('od:set-is-logged-in', { detail: { value: !!val } }));
12440    };
12441    const quickInfer = () => {
12442      try {
12443        return !!(window.ShopifyAnalytics && ShopifyAnalytics.meta && ShopifyAnalytics.meta.page && ShopifyAnalytics.meta.page.customerId);
12444      } catch (e) { return null; }
12445    };
12446    async function refreshLoginState() {
12447      const quick = quickInfer();
12448      if (quick !== null) { dispatchLoginState(quick); return; }
12449      try {
12450        const res = await fetch('/account', { credentials: 'include' });
12451        const logged = res.url && !res.url.includes('/account/login');
12452        dispatchLoginState(logged);
12453      } catch (e) {}
12454    }
12455    window.addEventListener('focus', refreshLoginState);
12456    document.addEventListener('visibilitychange', () => { if (!document.hidden) refreshLoginState(); });
12457    setTimeout(refreshLoginState, 0);
12458      // --- Cart badge: keep count in sync across the site ---
12459  const broadcastCartCount = (n) =>
12460    window.dispatchEvent(new CustomEvent('od:cart-count', { detail: { count: Math.max(0, n|0) } }));
12461
12462  async function refreshCartCount(){
12463    try {
12464      const res = await fetch('/cart.js', { credentials: 'include', cache: 'no-store' });
12465      const data = await res.json();
12466      broadcastCartCount(data && typeof data.item_count === 'number' ? data.item_count : 0);
12467    } catch (e) { /* no-op */ }
12468  }
12469
12470  // Intercept fetch to catch cart mutations
12471  const _fetch = window.fetch;
12472  window.fetch = async function(...args){
12473    const res = await _fetch.apply(this, args);
12474    try{
12475      const u = typeof args[0] === 'string' ? args[0] : (args[0] && args[0].url) || '';
12476      if (/\/cart\/(add|change|update)\.(js|json)?/i.test(u)) setTimeout(refreshCartCount, 0);
12477    } catch(e){}
12478    return res;
12479  };
12480
12481  // Intercept XHR as well (in case anything still uses it)
12482  (function(){
12483    const X = XMLHttpRequest.prototype;
12484    const o = X.open, s = X.send;
12485    X.open = function(method, url){ this.__od_url = url; return o.apply(this, arguments); };
12486    X.send = function(){
12487      this.addEventListener('loadend', () => {
12488        try{
12489          if (this.__od_url && /\/cart\/(add|change|update)\.(js|json)?/i.test(this.__od_url)) refreshCartCount();
12490        } catch(e){}
12491      });
12492      return s.apply(this, arguments);
12493    };
12494  })();
12495
12496  // Also refresh after your SPA swaps / page loads
12497  document.addEventListener('od:after-swap', refreshCartCount);
12498  document.addEventListener('shopify:page:load', refreshCartCount);
12499
12500  // Normalize count after boot (Liquid may be stale)
12501  setTimeout(refreshCartCount, 50);
12502  });
12503
12504  (function(){
12505    var el = document.getElementById('mobile-account-cta');
12506    if(!el) return;
12507    var LOGIN_URL = '/customer_authentication/login?return_to=%2Fproducts%2Fgounod-mireille-vivalda-gedda-gayraud-dens-cluytens&locale=en&ui_hint=full&region_country=US';
12508    function setAccount(){ el.textContent = 'My Account'; el.setAttribute('href','/account'); el.onclick = function(e){ e.preventDefault(); handleLoginClick('/account', false, false); }; }
12509    function setLogin(){ el.textContent = 'Log In'; el.setAttribute('href', LOGIN_URL); el.onclick = function(e){ e.preventDefault(); handleLoginClick(LOGIN_URL, false, true); }; }
12510    function quickInfer(){ try { return !!(window.ShopifyAnalytics && ShopifyAnalytics.meta && ShopifyAnalytics.meta.page && ShopifyAnalytics.meta.page.customerId); } catch(_) { return null; } }
12511    function check(){
12512      var qi = quickInfer();
12513      if (qi !== null) { qi ? setAccount() : setLogin(); return; }
12514      fetch('/account', { credentials: 'include' }).then(function(res){
12515        (res && typeof res.url === 'string' && res.url.indexOf('/account/login') === -1) ? setAccount() : setLogin();
12516      }).catch(function(){});
12517    }
12518    setTimeout(check, 0);
12519    document.addEventListener('visibilitychange', function(){ if(!document.hidden) check(); });
12520    window.addEventListener('focus', check);
12521  })();
12522</script>
12522
12523
12524
12525<style>
12526/* ===================== Mobile sticky (unchanged) ===================== */
12527.od-sticky-mobile{ position: sticky; top: 0; }
12528@supports (top: env(safe-area-inset-top)){ .od-sticky-mobile{ top: env(safe-area-inset-top); } }
12529/* Sticky only on small screens / touch */
12530@media (max-width: 767.98px), (hover:none) and (pointer:coarse){
12531  .od-sticky-mobile{
12532    position: -webkit-sticky;
12533    position: sticky;
12534    top: env(safe-area-inset-top, 0);
12535    z-index: 120;
12536    isolation: isolate;
12537  }
12538
12539  #od-mobile-header-spacer{
12540    display: none;
12541    height: 0;
12542  }
12543
12544  html.opera-depot-player-scroll-locked #od-header.od-sticky-mobile + #od-mobile-header-spacer{
12545    display: block;
12546    height: var(--od-mobile-header-height, 56px);
12547  }
12548
12549  html.opera-depot-player-scroll-locked #od-header.od-sticky-mobile{
12550    position: fixed !important;
12551    top: var(--od-mobile-top, env(safe-area-inset-top, 0)) !important;
12552    left: 0;
12553    right: 0;
12554    width: 100%;
12555    z-index: 899;
12556  }
12557
12558  /* Chrome on iPad can lose sticky behavior more easily when a sticky ancestor
12559     participates in transformed/contained paint contexts during SPA swaps. */
12560  .shopify-section-header,
12561  #shopify-section-header,
12562  #od-header,
12563  #od-header > .max-w-7xl{
12564    transform: none !important;
12565    contain: none !important;
12566    will-change: auto !important;
12567    overflow: visible !important;
12568  }
12569}
12570/* Desktop: header wrapper itself is not sticky */
12571@media (min-width:768px){
12572  .od-sticky-mobile{ position: static; top: auto; }
12573}
12574/* Debug helper */
12575.force-sticky .od-sticky-mobile{ position: sticky !important; top:0 !important; }
12576
12577/* Guard: prevent ancestors from clipping */
12578.shopify-section-header,
12579#shopify-section-header{ overflow: visible !important; }
12580
12581/* ===================== Base header / shared ===================== */
12582header{ position:relative; z-index:1; }
12583.header-inline-menu{ display:flex; flex-wrap:wrap; gap:1.5rem; list-style:none; margin:0; padding:0; }
12584.header-inline-menu li a{ text-decoration:none; color:inherit; font-weight:900; transition:color .2s ease; }
12585.header-inline-menu li a:hover{ color:#6b46c1; text-decoration:underline; }
12586[x-cloak]{ display:none !important; }
12587
12588/* Keep header solid white even if theme toggles transparency */
12589#od-header,
12590#shopify-section-header #od-header,
12591.shopify-section-header #od-header{
12592  background:#fff !important;
12593  -webkit-backdrop-filter:none !important;
12594  backdrop-filter:none !important;
12595}
12596
12597/* ===================== Icon helpers ===================== */
12598.od-icon-wrap{ display:inline-flex; align-items:center; justify-content:center; width:var(--tap,44px); height:var(--tap,44px); line-height:1; }
12599.od-icon{ display:block; width:var(--icon-size,15px); height:var(--icon-size,15px); line-height:1; vertical-align:middle; }
12600@media (min-width:768px){
12601  .od-icon{ width:var(--icon-size-desktop,40px); height:var(--icon-size-desktop,40px); }
12602}
12603.od-icon-link{ display:inline-flex; align-items:center; gap:.5rem; color:#111; text-decoration:none; }
12604.od-icon-link:hover{ color:#6b46c1; }
12605.od-icon-label{ font-weight:500; text-transform:none; letter-spacing:.02em; font-size:.85rem; line-height:1; }
12606.od-radio-launch{
12607  display:inline-flex; align-items:center; gap:.45rem;
12608  width:auto !important; height:30px !important; padding:0 .6rem !important;
12609  border:1px solid transparent; border-radius:9999px;
12610  background:transparent; color:#111; font-size:.85rem; font-weight:700; line-height:1;
12611  white-space:nowrap; cursor:pointer; text-decoration:none;
12612  transition:background .15s ease, border-color .15s ease, color .15s ease;
12613}
12614.od-radio-launch:hover{
12615  background:#f9fafb; border-color:#e5e7eb; color:#6b46c1;
12616}
12617.od-radio-launch__icon{
12618  display:block; width:26px; height:26px; flex:0 0 26px;
12619  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12620}
12621.od-radio-launch__icon line,
12622.od-radio-launch__icon rect,
12623.od-radio-launch__icon circle{
12624  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12625  vector-effect:non-scaling-stroke;
12626}
12627
12628/* Optional misc */
12629.od-icons{ gap:.5rem; }
12630.od-search-shift{ margin-right: var(--search-shift, 0); }
12631@media (min-width:768px){ .od-search-shift{ margin-right:0; } }
12632
12633/* ===================== Logo (slightly smaller on desktop) ===================== */
12634#od-header .od-logo img{
12635  height:36px !important;  /* was 40px */
12636  width:auto !important;
12637  max-width:none;
12638  object-fit:contain;
12639}
12640@media (min-width:1024px){
12641  #od-header .od-logo img{ height:44px !important; } /* was 48px */
12642}
12643@media (max-width:1240px){
12644  #od-header .od-logo img{ height:34px !important; } /* was 36px */
12645}
12646@media (max-width:1080px){
12647  #od-header .od-logo img{ height:30px !important; } /* was 32px */
12648}
12649
12650
12651/* ===================== Header search (desktop) ===================== */
12652#header-search-input{
12653  border:1.5px solid #000 !important; border-radius:12px !important; background:#fff;
12654  box-shadow:none !important; outline:none !important; height:44px !important; padding-right:40px !important; min-width:250px;
12655}
12656#header-search-clear{ font-size:18px; line-height:1; color:#6b7280; background:transparent; border:0; padding:0; cursor:pointer; }
12657#header-search-clear:hover{ color:#000; }
12658#od-header .od-search-icon, #od-header .od-search-clear{
12659  position:absolute !important; right:12px !important; left:auto !important; top:50% !important; transform:translateY(-50%) !important;
12660}
12661#od-header .od-search-icon{ pointer-events:none; display:inline-flex; width:20px; height:20px; color:#6b7280; }
12662@media (min-width:768px){ .header-search-form{ width:100%; } }
12663
12664/* Mid-width adjustments */
12665@media (max-width:1210px){
12666  .od-actions .od-icon-label{ display:none; }
12667  .od-actions{ gap:10px; }
12668  .od-search{ width: clamp(220px, 26vw, 300px); max-width: calc(100vw - 380px); }
12669
12670  .od-actions .od-icon-wrap{ --icon-size-desktop:20px; }
12671  .od-actions [style*="--tap:"]{ --tap:28px; }
12672}
12673
12674/* Labels return above the medium breakpoint */
12675@media (min-width:1211px){
12676  .od-actions .od-icon-label{ display:inline; }
12677}
12678
12679@media (max-width:1080px){
12680  .od-search{ max-width: calc(100vw - 400px); }
12681}
12682
12683@media (min-width:768px) and (max-width:975px){
12684  #od-desktop-middle:not(.od-fixed) .od-search{
12685    width: clamp(180px, 22vw, 240px) !important;
12686    min-width: 180px !important;
12687    max-width: calc(100vw - 520px) !important;
12688  }
12689
12690  #od-desktop-middle:not(.od-fixed) #header-search-input{
12691    min-width: 180px;
12692  }
12693}
12694
12695/* ===================== Currency picker (desktop + mobile) ===================== */
12696.od-cp{ position:relative; display:inline-block; }
12697.od-cp__btn{ display:inline-flex; align-items:center; gap:.4rem; border:1px solid #ccc; border-radius:9999px; background:#fff; color:#111; font-size:.85rem; padding:.25rem .55rem; line-height:1; white-space:nowrap; cursor:pointer; transition:box-shadow .15s, transform .05s; }
12698.od-cp__btn:hover{ box-shadow:0 1px 6px rgba(0,0,0,.08); }
12699.od-cp__btn:active{ transform:translateY(1px); }
12700.od-cp__flag{ width:18px; height:18px; border-radius:50%; object-fit:cover; }
12701.od-cp__text{ font-weight:600; }
12702.od-cp__curr{ font-weight:500; opacity:.75; margin-left:.25rem; }
12703.od-cp__chev{ width:18px; height:18px; flex:0 0 18px; }
12704.od-cp__menu{ position:absolute; right:0; top:calc(100% + 8px); width:min(360px,92vw); max-height:360px; overflow:auto; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.12); padding:.25rem; z-index:999; }
12705.od-cp__list{ list-style:none; margin:0; padding:.25rem; }
12706.od-cp__item{ display:flex; align-items:center; gap:.6rem; width:100%; text-align:left; padding:.5rem .6rem; border-radius:10px; cursor:pointer; color:#111; background:transparent; }
12707.od-cp__item:hover{ background:#f3f4f6; }
12708.od-cp__item.is-active{ background:#f9fafb; font-weight:600; }
12709.od-cp__label{ flex:1 1 auto; min-width:0; }
12710.od-cp__check{ width:18px; height:18px; opacity:.9; }
12711.od-soft-loading body{ cursor:progress; }
12712.od-cp__menu[hidden]{ display:none !important; }
12713
12714/* Mobile currency picker */
12715#od-header{ --od-mobile-header-h:56px; }
12716
12717
12718/* ===================== Mobile currency picker (viewport-fixed panel) ===================== */
12719#od-header{ --od-mobile-header-h:56px; } /* adjust if your header is taller */
12720
12721@media (max-width:767.98px){
12722
12723  .od-cp--mobile .od-cp__menu{
12724    position: fixed !important;
12725    left: 50% !important;
12726    transform: translateX(-50%) !important;
12727
12728    /* ✅ Use your JS-computed sticky header height (more accurate than 56px) */
12729    top: calc(var(--od-mobile-offset, 56px) + 16px) !important;
12730
12731    width: min(420px, 92vw) !important;
12732
12733    /* Shorten the panel so it never hides under the bottom player */
12734    /* If you still see clipping, bump 190px → 220px */
12735    max-height: calc(
12736      100dvh
12737      - var(--od-mobile-offset, 56px)
12738      - 190px
12739    ) !important;
12740
12741    overflow: auto !important;
12742    background: #fff;
12743    border-radius: 12px;
12744    box-shadow: 0 18px 40px rgba(0,0,0,.18);
12745    z-index: 9999;
12746
12747    padding: 20px 12px !important;
12748
12749    overscroll-behavior: contain;
12750    -webkit-overflow-scrolling: touch;
12751  }
12752
12753  .od-cp--mobile .od-cp-close-btn{
12754    position: sticky;
12755    top: 8px;
12756    margin-left: auto;
12757
12758    width: 34px;
12759    height: 34px;
12760
12761    display: flex;
12762    align-items: center;
12763    justify-content: center;
12764
12765    font-size: 20px;
12766    line-height: 1;
12767    border: 0;
12768    border-radius: 9999px;
12769    background: rgba(0,0,0,.06);
12770    color: #444;
12771    cursor: pointer;
12772
12773    z-index: 10;
12774  }
12775
12776}
12777
12778@media (max-width:767.98px){
12779  .od-cp--mobile .od-cp-close-btn{
12780    position: sticky;
12781    top: 8px;
12782    margin-left: auto;
12783    width: 34px;
12784    height: 34px;
12785    display:flex;
12786    align-items:center;
12787    justify-content:center;
12788    font-size:20px;
12789    line-height:1;
12790    border:0;
12791    border-radius:9999px;
12792    background: rgba(0,0,0,.06);
12793    color:#444;
12794    cursor:pointer;
12795    z-index:10;
12796  }
12797}
12798
12799
12800.od-cp--mobile .od-cp__list{
12801  padding:.35rem; /* slightly reduced */
12802}
12803
12804.od-cp--mobile .od-cp__item{
12805  padding:.5rem .7rem; /* slightly tighter rows */
12806}
12807
12808
12809/* ===================== Global lock while mobile panel open ===================== */
12810body.od-no-scroll{ overflow:hidden; overscroll-behavior:contain; }
12811
12812/* Mobile overlay/backdrop + transitions */
12813.od-mobile-backdrop{ background:rgba(0,0,0,.40); }
12814.od-mobile-overlay{ background:#fff !important; opacity:1; transform:translateZ(0); will-change:transform,opacity; }
12815.od-slide-enter, .od-slide-leave{ transition: transform 300ms ease, opacity 300ms ease; will-change: transform, opacity; }
12816.od-slide-enter-start{ transform:translateX(-100%); opacity:0; }
12817.od-slide-enter-end{ transform:translateX(0); opacity:1; }
12818.od-slide-leave-start{ transform:translateX(0); opacity:1; }
12819.od-slide-leave-end{ transform:translateX(-100%); opacity:0; }
12820
12821
12822
12823
12824  /* Gradient shadow strip sits just below the hairline */
12825  #od-header::before{
12826    content: "";
12827    position: absolute;
12828    left: 0; right: 0;
12829    top: calc(100% + var(--od-divider-width, 1px)); /* nudge below the line */
12830    height: 0;
12831    display: block;
12832    pointer-events: none;
12833    z-index: 101;
12834    opacity: 0;
12835    background: linear-gradient(
12836      to bottom,
12837      rgba(0,0,0,.10) 0%,
12838      rgba(0,0,0,.07) 40%,
12839      rgba(0,0,0,.03) 75%,
12840      rgba(0,0,0,0) 100%
12841    );
12842    transition: height 220ms ease, opacity 220ms ease;
12843    overflow: hidden;
12844  }
12845  #od-header.od-shadow-anim::before{ height:12px; opacity:1; }
12846}
12847
12848
12849/* When the mobile menu is open at the very top, keep the announcement bar visible and fixed */
12850@media (max-width:767.98px){
12851  .od-annc--fixed{
12852    position: fixed !important;
12853    top: env(safe-area-inset-top, 0);
12854    left: 0;
12855    right: 0;
12856    z-index: 110; /* above the fixed header (z:100) so it stays visible */
12857  }
12858}
12859
12860
12861/* ===================== Mobile menu list ===================== */
12862.od-mobile-menu{ list-style:none; margin:0; padding:0; }
12863.od-mobile-menu > li{ margin:0; }
12864.od-mobile-link{
12865  display:flex; align-items:center; justify-content:space-between; gap:12px;
12866  padding:14px 16px; border-bottom:1px solid #e5e7eb; text-decoration:none; color:#111;
12867  font-weight:600; line-height:1.2; min-height:48px;
12868}
12869button.od-mobile-link{
12870  width:100%; border-top:0; border-right:0; border-left:0;
12871  font:inherit; text-align:left; cursor:pointer;
12872}
12873.od-mobile-radio-link{
12874  width:100% !important; height:auto !important; min-height:48px !important;
12875  padding:14px 16px !important; flex-shrink:1 !important;
12876  font-weight:600 !important;
12877  background:transparent;
12878}
12879.od-mobile-radio-link:hover{
12880  background:#f9fafb;
12881}
12882.od-mobile-radio-link__label{
12883  display:inline-flex; align-items:center; gap:10px; min-width:0;
12884  font-weight:600 !important;
12885}
12886.od-mobile-radio-link__icon{
12887  display:block; width:28px; height:28px; flex:0 0 28px;
12888  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12889}
12890.od-mobile-radio-link__icon line,
12891.od-mobile-radio-link__icon rect,
12892.od-mobile-radio-link__icon circle{
12893  fill:none !important; stroke:currentColor !important; stroke-width:1.25px !important;
12894  vector-effect:non-scaling-stroke;
12895}
12896.od-mobile-menu > li:first-child .od-mobile-link{ border-top:none; }
12897.od-mobile-menu > li:last-child  .od-mobile-link{ border-bottom:none; }
12898.od-mobile-link::after{
12899  content:""; width:18px; height:18px; flex:0 0 18px;
12900  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
12901  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
12902  background:#3f3f46; opacity:.9;
12903}
12904.od-mobile-link:hover{ background:#f9fafb; }
12905.od-mobile-link:active{ background:#f3f4f6; }
12906@media (prefers-color-scheme:dark){
12907  .od-mobile-menu{ border-top-color:#262626; }
12908  .od-mobile-link{ border-bottom-color:#262626; color:#f5f5f5; }
12909  .od-mobile-link:hover{ background:#0b0b0b; }
12910  .od-mobile-link:active{ background:#111111; }
12911  .od-mobile-link::after{ background:#d4d4d8; }
12912}
12913.od-mobile-link__label{ font-size:1.05rem; letter-spacing:0; }
12914
12915/* ===================== Mobile overlay theme ===================== */
12916:root{ --od-overlay-bg:#fbf1ff; }
12917.od-mobile-overlay{ background:var(--od-overlay-bg) !important; }
12918.od-mobile-menu, .od-mobile-link{ background:transparent; }
12919.od-mobile-link{ border-bottom-color: color-mix(in srgb, #000 12%, var(--od-overlay-bg)); }
12920
12921/* ===================== Mobile search field ===================== */
12922@media (max-width:767.98px){
12923  [x-ref="mobileSearchInner"] form.flex{ position:relative; align-items:center; }
12924
12925  #od-header #od-mobile-search-input,
12926  input[type="search"]#od-mobile-search-input{
12927    appearance:none; -webkit-appearance:none; background:#fff !important;
12928    border:1px solid #111 !important; border-radius:12px !important;
12929    height:44px !important; padding:0 48px 0 12px !important; line-height:44px !important;
12930    box-shadow:none !important; outline:none !important; background-clip:padding-box; transition:border-color .15s ease;
12931  }
12932  #od-header #od-mobile-search-input:hover,
12933  #od-header #od-mobile-search-input:focus{ border-color:#000 !important; }
12934  #od-header #od-mobile-search-input::placeholder{ color:#6b7280; opacity:.95; }
12935
12936  .od-mobile-search-icon{
12937    position:absolute; right:8px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#6b7280; pointer-events:none;
12938  }
12939  .od-mobile-search-clear{
12940    position:absolute; right:8px; top:50%; transform:translateY(-50%);
12941    width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
12942    font-size:22px; line-height:1; color:#6b7280; background:transparent; border:0; border-radius:9999px; cursor:pointer;
12943  }
12944  .od-mobile-search-clear:hover{ color:#111; }
12945  .od-mobile-search-clear:active{ transform:translateY(-50%) scale(0.96); }
12946  input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
12947}
12948
12949/* ===================== Cart badge ===================== */
12950.od-has-badge{ position:relative; }
12951.od-cart-badge{
12952  position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px;
12953  display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; line-height:1;
12954  color:#fff; background:#af851d; border-radius:9999px; box-shadow:0 2px 4px rgba(0,0,0,.35); pointer-events:none;
12955}
12956@media (min-width:768px){
12957  .od-cart-badge{ min-width:20px; height:20px; font-size:12px; }
12958}
12959@media (max-width:767.98px){
12960  .od-has-badge .od-cart-badge{ top:-2px; right:-2px; }
12961}
12962
12963/* ===================== Desktop topbar spacing ===================== */
12964@media (min-width:768px){
12965  #od-header .od-topbar{ margin-top:-0.75rem; padding-top:.5rem; padding-bottom:.5rem; }
12966  #od-header .od-topbar .od-cp__btn{ transform:translateY(2px); }
12967}
12968/* ===================================================================
12969   DESKTOP MIDDLE ROW HANDOFF (static → fixed). JS toggles .od-fixed.
12970   =================================================================== */
12971@media (min-width:768px){
12972  /* Start in normal flow */
12973  #od-desktop-middle{
12974    position: relative !important;
12975    top: auto !important;
12976    z-index: 60;
12977    background:#fff;
12978    box-sizing: border-box !important; /* same in both states */
12979  }
12980
12981  /* Fixed state uses ONLY the measured vars (width/left/height) */
12982  #od-desktop-middle.od-fixed{
12983    position: fixed !important;
12984    top: var(--od-desktop-offset, 0px) !important;
12985    left: var(--od-row-left, 0px) !important;
12986    width: var(--od-row-width, 100%) !important;
12987    height: var(--od-row-h, auto) !important;   /* <— lock height to static */
12988    margin-top: 0 !important;
12989    z-index: 70;
12990
12991    /* Keep the inner bar identical */
12992    background: transparent; /* background now comes from ::before */
12993    box-sizing: border-box !important;
12994    transform: none !important;
12995    border-radius: 0 !important;
12996
12997    /* Ensure pseudo-element can sit behind content but above page */
12998    isolation: isolate;
12999  }
13000
13001/* Full-bleed background only while sticky, behind the content */
13002/* Divider tokens (same ones your static hairlines use) */
13003#od-header{
13004  --od-divider-width: 1px;
13005  --od-divider-color: #e5e7eb; /* set to the exact static shade */
13006}
13007
13008/* Full-bleed background + matching hairline while the middle row is sticky */
13009@media (min-width:768px){
13010  #od-desktop-middle.od-fixed{
13011    /* keeps the pseudo behind content but above page */
13012    isolation: isolate;
13013  }
13014
13015  #od-desktop-middle.od-fixed::before{
13016    content:"";
13017    position:absolute;
13018    top:0;
13019    bottom:0;
13020    left: calc(-1 * var(--od-row-left, 0px)); /* align to full viewport */
13021    width:100vw;
13022    background:#fff;
13023
13024    /* stays in the row’s stacking context so it sits above the page and nav,
13025       but behind the row’s content */
13026    z-index:-1;
13027    pointer-events:none;
13028
13029}
13030/* Sticky hairline as a fixed, full-bleed 1px bar (crisp) */
13031@media (min-width:768px){
13032  /* Only when the middle row is sticky */
13033  #od-header:has(#od-desktop-middle.od-fixed)::after{
13034    content:"";
13035    position: fixed;
13036    /* bottom edge of the sticky row */
13037    top: calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px));
13038    left: 0;
13039    width: 100vw;
13040    height: var(--od-divider-width, 1px);
13041    background: var(--od-divider-color, #e5e7eb);
13042    z-index: 70;           /* above page content / nav, under overlays */
13043    pointer-events: none;
13044  }
13045}
13046
13047
13048/* Static mode keeps using your existing rules:
13049   - header wrapper ::after hairline via :has(...)
13050   - or #od-desktop-nav::before when not sticky.
13051   Nothing else to change there. */
13052
13053
13054
13055  /* Spacer keeps layout stable while fixed */
13056  #od-desktop-middle.od-fixed + #od-desktop-middle-spacer{
13057    height: var(--od-row-h, 0px) !important;
13058  }
13059}
13060
13061
13062/* Sentinel is harmless; scroll code reads its top() */
13063.od-middle-sentinel{ height:1px; pointer-events:none; }
13064/* ===== Desktop sticky affordances ===== */
13065@media (min-width:768px){
13066  /* Burger: hidden by default, visible when sticky */
13067  .od-desktop-burger{
13068    position:absolute; left: calc(var(--od-row-left, 0px) + 8px); top:50%;
13069    transform: translateY(-50%); width:36px; height:36px;
13070    border-radius:10px; color:#111; background:transparent; border:1px solid #ddd;
13071    opacity:0; pointer-events:none; transition:opacity 180ms ease, background 120ms ease, border-color 120ms ease;
13072    z-index: 5;
13073  }
13074  /* Anchor to viewport edge while sticky (full-bleed context) */
13075  #od-desktop-middle.od-fixed .od-desktop-burger{
13076    left: calc(-1 * var(--od-row-left, 0px) + 8px);
13077  }
13078  .od-desktop-burger:hover{ background:#f7f7f7; border-color:#ccc; }
13079  .od-desktop-burger:focus{ outline:2px solid #6b46c1; outline-offset:2px; }
13080
13081  .od-burger-icon, .od-close-icon{ width:22px; height:22px; display:block; }
13082  .od-close-icon{ display:none; }
13083  /* Swap icons when open */
13084  .od-desktop-menu-open .od-burger-icon{ display:none; }
13085  .od-desktop-menu-open .od-close-icon{ display:block; }
13086
13087  /* Only show the burger when sticky */
13088  #od-desktop-middle.od-fixed .od-desktop-burger{
13089    opacity:1; pointer-events:auto;
13090  }
13091
13092  /* Shift the logo 50px to the right when sticky (no reflow) */
13093  #od-desktop-middle .od-logo{ transition: transform 220ms ease; }
13094  #od-desktop-middle.od-fixed .od-logo{ transform: translateX(50px); }
13095
13096 /* Nav: keep the static nav in normal flow; show a separate fixed flydown only when sticky+open */
13097@media (min-width:768px){
13098  /* The static nav stays in flow always */
13099  #od-desktop-nav{ position:relative; overflow:visible; }
13100  #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13101    position: relative !important;
13102    top:auto !important; left:auto !important; width:auto !important;
13103    padding-left:0 !important; padding-right:0 !important;
13104    background:#fff; z-index:auto;
13105    max-height:none; opacity:1; transform:none;
13106    overflow:visible; pointer-events:auto; animation:none !important;
13107  }
13108
13109  /* NEW: sticky flydown (separate element) */
13110  #od-desktop-flydown{ display:none; }
13111  #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13112    display:block;
13113    position:fixed;
13114    top: calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px));
13115    left: 0;
13116    width: 100vw;
13117
13118    /* align inner content to centered container */
13119    padding-left: var(--od-row-left, 0px);
13120    padding-right: calc(100vw - var(--od-row-left, 0px) - var(--od-row-width, 100vw));
13121
13122    background:#fff;
13123    z-index:69;
13124
13125    /* collapsed by default */
13126    max-height:0;
13127    opacity:0;
13128    transform: translateY(-8px);
13129    pointer-events:none;
13130    overflow:hidden;
13131
13132    transition: max-height 260ms ease, opacity 220ms ease, transform 260ms ease;
13133    will-change: max-height, opacity, transform;
13134  }
13135
13136/* Open state (sticky + hamburger open) */
13137.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13138  max-height:80vh;
13139  opacity:1;
13140  transform: translateY(0);
13141  pointer-events:auto;
13142  overflow: visible; /* <-- let the ::after shadow spill below */
13143}
13144
13145
13146  /* Bottom shadow for the flydown */
13147  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13148    content:"";
13149    position:absolute;
13150    left: 0;
13151    bottom: -14px;
13152    width: 100vw;
13153    height: 14px;
13154    background: linear-gradient(
13155      to bottom,
13156      rgba(0,0,0,.14) 0%,
13157      rgba(0,0,0,.08) 45%,
13158      rgba(0,0,0,0) 100%
13159    );
13160    opacity: 0;
13161    transition: opacity 220ms ease;
13162    pointer-events: none;
13163  }
13164  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13165    opacity: 1;
13166  }
13167
13168  /* Avoid double shadow: hide the row shadow while flydown is open */
13169  .od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity:0; }
13170
13171  @media (prefers-reduced-motion: reduce){
13172    #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13173      transition:none; transform:none;
13174    }
13175    #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13176      transition:none;
13177    }
13178  }
13179}
13180
13181
13182/* Keep the bottom shadow visible while closing, then fade it out */
13183#od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing::after{
13184  opacity: 1;
13185  animation: od-shadow-fade 220ms ease both;
13186}
13187
13188@keyframes od-nav-rise{
13189  from { max-height: 80vh; opacity: 1; transform: translateY(0); }
13190  to   { max-height: 0;    opacity: 0; transform: translateY(-8px); }
13191}
13192
13193@keyframes od-shadow-fade{
13194  from { opacity: 1; }
13195  to   { opacity: 0; }
13196}
13197
13198
13199/* Bottom shadow exists in sticky state so it can animate smoothly */
13200#od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13201  content:"";
13202  position:absolute;
13203  left: 0;
13204  bottom: -14px;
13205  width: 100vw;
13206  height: 14px;
13207  background: linear-gradient(
13208    to bottom,
13209    rgba(0,0,0,.14) 0%,
13210    rgba(0,0,0,.08) 45%,
13211    rgba(0,0,0,0) 100%
13212  );
13213  opacity: 0;                         /* hidden until the third row is triggered */
13214  transition: opacity 220ms ease;
13215  pointer-events: none;
13216}
13217
13218/* Show shadow when the third row (nav) is triggered/open */
13219.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13220  opacity: 1;
13221}
13222
13223/* Hide the sticky row’s own shadow while menu is open (avoid double shadow) */
13224.od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity: 0; }
13225
13226/* Motion safety */
13227@media (prefers-reduced-motion: reduce){
13228  #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13229    transition: none; transform: none;
13230  }
13231  #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13232    transition: none;
13233  }
13234}
13235/* Let the shadow spill out when the third row is open */
13236.od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav{
13237  overflow: visible; /* was hidden */
13238}
13239
13240/* Make sure the shadow paints above page content */
13241#od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13242  z-index: 1; /* within the nav’s stacking context */
13243}
13244
13245
13246  /* Shadow: when menu closed, shadow sits under row (existing ::after).
13247     When menu open, hide row shadow and draw shadow under the expanded nav. */
13248  .od-desktop-menu-open #od-desktop-middle.od-fixed::after{ opacity:0; }
13249
13250  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-nav::after{
13251    content:"";
13252    position:absolute;
13253    left: calc(-1 * var(--od-row-left, 0px));
13254    bottom: -14px;
13255    width: 100vw;
13256    height: 14px;
13257    background: linear-gradient(
13258      to bottom,
13259      rgba(0,0,0,.14) 0%,
13260      rgba(0,0,0,.08) 45%,
13261      rgba(0,0,0,0) 100%
13262    );
13263    pointer-events:none;
13264  }
13265}
13266
13267/* ===== Sticky shadow (full-bleed) — fades in when od-fixed is active ===== */
13268@media (min-width:768px){
13269  /* Base: define the shadow strip but keep it invisible in static mode */
13270  #od-desktop-middle{
13271    position: relative; /* already set above; harmless if duplicated */
13272  }
13273  #od-desktop-middle::after{
13274    content:"";
13275    position: absolute;              /* anchored to the row */
13276    top: 100%;                       /* sit just below the row */
13277    left: calc(-1 * var(--od-row-left, 0px));
13278    width: 100vw;                    /* full viewport width */
13279    height: 14px;                    /* shadow thickness */
13280    background: linear-gradient(
13281      to bottom,
13282      rgba(0,0,0,.14) 0%,
13283      rgba(0,0,0,.08) 45%,
13284      rgba(0,0,0,0) 100%
13285    );
13286    opacity: 0;                      /* hidden until sticky */
13287    pointer-events: none;
13288    z-index: -1;                     /* behind header content, above page (thanks to isolate) */
13289    transition: opacity 220ms ease;  /* fade in/out */
13290  }
13291
13292  /* When sticky: fade the shadow in */
13293  #od-desktop-middle.od-fixed{
13294    isolation: isolate;              /* already present in your block; ensures layering */
13295  }
13296  #od-desktop-middle.od-fixed::after{
13297    opacity: 1;
13298  }
13299}
13300/* ===== Smaller desktop search height, centered in row (static + sticky) ===== */
13301@media (min-width:768px){
13302  /* Tweak this one var if you want even smaller/taller later */
13303  :root{ --od-search-h: 36px; } /* was 44px */
13304
13305  /* Ensure the search wrapper vertically centers within the 64px row */
13306  #od-desktop-middle .od-search{
13307    align-items: center; /* the wrapper already has display:flex; this centers it */
13308  }
13309
13310  /* Make the input shorter but keep it visually centered */
13311  #header-search-input{
13312    height: var(--od-search-h) !important;
13313    line-height: var(--od-search-h) !important;
13314    padding-top: 0 !important;
13315    padding-bottom: 0 !important;
13316  }
13317
13318  /* Keep the icons perfectly centered on the new height (already mostly set) */
13319  #od-header .od-search-icon,
13320  #od-header .od-search-clear{
13321    top: 50% !important;
13322    transform: translateY(-50%) !important;
13323  }
13324}
13325/* 1) Don't let the logo wrapper swallow clicks over the burger */
13326@media (min-width:768px){
13327  /* only disable pointer events on the LEFT logo wrapper, not the actions */
13328  #od-desktop-middle > .flex.items-center.z-10:not(.od-actions){ pointer-events:none; }
13329  #od-desktop-middle > .flex.items-center.z-10:not(.od-actions) .od-logo{ pointer-events:auto; }
13330
13331  /* ensure the right-side actions stay fully clickable */
13332  #od-desktop-middle .od-actions,
13333  #od-desktop-middle .od-actions a{ pointer-events:auto; }
13334}
13335
13336/* 2) Ensure the burger/close button sits on top and the whole box is hot */
13337@media (min-width:768px){
13338  #od-desktop-middle .od-desktop-burger{
13339    width:44px; height:44px;          /* explicit hit area */
13340    z-index:80;                        /* above .od-logo/.od-actions (z-10) */
13341    pointer-events:auto;
13342  }
13343  #od-desktop-middle .od-desktop-burger::before{
13344    content:""; position:absolute; inset:0; /* guarantees hover over full box */
13345  }
13346}
13347/* Desktop burger: slightly smaller + a little more inset */
13348@media (min-width:768px){
13349  /* shrink the button hit area a touch */
13350  #od-desktop-middle .od-desktop-burger{
13351    width:40px; height:40px;           /* was 44 (or 36 earlier) */
13352    border-radius:8px;                  /* slightly tighter corners */
13353  }
13354
13355  /* shrink the glyphs */
13356  #od-desktop-middle .od-burger-icon,
13357  #od-desktop-middle .od-close-icon{
13358    width:20px; height:20px;           /* was 22 */
13359  }
13360
13361  /* move the button a few pixels away from the viewport edge */
13362  #od-desktop-middle .od-desktop-burger{
13363    left: calc(var(--od-row-left, 0px) + 12px); /* was + 8px */
13364  }
13365  #od-desktop-middle.od-fixed .od-desktop-burger{
13366    left: calc(-1 * var(--od-row-left, 0px) + 12px); /* was + 8px */
13367  }
13368}
13369
13370
13371  /* Turn OFF every other bottom line/shadow so we don't double-draw */
13372  #od-desktop-middle:not(.od-fixed) ~ #od-desktop-nav::before { content:none !important; } /* old static line */
13373  #od-desktop-nav::after  { content:none !important; }                                    /* shadow strip */
13374
13375  #od-header:has(#od-desktop-middle.od-fixed)::after { content:none !important; }         /* old sticky line from header */
13376}
13377
13378/* Shadow under the third row (flydown) only when sticky + menu open */
13379@media (min-width:768px){
13380  /* Define the shadow for sticky state, hidden by default */
13381  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13382    content:"";
13383    position:absolute;
13384    left:0;
13385    bottom:-14px;              /* how far it “spills” below the nav */
13386    width:100vw;
13387    height:14px;               /* shadow thickness */
13388    background:linear-gradient(
13389      to bottom,
13390      rgba(0,0,0,.14) 0%,
13391      rgba(0,0,0,.08) 45%,
13392      rgba(0,0,0,0) 100%
13393    );
13394    opacity:0;
13395    transition:opacity 220ms ease;
13396    pointer-events:none;
13397    z-index:69;                /* above page content, below overlays */
13398  }
13399
13400  /* Reveal shadow only when the hamburger is open */
13401  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13402    content:"" !important;     /* override any earlier content:none */
13403    opacity:1;
13404  }
13405}
13406
13407
13408/* Nav spacer no longer needed because static nav never becomes fixed */
13409#od-desktop-middle ~ #od-desktop-nav-spacer{
13410  height:0 !important;
13411  transition:none !important;
13412}
13413
13414/* Desktop: smaller logo, same header height via wrapper padding (unchanged) */
13415@media (min-width:768px){
13416  #od-desktop-middle .od-logo{ padding-top:3px; padding-bottom:3px; }
13417  #od-desktop-middle .od-logo img{ height:36px !important; }
13418}
13419@media (min-width:1024px){
13420  #od-desktop-middle .od-logo{ padding-top:3px; padding-bottom:3px; }
13421  #od-desktop-middle .od-logo img{ height:44px !important; }
13422}
13423
13424/* MOBILE — single thin hairline on the normal header (menu closed) */
13425@media (max-width:767.98px){
13426  /* Define the divider tokens once */
13427  #od-header{
13428    --od-divider-width: 1px;
13429    --od-divider-color: #e5e7eb;
13430  }
13431
13432  /* Put the line on the inner container so it stays with sticky header */
13433  #od-header > .max-w-7xl{
13434    position: relative;
13435    border-bottom: var(--od-divider-width) solid var(--od-divider-color);
13436  }
13437
13438  /* When the hamburger overlay is open, hide the line to avoid the “extra line” in the panel */
13439  #od-header.od-shadow-anim > .max-w-7xl{
13440    border-bottom: 0 !important;
13441  }
13442
13443  /* Keep the gradient strip below the hairline (so it never covers it) */
13444  #od-header::before{
13445    top: 100%;
13446
13447  }
13448}
13449
13450/* Tailwind-only shadow for the mobile header when fixed */
13451@media (max-width:767.98px){
13452  #od-header.od-header-fixed{
13453    /* Force-use Tailwind’s shadow variables so `shadow-sm`/`shadow-md` keep working */
13454    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
13455                var(--tw-ring-shadow, 0 0 #0000),
13456                var(--tw-shadow) !important;
13457  }
13458}
13459
13460/* DESKTOP — single full-bleed hairline at the bottom of the header (static) */
13461@media (min-width:768px){
13462  /* tokens (same as original) */
13463  #od-header{
13464    --od-divider-width: 1px;
13465    --od-divider-color: #e5e7eb;
13466  }
13467
13468  /* make inner container a positioning context */
13469  #od-header > .max-w-7xl{ position: relative; }
13470
13471  /* draw one full-bleed line at the very bottom of the header */
13472  #od-header > .max-w-7xl::after{
13473    content:"";
13474    position:absolute;
13475    left:50%;
13476    transform:translateX(-50%);
13477    bottom:0;
13478    width:100vw;
13479    height:var(--od-divider-width,1px);
13480    background:var(--od-divider-color,#e5e7eb);
13481    pointer-events:none;
13482    z-index:1;
13483  }
13484
13485  /* safety: when the middle row is sticky, don’t double-draw this static line */
13486  #od-header:has(#od-desktop-middle.od-fixed) > .max-w-7xl::after{
13487    content:none !important;
13488  }
13489}
13490
13491/* Align cart + wishlist badges horizontally on DESKTOP */
13492@media (min-width: 768px){
13493  #od-desktop-header .od-icon-wrap.od-has-badge{ position:relative; }
13494
13495  /* Shared offsets (tweak these two vars if you want) */
13496  #od-desktop-header .od-actions .od-icon-link .od-cart-badge{
13497    /* ↓ try -2px or -3px to move the bubble DOWN */
13498    top: var(--badge-top, -3px) !important;
13499    /* ↓ smaller magnitude pulls the bubble closer to the icon */
13500    right: var(--badge-right, -6px) !important;
13501  }
13502
13503  /* If the heart’s silhouette needs a tiny nudge, do it here (optional) */
13504  #od-desktop-header .od-icon-link.swym-wishlist .od-cart-badge{
13505    right: var(--wishlist-badge-right, -6px) !important; /* match cart by default */
13506  }
13507}
13508
13509@media (max-width:767.98px){
13510  .od-cp--mobile{
13511    display:block !important;
13512    width:100% !important;
13513    text-align:center !important;
13514  }
13515  .od-cp--mobile .od-cp__btn{
13516    margin-left:auto !important;
13517    margin-right:auto !important;
13518  }
13519}
13520@media (max-width:767.98px){
13521  .od-mobile-overlay .od-cp--mobile{
13522    margin-top: 14px !important;
13523  }
13524}
13525@media (max-width:767.98px){
13526  body.od-cp-open .od-mobile-overlay{
13527    overflow: hidden !important;     /* ✅ stops scrolling behind */
13528    overscroll-behavior: contain;
13529  }
13530}
13531
13532@media (max-width:767.98px){
13533  body.od-cp-open .od-mobile-overlay{
13534    transform: none !important;      /* ✅ allows popup to be viewport-fixed */
13535  }
13536}
13537
13538/* Desktop sticky menu: keep one shadow owner at a time to prevent flicker */
13539@media (min-width:768px){
13540  /* Disable the older pseudo-element shadow stack in sticky mode. */
13541  #od-header:has(#od-desktop-middle.od-fixed)::after,
13542  #od-desktop-middle.od-fixed::after,
13543  #od-desktop-middle.od-fixed ~ #od-desktop-nav::after,
13544  #od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing::after{
13545    content: none !important;
13546    animation: none !important;
13547  }
13548
13549  /* The sticky middle row owns the closed-state shadow. */
13550  #od-desktop-middle.od-fixed{
13551    box-shadow: 0 14px 20px -20px rgba(0,0,0,.38);
13552  }
13553
13554  /* The flydown owns the open-state shadow and keeps overflow stable. */
13555  #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13556    overflow: hidden;
13557    backface-visibility: hidden;
13558    -webkit-backface-visibility: hidden;
13559    transform-origin: top center;
13560    box-shadow: 0 0 0 rgba(0,0,0,0);
13561    transition:
13562      max-height 260ms ease,
13563      opacity 220ms ease,
13564      transform 260ms ease,
13565      box-shadow 220ms ease;
13566  }
13567
13568  .od-desktop-menu-open #od-desktop-middle.od-fixed{
13569    box-shadow: none;
13570  }
13571
13572  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown{
13573    overflow: visible;
13574    box-shadow: none;
13575  }
13576
13577  #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13578    content:"";
13579    position:absolute;
13580    left:0;
13581    bottom:-14px;
13582    width:100vw;
13583    height:14px;
13584    background: linear-gradient(
13585      to bottom,
13586      rgba(0,0,0,.14) 0%,
13587      rgba(0,0,0,.08) 45%,
13588      rgba(0,0,0,0) 100%
13589    );
13590    opacity:0;
13591    transition:opacity 220ms ease;
13592    pointer-events:none;
13593  }
13594
13595  .od-desktop-menu-open #od-desktop-middle.od-fixed ~ #od-desktop-flydown::after{
13596    opacity:1;
13597  }
13598
13599  /* Safety: the legacy close-animation class should not affect the static nav now. */
13600  #od-desktop-middle.od-fixed ~ #od-desktop-nav.od-closing{
13601    animation: none !important;
13602  }
13603}
13604
13605/* Sticky Row 2 only: desktop/tablet breakpoint overrides */
13606@media (min-width:768px){
13607  #od-desktop-middle .od-sticky-mobile-search-trigger{
13608    display:none;
13609  }
13610
13611  #od-desktop-middle.od-fixed{
13612    --od-sticky-logo-h: 44px;
13613    --od-sticky-search-max: 420px;
13614  }
13615
13616  #od-desktop-middle.od-fixed .od-desktop-burger{
13617    position:absolute;
13618  }
13619
13620  #od-desktop-middle.od-fixed .od-logo{
13621    padding-top:3px;
13622    padding-bottom:3px;
13623  }
13624
13625  #od-desktop-middle.od-fixed .od-logo img{
13626    height:var(--od-sticky-logo-h) !important;
13627  }
13628
13629  #od-desktop-middle.od-fixed .od-search{
13630    max-width:var(--od-sticky-search-max) !important;
13631  }
13632
13633  #od-desktop-middle.od-fixed .od-search > .relative,
13634  #od-desktop-middle.od-fixed .header-search-form{
13635    width:100%;
13636  }
13637
13638  #od-desktop-middle.od-fixed #header-search-input{
13639    min-width:250px;
13640  }
13641
13642  #od-desktop-middle.od-fixed .od-icon-link{
13643    flex-shrink:0;
13644  }
13645}
13646
13647@media (min-width:768px) and (max-width:1275px){
13648  #od-desktop-middle.od-fixed .od-icon-label{
13649    display:none;
13650  }
13651
13652  #od-desktop-middle.od-fixed .od-actions{
13653    gap:10px;
13654  }
13655
13656  #od-desktop-middle.od-fixed .od-actions .od-icon-wrap{
13657    --icon-size-desktop:20px;
13658  }
13659
13660  #od-desktop-middle.od-fixed .od-actions [style*="--tap:"]{
13661    --tap:28px;
13662  }
13663}
13664
13665@media (min-width:768px) and (max-width:1150px){
13666  #od-desktop-middle.od-fixed{
13667    --od-sticky-logo-h: 34px;
13668    --od-sticky-search-max: 360px;
13669  }
13670}
13671
13672@media (min-width:768px) and (max-width:1080px){
13673  #od-desktop-middle.od-fixed .od-search{
13674    max-width:320px !important;
13675  }
13676}
13677
13678@media (min-width:768px) and (max-width:980px){
13679  #od-desktop-middle.od-fixed .od-search{
13680    display:none !important;
13681  }
13682
13683  #od-desktop-middle.od-fixed .od-actions{
13684    gap:8px;
13685  }
13686
13687  #od-desktop-middle.od-fixed .od-sticky-mobile-search-trigger{
13688    display:inline-flex;
13689    width:38px;
13690    height:38px;
13691    --icon-size-desktop:24px;
13692  }
13693
13694  #od-desktop-middle.od-fixed .od-actions .od-icon-wrap{
13695    --icon-size-desktop:24px;
13696  }
13697
13698  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"]{
13699    display:block !important;
13700    position:fixed;
13701    top:calc(var(--od-desktop-offset, 0px) + var(--od-row-h, 0px) + 8px);
13702    left:var(--od-row-left, 16px);
13703    width:var(--od-row-width, calc(100vw - 32px));
13704    margin-top:0 !important;
13705    z-index:90;
13706    background:#fff;
13707    border-bottom:var(--od-divider-width, 1px) solid var(--od-divider-color, #e5e7eb);
13708    border-radius:0;
13709    max-width:var(--od-sticky-search-max) !important;
13710    box-shadow:none;
13711    overflow:hidden;
13712    transform-origin:top;
13713    transition:max-height 300ms ease, opacity 300ms ease, transform 300ms ease;
13714    will-change:max-height, opacity, transform;
13715  }
13716
13717  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"]{
13718    padding:0;
13719  }
13720
13721  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"].p-3{
13722    padding:12px 12px 16px !important;
13723  }
13724
13725  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearchInner"] form.flex{
13726    position:relative;
13727    align-items:center;
13728  }
13729
13730  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input{
13731    appearance:none;
13732    -webkit-appearance:none;
13733    background:#fff !important;
13734    border:1px solid #111 !important;
13735    border-radius:12px !important;
13736    height:44px !important;
13737    padding:0 48px 0 12px !important;
13738    line-height:44px !important;
13739    box-shadow:none !important;
13740    outline:none !important;
13741    background-clip:padding-box;
13742    transition:border-color .15s ease;
13743  }
13744
13745  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input:hover,
13746  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input:focus{
13747    border-color:#000 !important;
13748  }
13749
13750  #od-header:has(#od-desktop-middle.od-fixed) #od-mobile-search-input::placeholder{
13751    color:#6b7280;
13752    opacity:.95;
13753  }
13754
13755  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"] .od-mobile-search-icon{
13756    position:absolute;
13757    top:50%;
13758    right:8px;
13759    left:auto;
13760    width:20px;
13761    height:20px;
13762    transform:translateY(-50%);
13763    pointer-events:none;
13764  }
13765
13766  #od-header:has(#od-desktop-middle.od-fixed) [x-ref="mobileSearch"] .od-mobile-search-clear{
13767    position:absolute;
13768    top:50%;
13769    right:8px;
13770    transform:translateY(-50%);
13771    width:40px;
13772    height:40px;
13773    display:inline-flex;
13774    align-items:center;
13775    justify-content:center;
13776    font-size:22px;
13777    line-height:1;
13778    color:#6b7280;
13779    background:transparent;
13780    border:0;
13781    border-radius:9999px;
13782    cursor:pointer;
13783    overflow:visible;
13784  }
13785}
13786
13787
13788</style>
13789
13790
13791<script>
13792(function(){
13793  window.OD = window.OD || {};
13794
13795  function initDesktopPin(){
13796    if (OD._desktopPinCleanup) {
13797      OD._desktopPinCleanup();
13798      OD._desktopPinCleanup = null;
13799    }
13800
13801    const header   = document.getElementById('od-header');
13802    if(!header) return;
13803
13804    const frame    = header.querySelector('.max-w-7xl');                // centered container
13805    const row      = header.querySelector('#od-desktop-middle');        // middle row
13806    let   sentinel = header.querySelector('#od-middle-top-sentinel')
13807                   || header.querySelector('.od-middle-sentinel');      // 1px above row
13808    const spacer   = header.querySelector('#od-desktop-middle-spacer'); // spacer after row
13809    if(!frame || !row || !spacer) return;
13810
13811    let destroyed = false;
13812    let fixed = row.classList.contains('od-fixed');
13813    let framePending = false;
13814    let scrollFrame = null;
13815    let lockFrame = null;
13816    let initFrame = null;
13817    let initTimeout = null;
13818    let rowResizeObserver = null;
13819    let lastRowLeft = null;
13820    let lastRowWidth = null;
13821    let lastRowHeight = null;
13822    let lastSpacerHeight = null;
13823    let lastNavReserve = null;
13824    const cleanupFns = [];
13825    const desktopQuery = window.matchMedia('(min-width: 768px)');
13826    const rootStyle = document.documentElement.style;
13827
13828    const addListener = (target, type, handler, options) => {
13829      if (!target || !target.addEventListener) return;
13830      target.addEventListener(type, handler, options);
13831      cleanupFns.push(() => target.removeEventListener(type, handler, options));
13832    };
13833
13834    const watchQuery = (query, handler) => {
13835      if (!query) return;
13836      if (query.addEventListener) {
13837        query.addEventListener('change', handler);
13838        cleanupFns.push(() => query.removeEventListener('change', handler));
13839      } else if (query.addListener) {
13840        query.addListener(handler);
13841        cleanupFns.push(() => query.removeListener(handler));
13842      }
13843    };
13844
13845    // Ensure there is a sentinel just before the row
13846    if (!sentinel){
13847      sentinel = document.createElement('div');
13848      sentinel.id = 'od-middle-top-sentinel';
13849      sentinel.className = 'od-middle-sentinel';
13850      sentinel.setAttribute('aria-hidden','true');
13851      sentinel.style.height = '1px';
13852      row.parentNode.insertBefore(sentinel, row);
13853    }
13854// === NAV STATIC HEIGHT MEASUREMENT (for layout spacer) ===
13855const nav = header.querySelector('#od-desktop-nav');
13856
13857// Ghost line that mirrors the nav's bottom border while it recedes under the sticky row
13858const ghostLine = document.getElementById('od-nav-ghost-line') || (() => {
13859  const el = document.createElement('div');
13860  el.id = 'od-nav-ghost-line';
13861  el.setAttribute('aria-hidden', 'true');
13862  el.style.cssText = [
13863    'position:fixed',
13864    'left:0',
13865    'width:100vw',
13866    'height:var(--od-divider-width,1px)',
13867    'background:var(--od-divider-color,#e5e7eb)',
13868    'pointer-events:none',
13869    'z-index:80',     // above the sticky row (z-70), but below overlays
13870    'display:none'
13871  ].join(';');
13872  document.body.appendChild(el);
13873  return el;
13874})();
13875
13876
13877	function setNavStaticHeight(){
13878	  if (destroyed) return;
13879	  if (!nav) return;
13880
13881	  // Skip measuring while the drawer is fixed/open or animating closed.
13882  // (We re-measure on animationend elsewhere.)
13883  const isSticky = row.classList.contains('od-fixed');
13884  const headerRoot = document.getElementById('od-header');
13885  const isOpen = !!(
13886    headerRoot &&
13887    (headerRoot.classList.contains('od-desktop-menu-open') ||
13888     (headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen))
13889  );
13890  if ((isSticky && isOpen) || nav.classList.contains('od-closing')) return;
13891
13892  try {
13893    const dpr   = window.devicePixelRatio || 1;
13894    const rectH = nav.getBoundingClientRect().height || 0;
13895    const cs    = getComputedStyle(nav);
13896    const mt    = parseFloat(cs.marginTop)    || 0;
13897    const mb    = parseFloat(cs.marginBottom) || 0;
13898
13899    // Reserve the full block space the nav occupies in normal flow:
13900    // content height + top margin (+ bottom margin, defensively).
13901	    const reserve = Math.max(0, Math.round((rectH + mt + mb) * dpr) / dpr);
13902
13903	    if (reserve !== lastNavReserve) {
13904	      rootStyle.setProperty('--od-nav-static-h', reserve + 'px');
13905	      lastNavReserve = reserve;
13906	    }
13907	  } catch (e) {
13908	    // Fail-safe: never let an exception here stop the sticky logic.
13909	    // (Keep the prior --od-nav-static-h value.)
13910	  }
13911	}
13912
13913
13914
13915	// Initial measure + keep it fresh
13916	setNavStaticHeight();
13917	if (document.fonts && document.fonts.ready) {
13918	  document.fonts.ready.then(() => {
13919	    if (!destroyed) setNavStaticHeight();
13920	  });
13921	}
13922	nav && nav.querySelectorAll('img').forEach(img => {
13923	  if (!img.complete) addListener(img, 'load', setNavStaticHeight, { once:true });
13924	});
13925	addListener(window, 'resize', setNavStaticHeight, { passive:true });
13926	addListener(document, 'od:after-swap', setNavStaticHeight);
13927	addListener(document, 'shopify:page:load', setNavStaticHeight);
13928	// After close animation finishes, re-measure
13929	nav && addListener(nav, 'animationend', setNavStaticHeight);
13930
13931	    const DPR = window.devicePixelRatio || 1;
13932	    const px  = v => Math.round(v * DPR) / DPR;   // snap to device pixels
13933	    const HYST = 40;                               // px of hysteresis — wide enough that trackpad momentum/bounce can't rattle the row across the stick/unstick boundary
13934
13935	    // Match FIXED row left/width to the frame’s *content* box (padding-aware)
13936	    const syncFrameBox = () => {
13937	      if (destroyed) return { left: lastRowLeft || 0, width: lastRowWidth || 0 };
13938	      const fr  = frame.getBoundingClientRect();
13939	      const cs  = getComputedStyle(frame);
13940	      const padL = parseFloat(cs.paddingLeft)  || 0;
13941	      const padR = parseFloat(cs.paddingRight) || 0;
13942	      const left  = px(fr.left + padL);
13943	      const width = px(Math.max(0, fr.width - padL - padR));
13944	      if (left !== lastRowLeft) {
13945	        rootStyle.setProperty('--od-row-left',  left + 'px');
13946	        lastRowLeft = left;
13947	      }
13948	      if (width !== lastRowWidth) {
13949	        rootStyle.setProperty('--od-row-width', width + 'px');
13950	        lastRowWidth = width;
13951	      }
13952	      return { left, width };
13953	    };
13954
13955    const getOffset = () => {
13956      const v = getComputedStyle(document.documentElement).getPropertyValue('--od-desktop-offset');
13957      return parseFloat(v) || 0;
13958    };
13959
13960	    const applySpacer = () => {
13961	      if (destroyed) return lastRowHeight || 0;
13962	      const h = px(Math.max(0, row.getBoundingClientRect().height || row.offsetHeight || 0
13962));
13963	      if (h !== lastRowHeight) {
13964	        rootStyle.setProperty('--od-row-h', h + 'px');
13965	        lastRowHeight = h;
13966	      }
13967	      const nextSpacerHeight = row.classList.contains('od-fixed') ? (h + 'px') : '0px';
13968	      if (nextSpacerHeight !== lastSpacerHeight || spacer.style.height !== nextSpacerHeight) {
13969	        spacer.style.height = nextSpacerHeight;
13970	        lastSpacerHeight = nextSpacerHeight;
13971	      }
13972	      return h;
13973	    };
13974
13975	    const refreshGeometry = () => {
13976	      syncFrameBox();
13977	      applySpacer();
13978	    };
13979
13980	    // Lock width/height inline for a single frame so the toggle can’t reflow
13981	    const lockForOneFrame = (w, h) => {
13982	      if (lockFrame) window.cancelAnimationFrame(lockFrame);
13983	      row.style.transition = 'none';
13984	      row.style.width  = w + 'px';
13985	      row.style.height = h + 'px';
13986	      lockFrame = requestAnimationFrame(() => {
13987	        lockFrame = null;
13988	        if (destroyed) return;
13989	        row.style.transition = '';
13990	        row.style.width  = '';
13991	        row.style.height = '';
13992	      });
13993	    };
13994
13995	    const stick = () => {
13996	      if (fixed) return;
13997      // measure in static state
13998      const { width } = syncFrameBox();
13999      const h = applySpacer();
14000      lockForOneFrame(width, h);      // freeze geometry for one frame
14001	      row.classList.add('od-fixed');  // toggle to fixed
14002	      fixed = true;
14003	      // ensure CSS vars are already correct post-toggle
14004	      refreshGeometry();
14005	    };
14006
14007const unstick = () => {
14008  // If desktop menu is open, keep the row fixed so the nav can expand under it
14009  try {
14010    const headerRoot = document.getElementById('od-header');
14011    const isOpen = !!(headerRoot && headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen);
14012    if (isOpen) return; // do not unstick while menu is open
14013  } catch (e) {}
14014
14015	  if (!fixed) return;
14016	  row.classList.remove('od-fixed');
14017	  fixed = false;
14018	  if (spacer.style.height !== '0px') spacer.style.height = '0px';
14019	  lastSpacerHeight = '0px';
14020	  // NOTE: no auto-close of desktopMenuOpen here
14021	};
14022
14023
14024
14025	   const forceCheck = () => {
14026	  if (destroyed) return;
14027	  if (!desktopQuery.matches) {
14028	    if (fixed) unstick();
14029	    return;
14030	  }
14031
14032	  // If menu is open, force sticky and keep geometry fresh
14033	  try {
14034	    const headerRoot = document.getElementById('od-header');
14035	    const isOpen = !!(headerRoot && headerRoot.__x && headerRoot.__x.$data && headerRoot.__x.$data.desktopMenuOpen);
14036	    if (isOpen) {
14037	      if (!fixed) stick();
14038	      refreshGeometry();
14039	      return;
14040	    }
14041  
14042  } catch (e) {}
14043
14044  const dist = sentinel.getBoundingClientRect().top - getOffset(); // >0 = below top
14045  if (!fixed && dist <= -HYST) {
14046    stick();
14047	  } else if (fixed && dist > HYST) {
14048	    unstick();
14049	  }
14050	};
14051
14052	    const handleScroll = () => {
14053	      if (framePending || !desktopQuery.matches) return;
14054
14055	      framePending = true;
14056	      scrollFrame = requestAnimationFrame(() => {
14057	        framePending = false;
14058	        scrollFrame = null;
14059	        forceCheck();
14060	      });
14061	    };
14062
14063	    const handleViewportChange = () => {
14064	      if (!desktopQuery.matches) return;
14065	      refreshGeometry();
14066	      forceCheck();
14067	    };
14068
14069	    const handleDesktopModeChange = () => {
14070	      if (desktopQuery.matches) {
14071	        refreshGeometry();
14072	        forceCheck();
14073	      } else if (fixed) {
14074	        unstick();
14075	      }
14076	    };
14077
14078
14079	    // Boot: measure in static state, then evaluate
14080	    refreshGeometry();
14081	    forceCheck();
14082
14083	    // Observers / events
14084	    if (row._odIO) { try{ row._odIO.disconnect(); }catch(_){} }
14085	    row._odIO = null;
14086
14087	    if (row._odRO) { try{ row._odRO.disconnect(); }catch(_){} }
14088	    if ('ResizeObserver' in window) {
14089	      rowResizeObserver = new ResizeObserver(() => { if (fixed) applySpacer(); });
14090	      row._odRO = rowResizeObserver;
14091	      rowResizeObserver.observe(row);
14092	    } else {
14093	      row._odRO = null;
14094	    }
14095
14096	    addListener(window, 'scroll', handleScroll, { passive:true });
14097	    addListener(window, 'resize', handleViewportChange, { passive:true });
14098	    addListener(window, 'orientationchange', handleViewportChange, { passive:true });
14099	    addListener(window, 'pageshow', handleViewportChange, { passive:true });
14100	    if (window.visualViewport) {
14101	      addListener(window.visualViewport, 'resize', handleViewportChange, { passive:true });
14102	    }
14103	    watchQuery(desktopQuery, handleDesktopModeChange);
14104
14105	    addListener(window, 'load', handleViewportChange, { passive:true });
14106	    if (document.fonts && document.fonts.ready) {
14107	      document.fonts.ready.then(() => {
14108	        if (!destroyed) forceCheck();
14109	      });
14110	    }
14111	    row.querySelectorAll('img').forEach(img => {
14112	      if (!img.complete) addListener(img, 'load', forceCheck, { once:true });
14113	    });
14114
14115	    initFrame = requestAnimationFrame(() => {
14116	      initFrame = null;
14117	      forceCheck();
14118	    });
14119	    initTimeout = setTimeout(forceCheck, 0);
14120
14121	    OD._desktopPinCleanup = () => {
14122	      destroyed = true;
14123	      cleanupFns.splice(0).forEach(cleanup => {
14124	        try { cleanup(); } catch (_) {}
14125	      });
14126	      if (scrollFrame) {
14127	        window.cancelAnimationFrame(scrollFrame);
14128	        scrollFrame = null;
14129	      }
14130	      if (lockFrame) {
14131	        window.cancelAnimationFrame(lockFrame);
14132	        lockFrame = null;
14133	        row.style.transition = '';
14134	        row.style.width = '';
14135	        row.style.height = '';
14136	      }
14137	      if (initFrame) {
14138	        window.cancelAnimationFrame(initFrame);
14139	        initFrame = null;
14140	      }
14141	      if (initTimeout) {
14142	        clearTimeout(initTimeout);
14143	        initTimeout = null;
14144	      }
14145	      const activeRowResizeObserver = rowResizeObserver;
14146	      if (activeRowResizeObserver) {
14147	        try { activeRowResizeObserver.disconnect(); } catch (_) {}
14148	      }
14149	      if (row._odRO === activeRowResizeObserver) row._odRO = null;
14150	      rowResizeObserver = null;
14151	      framePending = false;
14152	    };
14153	  }
14154
14155	  OD.initDesktopPin = initDesktopPin;
14156
14157	  const runDesktopPinInit = () => {
14158	    if (OD.initDesktopPin) OD.initDesktopPin();
14159	  };
14160
14161	  const scheduleDesktopPinInit = () => {
14162	    if (OD._desktopPinInitTimer) clearTimeout(OD._desktopPinInitTimer);
14163	    OD._desktopPinInitTimer = setTimeout(() => {
14164	      OD._desktopPinInitTimer = null;
14165	      runDesktopPinInit();
14166	    }, 0);
14167	  };
14168
14169	  if (!OD._desktopPinLifecycleBound) {
14170	    OD._desktopPinLifecycleBound = true;
14171	    document.addEventListener('DOMContentLoaded', runDesktopPinInit);
14172	    document.addEventListener('shopify:page:load', runDesktopPinInit);
14173	    document.addEventListener('od:after-swap', runDesktopPinInit);
14174	    window.addEventListener('locationchange', scheduleDesktopPinInit);
14175	  }
14176
14177	  if (document.readyState !== 'loading') scheduleDesktopPinInit();
14178})();
14179</script>
14179
14180
14181
14182
14183
14184<script>
14185/* SPA market change + rehydrate (no hard reload) */
14186(function () {
14187  window.OD = window.OD || {};
14188  OD.version = 'spa-currency-stable';
14189
14190  /* ---------------- Rehydrate header and widgets after swaps ---------------- */
14191OD.rehydrateHeader = function () {
14192  const header = document.getElementById('od-header');
14193  if (!header) return;
14194
14195  // Remove any leftover x-cloak inside header
14196  header.querySelectorAll('[x-cloak]').forEach(el => el.removeAttribute('x-cloak'));
14197
14198  // Re-init Alpine just for the header subtree
14199  if (window.Alpine) window.Alpine.initTree(header);
14200
14201  // ✅ Close menus after rehydration so hamburger resets
14202  try { OD.closeHeaderMenus(); } catch(e) {}
14203
14204  // Close any lingering dropdown state
14205  const cp = header.querySelector('.od-cp');
14206  if (cp && cp.__x && cp.__x.$data && typeof cp.__x.$data.open !== 'undefined') {
14207    try { cp.__x.$data.open = false; } catch(e) {}
14208  }
14209
14210};
14211
14212  document.addEventListener('DOMContentLoaded', OD.rehydrateHeader);
14213  document.addEventListener('shopify:page:load', OD.rehydrateHeader);
14214  document.addEventListener('shopify:section:load', OD.rehydrateHeader);
14215  document.addEventListener('od:after-swap', OD.rehydrateHeader);
14216
14217  /* ------------------- Helpers to collect/swap Shopify sections ------------------- */
14218  OD.collectSectionIds = function (root = document) {
14219    const ids = new Set();
14220    root.querySelectorAll('[id^="shopify-section-"],[id^="shopify-section-group-"]').forEach(el => {
14221      ids.add(el.id.replace(/^shopify-section-group-/, '').replace(/^shopify-section-/, ''));
14222    });
14223    return Array.from(ids);
14224  };
14225
14226  function domSectionMap(doc) {
14227    const map = new Map();
14228    doc.querySelectorAll('[id^="shopify-section-"],[id^="shopify-section-group-"]').forEach(el => {
14229      map.set(el.id, el);
14230    });
14231    return map;
14232  }
14233
14234  function swapSectionsFromDoc(newDoc) {
14235    const newMap = domSectionMap(newDoc);
14236    let swapped = 0;
14237    newMap.forEach((newEl, id) => {
14238      const cur = document.getElementById(id);
14239      if (cur) { cur.outerHTML = newEl.outerHTML; swapped++; }
14240    });
14241    if (swapped) {
14242      // Alpine will be re-inited by OD.rehydrateHeader via od:after-swap
14243      document.dispatchEvent(new CustomEvent('od:after-swap', { detail: { source: 'full-html' } }));
14244    }
14245    return swapped;
14246  }
14247
14248  OD.replaceSections = function (map) {
14249    Object.keys(map).forEach(id => {
14250      const groupMount = document.getElementById('shopify-section-group-' + id);
14251      const mount = groupMount || document.getElementById('shopify-section-' + id);
14252      if (mount) mount.outerHTML = map[id];
14253    });
14254    document.dispatchEvent(new CustomEvent('od:after-swap', { detail: { source: 'sections-api' } }));
14255  };
14256
14257  /* ---------------- SPA refresh of SAME URL (no hard reload) ---------------- */
14258  OD.softReloadSameURL = async function () {
14259    const url = new URL(location.href);
14260    url.searchParams.set('_od_spa', Date.now()); // cache-bust
14261
14262    const res = await fetch(url.toString(), {
14263      credentials: 'include',
14264      headers: { 'Accept': 'text/html', 'X-Requested-With': 'XMLHttpRequest' },
14265      cache: 'no-store',
14266      redirect: 'follow'
14267    });
14268
14269    // If market change jumped origins, we must hard navigate
14270    try {
14271      const redirected = new URL(res.url);
14272      if (redirected.origin !== location.origin) {
14273        location.assign(redirected.href);
14274        return;
14275      }
14276    } catch (_) {}
14277
14278    const html = await res.text();
14279    const parser = new DOMParser();
14280    const newDoc = parser.parseFromString(html, 'text/html');
14281
14282    const swapped = swapSectionsFromDoc(newDoc);
14283    if (!swapped) {
14284      // Fallback to Section Rendering API
14285      const ids = OD.collectSectionIds(document);
14286      if (ids.length) {
14287        const u2 = new URL(location.href);
14288        u2.searchParams.set('sections', ids.join(','));
14289        const res2 = await fetch(u2.toString(), {
14290          credentials: 'include',
14291          headers: { 'Accept': 'application/json' },
14292          cache: 'no-store'
14293        });
14294        const htmlById = await res2.json();
14295        OD.replaceSections(htmlById);
14296      }
14297    }
14298  };
14299
14300  /* --------- Submit Shopify localization form via hidden iframe, then SPA --------- */
14301  OD._changingMarket = false;
14302  OD.changeMarketViaIframeFromForm = async function (triggerEl, countryCode) {
14303    if (OD._changingMarket) return;
14304    OD._changingMarket = true;
14305
14306    const root = triggerEl.closest('.od-cp');
14307    const form = root && root.closest('form');
14308    if (!form) { OD._changingMarket = false; return; }
14309
14310    // Create or reuse hidden iframe
14311    let iframe = document.getElementById('od-localization-iframe');
14312    if (!iframe) {
14313      iframe = document.createElement('iframe');
14314      iframe.id = 'od-localization-iframe';
14315      iframe.name = 'od-localization-iframe';
14316      iframe.style.display = 'none';
14317      document.body.appendChild(iframe);
14318    }
14319
14320    // Clone and POST to Shopify's endpoint (cookie will be set by platform)
14321    const clone = form.cloneNode(true);
14322    clone.style.display = 'none';
14323    clone.setAttribute('target', 'od-localization-iframe');
14324    clone.setAttribute('action', '/localization');
14325    clone.setAttribute('method', 'POST');
14326
14327    const ensure = (name, val) => {
14328      let el = clone.querySelector(`[name="${name}"]`);
14329      if (!el) { el = document.createElement('input'); el.type = 'hidden'; el.name = name; clone.appendChild(el); }
14330      el.value = val;
14331    };
14332    ensure('utf8', '✓');
14333    ensure('form_type', 'localization');
14334    ensure('country_code', countryCode);
14335    ensure('return_to', location.pathname + location.search);
14336
14337    document.body.appendChild(clone);
14338    document.documentElement.classList.add('od-soft-loading');
14339
14340    const proceed = async () => {
14341      iframe.removeEventListener('load', proceed);
14342      clone.remove();
14343      try {
14344        await OD.softReloadSameURL(); // swap in-place, no hard reload
14345        document.dispatchEvent(new CustomEvent('od:localization-changed', { detail: { country_code: countryCode } }));
14346      } catch (e) {
14347        console.error('Soft reload failed; hard reloading', e);
14348        location.reload(); // last resort
14349      } finally {
14350        document.documentElement.classList.remove('od-soft-loading');
14351        OD._changingMarket = false;
14352      }
14353    };
14354
14355    iframe.addEventListener('load', proceed);
14356    try { clone.submit(); }
14357    catch (e) {
14358      // Fallback to direct POST then proceed
14359      try {
14360        const params = new URLSearchParams();
14361        params.set('utf8', '✓');
14362        params.set('form_type', 'localization');
14363        params.set('country_code', countryCode);
14364        params.set('return_to', location.pathname + location.search);
14365        await fetch('/localization', {
14366          method: 'POST',
14367          credentials: 'include',
14368          headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
14369          body: params.toString()
14370        });
14371      } finally {
14372        proceed();
14373      }
14374    }
14375
14376    // If the iframe onload never fires, keep things moving
14377    setTimeout(() => { if (OD._changingMarket) proceed(); }, 1200);
14378  };
14379})();
14380</script>
vendor: 1 bytes, line 14380
14380
14381<script>
14382(function(){
14383  // expose so other scripts (rehydrate, etc.) can call it
14384  window.OD = window.OD || {};
14385  OD.closeHeaderMenus = function(){
14386    const root = document.getElementById('od-header');
14387    if (!root) return;
14388
14389    // kill CSS state immediately
14390    root.classList.remove('od-desktop-menu-open');
14391
14392    // reset Alpine flags if present (safe if not yet hydrated)
14393    const x = root.__x && root.__x.$data;
14394    if (x) {
14395      x.desktopMenuOpen = false;
14396      x.mobileMenuOpen  = false;
14397      x.mobileSearchOpen = false;
14398    }
14399
14400    // nudge sticky geometry after state change
14401    requestAnimationFrame(() => window.dispatchEvent(new Event('scroll')));
14402  };
14403
14404  // your existing hooks
14405  document.addEventListener('od:after-swap', OD.closeHeaderMenus);
14406  document.addEventListener('shopify:page:load', OD.closeHeaderMenus);
14407  window.addEventListener('popstate', OD.closeHeaderMenus); // back/forward
14408  window.addEventListener('pageshow', OD.closeHeaderMenus);
14409  window.addEventListener('locationchange', OD.closeHeaderMenus);
14410
14411  // NEW: catch pushState/replaceState SPA navigations
14412  if (!history.__odPatched) {
14413    history.__odPatched = true;
14414    const _push = history.pushState;
14415    const _replace = history.replaceState;
14416    const fire = () => setTimeout(() => OD.closeHeaderMenus(), 0);
14417
14418    history.pushState = function(){ const r = _push.apply(this, arguments); fire(); return r; };
14419    history.replaceState = function(){ const r = _replace.apply(this, arguments); fire(); return r; };
14420  }
14421})();
14422</script>
14422
14423
14424
14425<script>
14426document.addEventListener('alpine:init', () => {
14427  Alpine.data('odMobileCP', () => ({
14428    open: false,
14429
14430    isMobile(){
14431      return window.matchMedia('(max-width: 767.98px)').matches;
14432    },
14433
14434    toggle(){
14435      this.open ? this.close() : this.openMenu();
14436    },
14437
14438    openMenu(){
14439      this.open = true;
14440      document.body.classList.add('od-no-scroll');
14441    },
14442
14443    close(){
14444      this.open = false;
14445      document.body.classList.remove('od-no-scroll');
14446    }
14447  }));
14448});
14449</script>
14449
14450</div>
14451<!-- END sections: header-group -->
14452      <div
14453  x-data
14454  x-cloak
14455  class="contents"
14456  :style="
14457    {
14458      '--popup-end-of-header-height': $store.popup.__endOfHeaderHeight + 'px',
14459      '--popup-content-ratio': $store.popup._popupContentRatio,
14460      '--popup-content-height': $store.popup.__popupContentHeight + 'px',
14461      '--popup-max-height': Math.min($store.popup.__popupContentHeight, $store.popup.__getWindowHeight() - $store.popup.__endOfHeaderHeight - 8 * 4) + 'px',
14462    }
14463  "
14464>
14465  <div
14466    class="popup__overlay"
14467    :class="
14468      {
14469        'popup__overlay--full-screen': $store.popup.isCurrentPopupFullScreen,
14470        'popup__overlay--focused': $store.main.isPopupFocused()
14471      }
14472    "
14473    @click="$store.main.hideAllPopupsAndResizables()"
14474  ></div>
14475  <div class="popup__main" :style="`opacity: ${$store.main.opacityOnZoom}`">
14476    <div
14477      class="popup__shadow"
14478      :class="
14479        {
14480          'popup__shadow--large': $store.popup._isPopupSimple
14481        }
14482      "
14483    ></div>
14484    <div
14485      class="popup__wrapper"
14486      :class="
14487        {
14488          'popup__wrapper--visible': $store.popup._isPopupVisible,
14489        }
14490      "
14491      x-a11y-trap="$store.popup._isPopupVisible"
14492    >
14493      <div class="popup__content-wrapper">
14494        <div
14495          class="popup__content-top"
14496          :class="
14497            {
14498              'popup__content-top--full-screen': $store.popup.isCurrentPopupFullScreen,
14499            }
14500          "
14501        ></div>
14502        <div
14503          id="popup-content"
14504          class="popup__content"
14505          :class="
14506            {
14507              'popup__content--visible': !$store.popup._isPopupContentHidden,
14508              'popup__content--full-screen': $store.popup.isCurrentPopupFullScreen,
14509            }
14510          "
14511        >
14512          <div
14513            id="popup-content-portal"
14514            class="popup__content-portal"
14515            :class="
14516              {
14517                'popup__content-portal--full-screen': $store.popup.isCurrentPopupFullScreen,
14518              }
14519            "
14520          ></div>
14521        </div>
14522        <div
14523          id="popup-fixed-content-portal"
14524          class="popup__fixed-content-portal"
14525          :class="
14526            {
14527              'popup__fixed-content-portal--visible': $store.popup._isPopupVisible,
14528            }
14529          "
14530        ></div>
14531      </div>
14532      <div class="popup__bottom"></div>
14533    </div>
14534  </div>
14535</div>
14536
14537      <div
14538  class="transition-preview"
14539  x-data="TransitionPreview()"
14540  :class="
14541    {
14542    'transition-preview--active': isActive,
14543    'is-transition': $store['transition'].isPreviewAnimating,
14544    }
14545  "
14546  style="--scroll-progress: 0; --offset-top: 400;"
14547  :style="
14548    {
14549      '--offset-top': offsetTop,
14550    }
14551  "
14552  x-ref="preview"
14553>
14554  <div
14555    class="transition-preview__wrapper"
14556    @click="
14557      (e) => {
14558        if ($refs.transitionContent.contains(e.target)) return;
14559        if ($refs.transitionBg === e.target) return;
14560
14561        hidePreview();
14562      }
14563    "
14564  >
14565    <div class="content-wrapper relative mx-auto">
14566      <div x-ref="transitionBg" class="transition-preview__bg"></div>
14567    </div>
14568    <div
14569      x-ref="scrollContainer"
14570      class="transition-preview__scroll"
14571      x-a11y-trap="isActive"
14572    >
14573      <div class="content-wrapper relative mx-auto">
14574        <div class="transition-preview__content" x-ref="transitionContent">
14575          <div id="PreviewContent"></div>
14576          <div class="content-wrapper pointer-events-none fixed bottom-0 left-1/2 z-50 -translate-x-1/2">
14577            <div
14578              class="flex h-56 w-full items-end justify-center bg-gradient-to-t from-[--color-background-500] via-transparent to-transparent py-10 text-4xl opacity-[calc(1-var(--scroll-progress))]"
14579            >
14580              <div
14581                class="animate-[bounce_2s_infinite] text-2xl text-text-50"
14582                :class="
14583                  {
14584                      'animate-none': $store.main.isReducedMotion
14585                  }
14586                "
14587              >
14588                <div class="flex flex-col items-center">
14589                  <svg width="22" height="46" viewBox="0 0 22 46" class="text-4xl" xmlns="http://www.w3.org/2000/svg">
14590  <path fill-rule="evenodd" clip-rule="evenodd" d="M11 2c-4.98 0-9 3.994-9 8.9v13.2c0 4.905 4.02 8.9 9 8.9s9-3.994 9-8.9V10.9C20 5.994 15.98 2 11 2ZM0 10.9C0 4.871 4.935 0 11 0s11 4.871 11 10.9v13.2C22 30.129 17.065 35 11 35S0 30.129 0 24.1V10.9Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M10 13V8h2v5h-2ZM10.998 43.271l2.637-2.61 1.407 1.42-4.044 4.005-4.045-4.004L8.36 40.66l2.638 2.611Z" />
14591</svg>
14592
14593                </div>
14594              </div>
14595            </div>
14596          </div>
14597        </div>
14598      </div>
14599    </div>
14600  </div>
14601</div>
14602
14603      <div
14604  x-data
14605  x-element-transition-wrapper
14606  class="element-transition opacity-0"
14607  :class="
14608    {
14609      'opacity-100': $store['transition'].isTransitioning
14610    }
14611  "
14612></div>
14613
14614
14615      <template x-fallback-template-type="search">
14616        
14617<div class="mt-[72px] md:mt-[89px]"></div>
14618
14619<div class="max-md:hidden">
14620  
14621
14622
14623
14624
14625
14626  <nav
14627
14628    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
14629    role="navigation"
14630    aria-label="Breadcrumbs"
14631  >
14632    <div role="list" class="truncate px-2">
14633      <div role="listitem" class="inline font-semibold">
14634        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
14635          Home
14636        </a>
14637      </div>
14638
14639      <div
14640        role="listitem"
14641        class="mx-4 inline-block"
14642        aria-hidden="true"
14643      >
14644        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14645  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14646</svg>
14647
14648      </div>
14649
14650      
14651        <template x-if="$store['transition'].pageType === 'category'">
14652          <div class="contents">
14653            <div
14654              role="listitem"
14655              class="breadcrumb text-text-500"
14656              x-html="$store['transition'].pageData?.title"
14657            ></div>
14658          </div>
14659        </template>
14660
14661        <template x-if="$store['transition'].pageType === 'article'">
14662          <div class="contents">
14663            <div role="listitem" class="breadcrumb">
14664              <a
14665                class="inline-flex hover:underline"
14666                x-element-transition-trigger
14667                href=""
14668                aria-current="page"
14669              ></a>
14670            </div>
14671            <div
14672              role="listitem"
14673              class="mx-4 inline-block"
14674              aria-hidden="true"
14675            >
14676              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14677  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14678</svg>
14679
14680            </div>
14681            <div
14682              role="listitem"
14683              class="breadcrumb text-text-500"
14684              x-html="$store['transition'].pageData?.title"
14685            ></div>
14686          </div>
14687        </template>
14688
14689        <template x-if="$store['transition'].pageType === 'product'">
14690          <div class="contents">
14691            <div
14692              role="listitem"
14693              class="breadcrumb text-text-500"
14694              x-html="$store['transition'].pageData?.title"
14695            ></div>
14696          </div>
14697        </template>
14698
14699        <template x-if="$store['transition'].pageType === 'search'">
14700          <div class="contents">
14701            <div
14702              role="listitem"
14703              class="breadcrumb text-text-500"
14704              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
14705            ></div>
14706          </div>
14707        </template>
14708      
14709    </div>
14710  </nav>
14711
14712
14713</div>
14714
14715<article
14716  aria-label="Search details"
14717  class="content-wrapper mx-auto flex flex-col items-start gap-3 py-5 pb-6 pt-3"
14718>
14719  <div class="flex w-full items-end justify-between">
14720    <div class="flex flex-col gap-3">
14721      <h2
14722        class="heading text-lg"
14723        x-html="'Search results for &amp;quot;XXX&amp;quot;'.replace('XXX', $store['transition'].pageData?.search)"
14724      ></h2>
14725      <p class="">
14726        Here are the items that we found.
14727      </p>
14728    </div>
14729    <div class="button button--filled-primary invisible max-md:hidden"></div>
14730  </div>
14731  <div class="min-h-screen"></div>
14732</article>
14733
14734      </template>
14735      <template x-fallback-template-type="product">
14736        
14737
14738
14739
14740<div class="md:[&:not(.transition-preview_&)]:mt-[89px]"></div>
14741
14742<div class="max-md:hidden [.transition-preview_&]:hidden">
14743  
14744
14745
14746
14747
14748
14749  <nav
14750
14751    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
14752    role="navigation"
14753    aria-label="Breadcrumbs"
14754  >
14755    <div role="list" class="truncate px-2">
14756      <div role="listitem" class="inline font-semibold">
14757        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
14758          Home
14759        </a>
14760      </div>
14761
14762      <div
14763        role="listitem"
14764        class="mx-4 inline-block"
14765        aria-hidden="true"
14766      >
14767        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14768  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14769</svg>
14770
14771      </div>
14772
14773      
14774        <template x-if="$store['transition'].pageType === 'category'">
14775          <div class="contents">
14776            <div
14777              role="listitem"
14778              class="breadcrumb text-text-500"
14779              x-html="$store['transition'].pageData?.title"
14780            ></div>
14781          </div>
14782        </template>
14783
14784        <template x-if="$store['transition'].pageType === 'article'">
14785          <div class="contents">
14786            <div role="listitem" class="breadcrumb">
14787              <a
14788                class="inline-flex hover:underline"
14789                x-element-transition-trigger
14790                href=""
14791                aria-current="page"
14792              ></a>
14793            </div>
14794            <div
14795              role="listitem"
14796              class="mx-4 inline-block"
14797              aria-hidden="true"
14798            >
14799              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
14800  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
14801</svg>
14802
14803            </div>
14804            <div
14805              role="listitem"
14806              class="breadcrumb text-text-500"
14807              x-html="$store['transition'].pageData?.title"
14808            ></div>
14809          </div>
14810        </template>
14811
14812        <template x-if="$store['transition'].pageType === 'product'">
14813          <div class="contents">
14814            <div
14815              role="listitem"
14816              class="breadcrumb text-text-500"
14817              x-html="$store['transition'].pageData?.title"
14818            ></div>
14819          </div>
14820        </template>
14821
14822        <template x-if="$store['transition'].pageType === 'search'">
14823          <div class="contents">
14824            <div
14825              role="listitem"
14826              class="breadcrumb text-text-500"
14827              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
14828            ></div>
14829          </div>
14830        </template>
14831      
14832    </div>
14833  </nav>
14834
14835
14836</div>
14837
14838<!-- Title styling: scoped to fallback; matches PDP -->
14839<style data-od-fallback>
14840  [data-od-fallback-root] .od-title-wrap h1.od-product-title{
14841    all: unset; display:block; margin:0 0 .25em 0;
14842    font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
14843    font-style: italic; font-weight:400; line-height:1.1; color:#330065;
14844    font-size: clamp(30px, 2.8vw, 46px);
14845    text-align: left;
14846    font-synthesis-weight: none;
14847  }
14848  [data-od-fallback-root] .od-title-wrap .od-product-subtitle{
14849    display:block; margin:0 0 1rem 0; text-align:left;
14850    font-style: normal; font-weight: 400; font-family: inherit; color: inherit;
14851  }
14852  @media (max-width: 767.98px){
14853    [data-od-fallback-root] .od-title-wrap{ text-align:center !important; }
14854    [data-od-fallback-root] .od-title-wrap h1.od-product-title{
14855      text-align:center !important; font-size: clamp(28px, 8vw, 40px);
14856    }
14857    [data-od-fallback-root] .od-title-wrap .od-product-subtitle{ text-align:center !important; }
14858  }
14859</style>
14860
14861<!-- Your mobile rhythm + divider rules, scoped to fallback -->
14862<style data-od-fallback-mobile>
14863  @media (max-width: 767.98px){
14864    [data-od-fallback-root] .od-title-wrap{
14865      padding-bottom: .5rem;
14866      margin-bottom: .5rem;
14867      border-bottom: 1px solid #33006526;
14868    }
14869    [data-od-fallback-root] .reviews-badge-wrapper{ margin-top:.25rem; margin-bottom:.5rem; opacity:.95; }
14870    [data-od-fallback-root] .reviews-badge-wrapper *{ font-size:.95rem; }
14871    [data-od-fallback-root] .od-product-price{ margin-top:.25rem; margin-bottom:.875rem; }
14872    [data-od-fallback-root] [id^="variant-options-"]{ margin-bottom:.5rem !important; }
14873    [data-od-fallback-root] .wishlist-epi{ margin-top:.25rem; margin-bottom:1.25rem; }
14874    [data-od-fallback-root] .wishlist-epi .od-wishlist-button{ width:26px; height:26px; }
14875  }
14876</style>
14877
14878<style data-od-fallback-gallery-skin>
14879  [data-od-fallback-root] .coming-soon-overlay{
14880    position:absolute;
14881    inset:0;
14882    display:flex;
14883    align-items:flex-end;
14884    justify-content:center;
14885    padding:1rem;
14886    box-sizing:border-box;
14887    pointer-events:none;
14888    z-index:20;
14889    opacity:0;
14890    visibility:hidden;
14891    transition:opacity .15s ease;
14892    border-radius:inherit;
14893    overflow:hidden;
14894  }
14895
14896  [data-od-fallback-root] .coming-soon-overlay.visible{
14897    opacity:1;
14898    visibility:visible;
14899  }
14900
14901  [data-od-fallback-root] .coming-soon-overlay.invisible{
14902    opacity:0;
14903    visibility:hidden;
14904  }
14905
14906  [data-od-fallback-root] .coming-soon-overlay::before{
14907    content:"";
14908    position:absolute;
14909    inset:auto 0 0 0;
14910    height:38%;
14911    background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
14912    pointer-events:none;
14913  }
14914
14915  [data-od-fallback-root] .coming-soon-overlay span{
14916    position:relative;
14917    z-index:1;
14918    color:#fff;
14919    font-size:1rem;
14920    font-weight:500;
14921    text-align:center;
14922  }
14923
14924  /* white rounded card around the Alpine image target (keeps SPA anchor) */
14925[data-od-fallback-root] [x-element-transition-dest="img"]{
14926  transform: translateZ(0);
14927  -webkit-transform: translateZ(0);
14928}
14929
14930  /* visual-only arrows */
14931  [data-od-fallback-root] .sticky-arrow{
14932    position:absolute;
14933    top:50%;
14934    transform:translateY(-50%);
14935    background-color:rgba(255,255,255,.85);
14936    border:none;
14937    font-size:2rem;
14938    padding:.5rem .75rem;
14939    border-radius:999px;
14940    z-index:20;
14941    pointer-events:none;
14942    transition:background-color .3s ease, transform .3s ease;
14943  }
14944
14945  [data-od-fallback-root] .sticky-arrow.left{ left:16px; }
14946  [data-od-fallback-root] .sticky-arrow.right{ right:16px; }
14947</style>
14948<style data-od-disable-mobile-image-morph>
14949  @media (max-width: 767.98px){
14950    [data-od-fallback-root] [x-element-transition-dest="img"]{
14951      padding: 0 !important;
14952    }
14953
14954    [data-od-fallback-root] [x-element-transition-dest="img"] > img[x-show]{
14955      display: block;
14956      width: 100%;
14957      max-width: 100%;
14958      height: auto;
14959      max-height: 100%;
14960      object-fit: cover;
14961      object-position: center;
14962    }
14963
14964    /* ensure the real mobile image stays visible immediately */
14965    [data-od-fallback-root] [x-element-transition-dest="img"] > img[x-show]{
14966      opacity: 1 !important;
14967      transform: none !important;
14968    }
14969  }
14970</style>
14971<div
14972  class="od-pdp-mobile-start md:content-wrapper relative z-30 mx-auto flex w-full flex-col justify-center gap-4 md:grid md:grid-cols-[1fr_250px] md:items-start md:gap-8 lg:grid-cols-[1fr_330px] xl:grid-cols-[1fr_400px] xl:gap-16"
14973  data-od-fallback-root
14974  data-coming-soon="false"
14975x-data="
14976  {
14977    mobileImg: $store['transition'].pageData?.variantImg || $store['transition'].pageData?.productImg,
14978    desktopImg: $store['transition'].pageData?.variantImg || $store['transition'].pageData?.productImg,
14979    showComingSoon: !!$store['transition'].pageData?.isComingSoon
14980  }
14981"
14982>
14983
14984  <!-- DESKTOP IMAGE — EXACT MATCH TO PDP GALLERY STRUCTURE -->
14985  <div class="contents max-md:hidden" data-od-fallback-desktop>
14986    <div class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery">
14987      <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
14988        <div class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center">
14989
14990          <div
14991            x-data="
14992              TransitionImage({
14993                src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
14994                imageId: 'od-fallback-desktop-image'
14995              })
14996            "
14997            x-show="!!src"
14998            class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
14999            :class="{ 'opacity-0': isImgLoaded }"
15000            aria-hidden="true"
15001            role="presentation"
15002          >
15003            <img
15004              height="100%"
15005              width="100%"
15006              class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15007              :src="src"
15008              alt=""
15009            >
15010          </div>
15011
15012          <img
15013            id="od-fallback-desktop-image"
15014            x-show="!!desktopImg"
15015            :src="desktopImg"
15016            class="rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15017            width="1200"
15018            height="1200"
15019          >
15020
15021          <div class="w-full overflow-hidden md:rounded-xl" x-show="!desktopImg">
15022            
15023
15024
15025
15026<div
15027  class="flex aspect-product w-full items-center justify-center p-[4%] bg-[--fade-in-bg] text-center"
15028  style="transform: translateZ(0)"
15029>
15030  
15031    <div
15032      class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center transition-opacity delay-1000 duration-300 p-[4%]"
15033      x-data="
15034        TransitionImage({
15035          src: '//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121',
15036          imageId: 'product_fallback_image'
15037        })
15038      "
15039      x-show="!!src"
15040      :class="{ 'opacity-0': isImgLoaded }"
15041    >
15042      <img
15043        height="100%"
15044        width="100%"
15045        class="max-h-full object-center w-auto object-contain rounded-2xl mix-blend-darken"
15046        :src="src"
15047      >
15048    </div>
15049
15050    
15051
15052
15053<div class="bg-[--fade-in-bg] aspect-product flex items-center justify-center w-full h-full transition-transform md:group-hover:scale-105">
15054  
15055    <img src="//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121" alt="Missing image" width="500" height="500" class="faded-img opacity-0 transition-opacity duration-300 object-center mix-blend-darken object-contain rounded-md max-h-full w-auto" onload="this.classList.remove(&#39;opacity-0&#39;);">
15056  
15057</div>
15058
15059
15060    
15061    
15062<div
15063      class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm md:hidden bottom left"
15064      data-od-sale-pct-badge
15065      data-od-sale-collections="all,all-recordings,andre-cluytens,french-opera,nicolai-gedda,charles-gou
15065nod,september-8-new-releases,best-sellers"
15066      
15067      hidden
15068    >
15069      <span class="font-semibold"></span>
15070    </div>
15071
15072  
15073</div>
15074
15075          </div>
15076
15077          <div
15078            class="coming-soon-overlay"
15079            :class="showComingSoon ? 'visible' : 'invisible'"
15080          >
15081            <span>Coming Soon</span>
15082          </div>
15083
15084        </div>
15085      </div>
15086    </div>
15087  </div>
15088
15089  <div class="product-details md:sticky md:top-[--scroll-top] md:order-1 md:pb-7">
15090    <!-- MOBILE IMAGE — preserves SPA anchor but matches PDP framing more closely -->
15091  <div class="contents md:hidden">
15092    <div class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery">
15093      <div class="flex justify-center items-center px-4 md:px-0">
15094        <div
15095  x-element-transition-dest="img"
15096  class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center"
15097>
15098
15099           <!-- OVERLAY: first child INSIDE the x-element-transition-dest container -->
15100
15101           <div
15102  x-data="
15103    TransitionImage({
15104      src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
15105      imageId: 'od-fallback-mobile-image'
15106    })
15107  "
15108  x-show="!!src"
15109  class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15110  :class="{ 'opacity-0': isImgLoaded }"
15111  aria-hidden="true"
15112  role="presentation"
15113>
15114  <img
15115    width="2048"
15116    height="2048"
15117    class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15118    :src="src"
15119    alt=""
15120  >
15121</div>
15122
15123<!-- FALLBACK MOBILE IMAGE -->
15124<div class="bg-[--fade-in-bg] w-full flex justify-center" x-show="!!mobileImg">
15125  <img
15126    id="od-fallback-mobile-image"
15127    :src="mobileImg"
15128    class="faded-img opacity-0 transition-opacity duration-300 rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15129    width="1200"
15130    height="1200"
15131    loading="eager"
15132    onload="this.classList.remove('opacity-0');"
15133  >
15134</div>
15135
15136<div class="bg-[--fade-in-bg] w-full flex justify-center overflow-hidden md:rounded-xl" x-show="!mobileImg">
15137  
15138
15139
15140
15141<div
15142  class="flex aspect-product w-full items-center justify-center p-[4%] bg-[--fade-in-bg] text-center"
15143  style="transform: translateZ(0)"
15144>
15145  
15146    <div
15147      class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center transition-opacity delay-1000 duration-300 p-[4%]"
15148      x-data="
15149        TransitionImage({
15150          src: '//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121',
15151          imageId: 'product_fallback_image'
15152        })
15153      "
15154      x-show="!!src"
15155      :class="{ 'opacity-0': isImgLoaded }"
15156    >
15157      <img
15158        height="100%"
15159        width="100%"
15160        class="max-h-full object-center w-auto object-contain rounded-2xl mix-blend-darken"
15161        :src="src"
15162      >
15163    </div>
15164
15165    
15166
15167
15168<div class="bg-[--fade-in-bg] aspect-product flex items-center justify-center w-full h-full transition-transform md:group-hover:scale-105">
15169  
15170    <img src="//operadepot.com/cdn/shop/files/ImageNotFound.png?v=1739496121" alt="Missing image" width="500" height="500" class="faded-img opacity-0 transition-opacity duration-300 object-center mix-blend-darken object-contain rounded-md max-h-full w-auto" onload="this.classList.remove(&#39;opacity-0&#39;);">
15171  
15172</div>
15173
15174
15175    
15176    
15177<div
15178      class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm md:hidden bottom left"
15179      data-od-sale-pct-badge
15180      data-od-sale-collections="all,all-recordings,andre-cluytens,french-opera,nicolai-gedda,charles-gounod,september-8-new-releases,best-sellers"
15181      
15182      hidden
15183    >
15184      <span class="font-semibold"></span>
15185    </div>
15186
15187  
15188</div>
15189
15190</div>
15191
15192<div
15193  class="coming-soon-overlay"
15194  :class="showComingSoon ? 'visible' : 'invisible'"
15195>
15196  <span>Coming Soon</span>
15197</div>
15198            
15199
15200          </div>
15201        </div>
15202      </div>
15203
15204      <div :style="showComingSoon ? 'visibility:hidden' : ''">
15205        
15206  <div
15207    class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm bottom left"
15208    x-show="$store['transition'].pageData?.discount_percentage"
15209  >
15210    <span
15211      class="font-semibold"
15212      x-text="`-${$store['transition'].pageData?.discount_percentage}% OFF`"
15213    >
15214    </span>
15215  </div>
15216
15217
15218      </div>
15219    </div>
15220
15221    
15222  </div>
15223</div>
15224
15225      </template>
15226      <template x-fallback-template-type="voice-grid">
15227        <div class="mt-[72px] md:mt-[89px]"></div>
15228
15229<section class="voice-grid voice-grid-fallback">
15230  <div class="voice-grid-shell content-wrapper mx-auto px-5 pb-10 pt-3">
15231    <div class="voice-grid-header flex flex-col items-center">
15232      <h1
15233        class="od-voice-grid-title"
15234        data-transition-title
15235      ></h1>
15236    </div>
15237    <div class="collection-grid voice-grid-fallback-geometry" aria-hidden="true"></div>
15238  </div>
15239</section>
15240
15241<style data-voice-grid-fallback>
15242  .voice-grid {
15243    width: 100%;
15244  }
15245
15246  .voice-grid-fallback {
15247    min-height: 40vh;
15248  }
15249
15250  .voice-grid-shell {
15251    display: flex;
15252    flex-direction: column;
15253    align-items: center;
15254  }
15255
15256  .voice-grid-header {
15257    width: 100%;
15258  }
15259
15260  .od-voice-grid-title {
15261    all: unset;
15262    display: block;
15263    margin: 0 0 30px 0;
15264    color: #330065;
15265    font-family: "Baskerville", "Libre Baskerville", "Times New Roman", serif;
15266    font-size: clamp(30px, 2.8vw, 46px);
15267    font-style: italic;
15268    font-weight: 400;
15269    line-height: 1.1;
15270    text-align: center;
15271    text-transform: capitalize;
15272  }
15273
15274  .collection-grid {
15275    display: grid;
15276    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
15277    gap: 20px;
15278    width: 100%;
15279    max-width: 1200px;
15280  }
15281
15282  .voice-grid-fallback-geometry {
15283    min-height: 260px;
15284  }
15285
15286  @media (max-width: 767.98px) {
15287    .od-voice-grid-title {
15288      font-size: clamp(28px, 8vw, 40px);
15289    }
15290
15291    .voice-grid-fallback-geometry {
15292      min-height: 0;
15293    }
15294  }
15295</style>
15296
15297      </template>
15298      <template x-fallback-template-type="category">
15299        
15300<div class="mt-[72px] md:mt-[89px]"></div>
15301
15302<div class="max-md:hidden">
15303  
15304
15305
15306
15307
15308
15309  <nav
15310
15311    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15312    role="navigation"
15313    aria-label="Breadcrumbs"
15314  >
15315    <div role="list" class="truncate px-2">
15316      <div role="listitem" class="inline font-semibold">
15317        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15318          Home
15319        </a>
15320      </div>
15321
15322      <div
15323        role="listitem"
15324        class="mx-4 inline-block"
15325        aria-hidden="true"
15326      >
15327        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15328  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15329</svg>
15330
15331      </div>
15332
15333      
15334        <template x-if="$store['transition'].pageType === 'category'">
15335          <div class="contents">
15336            <div
15337              role="listitem"
15338              class="breadcrumb text-text-500"
15339              x-html="$store['transition'].pageData?.title"
15340            ></div>
15341          </div>
15342        </template>
15343
15344        <template x-if="$store['transition'].pageType === 'article'">
15345          <div class="contents">
15346            <div role="listitem" class="breadcrumb">
15347              <a
15348                class="inline-flex hover:underline"
15349                x-element-transition-trigger
15350                href=""
15351                aria-current="page"
15352              ></a>
15353            </div>
15354            <div
15355              role="listitem"
15356              class="mx-4 inline-block"
15357              aria-hidden="true"
15358            >
15359              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15360  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15361</svg>
15362
15363            </div>
15364            <div
15365              role="listitem"
15366              class="breadcrumb text-text-500"
15367              x-html="$store['transition'].pageData?.title"
15368            ></div>
15369          </div>
15370        </template>
15371
15372        <template x-if="$store['transition'].pageType === 'product'">
15373          <div class="contents">
15374            <div
15375              role="listitem"
15376              class="breadcrumb text-text-500"
15377              x-html="$store['transition'].pageData?.title"
15378            ></div>
15379          </div>
15380        </template>
15381
15382        <template x-if="$store['transition'].pageType === 'search'">
15383          <div class="contents">
15384            <div
15385              role="listitem"
15386              class="breadcrumb text-text-500"
15387              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
15388            ></div>
15389          </div>
15390        </template>
15391      
15392    </div>
15393  </nav>
15394
15395
15396</div>
15397
15398<article
15399  aria-label="Category details"
15400  class="content-wrapper mx-auto flex flex-col items-start gap-3 py-5 pb-6 pt-3 collection-header"
15401>
15402  
15403    <template x-if="$store['transition'].pageData?.img">
15404      <div class="disable-fade contents">
15405        <div
15406          class="relative bg-[--fade-in-bg] w-full mb-2 rounded-md overflow-hidden"
15407        >
15408          <div
15409            x-data="
15410              TransitionImage({
15411                src: Alpine.store('transition').pageData?.img,
15412                imageId: 'od-fallback-collection-image'
15413              })
15414            "
15415            x-show="!!src"
15416            class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15417            :class="{ 'opacity-0': isImgLoaded }"
15418            aria-hidden="true"
15419            role="presentation"
15420          >
15421            <img
15422              width="1200"
15423              height="480"
15424              class="transition-image collection-header-image w-full h-[40vh] object-cover rounded-md"
15425              :src="src"
15426              alt=""
15427            >
15428          </div>
15429          <img
15430            id="od-fallback-collection-image"
15431            x-element-transition-dest="img"
15432            :src="$store['transition'].pageData?.img"
15433            :alt="$store['transition'].pageData?.title"
15434            class="no-fade collection-header-image w-full h-[40vh] object-cover rounded-md transition-opacity duration-300"
15435            loading="eager"
15436            sizes="(min-width: 750px) calc(50vw - 130px), calc(50vw - 55px)"
15437            width="1200"
15438            height="480"
15439          >
15440        </div>
15441      </div>
15442    </template>
15443  
15444
15445  <div class="flex w-full justify-center">
15446    <div class="flex flex-col gap-3 items-center text-center">
15447      <h1
15448        class="heading text-lg text-text-500"
15449        x-text="$store['transition'].pageData?.title"
15450      ></h1>
15451
15452      
15453        <div
15454          class="rte text-center"
15455          x-html="$store['transition'].pageData?.description"
15456          x-show="$store['transition'].pageData?.description && $store['transition'].pageData?.description != ''"
15457        ></div>
15458      
15459    </div>
15460  </div>
15461
15462  <div class="min-h-screen"></div>
15463</article>
15464
15465      </template>
15466      <template x-fallback-template-type="article">
15467        <div class="contents">
15468  <div class="mt-[72px] md:mt-[89px]"></div>
15469  
15470  
15471
15472
15473
15474
15475
15476  <nav
15477
15478    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15479    role="navigation"
15480    aria-label="Breadcrumbs"
15481  >
15482    <div role="list" class="truncate px-2">
15483      <div role="listitem" class="inline font-semibold">
15484        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15485          Home
15486        </a>
15487      </div>
15488
15489      <div
15490        role="listitem"
15491        class="mx-4 inline-block"
15492        aria-hidden="true"
15493      >
15494        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15495  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15496</svg>
15497
15498      </div>
15499
15500      
15501        <template x-if="$store['transition'].pageType === 'category'">
15502          <div class="contents">
15503            <div
15504              role="listitem"
15505              class="breadcrumb text-text-500"
15506              x-html="$store['transition'].pageData?.title"
15507            ></div>
15508          </div>
15509        </template>
15510
15511        <template x-if="$store['transition'].pageType === 'article'">
15512          <div class="contents">
15513            <div role="listitem" class="breadcrumb">
15514              <a
15515                class="inline-flex hover:underline"
15516                x-element-transition-trigger
15517                href=""
15518                aria-current="page"
15519              ></a>
15520            </div>
15521            <div
15522              role="listitem"
15523              class="mx-4 inline-block"
15524              aria-hidden="true"
15525            >
15526              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15527  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15528</svg>
15529
15530            </div>
15531            <div
15532              role="listitem"
15533              class="breadcrumb text-text-500"
15534              x-html="$store['transition'].pageData?.title"
15535            ></div>
15536          </div>
15537        </template>
15538
15539        <template x-if="$store['transition'].pageType === 'product'">
15540          <div class="contents">
15541            <div
15542              role="listitem"
15543              class="breadcrumb text-text-500"
15544              x-html="$store['transition'].pageData?.title"
15545            ></div>
15546          </div>
15547        </template>
15548
15549        <template x-if="$store['transition'].pageType === 'search'">
15550          <div class="contents">
15551            <div
15552              role="listitem"
15553              class="breadcrumb text-text-500"
15554              x-html="'Search: ... results found for “XXX”'.replace('XXX', $store['transition'].pageData?.search)"
15555            ></div>
15556          </div>
15557        </template>
15558      
15559    </div>
15560  </nav>
15561
15562
15563
15564  
15565  <article
15566    class="content-wrapper mx-auto"
15567    itemscope=""
15568    itemtype="http://schema.org/BlogPosting"
15569    x-data="
15570      {
15571        pageData: $store['transition'].pageData
15572      }
15573    "
15574  >
15575    <header class="mb-7 text-center">
15576      <div class="mb-4">
15577        <span x-show="pageData?.show_date" x-text="pageData?.date"></span>
15578        <template
15579          x-for="(tag, i) in pageData?.tags"
15580          :key="i"
15581        >
15582          <span
15583            class="capitalize before:mx-3 before:inline-block before:text-gray-200 before:content-['/']"
15584            x-text="tag"
15585          ></span>
15586        </template>
15587      </div>
15588
15589      <h1 class="text-4xl text-text-500" itemprop="headline" x-text="pageData?.title"></h1>
15590    </header>
15591  </article>
15592</div>
15593
15594      </template>
15595
15596      <!-- Wrapper contains main element when it is scaled thus fixing popup bottom position -->
15597      <div
15598        class="main-wrapper -mt-[72px] flex-1 md:-mt-[89px] max-md:overflow-hidden"
15599        :class="
15600          {
15601            'print:max-md:!hidden': $store.popup._isPopupVisible
15602          }
15603        "
15604      >
15605        <!-- main-content -->
15606        <main
15607          id="MainContent"
15608          class="content-for-layout focus-none flex h-full origin-top flex-col transition-transform duration-500 will-change-transform motion-reduce:transition-none"
15609          :class="
15610            {
15611              'is-transition': $store['transition'].isAnimating,
15612            }
15613          "
15614          role="main"
15615          tabindex="-1"
15616          :style="
15617            {
15618              transform: ($store.popup.isCurrentPopupFocused && !$store.main.isReducedMotion)
15619                ? `scale(${$store.main.scaleFactor}) translateY(${$store.main.yOffset}px)`
15620                : 'scale(1)'
15621            }
15622          "
15623          @scroll.window="$store.main.setTransformValues"
15624        >
15625          
15626            <div
15627              class=" md:mt-[89px] "
15628            ></div>
15629          
15630
15631          
15632            
15633
15634
15635
15636
15637
15638  <nav
15639
15640    class="breadcrumbs content-wrapper mx-auto my-8 px-4 hidden md:block"
15641    role="navigation"
15642    aria-label="Breadcrumbs"
15643  >
15644    <div role="list" class="truncate px-2">
15645      <div role="listitem" class="inline font-semibold">
15646        <a class="inline-flex hover:underline" x-element-transition-trigger href="/">
15647          Home
15648        </a>
15649      </div>
15650
15651      <div
15652        role="listitem"
15653        class="mx-4 inline-block"
15654        aria-hidden="true"
15655      >
15656        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -6 5 14">
15657  <path d="M1.001 7.805 4.806 4 1 .195l-.942.943L2.92 4 .059 6.862 1 7.805Z"/>
15658</svg>
15659
15660      </div>
15661
15662      
15663        
15664            
15665            
15666
15667            <div role="listitem" class="breadcrumb text-text-500">
15668              Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954
15669            </div>
15670
15671          
15672      
15673    </div>
15674  </nav>
15675
15676
15677          
15678
15679          <!-- preview-content -->
15680          <div class="product-page" x-data="ProductPage()"><section id="shopify-section-template--27741225419073__main" class="shopify-section section">
15681
15682
15683
15684<div
15685  x-init="
15686    () => {
15687      $data.setProductPageProps({
15688        manuallySelectedVariantId: 0,
15689        selectedVariantId: 52179151061313,
15690        selectedOptions: JSON.parse('[&quot;CD&quot;]'),
15691        productId: 10364678504769,
15692        productUrl: '/products/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens',
15693        isSyncedWithUrl: true,
15694        isScrollingToTop: false,
15695        XRMediaModels: [],
15696        variants: [{&quot;id&quot;:52179151061313,&quot;title&quot;:&quot;CD&quot;,&quot;option1&quot;:&quot;CD&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;12411-2&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - CD&quot;,&quot;public_title&quot;:&quot;CD&quot;,&quot;options&quot;:[&quot;CD&quot;],&quot;price&quot;:1795,&quot;weight&quot;:51,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:-6,&quot;inventory_management&quot;:null,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:null,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:52179151094081,&quot;title&quot;:&quot;MP3&quot;,&quot;option1&quot;:&quot;MP3&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;MP3 12411-2&quot;,&quot;requires_shipping&quot;:false,&quot;taxable&quot;:false,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - MP3&quot;,&quot;public_title&quot;:&quot;MP3&quot;,&quot;options&quot;:[&quot;MP3&quot;],&quot;price&quot;:995,&quot;weight&quot;:0,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:-2,&quot;inventory_management&quot;:null,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:null,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:52179151126849,&quot;title&quot;:&quot;FLAC&quot;,&quot;option1&quot;:&quot;FLAC&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;FLAC 12411-2&quot;,&quot;requires_shipping&quot;:false,&quot;taxable&quot;:false,&quot;featured_image&quot;:null,&quot;available&quot;:true,&quot;name&quot;:&quot;Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954 - FLAC&quot;,&quot;public_title&quot;:&quot;FLAC&quot;,&quot;options&quot;:[&quot;FLAC&quot;],&quot;price&quot;:1195,&quot;weight&quot;:0,&quot;compare_at_price&quot;:null,&quot;inventory_quantity&quot;:0,&quot;inventory_management&quot;:null,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:null,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]
15697      });
15698
15699      // Wishlist button state/labels are handled by od-wishlist.js via
15700      // Alpine bindings — no Swym re-init needed here anymore.
15701    }
15702  "
15703  class="contents "
15704>
15705
15706  <div id="product-page">
15707    <!-- product-page-content -->
15708    
15709
15710
15711
15712
15713
15714
15715
15716
15717
15718
15719
15720
15721
15722
15723<div class="od-pdp-desktop-layout content-wrapper mx-auto">
15724<div class="od-pdp-primary-layout od-pdp-mobile-start md:content-wrapper relative z-30 mx-auto flex w-full flex-col justify-center gap-4 md:grid md:grid-cols-[1fr_250px] md:items-start md:gap-8 lg:grid-cols-[1fr_330px] xl:grid-cols-[1fr_400px] xl:gap-16">
15725  <div class="contents max-md:hidden">
15726    
15727<div 
15728  x-data="{
15729    currentIndex: 0,
15730    startX: 0,
15731    startY: 0,
15732    isScrolling: undefined,
15733
15734    onTouchStart(e) {
15735      this.startX = e.touches[0].clientX;
15736      this.startY = e.touches[0].clientY;
15737      this.isScrolling = undefined;
15738    },
15739
15740    onTouchMove(e) {
15741      const dx = e.touches[0].clientX - this.startX;
15742      const dy = e.touches[0].clientY - this.startY;
15743
15744      if (this.isScrolling === undefined) {
15745        this.isScrolling = Math.abs(dy) > Math.abs(dx);
15746      }
15747
15748      if (!this.isScrolling) {
15749        e.preventDefault();
15750      }
15751    },
15752
15753    onTouchEnd(e) {
15754      const endX = e.changedTouches[0].clientX;
15755      const diffX = this.startX - endX;
15756
15757      if (diffX > 50 && this.currentIndex < 1) {
15758        this.currentIndex += 1;
15759      } else if (diffX < -50 && this.currentIndex > 0) {
15760        this.currentIndex -= 1;
15761      }
15762    }
15763  }"
15764  x-on:touchstart="onTouchStart($event)"
15765  x-on:touchmove="onTouchMove($event)"
15766  x-on:touchend="onTouchEnd($event)"
15767  class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery"
15768>
15769
15770  <div class="relative">
15771    <div class="flex transition-transform duration-500 snap-x snap-mandatory" 
15772         :style="`transform: translateX(-${currentIndex * 100}%);`">
15773      
15774            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15775        <div class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center">
15776          
15777  <!-- Transition overlay: FIRST CHILD inside the hero box -->
15778  <div
15779    x-data="
15780      TransitionImage({
15781        src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
15782        imageId: ''
15783      })
15784    "
15785    x-show="!!src"
15786    class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
15787    :class="{ 'opacity-0': isImgLoaded }"
15788    aria-hidden="true"
15789    role="presentation"
15790  >
15791    <img
15792      height="100%"
15793      width="100%"
15794      class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
15795      :src="src"
15796      alt=""
15797    >
15798
15799    
15800  </div>
15801
15802
15803          
15804
15805
15806
15807
15808
15809
15810<div class="bg-[--fade-in-bg] w-full flex justify-center">
15811  
15812    <img src="//operadepot.com/cdn/shop/files/12411-2front.jpg?v=1788807403" alt="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954" width="2048" height="2048" class="faded-img opacity-0 transition-opacity duration-300 rounded-xl object-cover w-full h-auto mix-blend-darken" onload="this.classList.remove(&#39;opacity-0&#39;);">
15813  
15814</div>
15815
15816  
15817
15818
15819          
15820        </div>
15821      </div>
15822
15823      
15824            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15825        <div class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center">
15826          
15827
15828          
15829
15830
15831
15832
15833
15834
15835<div class="bg-[--fade-in-bg] w-full flex justify-center">
15836  
15837    <img src="//operadepot.com/cdn/shop/files/12411-2back.jpg?v=1788807403" alt="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954" width="2048" height="2048" class="faded-img opacity-0 transition-opacity duration-300 rounded-xl object-cover w-full h-auto mix-blend-darken" onload="this.classList.remove(&#39;opacity-0&#39;);">
15838  
15839</div>
15840
15841  
15842
15843
15844          
15845        </div>
15846      </div>
15847
15848      
15849    </div>
15850
15851    <!-- Left Arrow -->
15852    <button
15853      x-show="currentIndex > 0"
15854      @click="currentIndex--"
15855      class="sticky-arrow left"
15856      aria-label="Previous image"
15857    >‹</button>
15858
15859    <!-- Right Arrow -->
15860    <button
15861      x-show="currentIndex < 1"
15862      @click="currentIndex++"
15863      class="sticky-arrow right"
15864      aria-label="Next image"
15865    >›</button>
15866  </div>
15867
15868  <!-- Opera Depot Player Button -->
15869<div id="stream-button-container" class="mt-6 text-center">
15870  <button
15871    type="button"
15872    class="opera-player-launch lightbox-stream-button stream-recording-button"
15873    data-product-handle="gounod-mireille-vivalda-gedda-gayraud-dens-cluytens"
15874    data-product-stream-button
15875    data-product-free-streaming="false"
15876    data-product-coming-soon="false"
15877    data-product-public-full-streaming="false"
15878    data-product-full-streaming-available="false"
15879    aria-label="Sample Recording"
15880  >
15881    <span class="stream-recording-button__play play-icon-wrapper" aria-hidden="true">
15882      <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false">
15883        <circle class="play-icon-circle" cx="12" cy="12" r="10" />
15884        <path class="play-icon-triangle" d="M9.25 7.75v8.5L16 12z" />
15885      </svg>
15886      <span class="stream-button-spinner" aria-hidden="true"></span>
15887    </span>
15888    <span class="stream-label" data-product-stream-label>Sample Recording</span>
15889  </button>
15890  <p class="od-member-line">
15891    <a class="od-member-line__link" href="/pages/membership" x-element-transition-trigger>
15892      Members hear the full recording<span aria-hidden="true">&nbsp;&rarr;</span>
15893    </a>
15894  </p>
15895</div>
15896
15897</div>
15898
15899<style>
15900  .sticky-arrow {
15901    position: absolute;
15902    top: 50%;
15903    transform: translateY(-50%);
15904    background-color: rgba(255, 255, 255, 0.85);
15905    border: none;
15906    font-size: 2rem;
15907    padding: 0.5rem 0.75rem;
15908    border-radius: 999px;
15909    cursor: pointer;
15910    z-index: 20;
15911    transition: background-color 0.3s ease, transform 0.3s ease;
15912  }
15913
15914  .sticky-arrow:hover {
15915    background-color: rgba(255, 255, 255, 1);
15916    transform: translateY(-50%) scale(1.1);
15917    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
15918  }
15919
15920  .sticky-arrow.left { left: 16px; }
15921  .sticky-arrow.right { right: 16px; }
15922</style>
15923
15924  </div>
15925
15926  <div class="product-details md:sticky md:top-[--scroll-top] md:pb-7"
15927    
15928      x-sticky-scroll="{
15929        container: $refs.scrollContainer,
15930        top: $refs.scrollContainer ? (window.innerHeight > 1080 ? 24 : 72) : 90,
15931        bottom: $refs.scrollContainer ? (window.innerHeight > 1080 ? 300 : 100) : 24,
15932      }"
15933    
15934  >
15935 
15936
15937   
15938   
15939
15940  <div class="contents md:hidden">
15941    
15942<div 
15943  x-data="{
15944    currentIndex: 0,
15945    startX: 0,
15946    startY: 0,
15947    isScrolling: undefined,
15948
15949    onTouchStart(e) {
15950      this.startX = e.touches[0].clientX;
15951      this.startY = e.touches[0].clientY;
15952      this.isScrolling = undefined;
15953    },
15954
15955    onTouchMove(e) {
15956      const dx = e.touches[0].clientX - this.startX;
15957      const dy = e.touches[0].clientY - this.startY;
15958
15959      if (this.isScrolling === undefined) {
15960        this.isScrolling = Math.abs(dy) > Math.abs(dx);
15961      }
15962
15963      if (!this.isScrolling) {
15964        e.preventDefault();
15965      }
15966    },
15967
15968    onTouchEnd(e) {
15969      const endX = e.changedTouches[0].clientX;
15970      const diffX = this.startX - endX;
15971
15972      if (diffX > 50 && this.currentIndex < 1) {
15973        this.currentIndex += 1;
15974      } else if (diffX < -50 && this.currentIndex > 0) {
15975        this.currentIndex -= 1;
15976      }
15977    }
15978  }"
15979  x-on:touchstart="onTouchStart($event)"
15980  x-on:touchmove="onTouchMove($event)"
15981  x-on:touchend="onTouchEnd($event)"
15982  class="relative w-full max-w-[500px] mx-auto overflow-hidden od-pdp-gallery"
15983>
15984
15985  <div class="relative">
15986    <div class="flex transition-transform duration-500 snap-x snap-mandatory" 
15987         :style="`transform: translateX(-${currentIndex * 100}%);`">
15988      
15989            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
15990        <div class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center">
15991          
15992  <!-- Transition overlay: FIRST CHILD inside the hero box -->
15993  <div
15994    x-data="
15995      TransitionImage({
15996        src: Alpine.store('transition').pageData?.variantImg || Alpine.store('transition').pageData?.productImg,
15997        imageId: ''
15998      })
15999    "
16000    x-show="!!src"
16001    class="hide-unless-transition absolute inset-0 z-10 flex items-center justify-center bg-[--fade-in-bg] transition-opacity delay-1000 duration-300"
16002    :class="{ 'opacity-0': isImgLoaded }"
16003    aria-hidden="true"
16004    role="presentation"
16005  >
16006    <img
16007      height="100%"
16008      width="100%"
16009      class="transition-image rounded-xl object-cover w-full h-auto max-w-full max-h-full object-center mix-blend-darken"
16010      :src="src"
16011      alt=""
16012    >
16013
16014    
16015  </div>
16016
16017
16018          
16019
16020
16021
16022
16023
16024
16025<div class="bg-[--fade-in-bg] w-full flex justify-center">
16026  
16027    <img src="//operadepot.com/cdn/shop/files/12411-2front.jpg?v=1788807403" alt="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954" width="2048" height="2048" class="faded-img opacity-0 transition-opacity duration-300 rounded-xl object-cover w-full h-auto mix-blend-darken" onload="this.classList.remove(&#39;opacity-0&#39;);">
16028  
16029</div>
16030
16031  
16032
16033
16034          
16035        </div>
16036      </div>
16037
16038      
16039            <div class="flex-shrink-0 w-full snap-center flex justify-center items-center px-4 md:px-0">
16040        <div class="relative bg-white shadow-[inset_0_0_0_8px_#ffffff] rounded-xl overflow-hidden w-full h-auto max-w-[500px] max-h-[500px] flex items-center justify-center">
16041          
16042
16043          
16044
16045
16046
16047
16048
16049
16050<div class="bg-[--fade-in-bg] w-full flex justify-center">
16051  
16052    <img src="//operadepot.com/cdn/shop/files/12411-2back.jpg?v=1788807403" alt="Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954" width="2048" height="2048" class="faded-img opacity-0 transition-opacity duration-300 rounded-xl object-cover w-full h-auto mix-blend-darken" onload="this.classList.remove(&#39;opacity-0&#39;);">
16053  
16054</div>
16055
16056  
16057
16058
16059          
16060        </div>
16061      </div>
16062
16063      
16064    </div>
16065
16066    <!-- Left Arrow -->
16067    <button
16068      x-show="currentIndex > 0"
16069      @click="currentIndex--"
16070      class="sticky-arrow left"
16071      aria-label="Previous image"
16072    >‹</button>
16073
16074    <!-- Right Arrow -->
16075    <button
16076      x-show="currentIndex < 1"
16077      @click="currentIndex++"
16078      class="sticky-arrow right"
16079      aria-label="Next image"
16080    >›</button>
16081  </div>
16082
16083  <!-- Opera Depot Player Button -->
16084<div id="stream-button-container" class="mt-6 text-center">
16085  <button
16086    type="button"
16087    class="opera-player-launch lightbox-stream-button stream-recording-button"
16088    data-product-handle="gounod-mireille-vivalda-gedda-gayraud-dens-cluytens"
16089    data-product-stream-button
16090    data-product-free-streaming="false"
16091    data-product-coming-soon="false"
16092    data-product-public-full-streaming="false"
16093    data-product-full-streaming-available="false"
16094    aria-label="Sample Recording"
16095  >
16096    <span class="stream-recording-button__play play-icon-wrapper" aria-hidden="true">
16097      <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false">
16098        <circle class="play-icon-circle" cx="12" cy="12" r="10" />
16099        <path class="play-icon-triangle" d="M9.25 7.75v8.5L16 12z" />
16100      </svg>
16101      <span class="stream-button-spinner" aria-hidden="true"></span>
16102    </span>
16103    <span class="stream-label" data-product-stream-label>Sample Recording</span>
16104  </button>
16105  <p class="od-member-line">
16106    <a class="od-member-line__link" href="/pages/membership" x-element-transition-trigger>
16107      Members hear the full recording<span aria-hidden="true">&nbsp;&rarr;</span>
16108    </a>
16109  </p>
16110</div>
16111
16112</div>
16113
16114<style>
16115  .sticky-arrow {
16116    position: absolute;
16117    top: 50%;
16118    transform: translateY(-50%);
16119    background-color: rgba(255, 255, 255, 0.85);
16120    border: none;
16121    font-size: 2rem;
16122    padding: 0.5rem 0.75rem;
16123    border-radius: 999px;
16124    cursor: pointer;
16125    z-index: 20;
16126    transition: background-color 0.3s ease, transform 0.3s ease;
16127  }
16128
16129  .sticky-arrow:hover {
16130    background-color: rgba(255, 255, 255, 1);
16131    transform: translateY(-50%) scale(1.1);
16132    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
16133  }
16134
16135  .sticky-arrow.left { left: 16px; }
16136  .sticky-arrow.right { right: 16px; }
16137</style>
16138
16139  </div>
16140  
16141
16142<div
16143  class="relative flex flex-col animate-on-transition"
16144  :style="`--price-width: ${$refs.ProductPrice?.clientWidth}px`"
16145><style id="od-product-typography-template--27741225419073__main">
16146  /* Desktop/tablet defaults */
16147  #shopify-section-template--27741225419073__main .od-title-wrap{ text-align:left; }
16148
16149  #shopify-section-template--27741225419073__main .od-title-wrap .od-product-eyebrow{
16150    display:block; margin:0 0 .25rem 0; text-align:left;
16151    font-family:inherit; color:inherit;
16152    font-size:.8em; font-weight:700;
16153    text-transform:uppercase; letter-spacing:.08em;
16154  }
16155
16156  #shopify-section-template--27741225419073__main .od-title-wrap h1.od-product-title{
16157    /* wipe theme/global h1 so it can't flash */
16158    all: unset; display:block; margin:0 0 .25em 0;
16159    /* brand */
16160    font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
16161    font-style: italic; font-weight:400; line-height:1.1; color:#330065;
16162    font-size: clamp(30px, 2.8vw, 46px);
16163    text-align: left; /* explicit for desktop */
16164  }
16165
16166  /* parentheticals like "(In Italian)" stay upright within the italic title */
16167  #shopify-section-template--27741225419073__main .od-title-wrap h1.od-product-title .od-title-paren{
16168    font-style: normal;
16169  }
16170
16171  #shopify-section-template--27741225419073__main .od-title-wrap .od-product-subtitle{
16172    display:block; margin:0 0 1rem 0; text-align:left;
16173  }
16174
16175  /* Mobile: center wrapper AND explicitly center children */
16176  @media (max-width: 767.98px){
16177    #shopify-section-template--27741225419073__main .od-title-wrap{ text-align:center !important; }
16178
16179    /* Force each child to center—no reliance on inherit */
16180    #shopify-section-template--27741225419073__main .od-title-wrap h1.od-product-title{
16181      text-align:center !important;
16182      font-size: clamp(28px, 8vw, 40px);
16183    }
16184    #shopify-section-template--27741225419073__main .od-title-wrap .od-product-subtitle{
16185      text-align:center !important;
16186    }
16187    #shopify-section-template--27741225419073__main .od-title-wrap .od-product-eyebrow{
16188      text-align:center !important;
16189    }
16190  }
16191</style><style id="od-product-mobile-rhythm-template--27741225419073__main">
16192  #shopify-section-template--27741225419073__main .reviews-badge-wrapper{
16193    display: flex;
16194    align-items: center;
16195    min-height: 1.375rem;
16196    line-height: 1;
16197  }
16198
16199  @media (max-width: 767.98px){
16200    /* Reviews row: a touch smaller & air below */
16201    #shopify-section-template--27741225419073__main .reviews-badge-wrapper{
16202      margin-top: .25rem;
16203      margin-bottom: .5rem;
16204      opacity: .95;
16205    }
16206    #shopify-section-template--27741225419073__main .reviews-badge-wrapper *{
16207      font-size: .95rem;
16208    }
16209
16210    /* Price: a bit of space before "Select Format" */
16211    #shopify-section-template--27741225419073__main .od-product-price{
16212      margin-top: .25rem;
16213      margin-bottom: .875rem;
16214    }
16215
16216    /* Swatches: small gap before wishlist */
16217    #shopify-section-template--27741225419073__main [id^="variant-options-"]{
16218      margin-bottom: .5rem !important;
16219    }
16220
16221    /* Wishlist: close to swatches, more air before Add to cart */
16222    #shopify-section-template--27741225419073__main .wishlist-epi{
16223      margin-top: .25rem;
16224      margin-bottom: 1.25rem;
16225    }
16226
16227    /* Slightly smaller heart on phones */
16228    #shopify-section-template--27741225419073__main .wishlist-epi .od-wishlist-button{
16229      width: 26px;
16229 height: 26px;
16230    }
16231  }
16232</style>
16233<style id="od-product-dividers-template--27741225419073__main">
16234  @media (max-width: 767.98px){
16235    /* Hairline under the title block */
16236    #shopify-section-template--27741225419073__main .od-title-wrap{
16237      padding-bottom: .5rem;        /* space inside the rule */
16238      margin-bottom:  .5rem;        /* space after the rule */
16239      border-bottom: 1px solid #33006526; /* brand purple @ ~15% opacity */
16240    }
16241  }
16242
16243
16244</style>
16245
16246
16247  
16248    <form method="post" action="/cart/add" id="product_form_10364678504769" accept-charset="UTF-8" class="contents" enctype="multipart/form-data" x-ref="ProductForm"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
16249     
16250      
16251      <template x-if="isVariantAvailable && true">
16252        <div class="contents">
16253          <input
16254            type="hidden"
16255            name="id"
16256            value="52179151061313"
16257          >
16258          <input
16259            type="hidden"
16260            name="quantity"
16261            :value="variantQty"
16262          >
16263        </div>
16264      </template>
16265
16266      
16267        
16268  
16269  
16270  
16271  
16272  
16273<div class="od-title-wrap max-md:px-4">
16274  
16275    <p class="od-product-eyebrow animate-on-transition">Gounod</p>
16276  
16277  <h1 class="od-product-title" >Mireille
16278</h1>
16279  
16280    
16281    
16282    
16283      
16284      
16285      
16286      <p class="od-product-subtitle animate-on-transition">Vivalda, Gedda, Gayraud, Dens; Cluytens<br>Aix-en-Provence, 1954</p>
16287    
16288  
16289</div>
16290
16291
16292
16293<!-- Native review badge -->
16294<div class="reviews-badge-wrapper mt-2 max-md:px-4" aria-label="Product rating">
16295  
16296
16297</div>
16298
16299
16300  
16301          
16302      
16303        
16304  <div
16305    class="od-product-price animate-on-transition max-md:px-4 md:mb-8 md:mt-7 md:px-0"
16306    x-ref="ProductPrice"
16307    
16308  >
16309    <div id="price-template--27741225419073__main" role="status">
16310
16311
16312  
16313
16314  <div class="contents">
16315    <div
16316      class="price__element z-10 flex items-center gap-2 text-text-500 text-md md:text-lg"
16317      data-od-sale-base="1795"
16318      data-od-sale-collections="all,all-recordings,andre-cluytens,french-opera,nicolai-gedda,charles-gounod,september-8-new-releases,best-sellers"
16319      
16320      
16321      data-od-sale-badge="1"
16322    >
16323      
16324        <span class="sr-only">Regular price</span>
16325        <span class="text-primary-600"><span class="money">$17.95</span></span>
16326      
16327      
16328        
16329<div
16330      class="card-product__badge-container z-10 rounded-[40px] bg-bg-500 px-3 text-sm ms-3 static max-md:hidden !bg-secondary-500"
16331      data-od-sale-pct-badge
16332      data-od-sale-collections="all,all-recordings,andre-cluytens,french-opera,nicolai-gedda,charles-gounod,september-8-new-releases,best-sellers"
16333      
16334      hidden
16335    >
16336      <span class="font-semibold"></span>
16337    </div>
16338
16339      
16340    </div>
16341    <div class="mt-2 text-md  hidden">
16342      <span class="sr-only">Unit price</span>
16343      <span class="text-primary-600">
16344        <span></span>
16345        <span aria-hidden="true">/</span>
16346        <span class="sr-only">&nbsp;per&nbsp;</span>
16347        <span>
16348        </span>
16349      </span>
16350    </div>
16351  </div>
16352
16353</div>
16354    
16355  </div>
16356
16357      
16358        
16359  <div class="mb-8 flex flex-col flex-wrap gap-x-8 gap-y-2 md:gap-y-3 max-md:px-4 animate-on-transition"
16360    
16361  >
16362    
16363    <div id="variant-options-10364678504769" class="mb-0 md:mb-0 animate-on-transition">
16364      
16365
16366<div class="flex flex-col gap-5 max-md:mx-2">
16367    <div
16368      role="radiogroup"
16369      aria-required="true"
16370      aria-label="Select Format"
16371      class="flex h-full w-full flex-col items-center justify-between gap-2"
16372      style="order: 1"
16373    >
16374      <div
16375        class="flex h-full w-full flex-row items-center justify-between pb-2 max-md:sticky top-0 z-10 bg-bg-500"
16376      >
16377        <span class="font-semibold text-text-500">
16378          Select Format
16379        </span>
16380      </div>
16381
16382      <article
16383        class="flex h-fit w-full flex-wrap gap-3  "
16384      >
16385            
16386    <div
16387    class="
16388      relative button button--size-sm select-none transition-all ease-in-out
16389      flex flex-col items-center text-center
16390       button--outline-primary button--disabled !opacity-100 !bg-bg-700 
16391      
16392      
16393      
16394    "
16395    @click="selectOptionAndSetVariantId(0, `CD`, 52179151061313, '')"
16396    :class="{
16397      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `CD`,
16398      'button--outline-secondary': selectedOptions[0] !== `CD`,
16399    }"
16400    
16401    role="radio"
16402    title="CD"
16403    aria-label="CD"
16404    :tabindex="selectedOptions[0] === `CD` ? '0' : '-1'"
16405    :aria-checked="selectedOptions[0] === `CD` ? 'true' : 'false'"
16406    x-a11y-radio
16407    
16408  >
16409
16410              
16411                <span class="line-clamp-2 text-wrap text-base md:text-lg">CD</span>
16412              
16413
16414            </div>
16415          
16416        
16417            
16418    <div
16419    class="
16420      relative button button--size-sm select-none transition-all ease-in-out
16421      flex flex-col items-center text-center
16422       button--outline-secondary 
16423      
16424      
16425      
16426    "
16427    @click="selectOptionAndSetVariantId(0, `MP3`, 52179151094081, '')"
16428    :class="{
16429      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `MP3`,
16430      'button--outline-secondary': selectedOptions[0] !== `MP3`,
16431    }"
16432    
16433    role="radio"
16434    title="MP3"
16435    aria-label="MP3"
16436    :tabindex="selectedOptions[0] === `MP3` ? '0' : '-1'"
16437    :aria-checked="selectedOptions[0] === `MP3` ? 'true' : 'false'"
16438    x-a11y-radio
16439    
16440  >
16441
16442              
16443                <span class="line-clamp-2 text-wrap text-base md:text-lg">MP3</span>
16444              
16445
16446            </div>
16447          
16448        
16449            
16450    <div
16451    class="
16452      relative button button--size-sm select-none transition-all ease-in-out
16453      flex flex-col items-center text-center
16454       button--outline-secondary 
16455      
16456      
16457      
16458    "
16459    @click="selectOptionAndSetVariantId(0, `FLAC`, 52179151126849, '')"
16460    :class="{
16461      'button--outline-primary button--disabled opacity-100 !bg-bg-700': selectedOptions[0] === `FLAC`,
16462      'button--outline-secondary': selectedOptions[0] !== `FLAC`,
16463    }"
16464    
16465    role="radio"
16466    title="FLAC"
16467    aria-label="FLAC"
16468    :tabindex="selectedOptions[0] === `FLAC` ? '0' : '-1'"
16469    :aria-checked="selectedOptions[0] === `FLAC` ? 'true' : 'false'"
16470    x-a11y-radio
16471    
16472  >
16473
16474              
16475                <span class="line-clamp-2 text-wrap text-base md:text-lg">FLAC</span>
16476              
16477
16478            </div>
16479          
16480        
16481      </article>
16482    </div></div>
16483
16484    </div>
16485<div
16486  class="wishlist-epi mt-0 mb-5 md:mt-1 md:mb-3 animate-on-transition"
16487  id="wishlist-epi-10364678504769"
16488  data-od-wishlist-epi
16489>
16489<script type="application/json" data-od-wishlist-meta>
16490    {
16491      "productId": "10364678504769",
16492      "handle": "gounod-mireille-vivalda-gedda-gayraud-dens-cluytens",
16493      "title": "Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954",
16494      "itemType": "wishlist",
16495      "image": "\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403\u0026width=600",
16496      "variants": {"52179151061313": {
16497            "sku": "12411-2",
16498            "title": "CD",
16499            "priceCents": 1795
16500          },
16501"52179151094081": {
16502            "sku": "MP3 12411-2",
16503            "title": "MP3",
16504            "priceCents": 995
16505          },
16506"52179151126849": {
16507            "sku": "FLAC 12411-2",
16508            "title": "FLAC",
16509            "priceCents": 1195
16510          }
16511}
16512    }
16513  </script>
16513
16514
16515  <button
16516    type="button"
16517    class="od-wishlist-button"
16518    aria-label="Add to Wishlist"
16519    data-variant-id="52179151061313"
16520    x-bind:data-variant-id="selectedVariantId"
16521    x-bind:aria-pressed="$store.wishlist && $store.wishlist.has && $store.wishlist.has(selectedVariantId) ? 'true' : 'false'"
16522    x-bind:class="{ 'od-wishlist-added': $store.wishlist && $store.wishlist.has && $store.wishlist.has(selectedVariantId) }"
16523    @click.prevent="window.ODWishlist && window.ODWishlist.toggleFromButton($el)"
16524  >
16525    
16526    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
16527      <path class="od-wishlist-heart" d="M12 21s-6.7-4.9-9.3-8.4C.6 9.7 1.6 5.9 4.6 4.6c2-.9 4.3-.3 5.9 1.3L12 7.4l1.5-1.5c1.6-1.6 3.9-2.2 5.9-1.3 3 1.3 4 5.1 1.9 8-2.6 3.5-9.3 8.4-9.3 8.4z"/>
16528    </svg>
16529    
16530  </button>
16531
16532  <span
16533    class="wishlist-epi__label"
16534    role="button"
16535    tabindex="0"
16536    aria-live="polite"
16537    @click="$el.previousElementSibling.click()"
16538    @keydown.enter.prevent="$el.previousElementSibling.click()"
16539    @keydown.space.prevent="$el.previousElementSibling.click()"
16540  >
16541    
16542    <span class="wl-text-add">Add to Wishlist</span>
16543    <span class="wl-text-added">Added to Wishlist</span>
16544    
16545  </span>
16546</div>
16547
16548
16549
16550    
16551    
16552
16553
16554
16555
16556
16557
16558
16559
16560
16561
16562
16563
16564
16565  <div class="animate-on-transition md:mb-5 max-md:hidden">
16566    <!-- product-options-content -->
16567    
16568    <!-- end-product-options-content -->
16569  </div>
16570
16571
16572
16573  
16574<div
16575  class="relative flex flex-grow flex-wrap justify-stretch gap-3 "
16576  id="product-actions"
16577  x-transition
16578  
16579    x-intersect:enter="toggleStickyProductActions(false)"
16580    x-intersect:leave="toggleStickyProductActions(true)"
16581  
16582>
16583  
16584    
16585
16586
16587
16588<!-- Quantity Controls -->
16589<div
16590  class="contents max-md:hidden"
16591>
16592  <button
16593    type="button"
16594    class="animate-on-transition button button--outline-secondary icon-button select-none icon-button--size-md md:icon-button--size-lg "
16595    :class="
16596      {
16597        'button--disabled': (!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true
16598      }
16599    "
16600    :aria-label="
16601      variantQty > 1
16602      ? 'Decrease quantity'
16603      : 'Remove from cart'
16604    "
16605    :disabled="(!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true"
16606    @click.prevent.stop="decreaseQty()"
16607  >
16608    <span class="sr-only">Decrease quantity for Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954</span>
16609    <span
16610      
16611      x-show="variantQty < 2"
16612    >
16613      <svg
16614  xmlns="http://www.w3.org/2000/svg"
16615  fill="currentColor"
16616  stroke="currentColor"
16617  stroke-width="0"
16618  aria-hidden="true"
16619  class="icon icon-remove"
16620  viewBox="0 0 24 24"
16621>
16622  <path stroke="none" d="M15 2H9c-1.103 0-2 .897-2 2v2H3v2h2v12c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V8h2V6h-4V4c0-1.103-.897-2-2-2zM9 4h6v2H9V4zm8 16H7V8h10v12z"/>
16623</svg>
16624
16625    </span>
16626    <span
16627      
16628        style="display: none"
16629      
16630      x-show="variantQty > 1"
16631    >
16632      <svg
16633  xmlns="http://www.w3.org/2000/svg"
16634  fill="currentColor"
16635  stroke="currentColor"
16636  stroke-width="0"
16637  aria-hidden="true"
16638  class=""
16639  viewBox="0 0 24 24"
16640>
16641  <path stroke="none" d="M5 11h14v2H5z"/>
16642</svg>
16643
16644    </span>
16645  </button>
16646
16647  <label for="quantity_template--27741225419073__main_10364678504769" class="sr-only tracking-widest">Quantity</label>
16648  <input
16649    type="number"
16650    value="0"
16651    :value="variantQty"
16652    class="animate-on-transition input__field flex-shrink-0 basis-14 text-center md:h-auto bg-transparent"
16653    min="1"
16654    @change.lazy="setQuantity($event.target.value)"
16655    aria-label="Quantity"
16656    id="quantity_template--27741225419073__main_10364678504769"
16657    :disabled="!isVariantAvailable || !true"
16658  >
16659
16660  <button
16661    type="button"
16662    class="animate-on-transition button button--outline-secondary icon-button select-none icon-button--size-md md:icon-button--size-lg"
16663    :aria-label="'Increase quantity'"
16664    @click.prevent.stop="increaseQty()"
16665    :class="
16666      {
16667        'button--disabled': !isVariantAvailable || !true
16668      }
16669    "
16670    :disabled="!isVariantAvailable || !true"
16671  >
16672    <span class="sr-only">Increase quantity</span>
16673    <svg
16674  xmlns="http://www.w3.org/2000/svg"
16675  fill="currentColor"
16676  stroke="currentColor"
16677  stroke-width="0"
16678  aria-hidden="true"
16679  class=""
16680  viewBox="0 0 24 24"
16681>
16682  <path stroke="none" d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"/>
16683</svg>
16684
16685  </button>
16686</div>
16687<button
16688  
16689  x-show="(!isVariantInCart || false) && isVariantAvailable"
16690  class="animate-on-transition button button--disabled button--outline-secondary flex-grow   max-md:hidden  md:hidden "
16691  disabled
16692  type="button"
16693>
16694  Out of stock
16695</button>
16696
16697<button
16698  
16699    style="display: none"
16700  
16701  x-show="!isVariantAvailable"
16702  class="animate-on-transition button button--disabled button--outline-secondary flex-grow max-md:hidden "
16703  disabled
16704  x-cloak
16705  type="button"
16706>
16707  Unavailable
16708</button>
16709
16710
16711
16712<button
16713  
16714  x-show="(!isVariantInCart || false) && true && isVariantAvailable"
16715  class="animate-on-transition button button--filled-primary flex-grow "
16716  @click.prevent="addToCart()"
16717
16718  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
16719  :class="{
16720    'button--disabled': isProductBeingAdded || isProductBeingRemoved
16721  }"
16722  :disabled="isProductBeingAdded || isProductBeingRemoved"
16723  type="button"
16724>
16725  <span class="flex items-center" x-show="!isProductBeingAdded && !isProductBeingRemoved">
16726    Add to cart
16727    <span class="button__icon button__icon--right ">
16728      <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
16729  <path d="M216,60H179.83A52,52,0,0,0,76.17,60H40A20,20,0,0,0,20,80V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V80A20,20,0,0,0,216,60ZM128,36a28,28,0,0,1,27.71,24H100.29A28,28,0,0,1,128,36Zm84,160H44V84H76V96a12,12,0,0,0,24,0V84h56V96a12,12,0,0,0,24,0V84h32Z"></path>
16730</svg>
16731
16732    </span>
16733  </span>
16734
16735  <span style="display: none" x-show="isProductBeingRemoved">
16736    Removing from cart...
16737  </span>
16738
16739  <span style="display: none" x-show="isProductBeingAdded">
16740    Adding...
16741  </span>
16742</button>
16743
16744
16745<button
16746  
16747    style="display: none"
16748  
16749  x-show="isVariantInCart && contentId !== 'product-options'"
16750  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  max-md:hidden"
16751  
16752    href="/cart"
16753    x-element-transition-trigger
16754  
16755  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
16756  type="button"
16757>
16758  <span>
16759    Already in cart
16760  </span>
16761</button>
16762
16763    
16764
16765
16766
16767<button
16768  
16769    style="display: none"
16770  
16771  x-show="isVariantAvailable && (3 > 1) && isVariantInCart && !false"
16772  class="animate-on-transition button button--filled-primary w-full  md:hidden"
16773  @click.prevent="showProductActions()"
16774  type="button"
16775>
16776  <span>
16777    Select another option
16778  </span>
16779  <span
16780    class="button__icon button__icon--right "
16781  >
16782    <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
16783  <path d="M216,60H179.83A52,52,0,0,0,76.17,60H40A20,20,0,0,0,20,80V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V80A20,20,0,0,0,216,60ZM128,36a28,28,0,0,1,27.71,24H100.29A28,28,0,0,1,128,36Zm84,160H44V84H76V96a12,12,0,0,0,24,0V84h56V96a12,12,0,0,0,24,0V84h32Z"></path>
16784</svg>
16785
16786  </span>
16787</button>
16788
16789    <span
16790      class="basis-full text-error"
16791      x-show="$store.cart.error.message"
16792    >
16793      <span x-text="$store.cart.error.message"></span>
16794    </span>
16795    
16796      <div
16797        class="od-product-purchase-status basis-full"
16798        data-product-purchased-badge
16799        data-product-handle="gounod-mireille-vivalda-gedda-gayraud-dens-cluytens"
16800        aria-live="polite"
16801        hidden
16802      ></div>
16803    
16804  
16805</div>
16806
16807  
16808    
16809
16810  
16811
16812  
16813    
16814  <div
16815  class="contents"
16816  x-init="
16817    $store.popup._registerPopup({
16818      id: 'product_bottom_actions',
16819      isFocused: false,
16820      isFullScreen: false,
16821      isAlwaysVisible: false,
16822      isPreventOverlayClose: false
16823    });
16824  "
16825>
16826  <template
16827    x-portal="$store.main.isMobile ? document.getElementById('popup-content-portal') : document.getElementById('popup-content-portal')"
16828  >
16829    <template x-if="$store.main.isMobile ? $store.popup._nextPopup === 'product_bottom_actions' : true">
16830      <div
16831        class="contents "
16832        id="product_bottom_actions"
16833      >
16834        
16835  <div class="h-9"></div>
16836  <template x-portal="document.getElementById('popup-fixed-content-portal')">
16837    <div
16838      id="ProductBottomActionsPopup"
16839      x-show="$store.popup.currentPopup == 'product_bottom_actions'"
16840      class="flex w-full items-center justify-end gap-3 bg-bg-500 px-3"
16841    >
16842      <div
16843        class="ml-3 flex flex-grow gap-3"
16844        x-show="!isVariantInCart"
16845        x-transition
16846      >
16847
16848
16849  
16850
16851  <div class="flex items-end flex-grow gap-3  [&>div]:mt-0">
16852    <div
16853      class="price__element z-10 flex items-center gap-2 text-text-500 text-lg"
16854      data-od-sale-base="1795"
16855      data-od-sale-collections="all,all-recordings,andre-cluytens,french-opera,nicolai-gedda,charles-gounod,september-8-new-releases,best-sellers"
16856      
16857      
16858      
16859    >
16860      
16861        <span class="sr-only">Regular price</span>
16862        <span class="text-primary-600"><span class="money">$17.95</span></span>
16863      
16864      
16865    </div>
16866    <div class="mt-2 text-md  hidden">
16867      <span class="sr-only">Unit price</span>
16868      <span class="text-primary-600">
16869        <span></span>
16870        <span aria-hidden="true">/</span>
16871        <span class="sr-only">&nbsp;per&nbsp;</span>
16872        <span>
16873        </span>
16874      </span>
16875    </div>
16876  </div>
16877
16878</div>
16879      <div
16880        class="flex flex-grow justify-stretch gap-3"
16881        :class="{
16882          'w-full': isVariantInCart,
16883        }"
16884      >
16885        
16886
16887
16888
16889<!-- Quantity Controls -->
16890<div
16891  class="contents max-md:hidden"
16892>
16893  <button
16894    type="button"
16895    class="animate-on-transition button button--outline-secondary icon-button select-none  icon-button--size-sm"
16896    :class="
16897      {
16898        'button--disabled': (!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true
16899      }
16900    "
16901    :aria-label="
16902      variantQty > 1
16903      ? 'Decrease quantity'
16904      : 'Remove from cart'
16905    "
16906    :disabled="(!isVariantInCart && variantQty === 1) || !isVariantAvailable || !true"
16907    @click.prevent.stop="decreaseQty()"
16908  >
16909    <span class="sr-only">Decrease quantity for Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954</span>
16910    <span
16911      
16912      x-show="variantQty < 2"
16913    >
16914      <svg
16915  xmlns="http://www.w3.org/2000/svg"
16916  fill="currentColor"
16917  stroke="currentColor"
16918  stroke-width="0"
16919  aria-hidden="true"
16920  class="icon icon-remove"
16921  viewBox="0 0 24 24"
16922>
16923  <path stroke="none" d="M15 2H9c-1.103 0-2 .897-2 2v2H3v2h2v12c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V8h2V6h-4V4c0-1.103-.897-2-2-2zM9 4h6v2H9V4zm8 16H7V8h10v12z"/>
16924</svg>
16925
16926    </span>
16927    <span
16928      
16929        style="display: none"
16930      
16931      x-show="variantQty > 1"
16932    >
16933      <svg
16934  xmlns="http://www.w3.org/2000/svg"
16935  fill="currentColor"
16936  stroke="currentColor"
16937  stroke-width="0"
16938  aria-hidden="true"
16939  class=""
16940  viewBox="0 0 24 24"
16941>
16942  <path stroke="none" d="M5 11h14v2H5z"/>
16943</svg>
16944
16945    </span>
16946  </button>
16947
16948  <label for="quantity_template--27741225419073__main_10364678504769" class="sr-only tracking-widest">Quantity</label>
16949  <input
16950    type="number"
16951    value="0"
16952    :value="variantQty"
16953    class="animate-on-transition input__field flex-shrink-0 basis-14 text-center md:h-auto bg-transparent h-9 px-3 "
16954    min="1"
16955    @change.lazy="setQuantity($event.target.value)"
16956    aria-label="Quantity"
16957    id="quantity_template--27741225419073__main_10364678504769"
16958    :disabled="!isVariantAvailable || !true"
16959  >
16960
16961  <button
16962    type="button"
16963    class="animate-on-transition button button--outline-secondary icon-button select-none  icon-button--size-sm "
16964    :aria-label="'Increase quantity'"
16965    @click.prevent.stop="increaseQty()"
16966    :class="
16967      {
16968        'button--disabled': !isVariantAvailable || !true
16969      }
16970    "
16971    :disabled="!isVariantAvailable || !true"
16972  >
16973    <span class="sr-only">Increase quantity</span>
16974    <svg
16975  xmlns="http://www.w3.org/2000/svg"
16976  fill="currentColor"
16977  stroke="currentColor"
16978  stroke-width="0"
16979  aria-hidden="true"
16980  class=""
16981  viewBox="0 0 24 24"
16982>
16983  <path stroke="none" d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"/>
16984</svg>
16985
16986  </button>
16987</div>
16988<button
16989  
16990  x-show="(!isVariantInCart || false) && isVariantAvailable"
16991  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  button--size-sm   max-md:hidden  md:hidden "
16992  disabled
16993  type="button"
16994>
16995  Out of stock
16996</button>
16997
16998<button
16999  
17000    style="display: none"
17001  
17002  x-show="!isVariantAvailable"
17003  class="animate-on-transition button button--disabled button--outline-secondary flex-grow max-md:hidden  button--size-sm "
17004  disabled
17005  x-cloak
17006  type="button"
17007>
17008  Unavailable
17009</button>
17010
17011
17012
17013<button
17014  
17015  x-show="(!isVariantInCart || false) && true && isVariantAvailable"
17016  class="animate-on-transition button button--filled-primary flex-grow  button--size-sm "
17017  @click.prevent="addToCart()"
17018
17019  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
17020  :class="{
17021    'button--disabled': isProductBeingAdded || isProductBeingRemoved
17022  }"
17023  :disabled="isProductBeingAdded || isProductBeingRemoved"
17024  type="button"
17025>
17026  <span class="flex items-center" x-show="!isProductBeingAdded && !isProductBeingRemoved">
17027    Add to cart
17028    <span class="button__icon button__icon--right  text-lg ">
17029      <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
17030  <path d="M216,60H179.83A52,52,0,0,0,76.17,60H40A20,20,0,0,0,20,80V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V80A20,20,0,0,0,216,60ZM128,36a28,28,0,0,1,27.71,24H100.29A28,28,0,0,1,128,36Zm84,160H44V84H76V96a12,12,0,0,0,24,0V84h56V96a12,12,0,0,0,24,0V84h32Z"></path>
17031</svg>
17032
17033    </span>
17034  </span>
17035
17036  <span style="display: none" x-show="isProductBeingRemoved">
17037    Removing from cart...
17038  </span>
17039
17040  <span style="display: none" x-show="isProductBeingAdded">
17041    Adding...
17042  </span>
17043</button>
17044
17045
17046<button
17047  
17048    style="display: none"
17049  
17050  x-show="isVariantInCart && contentId !== 'product-options'"
17051  class="animate-on-transition button button--disabled button--outline-secondary flex-grow  button--size-sm  max-md:hidden"
17052  
17053    href="/cart"
17054    x-element-transition-trigger
17055  
17056  x-a11y-trap-target.end="$store.popup.currentPopup === productActionsPopup"
17057  type="button"
17058>
17059  <span>
17060    Already in cart
17061  </span>
17062</button>
17063
17064        
17065
17066
17067
17068<button
17069  
17070    style="display: none"
17071  
17072  x-show="isVariantAvailable && (3 > 1) && isVariantInCart && !false"
17073  class="animate-on-transition button button--filled-primary w-full  button--size-sm  md:hidden"
17074  @click.prevent="showProductActions()"
17075  type="button"
17076>
17077  <span>
17078    Select another option
17079  </span>
17080  <span
17081    class="button__icon button__icon--right  text-lg "
17082  >
17083    <svg viewBox="0 0 256 256" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
17084  <path d="M216,60H179.83A52,52,0,0,0,76.17,60H40A20,20,0,0,0,20,80V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V80A20,20,0,0,0,216,60ZM128,36a28,28,0,0,1,27.71,24H100.29A28,28,0,0,1,128,36Zm84,160H44V84H76V96a12,12,0,0,0,24,0V84h56V96a12,12,0,0,0,24,0V84h32Z"></path>
17085</svg>
17086
17087  </span>
17088</button>
17089
17090      </div>
17091    </div>
17092  </template>
17093
17094      </div>
17095    </template>
17096  </template>
17097</div>
17098
17099
17100  
17101  
17102  
17103
17104  <div
17105  class="contents"
17106  x-init="
17107    $store.popup._registerPopup({
17108      id: 'product_actions-10364678504769',
17109      isFocused: true,
17110      isFullScreen: false,
17111      isAlwaysVisible: false,
17112      isPreventOverlayClose: false
17113    });
17114  "
17115>
17116  <template
17117    x-portal="$store.main.isMobile ? document.getElementById('popup-content-portal') : document.getElementById('popup-content-portal')"
17118  >
17119    <template x-if="$store.main.isMobile ? $store.popup._nextPopup === 'product_actions-10364678504769' : true">
17120      <div
17121        class="contents "
17122        id="product_actions-10364678504769"
17123      >
17124        
17125  
17126
17127      </div>
17128    </template>
17129  </template>
17130</div>
17131
17132
17133
17134
17135  </div>
17136
17137
17138          
17139      
17140        
17141      
17142        
17143            <div
17144              x-data="Slider()"
17145              id="complementary-products-wrapper"
17146              x-init="
17147                () => {
17148                  $data.fetchProductRecommendations('complementary-products', '/rec
17148ommendations/products?section_id=template--27741225419073__main&product_id=10364678504769&limit=10&intent=complementary');
17149                }
17150              "
17151              
17152            ></div>
17153
17154          
17155      
17156    <input type="hidden" name="product-id" value="10364678504769" /><input type="hidden" name="section-id" value="template--27741225419073__main" /></form>
17157  
17158
17159  <button
17160    
17161      style="display: none"
17162    
17163    x-show="typeof hidePreview === 'function'"
17164    class="button button--ghost-primary animate-on-transition   max-md:hidden"
17165    @click="hidePreview"
17166    type="button"
17167  >
17168    Hide product
17169    <span class="button__icon button__icon--right text-lg">
17170      <svg
17171  viewBox="0 0 24 24"
17172  aria-hidden="true"
17173  xmlns="http://www.w3.org/2000/svg"
17174  class=""
17175>
17176  <path d="m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"></path>
17177</svg>
17178
17179    </span>
17180  </button>
17181</div>
17182
17183
17184  </div>
17185</div>
17186
17187<!-- Release tabs: Description / Track List (SPA-safe) --><div class="release-tabs" data-product-tabs>
17188
17189  <div class="release-tabs__bar" role="tablist" aria-label="Release details">
17190    <button
17191      class="release-tabs__tab"
17192      type="button"
17193      id="tab-description-template--27741225419073__main"
17194      role="tab"
17195      aria-selected="true"
17196      aria-controls="panel-description-template--27741225419073__main"
17197      tabindex="0"
17198      data-tab-target="description">
17199      Description
17200    </button>
17201
17202    
17203    <button
17204      class="release-tabs__tab"
17205      type="button"
17206      id="tab-tracks-template--27741225419073__main"
17207      role="tab"
17208      aria-selected="false"
17209      aria-controls="panel-tracks-template--27741225419073__main"
17210      tabindex="-1"
17211      data-tab-target="tracklist">
17212      Track List
17213    </button>
17214    
17215  </div>
17216
17217  <!-- Description panel -->
17218  <div
17219    class="release-tabs__panel"
17220    id="panel-description-template--27741225419073__main"
17221    role="tabpanel"
17222    aria-labelledby="tab-description-template--27741225419073__main"
17223    data-tab-panel="description">
17224
17225    
17226
17227    
17228      <div class="release-desc">
17229        <div class="release-desc__main">
17230          <h2 class="release-desc__title">Mireille</h2>
17231          
17232            <p class="release-desc__byline">Charles Gounod</p>
17233          
17234          <div class="release-desc__body">
17235            <p>First performed at the Théâtre-Lyrique in Paris in 1864, Gounod’s <i>Mireille</i> was composed in the wake of <i>Faust</i> and based on Frédéric Mistral’s Provençal poem <i>Mirèio</i>. The opera had a difficult initial reception and underwent numerous revisions, but eventually established itself as an important part of the French repertory. Its particular appeal lies in Gounod’s marriage of pastoral color and lyrical grace with a tragedy of unusual simplicity and directness, the sunlit atmosphere of Provence gradually giving way to music of considerable dramatic and emotional weight.</p>
17236    <p><strong>Janette Vivalda</strong> is commanding in the title role, conveying the character’s youth and stoic suffering beautifully. <strong>Nicolai Gedda</strong>, at the onset of his legendary career, brings style and élan as one of the only non-native Frenchmen in the cast. <strong>André Cluytens</strong>, equally distinguished in French music and Wagner, shows that the breadth and power he could bring to the latter were matched by an equally light and refined touch here.</p>
17237            
17238          </div>
17239        </div>
17240
17241        <div class="release-desc__divider" aria-hidden="true"></div>
17242
17243        <aside class="release-desc__side">
17244          
17245            <h3 class="release-desc__label">Cast</h3>
17246            
17247      <dl class="release-cast"><dt>Mireille</dt>
17248            <dd><strong>Janette Vivalda</strong></dd><dt>Vincent</dt>
17249            <dd><strong>Nicolai Gedda</strong></dd><dt>Taven</dt>
17250            <dd><strong>Christiane Gayraud</strong></dd><dt>Ourrias</dt>
17251            <dd><strong>Michel Dens</strong></dd><dt>Vincenette</dt>
17252            <dd><strong>Madeleine Ignal</strong></dd><dt>Ramon</dt>
17253            <dd><strong>
17253André Vessières</strong></dd><dt>Clémence</dt>
17254            <dd><strong>Christiane Jacquin</strong></dd><dt>Ambroise</dt>
17255            <dd><strong>Marcello Cortis</strong></dd><dt>Le Passeur</dt>
17256            <dd><strong>Robert Tropin</strong></dd></dl>
17257    
17258          
17259          
17260            <div class="release-desc__extra">
17261              <h3 class="section-heading" style="font-weight: bold; color: #330065; font-size: 21px;">DETAILS</h3>
17262    <p>
17263      Location: <strong>Aix-en-Provence</strong><br>
17264      Date: <strong>July 1954</strong><br>
17265      Conductor: <strong>André Cluytens</strong><br>
17266      Catalogue Number: <strong>OD 12411-2</strong><br>
17267      Label: <strong>Opera Depot</strong><br>
17268      Number of Discs: <strong>2</strong><br>
17269      <strong>In Mono</strong><br>
17270    </p><h3 class="section-heading" style="font-weight: bold; color: #330065; font-size: 21px;">BONUS</h3>
17271    <p>
17272      Le ciel rayonne, l'oiseau chante! (Mireille) – <strong>Janette Vivalda</strong>
17273    </p>
17274            </div>
17275          
17276        </aside>
17277      </div>
17278    
17279
17280    
17281      <aside class="featured-artists" aria-labelledby="featured-artists-title">
17282        <h2 class="featured-artists__heading" id="featured-artists-title">Featured Artists</h2>
17283        <ul class="featured-artists__list" role="list">
17284          <li class="featured-artists__item" x-element-transition-area="c-14130233">
17285            <a
17286  x-element-transition-trigger:category.animate="{ 'title': `CLUYTENS, André`,
17287  
17288    'img': '//operadepot.com/cdn/shop/collections/Cluytens-Andre.png?v=1755633120',
17289  
17290  
17291  }" href="/collections/andre-cluytens"
17292
17293class="featured-artists__link"
17294            >
17295              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17296                
17297
17298
17299<div class=" featured-artists__image-container">
17300  
17301    <img src="//operadepot.com/cdn/shop/collections/Cluytens-Andre.png?v=1755633120" alt="" width="500" height="500" loading="lazy" class="faded-img opacity-0 transition-opacity duration-300 featured-artists__image h-full w-full object-cover rounded-full" onload="this.classList.remove(&#39;opacity-0&#39;);">
17302  
17303</div>
17304
17305              </span>
17306              <span class="featured-artists__name">CLUYTENS, André</span>
17307            </a>
17308          </li>
17309          
17310      
17311    
17312  
17313    
17314    
17315    
17316
17317    
17318  
17319    
17320    
17321    
17322
17323    
17324      
17325        <li class="featured-artists__item" x-element-transition-area="c-14091837">
17326            <a
17327  x-element-transition-trigger:category.animate="{ 'title': `GEDDA, Nicolai`,
17328  
17329    'img': '//operadepot.com/cdn/shop/collections/Gedda-Nicolai.png?v=1749776879',
17330  
17331  
17332  }" href="/collections/nicolai-gedda"
17333
17334class="featured-artists__link"
17335            >
17336              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17337                
17338
17339
17340<div class=" featured-artists__image-container">
17341  
17342    <img src="//operadepot.com/cdn/shop/collections/Gedda-Nicolai.png?v=1749776879" alt="" width="500" height="500" loading="lazy" class="faded-img opacity-0 transition-opacity duration-300 featured-artists__image h-full w-full object-cover rounded-full" onload="this.classList.remove(&#39;opacity-0&#39;);">
17343  
17344</div>
17345
17346              </span>
17347              <span class="featured-artists__name">GEDDA, Nicolai</span>
17348            </a>
17349          </li>
17350          
17351      
17352    
17353  
17354    
17355    
17356    
17357
17358    
17359      
17360        <li class="featured-artists__item" x-element-transition-area="c-14082777">
17361            <a
17362  x-element-transition-trigger:category.animate="{ 'title': `GOUNOD, Charles`,
17363  
17364    'img': '//operadepot.com/cdn/shop/collections/gounod-charles.png?v=1746305007',
17365  
17366  
17367  }
17367" href="/collections/charles-gounod"
17368
17369class="featured-artists__link"
17370            >
17371              <span class="featured-artists__image-shell" aria-hidden="true" x-element-transition-src="img">
17372                
17373
17374
17375<div class=" featured-artists__image-container">
17376  
17377    <img src="//operadepot.com/cdn/shop/collections/gounod-charles.png?v=1746305007" alt="" width="500" height="500" loading="lazy" class="faded-img opacity-0 transition-opacity duration-300 featured-artists__image h-full w-full object-cover rounded-full" onload="this.classList.remove(&#39;opacity-0&#39;);">
17378  
17379</div>
17380
17381              </span>
17382              <span class="featured-artists__name">GOUNOD, Charles</span>
17383            </a>
17384          </li>
17385        </ul>
17386      </aside>
17387    
17388  </div>
17389
17390  
17391  <!-- Track list panel -->
17392  <div
17393    class="release-tabs__panel release-tabs__panel--tracks"
17394    id="panel-tracks-template--27741225419073__main"
17395    role="tabpanel"
17396    aria-labelledby="tab-tracks-template--27741225419073__main"
17397    data-tab-panel="tracklist"
17398    hidden>
17399    <h1 class="title-header" style="text-align: center; font-size: 18px; font-family: Baskerville; font-style: italic; color: #330065; font-weight: normal; text-transform: none;">Track List</h1>
17400<div class="two-column-grid">
17401  <div>
17402    <h3 class="section-heading" style="text-align: center;">Act I</h3>
17403    <div>
17404      1. Ouverture<br>
17405      2. Chantez, chantez, Magnanarelles<br>
17406      3. Et moi, si, par hasard, quelque jeune garçon<br>
17407      4. C'est donc vrai?...<br>
17408      5. C'est toi, Vincent
17409    </div>
17410    <h3 class="section-heading" style="text-align: center;">Act II</h3>
17411    <div>
17412      6. La Farandole joyeuse et folle entraîne<br>
17413      7. Maintenant je me crois aimée!<br>
17414      8. Place, place aux coureurs!<br>
17415      9. Voici la saison, mignonne<br>
17416      10. Trahir Vincent... Mon cœur ne peut changer!<br>
17417      11. Ourrias!<br>
17418      12. Si les filles d'Arles sont reines<br>
17419      13. Elle fait fi de moi, la belle!<br>
17420      14. Tuez-moi !<br>
17421      15. À vos pieds, hélas, me voilà!<br>
17422      16. Oui, que l’enfer de vous s’empare!
17423    </div>
17424  </div>
17425  <div>
17426    <h3 class="section-heading" style="text-align: center;">Act III</h3>
17427    <div>
17428      17. Entr'acte<br>
17429      18. Voici le Val d’Enfer et la grotte des fées<br>
17430      19. Ils s’éloignent!<br>
17431      20. Ah! qu’ai-je fait?<br>
17432      21. Voici minuit!
17433    </div>
17434    <h3 class="section-heading" style="text-align: center;">Act IV</h3>
17435    <div>
17436      22. Amis, voici la moisson faite!<br>
17437      23. Ah! malheureuse enfant!<br>
17438      24. Ô Nagali, ma bien-aimée<br>
17439      25. Heureux petit berger<br>
17440      26. Mireille!... Qui m'appelle? Est-ce lui!<br>
17441      27. Voici la vaste plaine et le désert de feu
17442    </div>
17443    <h3 class="section-heading" style="text-align: center;">Act V</h3>
17444    <div>
17445      28. Ô vous qui du haut des cieux<br>
17446      29. Mon cœur est plein d’un noir souci!<br>
17447      30. Ah! la voici! c est elle!…<br>
17448      31. Vous pleurez, vous pleurez!…
17449    </div>
17450    <h3 class="section-heading" style="text-align: center;">BONUS</h3>
17451    <div>
17452      32. Le ciel rayonne, l'oiseau chante! (Mireille)<br>
17453      Janette Vivalda, Mireille
17454    </div>
17455  </div>
17456</div>
17457  </div>
17458  
17459</div>
17460</div>
17461
17462 <style>
17463  /* ===== existing: gallery arrow (unchanged) ===== */
17464  .gallery-arrow {
17465    position: absolute;
17466    top: 50%;
17467    transform: translateY(-50%);
17468    z-index: 10;
17469    width: 3rem;
17470    height: 3rem;
17471    background-color: rgba(255, 255, 255, 0.5);
17472    backdrop-filter: blur(4px);
17473    border-radius: 9999px;
17474    display: flex;
17475    justify-content: center;
17476    align-items: center;
17477    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
17478    transition: background 0.3s ease;
17479  }
17480  .gallery-arrow:hover { background-color: rgba(255, 255, 255, 0.8); }
17481  @media (min-width: 768px) {
17482    .carousel-arrow {
17483      top: 50% !important;
17484      transform: translateY(-50%) !important;
17485    }
17486  }
17487
17488 /* ===== Release tabs (Description / Track List) ===== */
17489.release-tabs{
17490  /* scoped palette tokens for the tabs area */
17491  --rt-panel-border:#e7e3ec;
17492  --rt-ink:#43105f;
17493  --rt-accent:#8e2179;
17494  --rt-accent-soft:#e2c9d9;
17495  --rt-muted:#7a7285;
17496  --rt-faint:#8a8194;
17497  --rt-pill-bg:#f3eef7;
17498  --rt-hairline:#eeeaf1;
17499  --rt-row-line:#f0edf3;
17500  --rt-body-ink:#3b3542;
17501  --rt-title-ink:#5b1580;
17502  --rt-strong-ink:#2c2830;
17503  --rt-num-ink:#a49bad;
17504  --rt-byline-ink:#6d6577;
17505
17506  position:relative;
17507  z-index:1;
17508  max-width:1000px;
17509  margin-left:auto;
17510  margin-right:auto;
17511  background:#fff;
17512  border:1px solid var(--rt-panel-border);
17513  border-radius:6px;
17514}
17515
17516@media (max-width: 1279.98px){
17517  .release-tabs{
17518    width:calc(100% - 2rem);
17519    margin-top:1.5rem;
17520  }
17521}
17522
17523/* mobile: drop the panel chrome so content gets the full width —
17524   the bordered card is desktop-only */
17525@media (max-width: 767.98px){
17526  .release-tabs{
17527    width:100%;
17528    background:transparent;
17529    border:0;
17530    border-radius:0;
17531  }
17532}
17533
17534/* tab bar */
17535.release-tabs__bar{
17536  display:flex;
17537  gap:34px;
17538  padding:30px 40px 0;
17539  border-bottom:1px solid var(--rt-panel-border);
17540}
17541
17542.release-tabs__tab{
17543  appearance:none;
17544  background:none;
17545  border:0;
17546  border-radius:0;
17547  display:inline-flex;
17548  align-items:baseline;
17549  gap:8px;
17550  padding:0 2px 14px;
17551  margin-bottom:-1px;
17552  border-bottom:3px solid transparent;
17553  font:inherit;
17554  font-size:17px;
17555  font-weight:700;
17556  line-height:1.2;
17557  color:var(--rt-muted);
17558  cursor:pointer;
17559  transition:color .15s, border-color .15s;
17560}
17561.release-tabs__tab[aria-selected="true"]{
17562  color:var(--rt-ink);
17563  border-bottom-color:var(--rt-accent);
17564}
17565.release-tabs__tab[aria-selected="false"]:hover{
17566  color:var(--rt-ink);
17567  border-bottom-color:var(--rt-accent-soft);
17568}
17569.release-tabs__tab:focus-visible{
17570  outline:2px solid var(--rt-accent);
17571  outline-offset:3px;
17572}
17573
17574/* panels */
17575.release-tabs__panel{ padding:32px 40px 40px; }
17576.release-tabs__panel[hidden]{ display:none; }
17577
17578/* description panel: text | hairline | cast */
17579.release-desc{
17580  display:grid;
17581  grid-template-columns:1fr 1px 1fr;
17582  gap:40px;
17583  align-items:start;
17584}
17585/* cast-only descriptions: full-width header, then cast | hairline | details */
17586.release-desc--info{ row-gap:28px; }
17587.release-desc__header{ grid-column:1 / -1; }
17588.release-desc--info:not(:has(.release-desc__divider)){
17589  grid-template-columns:1fr;
17590}
17591.release-desc__divider{
17592  width:1px;
17593  height:100%;
17594  background:var(--rt-hairline);
17595}
17596.release-desc__title .release-desc__title-paren{ font-style:normal; }
17597.release-desc__title{
17598  margin:0 0 6px;
17599  font-family:"Baskerville","Libre Baskerville","Times New Roman",serif;
17600  font-style:italic;
17601  font-weight:400;
17602  font-size:38px;
17603  line-height:1.15;
17604  color:var(--rt-title-ink);
17605}
17606.release-desc__byline{
17607  margin:0 0 18px;
17608  font-size:15px;
17609  line-height:1.5;
17610  color:var(--rt-byline-ink);
17611}
17612.release-desc__body{
17613  font-size:16px;
17614  line-height:1.62;
17615  color:var(--rt-body-ink);
17616  text-wrap:pretty;
17617}
17618.release-desc__body > p{ margin:0 0 1em; }
17619.release-desc__body > p:last-child{ margin-bottom:0; }
17620.release-tabs .cast{ margin-top:20px; }
17621
17622/* small-caps labels: CAST / DETAILS / act headings
17623   (global .section-heading rule is !important, hence these) */
17624.release-desc__label,
17625.release-desc__extra h3.section-heading,
17626.release-tabs__panel--tracks .section-heading{
17627  margin:0 0 14px;
17628  font-size:14px !important;
17629  font-weight:900 !important;
17630  letter-spacing:.15em;
17631  text-transform:uppercase;
17632  text-align:left !important;
17633  color:var(--rt-accent) !important;
17634}
17635
17636.release-cast{
17637  display:grid;
17638  grid-template-columns:auto 1fr;
17639  gap:9px 16px;
17640  margin:0;
17641  font-size:15px;
17642  line-height:1.45;
17643}
17644.release-cast dt{ color:var(--rt-faint); }
17645.release-cast dd{
17646  margin:0;
17647  color:var(--rt-strong-ink);
17648  font-weight:700;
17649}
17650.release-cast dd strong{
17651  font-weight:700;
17652  color:var(--rt-strong-ink);
17653}
17654.release-cast__wide{ grid-column:1 / -1; }
17655
17656/* remaining right-column sections (DETAILS, NOTE, …) */
17657.release-desc__extra hr{ display:none; }
17658.release-desc__extra h3.section-heading{ margin-top:26px; }
17659.release-desc--info .release-desc__extra h3.section-heading:first-child{ margin-top:0; }
17660.release-desc__extra:first-child h3.section-heading:first-child{ margin-top:0; }
17661.release-desc__extra p{
17662  margin:0;
17663  font-size:15px;
17664  line-height:1.7;
17665  color:var(--rt-muted);
17666}
17667.release-desc__extra p strong{
17668  color:var(--rt-strong-ink);
17669  font-weight:600;
17670}
17671
17672/* track list panel */
17673.release-tabs__panel--tracks .two-column-grid{ gap:0 40px; }
17674.release-tabs__panel--tracks .two-column-grid::before{ display:none; }
17675.release-tabs__panel--tracks .two-column-grid > div{
17676  padding-left:0;
17677  padding-right:0;
17678}
17679.release-tabs__panel--tracks .section-heading{ margin:24px 0 4px; }
17680.release-tabs__panel--tracks .section-heading:first-child{ margin-top:0; }
17681/* when the two track columns stack on mobile, a heading that led the
17682   second column is no longer at a column top — give it the same spacing
17683   as any other act heading so the seam is invisible */
17684@media (max-width: 767.98px){
17685  .release-tabs__panel--tracks .two-column-grid > div:not(:first-child) .section-heading:first-child{
17686    margin-top:24px;
17687  }
17688}
17689
17690.release-tracks{
17691  list-style:none;
17692  margin:0;
17693  padding:0;
17694}
17695.release-tracks__row{
17696  display:flex;
17697  align-items:baseline;
17698  gap:12px;
17699  padding:11px 0;
17700  border-bottom:1px solid var(--rt-row-line);
17701  font-size:15px;
17702  line-height:1.45;
17703  color:var(--rt-body-ink);
17704}
17705.release-tracks__num{
17706  flex:0 0 26px;
17707  color:var(--rt-num-ink);
17708  font-variant-numeric:tabular-nums;
17709}
17710.release-tracks__title{
17711  flex:1 1 auto;
17712  min-width:0;
17713}
17714/* unnumbered continuation lines (e.g. bonus-track cast info) stay inside
17715   their track's row instead of reading as tracks of their own */
17716.release-tracks__sub{
17717  display:block;
17718  margin-top:5px;
17719  font-size:14px;
17720  color:var(--rt-muted);
17721}
17722.release-tracks__dur{
17723  margin-left:auto;
17724  color:var(--rt-muted);
17725  font-variant-numeric:tabular-nums;
17726}
17727
17728/* mobile */
17729@media (max-width: 639.98px){
17730  .release-tabs__bar{
17731    gap:24px;
17732    padding:22px 22px 0;
17733  }
17734  .release-tabs__panel{ padding:24px 22px 28px; }
17735  .release-desc{ display:block; }
17736  .release-desc__divider{ display:none; }
17737  .release-desc__side,
17738  .release-desc--info .release-desc__col{
17739    margin-top:24px;
17740    border-top:1px solid var(--rt-row-line);
17741    padding-top:20px;
17742  }
17743  .release-desc__title{ font-size:32px; }
17744  .release-desc__body{
17745    font-size:15px;
17746    line-height:1.6;
17747  }
17748}
17749
17750/* Let the existing sticky product panel use the full media/description height
17751   at the theme's xl breakpoint. Below xl, the wrapper is layout-neutral. */
17752.od-pdp-desktop-layout {
17753  display: contents;
17754}
17755
17756@media (min-width: 1280px) {
17757  .od-pdp-desktop-layout {
17758    position: relative;
17759    z-index: 30;
17760    display: grid;
17761    grid-template-columns: minmax(0, 1fr) 400px;
17762    grid-template-rows: auto auto;
17763    column-gap: 4rem;
17764    row-gap: 2rem;
17765    align-items: start;
17766  }
17767
17768  .od-pdp-primary-layout {
17769    display: contents;
17770  }
17771
17772  .od-pdp-desktop-layout .od-pdp-gallery {
17773    grid-column: 1;
17774    grid-row: 1;
17775  }
17776
17777  .od-pdp-desktop-layout .product-details {
17778    grid-column: 2;
17779    grid-row: 1 / 3;
17780    align-self: start;
17781  }
17782
17783  .od-pdp-desktop-layout > .release-tabs {
17784    grid-column: 1;
17785    grid-row: 2;
17786    width: 100%;
17787    max-width: none;
17788    margin-right: 0;
17789    margin-left: 0;
17790  }
17791}
17792
17793.featured-artists {
17794  margin-top: 28px;
17795  padding: 12px 20px 20px;
17796  background: #fff;
17797  border: 1px solid rgba(51, 0, 101, 0.18);
17798  border-radius: 8px;
17799  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
17800}
17801
17802.featured-artists__heading {
17803  margin: 0 0 14px;
17804  padding-bottom: 10px;
17805  border-bottom: 1px solid rgba(51, 0, 101, 0.14);
17806  color: #330065;
17807  font-size: 1rem;
17808  font-weight: 700;
17809  line-height: 1.2;
17810}
17811
17812.release-tabs .featured-artists__list {
17813  display: grid;
17814  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
17815  gap: 12px;
17816  margin: 0;
17817  padding: 0;
17818  list-style: none;
17819}
17820
17821.featured-artists__item {
17822  margin: 0;
17823}
17824
17825.featured-artists__link {
17826  display: grid;
17827  grid-template-columns: 56px minmax(0, 1fr) auto;
17828  gap: 12px;
17829  align-items: center;
17830  padding: 8px;
17831  color: #111;
17832  text-decoration: none !important;
17833  border-radius: 8px;
17834  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
17835}
17836
17837.featured-artists__link::after {
17838  content: "";
17839  width: 7px;
17840  height: 7px;
17841  margin-right: 4px;
17842  border-right: 2px solid #330065;
17843  border-top: 2px solid #330065;
17844  opacity: 0.35;
17845  transform: rotate(45deg);
17846  transition: opacity 0.2s ease, transform 0.2s ease;
17847}
17848
17849.featured-artists__link:hover {
17850  background: rgba(51, 0, 101, 0.06);
17851  box-shadow: inset 0 0 0 1px rgba(51, 0, 101, 0.08);
17852  transform: translateX(2px);
17853}
17854
17855.featured-artists__link:hover::after {
17856  opacity: 0.7;
17857  transform: rotate(45deg) translate(2px, -2px);
17858}
17859
17860.featured-artists__link:focus-visible {
17861  outline: 2px solid #330065;
17862  outline-offset: 2px;
17863}
17864
17865.featured-artists__image-shell {
17866  display: block;
17867  overflow: hidden;
17868  width: 56px;
17869  height: 56px;
17870  background: #f5f5f5;
17871  border: 2px solid #330065;
17872  border-radius: 999px;
17873}
17874
17875.featured-artists__image-container {
17876  width: 100%;
17877  height: 100%;
17878}
17879
17880.featured-artists__image {
17881  display: block;
17882  width: 100% !important;
17883  height: 100% !important;
17884  object-fit: cover;
17885  border-radius: 999px;
17886}
17887
17888.featured-artists__name {
17889  min-width: 0;
17890  color: #111;
17891  font-size: 0.98rem;
17892  font-weight: 700;
17893  line-height: 1.2;
17894  word-break: normal;
17895  overflow-wrap: normal;
17896  hyphens: none;
17897}
17898
17899@media (max-width: 900px) {
17900  .release-tabs .featured-artists__list {
17901    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
17902  }
17903}
17904
17905@media (max-width: 640px) {
17906  .featured-artists {
17907    margin-top: 24px;
17908    padding: 9px 14px 14px;
17909  }
17910
17911  .release-tabs .featured-artists__list {
17912    grid-template-columns: 1fr;
17913  }
17914
17915  .featured-artists__link {
17916    grid-template-columns: 48px minmax(0, 1fr);
17917    gap: 10px;
17918  }
17919
17920  .featured-artists__link::after {
17921    display: none;
17922  }
17923
17924  .featured-artists__image-shell {
17925    width: 48px;
17926    height: 48px;
17927  }
17928}
17929
17930  /* Reviews badge row (native) */
17931  .reviews-badge-wrapper { display: flex; align-items: center; gap: .25rem; line-height: 1; }
17932
17933  /* Ensure player launch buttons stay clickable above product media/reviews */
17934  .opera-player-launch { position: relative; z-index: 5; pointer-events: auto; }
17935
17936  /* Clamp tabs + reviews to 1000px and add mobile padding */
17937.page-clamp {
17938  max-width: 1000px;
17939  margin-left: auto;
17940  margin-right: auto;
17941}
17942
17943@media (max-width: 767.98px) {
17944  .page-clamp {
17945    padding-left: 1rem;   /* ~16px */
17946    padding-right: 1rem;  /* ~16px */
17947  }
17948}
17949</style>
17950
17951    <!-- end-product-page-content -->
17952  </div>
17953</div>
17953<script type="application/ld+json">
17954  {
17955    "@context": "http://schema.org/",
17956    "@type": "Product",
17957    "name": "Gounod: Mireille - Vivalda, Gedda, Gayraud, Dens; Cluytens. Aix-en-Provence, 1954",
17958    "url": "https:\/\/operadepot.com\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens",
17959    "image": [
17960        "https:\/\/operadepot.com\/cdn\/shop\/files\/12411-2front.jpg?v=1788807403\u0026width=600"
17961      ],
17962    "description": "\n  \n  \n    Mireille\n    Charles Gounod (1818 - 1893)\n    \n    DESCRIPTION\n    First performed at the Théâtre-Lyrique in Paris in 1864, Gounod’s Mireille was composed in the wake of Faust and based on Frédéric Mistral’s Provençal poem Mirèio. The opera had a difficult initial reception and underwent numerous revisions, but eventually established itself as an important part of the French repertory. Its particular appeal lies in Gounod’s marriage of pastoral color and lyrical grace with a tragedy of unusual simplicity and directness, the sunlit atmosphere of Provence gradually giving way to music of considerable dramatic and emotional weight.\n    Janette Vivalda is commanding in the title role, conveying the character’s youth and stoic suffering beautifully. Nicolai Gedda, at the onset of his legendary career, brings style and élan as one of the only non-native Frenchmen in the cast. André Cluytens, equally distinguished in French music and Wagner, shows that the breadth and power he could bring to the latter were matched by an equally light and refined touch here.\n    \n  \n  \n  \n    CAST\n    \n      Mireille – Janette Vivalda\n      Vincent – Nicolai Gedda\n      Taven – Christiane Gayraud\n      Ourrias – Michel Dens\n      Vincenette – Madeleine Ignal\n      Ramon – André Vessières\n      Clémence – Christiane Jacquin\n      Ambroise – Marcello Cortis\n      Le Passeur – Robert Tropin\n    \n    \n    DETAILS\n    \n      Location: Aix-en-Provence\n      Date: July 1954\n      Conductor: André Cluytens\n      Catalogue Number: OD 12411-2\n      Label: Opera Depot\n      Number of Discs: 2\n      In Mono\n    \n    \n    BONUS\n    \n      Le ciel rayonne, l'oiseau chante! (Mireille) – Janette Vivalda\n    \n  \n",
17963    "sku": "12411-2",
17964    "brand": {
17965      "@type": "Thing",
17966      "name": "Opera Depot"
17967    },
17968    "offers": [{
17969          "@type" : "Offer","sku": "12411-2","availability" : "http://schema.org/InStock",
17970          "price" : 17.95,
17971          "priceCurrency" : "USD",
17972          "url" : "https:\/\/operadepot.com\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens?variant=52179151061313"
17973        },{
17974          "@type" : "Offer","sku": "MP3 12411-2","availability" : "http://schema.org/InStock",
17975          "price" : 9.95,
17976          "priceCurrency" : "USD",
17977          "url" : "https:\/\/operadepot.com\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens?variant=52179151094081"
17978        },{
17979          "@type" : "Offer","sku": "FLAC 12411-2","availability" : "http://schema.org/InStock",
17980          "price" : 11.95,
17981          "priceCurrency" : "USD",
17982          "url" : "https:\/\/operadepot.com\/products\/gounod-mireille-vivalda-gedda-gayraud-dens-cluytens?variant=52179151126849"
17983        }]
17984  }
17985</script>
17985
17986
17987
17988</section><section id="shopify-section-template--27741225419073__product-recommendations" class="shopify-section section">
17989
17990<div
17991  style="padding-top: 36px; padding-bottom: 28px"
17992  id="related-products-wrapper"
17993  class=""
17994>
17995  
17996    
17997    
17998
17999    <div
18000      id="related-products"
18001      
18002        x-init="
18003          (async () => {
18004            const url = '/recommendations/products?section_id=template--27741225419073__product-recommendations&product_id=10364678504769&limit=12';
18005            const text = await fetch(url, { credentials: 'same-origin' }).then(r => r.text());
18006            const html = document.createElement('div');
18007            html.innerHTML = text;
18008
18009            const fallback = html.querySelector('#related-products');
18010            const wrapper = document.querySelector('#related-products-wrapper');
18011            const content = html.querySelector('#related-products-wrapper');
18012
18013            if (!wrapper) return;
18014
18015            if (fallback) {
18016              wrapper.remove();
18017              return;
18018            }
18019
18020            if (content) {
18021              wrapper.innerHTML = content.innerHTML;
18022              if (window.Alpine && typeof window.Alpine.initTree === 'function') {
18023                window.Alpine.initTree(wrapper);
18024              }
18025            }
18026          })()
18027        "
18028      
18029    >
18030
18031
18032
18033
18034
18035
18036<div
18037  class="slider  slider--full-width "
18038  x-init="
18039    initWhenReady({
18040      slidesAmountInView: {xs: 2.2, sm: 2.5, md: 3, lg: 4, xl: 5, xxl: 5},
18041      gap: 16,
18042      isAutoplay: false,
18043      autoplaySpeed: 0,
18044      isEager: false
18045    })
18046  "
18047  
18048    x-data="Slider()"
18049  
18050  
18051  :class="'product-recommendations-slider'"style="
18052    --slide-gap: 16px;
18053    --slide-count-xs: 2.2;--slide-count-sm: 2.5;--slide-count-md: 3;--slide-count-lg: 4;--slide-count-xl: 5;--slide-count-xxl: 5
18054  "
18055><div class="slider__header">
18056    <div class="slider__header-left"><h1 class="slider__title">You may also like</h1></div>
18057
18058   <div class="slider__actions">
18059  <template x-if="!$store.main.isMobile"><div x-show="!isPrevBtnDisabled || !isNextBtnDisabled" x-transition>
18060  <button
18061    class="button button--outline-primary icon-button icon-button--size-sm "
18062    @click.prevent="showPrevSlide()"
18063    :class="isPrevBtnDisabled && 'button--disabled'"
18064    :disabled="isPrevBtnDisabled"
18065    aria-label="Slide left"
18066    role="button"
18067    type="button"
18068  >
18069    <svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
18070  <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path>
18071</svg>
18072
18073  </button>
18074  <button
18075    class="button button--outline-primary icon-button icon-button--size-sm "
18076    @click.prevent="showNextSlide()"
18077    :class="isNextBtnDisabled && 'button--disabled'"
18078    :disabled="isNextBtnDisabled"
18079    aria-label="Slide right"
18080    role="button"
18081    type="button"
18082  >
18083    <svg
18084  viewBox="0 0 24 24"
18085  xmlns="http://www.w3.org/2000/svg"
18086  class=""
18087>
18088  <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path>
18089</svg>
18090
18091  </button>
18092</div>
18093</template>
18094</div>
18095
18096  </div><div
18097    class="slider__slides scrollbar-auto-hide  "
18098    x-ref="slider"
18099    @scroll="handleManualScroll"
18100  >
18101    
18102
18103
18104<div
18105  class="slider__slide"
18106  :class="''"
18107>
18108  
18109
18110<div class="col-span-2 md:col-auto ">
18111    <div class="relative flex min-w-0 rounded-md">
18112      <div
18113        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18114        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18115      ></div>
18116    </div>
18117  </div>
18118</div>
18119
18120
18121
18122<div
18123  class="slider__slide"
18124  :class="''"
18125>
18126  
18127
18128<div class="col-span-2 md:col-auto ">
18129    <div class="relative flex min-w-0 rounded-md">
18130      <div
18131        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18132        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18133      ></div>
18134    </div>
18135  </div>
18136</div>
18137
18138
18139
18140<div
18141  class="slider__slide"
18142  :class="''"
18143>
18144  
18145
18146<div class="col-span-2 md:col-auto ">
18147    <div class="relative flex min-w-0 rounded-md">
18148      <div
18149        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18150        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18151      ></div>
18152    </div>
18153  </div>
18154</div>
18155
18156
18157
18158<div
18159  class="slider__slide"
18160  :class="''"
18161>
18162  
18163
18164<div class="col-span-2 md:col-auto ">
18165    <div class="relative flex min-w-0 rounded-md">
18166      <div
18167        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18168        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18169      ></div>
18170    </div>
18171  </div>
18172</div>
18173
18174
18175
18176<div
18177  class="slider__slide"
18178  :class="''"
18179>
18180  
18181
18182<div class="col-span-2 md:col-auto ">
18183    <div class="relative flex min-w-0 rounded-md">
18184      <div
18185        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18186        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18187      ></div>
18188    </div>
18189  </div>
18190</div>
18191
18192
18193
18194<div
18195  class="slider__slide"
18196  :class="''"
18197>
18198  
18199
18200<div class="col-span-2 md:col-auto ">
18201    <div class="relative flex min-w-0 rounded-md">
18202      <div
18203        class="h-0 w-full animate-pulse rounded-md bg-secondary-400"
18204        style="padding-bottom: calc(100% * 1 / var(--product-aspect-ratio) + 82px)"
18205      ></div>
18206    </div>
18207  </div>
18208</div>
18209
18210  </div>
18211  
18212</div>
18213</div>
18214  
18215</div>
18216
18217
18218
18219
18220
18221
18222
18223</section><section id="shopify-section-template--27741225419073__recently_viewed" class="shopify-section section">
18224
18225
18226  <div id="rv-product" data-product-handle="gounod-mireille-vivalda-gedda-gayraud-dens-cluytens" style="display:none;"></div>
18227
18228<div
18229  class=""
18230  style="padding-top: 36px; padding-bottom: 36px"
18231  data-recently-viewed-section
18232  data-max-items="12"
18233>
18234
18235
18236
18237
18238
18239
18240<div
18241  class="slider  slider--full-width "
18242  x-init="
18243    initWhenReady({
18244      slidesAmountInView: 
18245
18246
18247{xs: 2.1, sm: 2.3, md: 3, lg: 4, xl: 5, xxl: 5}
18248
18249,
18250      gap: 16,
18251      isAutoplay: false,
18252      autoplaySpeed: 0,
18253      isEager: false
18254    })
18255  "
18256  
18257    x-data="Slider()"
18258  
18259  
18260  :class="'recently-viewed-slider'"style="
18261    --slide-gap: 16px;
18262    --slide-count-xs: 2.1;--slide-count-sm: 2.3;--slide-count-md: 3;--slide-count-lg: 4;--slide-count-xl: 5;--slide-count-xxl: 5
18263  "
18264><div class="slider__header">
18265    <div class="slider__header-left"><h1 class="slider__title">Recently viewed</h1></div>
18266
18267   <div class="slider__actions">
18268  <template x-if="!$store.main.isMobile"><div x-show="!isPrevBtnDisabled || !isNextBtnDisabled" x-transition>
18269  <button
18270    class="button button--outline-primary icon-button icon-button--size-sm "
18271    @click.prevent="showPrevSlide()"
18272    :class="isPrevBtnDisabled && 'button--disabled'"
18273    :disabled="isPrevBtnDisabled"
18274    aria-label="Slide left"
18275    role="button"
18276    type="button"
18277  >
18278    <svg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
18279  <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path>
18280</svg>
18281
18282  </button>
18283  <button
18284    class="button button--outline-primary icon-button icon-button--size-sm "
18285    @click.prevent="showNextSlide()"
18286    :class="isNextBtnDisabled && 'button--disabled'"
18287    :disabled="isNextBtnDisabled"
18288    aria-label="Slide right"
18289    role="button"
18290    type="button"
18291  >
18292    <svg
18293  viewBox="0 0 24 24"
18294  xmlns="http://www.w3.org/2000/svg"
18295  class=""
18296>
18297  <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path>
18298</svg>
18299
18300  </button>
18301</div>
18302</template>
18303</div>
18304
18305  </div><div
18306    class="slider__slides scrollbar-auto-hide  "
18307    x-ref="slider"
18308    @scroll="handleManualScroll"
18309  >
18310    
18311
18312
18313<div
18314  class="slider__slide"
18315  :class="''"
18316>
18317  <div data-rv-skeleton>
18318          
18319
18320<div class="  card-product">
18321    <article
18322      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18323    >
18324      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18325        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M375.5 345.2c0-.1 0-.1 0 0 0-.1 0-.1 0 0-1.1-2.9-2.3-5.5-3.4-7.8-1.4-4.7-2.4-13.8-.5-19.8 3.4-10.6 3.6-40.6 1.2-54.5-2.3-14-12.3-29.8-18.5-36.9-5.3-6.2-12.8-14.9-15.4-17.9 8.6-5.6 13.3-13.3 14-23 0-.3 0-.6.1-.8.4-4.1-.6-9.9-3.9-13.5-2.1-2.3-4.8-3.5-8-3.5h-54.9c-.8-7.1-3-13-5.2-17.5-6.8-13.9-12.5-16.5-21.2-16.5h-.7c-8.7 0-14.4 2.5-21.2 16.5-2.2 4.5-4.4 10.4-5.2 17.5h-48.5c-3.2 0-5.9 1.2-8 3.5-3.2 3.6-4.3 9.3-3.9 13.5 0 .2 0 .5.1.8.7 9.8 5.4 17.4 14 23-2.6 3.1-10.1 11.7-15.4 17.9-6.1 7.2-16.1 22.9-18.5 36.9-2.2 13.3-1.2 47.4 1 54.9 1.1 3.8 1.4 14.5-.2 19.4-1.2 2.4-2.3 5-3.4 7.9-4.4 11.6-6.2 26.3-5 32.6 1.8 9.9 16.5 14.4 29.4 14.4h176.8c12.9 0 27.6-4.5 29.4-14.4 1.2-6.5-.5-21.1-5-32.7zm-97.7-178c.3-3.2.8-10.6-.2-18 2.4 4.3 5 10.5 5.9 18h-5.7zm-36.3-17.9c-1 7.4-.5 14.8-.2 18h-5.7c.9-7.5 3.5-13.7 5.9-18zm4.5-6.9c0-.1.1-.2.1-.4 4.4-5.3 8.4-5.8 13.1-5.8h.7c4.7 0 8.7.6 13.1 5.8 0 .1 0 .2.1.4 3.2 8.9 2.2 21.2 1.8 25h-30.7c-.4-3.8-1.3-16.1 1.8-25zm-70.7 42.5c0-.3 0-.6-.1-.9-.3-3.4.5-8.4 3.1-11.3 1-1.1 2.1-1.7 3.4-2.1l-.6.6c-2.8 3.1-3.7 8.1-3.3 11.6 0 .2 0 .5.1.8.3 3.5.9 11.7 10.6 18.8.3.2.8.2 1-.2.2-.3.2-.8-.2-1-9.2-6.7-9.8-14.4-10-17.7 0-.3 0-.6-.1-.8-.3-3.2.5-7.7 3-10.5.8-.8 1.7-1.5 2.6-1.9h155.7c1 .4 1.9 1.1 2.6 1.9 2.5 2.8 3.3 7.3 3 10.5 0 .2 0 .5-.1.8-.3 3.6-1 13.1-13.8 20.1-.3.2-.5.6-.3 1 .1.2.4.4.6.4.1 0 .2 0 .3-.1 13.5-7.5 14.3-17.5 14.6-21.3 0-.3 0-.5.1-.8.4-3.5-.5-8.5-3.3-11.6l-.6-.6c1.3.4 2.5 1.1 3.4 2.1 2.6 2.9 3.5 7.9 3.1 11.3 0 .3 0 .6-.1.9-1.5 20.9-23.6 31.4-65.5 31.4h-43.8c-41.8 0-63.9-10.5-65.4-31.4zm91 89.1h-7c0-1.5 0-3-.1-4.2-.2-12.5-2.2-31.1-2.7-35.1h3.6c.8 0 1.4-.6 1.4-1.4v-14.1h2.4v14.1c0 .8.6 1.4 1.4 1.4h3.7c-.4 3.9-2.4 22.6-2.7 35.1v4.2zm65.3 11.9h-16.8c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h16.8v2.8h-62.2c0-.9-.1-1.9-.1-2.8h33.9c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-33.9c-.1-3.2-.1-6.3-.1-9h62.5v9zm-12.5 24.4h-6.3l.2-1.6h5.9l.2 1.6zm-5.8-4.5l1.6-12.3h2l1.6 12.3h-5.2zm-57-19.9h-62.4v-9h62.5c0 2.7 0 5.8-.1 9zm-62.4 1.4h62.4c0 .9-.1 1.8-.1 2.8H194v-2.8zm65.2 0h7.3c0 .9.1 1.8.1 2.8H259c.1-.9.1-1.8.1-2.8zm7.2-1.4h-7.2c.1-3.2.1-6.3.1-9h7c0 2.7 0 5.8.1 9zm-7.7-66.7v6.8h-9v-6.8h9zm-8.9 8.3h9v.7h-9v-.7zm0 2.1h9v2.3h-9v-2.3zm26-1.4h-9v-.7h9v.7zm-9 3.7v-2.3h9v2.3h-9zm9-5.9h-9v-6.8h9v6.8zm-119.3 91.1c-2.1-7.1-3-40.9-.9-53.6 2.2-13.5 11.9-28.6 17.8-35.6 5.6-6.5 13.5-15.7 15.7-18.3 11.4 6.4 28.7 9.6 51.8 9.6h6v14.1c0 .8.6 1.4 1.4 1.4h5.4c.3 3.1 2.4 22.4 2.7 35.1 0 1.2.1 2.6.1 4.2h-63.9c-.8 0-1.4.6-1.4 1.4v16.1c0 .8.6 1.4 1.4 1.4H256c-.8 11.8-2.8 24.7-8 33.3-2.6 4.4-4.9 8.5-6.9 12.2-.4.7-.1 1.6.6 1.9.2.1.4.2.6.2.5 0 1-.3 1.3-.8 1.9-3.7 4.2-7.7 6.8-12.1 5.4-9.1 7.6-22.5 8.4-34.7h7.8c.7 11.2 2.6 23.5 7.1 32.4.2.5.8.8 1.3.8.2 0 .4 0 .6-.2.7-.4 1-1.2.6-1.9-4.3-8.5-6.1-20.3-6.8-31.1H312l-2.4 18.6c-.1.4.1.8.3 1.1.3.3.7.5 1.1.5h9.6c.4 0 .8-.2 1.1-.5.3-.3.4-.7.3-1.1l-2.4-18.6H333c.8 0 1.4-.6 1.4-1.4v-16.1c0-.8-.6-1.4-1.4-1.4h-63.9c0-1.5 0-2.9.1-4.2.2-12.7 2.3-32 2.7-35.1h5.2c.8 0 1.4-.6 1.4-1.4v-14.1h6.2c23.1 0 40.4-3.2 51.8-9.6 2.3 2.6 10.1 11.8 15.7 18.3 5.9 6.9 15.6 22.1 17.8 35.6 2.2 13.4 2 43.2-1.1 53.1-1.2 3.9-1.4 8.7-1 13-1.7-2.8-2.9-4.4-3-4.6-.2-.3-.6-.5-.9-.6h-.5c-.2 0-.4.1-.5.2-.6.5-.8 1.4-.3 2 0 0 .2.3.5.8 1.4 2.1 5.6 8.4 8.9 16.7h-42.9v-43.8c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v44.9c0 .1-.1.2-.1.3 0 .1 0 .2.1.3v9c-1.1 2-3.9 3.7-10.5 3.7h-7.5c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h7.5c5 0 8.5-.9 10.5-2.8-.1 3.1-1.5 6.5-10.5 6.5H210.4c-9 0-10.5-3.4-10.5-6.5 2 1.9 5.5 2.8 10.5 2.8h67.4c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-67.4c-6.7 0-9.4-1.7-10.5-3.7v-54.5c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v43.8h-43.6c4.2-10.2 9.4-17.4 9.5-17.5.5-.6.3-1.5-.3-2s-1.5-.3-2 .3c-.1.2-1.4 2-3.2 5 .1-4.9-.4-10.2-1.1-12.8zm221.4 60.2c-1.5 8.3-14.9 12-26.6 12H174.4c-11.8 0-25.1-3.8-26.6-12-1-5.7.6-19.3 4.6-30.2H197v9.8c0 6.4 4.5 9.7 13.4 9.7h105.4c8.9 0 13.4-3.3 13.4-9.7v-9.8h44c4 10.9 5.6 24.5 4.6 3
183250.2z"/><path d="M286.1 359.3c0 .4.3.7.7.7h14.7c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-14.7c-.3 0-.7.3-.7.7zm5.3-145.6c13.5-.5 24.7-2.3 33.5-5.3.4-.1.6-.5.4-.9-.1-.4-.5-.6-.9-.4-8.6 3-19.7 4.7-33 5.2-.4 0-.7.3-.7.7 0 .4.3.7.7.7zm-11.3.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7H242c-19.9 0-35.3-2.5-45.9-7.4-.4-.2-.8 0-.9.3-.2.4 0 .8.3.9 10.8 5 26.4 7.5 46.5 7.5h38.1zm-7.2 116.9c.4.1.9.1 1.4.1 1.7 0 3.4-.7 4.7-1.9 1.4-1.4 1.9-3.2 1.5-5-.2-.8-.9-1.2-1.7-1.1-.8.2-1.2.9-1.1 1.7.3 1.2-.4 2-.7 2.4-.9.9-2.2 1.3-3.4 1-.8-.2-1.5.3-1.7 1.1s.2 1.5 1 1.7z"/><path d="M275.5 331.6c-.8 0-1.4.6-1.5 1.4 0 .8.6 1.4 1.4 1.5h.3c3.6 0 7-2.8 7.7-6.3.2-.8-.4-1.5-1.1-1.7-.8-.2-1.5.4-1.7 1.1-.4 2.3-2.8 4.2-5.1 4zm5.4 1.6c-.6.5-.6 1.4-.1 2 1.1 1.3 2.5 2.2 4.2 2.8.2.1.3.1.5.1.6 0 1.1-.3 1.3-.9.3-.7-.1-1.6-.8-1.8-1.2-.5-2.2-1.2-3-2.1-.6-.6-1.5-.6-2.1-.1zm-38.2 12.7c.5 0 .9 0 1.4-.1.8-.2 1.3-.9 1.1-1.7-.2-.8-.9-1.3-1.7-1.1-1.2.3-2.5-.1-3.4-1-.4-.4-1-1.2-.8-2.4.2-.8-.3-1.5-1.1-1.7-.8-.2-1.5.3-1.7 1.1-.4 1.8.1 3.7 1.5 5 1.2 1.2 2.9 1.9 4.7 1.9z"/><path d="M241.2 349.6h.3c.8 0 1.4-.7 1.4-1.5s-.7-1.4-1.5-1.4c-2.3.1-4.6-1.7-5.1-4-.2-.8-.9-1.3-1.7-1.1-.8.2-1.3.9-1.1 1.7.7 3.5 4.1 6.3 7.7 6.3zm-9.7 3.6c.2 0 .3 0 .5-.1 1.6-.6 3-1.6 4.2-2.8.5-.6.5-1.5-.1-2s-1.5-.5-2 .1c-.8.9-1.8 1.6-3 2.1-.7.3-1.1 1.1-.8 1.8 0 .6.6.9 1.2.9z"/></svg>
18326      </div>
18327      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18328        <h2 class="card-product__title text-md text-text-500 ">
18329          Example product title
18330        </h2>
18331      </div>
18332      
18333    </article>
18334  </div>
18335        </div>
18336</div>
18337
18338
18339
18340<div
18341  class="slider__slide"
18342  :class="''"
18343>
18344  <div data-rv-skeleton>
18345          
18346
18347<div class="  card-product">
18348    <article
18349      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18350    >
18351      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18352        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M401.7 288.4c-.7-.5-1.6-.5-2.4 0l-.3-.7c-2.6-5.8-7.1-10.1-12.8-12.2l-77.8-31.8-7.1-3.9 1.3-1.7c.2-.3.2-.8-.1-1-.3-.2-.8-.2-1 .1l-1.4 1.9-12-6.6.4-4.5c.1-.8-.5-1.5-1.3-1.5-.8-.1-1.5.5-1.5 1.3l-.1.9-1.4 1.7-13.4-7.4.4-4.3c.1-.8-.5-1.5-1.3-1.6-.8-.1-1.5.5-1.6 1.3l-.1 1-1.2 1.6-13.3-7.3.5-4.4c.1-.8-.5-1.5-1.2-1.6-.8-.1-1.5.5-1.6 1.2l-.4 3.2-17.7-9.8c-5.3-3.1-11.6-3.1-16.5.1-4.6 3-7 8.2-6.3 13.7l1.3 12.6c-8.3 6.5-17.7 10.1-27.2 10.1-8.8 0-17-2.3-24.5-6.7-5.9-3.5-11.1-8.2-15.4-14-2-2.6-5.1-4.9-7.7-4.3-.8.2-2.2.9-2.6 3.2v78l-3.7-.3c-2.5-.2-4.7 1.7-5.3 4.7l-2.3 15.5c-.4 2.2 0 4.4 1.3 6.1.9 1.2 2.2 2 3.7 2.1 19.4 1.2 58.1 2.5 101 2.5 32.5 0 67.4-.8 98.2-3 38.9-2.8 62.8-11.8 73.1-27.4.7-1.1 1.4-2.2 2-3.3.4-1.3.2-2.8-.7-3.5zm-94.5-42.2l.1.1 22 9c-12.2 2.2-24.9.5-36.1-4.9l6.4-8.3 7.6 4.1zm-8.8-4.8l-6.5 8.4-1.5-.7c-.7-.3-1.6-.1-1.9.6-.3.7-.1 1.6.6 1.9l.9.5-2.6 3.3c-.5-.3-1-.5-1.5-.6l1.8-19.2 10.7 5.8zm-12.7 16.3s.1 0 0 0zm-3.2-25.1l-7.2 9-2.7-1.3c-.7-.3-1.6-.1-1.9.6-.3.7-.1 1.6.6 1.9l2.1 1-3.6 4.5c-.5-.3-1-.5-1.5-.7l2.2-21.6 12 6.6zm-14.5 18c.1 0 .1 0 0 0zm-2.6-27.4l-7.4 9.9-2.5-1.2c-.7-.3-1.6-.1-1.9.6-.3.7-.1 1.6.6 1.9l2.1 1-4.3 5.8-1.2-.6 2.8-24 11.8 6.6zm-52-7.4c-.6-4.5 1.3-8.6 5-11 3.7-2.4 8.4-2.6 12.4-.6l-.3.6c-.2.4-.4.9-.6 1.3-.1.3-.3.5-.4.8-2.4 4.8-5.4 9.3-8.8 13.4-2 2.4-4.1 4.5-6.3 6.4l-1-10.9zm-76.1 2.3v-.5c.1-.4.2-.9.5-.9.8-.2 2.9.8 4.7 3.2 4.5 6.1 10 11 16.2 14.7 7.9 4.7 16.7 7.1 26 7.1 14 0 27.6-7 38.3-19.7 3.6-4.3 6.7-8.9 9.2-14 .1-.2.2-.4.3-.7.2-.5.5-1 .7-1.4.1-.1.1-.3.2-.4l17.4 9.6-2.9 25c-4.2.1-7.5 3.5-7.5 7.7 0 .8.1 1.6.4 2.4.2.7 1.1 1.1 1.8.9.7-.2 1.1-1.1.9-1.8-.2-.5-.2-1-.2-1.5 0-2.5 1.9-4.5 4.3-4.8l-.4 3.7c-.1.8.5 1.5 1.2 1.6h.2c.7 0 1.3-.5 1.4-1.3l.1-1 1.3-1.7c.9.9 1.5 2.1 1.5 3.5 0 2.7-2.2 4.8-4.8 4.8-.8 0-1.4.6-1.4 1.4 0 .8.6 1.4 1.4 1.4 4.2 0 7.7-3.4 7.7-7.7 0-2.3-1-4.4-2.7-5.8l4.5-6 5.8 2.9c.2.1.4.1.6.1.5 0 1-.3 1.3-.8.3-.7.1-1.6-.6-1.9l-5.3-2.6 7.4-9.9 1.1.6-2.3 22.8c-4 .2-7.2 3.6-7.2 7.7 0 .6.1 1.2.2 1.7.2.8.9 1.2 1.7 1.1.8-.2 1.2-.9 1.1-1.7-.1-.4-.1-.7-.1-1.1 0-2.4 1.8-4.4 4.1-4.8l-.4 3.7c-.1.8.5 1.5 1.3 1.6h.1c.7 0 1.3-.5 1.4-1.3l.1-.9 1.5-1.9c.9.9 1.5 2.1 1.5 3.5 0 2.7-2.2 4.8-4.8 4.8-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c4.2 0 7.7-3.4 7.7-7.7 0-2.3-1-4.3-2.6-5.8l3.7-4.7 5.9 2.9c.2.1.4.1.6.1.5 0 1-.3 1.3-.8.3-.7.1-1.6-.
183526-1.9l-5.3-2.6 7.1-9 1.4.8-1.9 20.4c-3.9.3-7 3.6-7 7.6 0 .8.1 1.6.4 2.3.2.7 1 1.2 1.8.9.7-.2 1.2-1 .9-1.8-.1-.5-.2-1-.2-1.5 0-2.4 1.7-4.3 3.9-4.7l-.4 3.7c-.1.8.5 1.5 1.3 1.5h.1c.7 0 1.3-.6 1.4-1.3l.1-.9 1.5-2c1 .9 1.7 2.2 1.7 3.6 0 2.7-2.2 4.8-4.8 4.8-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c4.2 0 7.7-3.4 7.7-7.7 0-2.4-1.1-4.5-2.8-5.9l2.7-3.5c8.6 4.2 17.9 6.3 27.4 6.3 4.8 0 9.5-.5 14.2-1.6.2-.1.4-.2.6-.4l51.6 21.1c4.2 1.5 7.6 4.5 10 8.4-2.5 2-10.2 7.5-24 11.9-.4.1-.6.5-.5.9.1.3.4.5.7.5h.2c13.8-4.4 21.4-9.8 24.2-12 .2.3.4.7.5 1l.6 1.4c-.6.4-1.2.9-1.8 1.3-30.8 22.3-83 18.6-133.5 14.9l-46.9-4.2c0-1.1-.1-2.2-.1-3.3 10 1.1 66 6.9 103.8 7.3.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7-38.1-.5-94.7-6.4-103.9-7.3-1.4-14.1-7.8-29.6-14-38.7 14.6-3.2 28.2-11.3 38.4-23l5.4-6.2 1.2.6c.7.3 1.6.1 1.9-.6.3-.7.1-1.6-.6-1.9l-2.2-1.1c-.6-.3-1.3-.1-1.7.3l-6.1 7c-12.4 14.2-29.9 22.8-47.9 23.6-1 0-2 .1-3 .1-19.4 0-38.4-7.6-48.7-19.5v-19.8c-.2.7-.2.7-.2.6zm0 24.2c11.1 11.1 29.8 18.1 48.7 18.1 1.1 0 2.1 0 3.1-.1l3.9-.3c2.1 2.9 4.3 6.5 6.2 10.5.1.3.4.4.6.4.1 0 .2 0 .3-.1.4-.2.5-.6.3-.9-1.8-3.7-3.8-7.2-5.9-10.1 1-.1 2-.3 3-.5 0 .1.1.2.1.3 6.8 9.5 13.9 27.4 14.2 42.3l-3-.3v-.2c-.2-7.1-2.1-15.7-5.3-24.3-.1-.4-.6-.5-.9-.4-.4.1-.5.6-.4.9 3.2 8.4 5.1 16.8 5.2 23.8l-70.3-6.4v-52.7zm260.6 51.2c-9.8 14.9-33 23.5-70.9 26.2-71.5 5.1-164.8 2.5-198.8.5-.7 0-1.3-.5-1.6-.9-.7-1-1-2.4-.7-3.8l2.3-15.5c.3-1.4 1.2-2.3 2.2-2.3h.1L258 309.1l3.5.3c2 .1 4 .3 6 .4.6 0 1.2.1 1.8.1 2.2.2 4.3.3 6.5.5h.1c2.1.1 4.2.3 6.3.4.5 0 1.1.1 1.6.1 2.1.1 4.3.3 6.4.4l6.3.3c.5 0 1 0 1.6.1 4.2.2 8.4.3 12.6.4h1.5c2.1 0 4.1.1 6.2.1h6.8c1.2 0 2.4-.1 3.6-.1.6 0 1.2 0 1.8-.1 1.2 0 2.4-.1 3.6-.2.5 0 1.1-.1 1.6-.1 1.7-.1 3.3-.2 4.9-.3h.1c1.7-.1 3.3-.3 4.9-.5.5-.1 1-.1 1.5-.2 1.1-.1 2.3-.3 3.4-.4.6-.1 1.1-.2 1.7-.2 1.1-.2 2.2-.3 3.3-.5.5-.1 1-.2 1.5-.2 1.5-.3 3-.5 4.5-.9h.1c1.5-.3 3-.7 4.5-1 .5-.1.9-.2 1.4-.4 1-.3 2-.5 3-.8.5-.1 1-.3 1.5-.5 1-.3 2-.6 2.9-.9.4-.1.9-.3 1.3-.5 1.4-.5 2.7-1 4-1.5h.1c1.3-.5 2.6-1.1 3.9-1.7l1.2-.6c.9-.4 1.8-.9 2.7-1.3.4-.2.9-.5 1.3-.7.9-.5 1.7-1 2.5-1.5.4-.2.8-.5 1.1-.7 1.2-.8 2.4-1.5 3.5-2.3.4-.3.8-.6 1.3-.9.1-.1.2-.1.2-.2.1 0 0 .3-.2.5z"/><path d="M192.5 315.8c-2.7-.1-5.3-.1-7.8-.2-.4 0-.7.3-.7.7 0 .4.3.7.7.7 2.6.1 5.2.1 7.8.2.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7z"/><path d="M227.2 312.5c-25.2-2.1-60.2-5.1-83.3-7.7-2.8-.3-5.4 1.7-5.8 4.5-.2 1.5.2 3 1.1 4.2.9 1.2 2.3 1.9 3.8 1.9 6.2.3 19 .9 34.5 1.4.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7-15.5-.5-28.2-1.1-34.5-1.4-1.1-.1-2.1-.6-2.8-1.4-.7-.9-1-2-.8-3.1.3-2.1 2.2-3.5 4.3-3.3 23.2 2.6 58.1 5.6 83.4 7.7.4 0 .7-.3.8-.6 0-.5-.3-.8-.7-.8zm32.5 2.6s-10.3-.8-25.4-2c-.3 0-.7.3-.8.6 0 .4.3.7.6.8 15.1 1.2 25.4 2 25.4 2h.1c.4 0 .7-.3.7-.7.1-.3-.2-.7-.6-.7zm69.1-8.8c10.3-.2 20.1-1.2 29.1-3 .4-.1.6-.5.6-.8-.1-.4-.5-.6-.8-.6-8.9 1.8-18.6 2.8-28.8 3-.4 0-.7.3-.7.7-.1.4.2.7.6.7z"/></svg>
18353      </div>
18354      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18355        <h2 class="card-product__title text-md text-text-500 ">
18356          Example product title
18357        </h2>
18358      </div>
18359      
18360    </article>
18361  </div>
18362        </div>
18363</div>
18364
18365
18366
18367<div
18368  class="slider__slide"
18369  :class="''"
18370>
18371  <div data-rv-skeleton>
18372          
18373
18374<div class="  card-product">
18375    <article
18376      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18377    >
18378      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18379        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M381.3 247.3c.3-1.2 1.2-3.4 3.4-4.2l2.5-.9c.5-.2.8-.5.9-1l3.8-16.2c.1-.4 0-.8-.2-1.1-.2-.3-.6-.5-1-.6-61.1-8.3-93.8-.3-113.3 4.6-6.4 1.6-11.1 2.7-14.6 2.7s-8.2-1.1-14.6-2.7c-19.5-4.8-52.2-12.9-113.3-4.6-.4.1-.8.3-1 .6-.2.3-.3.7-.2 1.1l3.8 16.2c.1.5.5.9.9 1l2.5.9c2.2.8 3.1 3 3.4 4.2.4 1.4.7 3 1.1 4.6 1.8 7.6 4 17 7.9 25.9-7.6 8.2-13.4 15.3-16.2 18.9-.5.7-.8 1.5-.7 2.4.1.8.5 1.5 1 2 .5.7 1.9 2.6 4.6 3.4 2.4.7 4.6 1 6.6 1 7.8 0 13.4-4.7 17.5-9.4 6.7 5.9 15.6 9.7 27.8 9.7 43.9 0 52.1-24.5 57.5-40.7 3.3-9.8 5.4-15.3 11.4-15.3 6.1 0 8.3 5.6 11.6 15.4 5.4 16.1 13.5 40.6 57.4 40.6 12.4 0 21.4-4 28.2-10.1 4.2 4.8 9.8 9.8 17.8 9.8 2 0 4.2-.3 6.6-1.1 2.6-.8 4.1-2.7 4.6-3.4.6-.5.9-1.2 1-2 .1-.9-.1-1.7-.7-2.4-2.9-3.7-8.9-11-16.7-19.4 3.8-8.7 6-18 7.7-25.4.3-1.5.7-3 1-4.5zm-238.6 54.5c-2.1-.6-3.1-2.3-3.1-2.3-.1-.2-.2-.3-.4-.4-.1-.1-.1-.2-.1-.2 0-.1 0-.2.1-.3 2.7-3.4 8.2-10.1 15.3-17.9 2.5 4.9 5.5 9.6 9.4 13.5-6.9 7.9-13.1 10.1-21.2 7.6zm244.3-3.3c.1.1.1.2.1.3 0 .1 0 .2-.1.2l-.4.4s-1 1.7-3.1 2.3c-8.2 2.5-14.5.2-21.6-8 3.9-4 6.9-8.7 9.3-13.7 7.4 8.1 13 15 15.8 18.5zm-9.5-47.2c-4.8 20.6-12.1 51.7-45.8 51.7-41.8 0-49.2-22.3-54.7-38.6-3.1-9.3-5.8-17.4-14.3-17.4-8.3 0-11 8-14.1 17.3-5.5 16.3-12.9 38.7-54.8 38.7-33.7 0-41-31.1-45.8-51.7-.4-1.7-.8-3.2-1.1-4.7-.8-3.1-2.6-5.3-5.2-6.2l-1.7-.6-3.2-14c59.5-7.9 91.5 0 110.7 4.7 6.6 1.6 11.4 2.8 15.3 2.8s8.7-1.2 15.3-2.8c19.2-4.7 51.2-12.6 110.7-4.7l-3.2 14-1.7.6c-2.5.9-4.4 3.2-5.2 6.2-.5 1.5-.8 3.1-1.2 4.7z"/><path d="M383.9 232c0-4.1-13.7-4.1-13.7 0 0 2 3.4 3.1 6.8 3.1 3.5 0 6.9-1 6.9-3.1zm-6.8 1.7c-3.4 0-5.4-1.1-5.4-1.7s2.1-1.7 5.4-1.7c3.4 0 5.4 1.1 5.4 1.7s-2.1 1.7-5.4 1.7zM141.8 232c0 2 3.4 3.1 6.8 3.1s6.8-1.1 6.8-3.1c.1-4-13.6-4-13.6 0zm6.8 1.7c-3.4 0-5.4-1.1-5.4-1.7s2.1-1.7 5.4-1.7 5.4 1.1 5.4 1.7-2 1.7-5.4 1.7zM356 227.6c-7.9-2-36.2-7.4-68 5.5-5.7 2.3-9.4 8-9.1 14.1.9 22.6 7 52.6 48.7 52.6 12.9 0 23.1-3.8 30.2-11.4 11.3-12.1 12.7-30.8 11.8-44.5-.6-7.9-6-14.4-13.6-16.3zm-67.5 6.8c15.7-6.4 30.5-8.2 42.4-8.2 11.9 0 20.8 1.8 24.7 2.8 5.3 1.3 9.4 5.1 11.4 10h-.1c-.
183791 0-14.3 1.7-36.4 3.5-9 .7-20.2 1.6-32.9 2.2h-.8c-.1 0-.2 0-.3.1-5 .3-10.2.5-15.6.7-.2 0-.3.1-.5.1.4-5.1 3.5-9.4 8.1-11.2zm39.1 64c-39.9 0-46.2-28.5-47.2-50.4.2.1.3.1.5.1 5.8-.2 11.4-.4 16.7-.7 28.4.1 40.9 18.3 51.9 34.4 1.6 2.4 3.2 4.7 4.8 6.9.2.2.4.4.7.5-6.8 6.1-15.9 9.2-27.4 9.2zm29.2-11.1c0-.1-.1-.3-.2-.4-1.6-2.2-3.1-4.4-4.7-6.8-8.8-12.9-19.4-28.3-39.2-33.7 6.5-.4 12.4-.9 17.6-1.3 10.4 5.8 21.4 14.7 33.6 27.3.3.3.6.4 1 .4h.1c-1.8 5.4-4.4 10.4-8.2 14.5zm9-17c-11-11.2-21.1-19.6-30.6-25.5 19.5-1.6 31.9-3.1 32-3.1.2 0 .4-.1.5-.2.2.8.3 1.6.3 2.5.5 6.7.5 16.7-2.2 26.3zM238 233c-31.7-12.9-60-7.5-68-5.5-7.6 1.9-13.1 8.5-13.6 16.4-.9 13.6.5 32.4 11.8 44.5 7.1 7.6 17.3 11.4 30.2 11.4 41.7 0 47.8-30 48.7-52.6.3-6.2-3.4-11.8-9.1-14.2zm-67.6-4.1c7.7-1.9 34.9-7.2 65.7 4.9-8 .9-14.7 1.5-22.6 2.2-5.5.5-11.6 2.6-18.3 6.3-21.8-1.7-35.8-3.4-36-3.4h-.3c2.1-4.9 6.2-8.6 11.5-10zM157.9 244c.1-.9.2-1.8.4-2.6.2.2.4.3.7.3.1 0 12.5 1.5 32 3.1-9.6 6-19.7 14.4-30.7 25.7-2.8-9.7-2.8-19.8-2.4-26.5zm40.5 54.4c-11.5 0-20.6-3.1-27.4-9.2.3-.1.6-.2.8-.5 1.5-2.1 3-4.2 4.6-6.5 11.4-16.5 24.3-35.1 55.1-34 5.1.2 8.8.3 13.6.3.2 0 .3 0 .4-.1-.9 21.9-7.3 50-47.1 50zm46.8-52.7c-4.8 0-8.4-.1-13.5-.3-32.4-1.3-46.4 19-57.6 35.2-1.6 2.3-3 4.4-4.5 6.4-.1.2-.2.3-.2.5-3.9-4.2-6.5-9.2-8.3-14.5h.3c.4 0 .7-.1 1-.4 12.3-12.6 23.4-21.6 34-27.5 6.5-3.6 12.4-5.7 17.6-6.2 8.5-.7 15.7-1.5 24.7-2.4.5-.1 1-.4 1.2-.9 3.5 2.3 5.7 6.1 6 10.2-.4-.1-.5-.1-.7-.1z"/></svg>
18380      </div>
18381      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18382        <h2 class="card-product__title text-md text-text-500 ">
18383          Example product title
18384        </h2>
18385      </div>
18386      
18387    </article>
18388  </div>
18389        </div>
18390</div>
18391
18392
18393
18394<div
18395  class="slider__slide"
18396  :class="''"
18397>
18398  <div data-rv-skeleton>
18399          
18400
18401<div class="  card-product">
18402    <article
18403      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18404    >
18405      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18406        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M271.9 192.7c-.5-3.8-3.7-6.1-8.6-6.1-4.9 0-8 2.3-8.6 6.1-66.9 5.7-76 78.9-77.2 102-.1 2 .8 3.7 2.5 4.8 1.1.7 2.3.9 3.5.7v29.4c0 2.8 1.4 5.5 3.7 7.1 2.3 1.6 5.1 2 7.8 1.1 6-2.1 12.1-5.7 18.6-9.4 13.3-7.8 28.4-16.5 48.9-16.5 21.2 0 34.9 8.5 47 16 7.3 4.5 14.2 8.8 21.9 10.7.7.2 1.4.2 2 .2 1.9 0 3.7-.6 5.2-1.8 2.1-1.7 3.4-4.2 3.4-6.9v-29.9c.2 0 .5.1.7.1.9 0 1.9-.3 2.8-.8 1.7-1 2.6-2.8 2.5-4.8-1.2-23-10.2-96.1-76.1-102zm-8.6-3c1.8 0 4.7.4 5.5 2.8-1.8-.1-3.6-.2-5.5-.2h-.1c-1.8 0-3.6.1-5.4.2.8-2.4 3.7-2.8 5.5-2.8zM339 330.1c0 1.8-.8 3.4-2.2 4.5-1.4 1.1-3.1 1.4-4.7 1-7.2-1.8-13.9-5.9-21-10.3-12.5-7.7-26.6-16.4-48.6-16.4-21.3 0-36.7 9-50.4 16.9-6.3 3.7-12.3 7.2-18.1 9.2-1.7.6-3.5.3-5-.7-1.5-1.1-2.4-2.8-2.4-4.7v-29.9c0-.2-.1-.5-.2-.7 10.6-5.8 34.1-15 76.4-15 42.3 0 65.7 9.1 76.4 15-.1.2-.2.4-.2.7v30.4zm4.9-33.1c-.7.4-1.6.5-2.3 0-2.3-1.3-5.4-2.9-9.2-4.4.6-2.3 1.1-4.7 1.6-7.1.1-.4-.2-.8-.6-.9-.4-.1-.8.2-.9.6-.4 2.3-.9 4.6-1.5 6.8-13.3-5.3-35.1-10.9-68.3-10.9-33.2 0-55 5.6-68.2 10.9-.6-2.6-1.2-5.2-1.7-7.8-.1-.4-.5-.7-.9-.6-.4.1-.7.5-.6.9.5 2.7 1.1 5.5 1.8 8.1-3.8 1.6-6.8 3.1-9.2 4.5-.7.4-1.6.4-2.3 0-.7-.4-1.1-1.2-1.1-2 .5-9.1 2.2-26.3 8.4-43.8-.1 3.7-.1 7.5 0 11.2 0 .4.3.7.8.7.4 0 .7-.4.7-.8-.2-5.3-.1-10.6.2-15.8.6-1.5 1.2-2.9 1.8-4.4-.9 9.5-1.5 26.8 2.5 46 .1.4.4.6.7.6h.2c.4-.1.7-.5.6-.9-4.8-22.5-3-42.4-2-49.9 11.3-22.5 31.6-42.4 68-42.6v83c0 .4.3.8.8.8.4 0 .8-.3.8-.8v-83h1.5v4.4c0 .4.3.8.8.8.4 0 .8-.3.8-.8v-4.4c33.8 1.3 53 20.5 63.9 42.1 1 7.1 2.9 27.4-2 50.4-.1.4.2.8.6.9h.2c.3 0 .7-.2.7-.6 4.2-19.5 3.5-37.1 2.5-46.5.7 1.5 1.3 2.9 1.9 4.4.3 4.7.4 9.5.3 14.3 0 .4.3.8.7.8.4 0 .7-.3.8-.7.1-3.3 0-6.5-.1-9.7 6.2 17.6 7.9 34.9 8.4 44.1 0 .8-.4 1.6-1.1 2.1z"/><path d="M295.5 203.8c-2.3 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1 4.1-1.8 4.1-4.1c0-2.2-1.9-4.1-4.1-4.1zm0 6.7c-1.4 0-2.6-1.2-2.6-2.6 0-1.4 1.2-2.6 2.6-2.6s2.6 1.2 2.6 2.6c0 1.4-1.2 2.6-2.6 2.6zm-64.4-6.7c-2.3 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1 4.1-1.8 4.1-4.1c0-2.2-1.8-4.1-4.1-4.1zm0 6.7c-1.4 0-2.6-1.2-2.6-2.6 0-1.4 1.2-2.6 2.6-2.6s2.6 1.2 2.6 2.6c0 1.4-1.2 2.6-2.6 2.6zm105.3 90.7c-.4 0-.8.3-.8.8v24.8c0 1.6-.8 3-2.1 3.9-1.3.9-2.9 1-4.3.4-2.2-.9-4.6-2.1-7.2-3.6-.4-.2-.8-.1-1 .3-.2.4-.1.8.3 1 2.7 1.5 5.1 2.7 7.4 3.7.8.3 1.6.5 2.3.5 1.2 0 2.3-.3 3.4-1 1.7-1.1 2.8-3.1 2.8-5.1v-24.8c-.1-.6-.4-.9-.8-.9zm-19.8 23c-1-.6-2-1.2-3-1.9-2.5-1.5-5.1-3.1-7.8-4.7-.4-.2-.8-.1-1 .3-.2.4-.1.8.3 1 2.7 1.5 5.3 3.1 7.8 4.7 1 .6 2 1.2 3 1.9.1.1.3.1.4.1.3 0 .5-.1.6-.4.2-.3.1-.8-.3-1zm-14.6-8.6c-9.1-4.9-21.9-10.5-39.9-10.5-22.3 0-38.6 9.4-53.1 17.6-4.4 2.5-8.5 4.9-12.5 6.8-1.4.7-3.1.6-4.4-.2-1.4-.9-2.2-2.3-2.2-3.9v-23.5c0-.4-.3-.8-.8-.8-.4 0-.8.3-.8.8v23.5c0 2.1 1.1 4.1 2.9 5.2 1 .6 2.1.9 3.2.9.9 0 1.8-.2 2.6-.6 4.1-2 8.2-4.3 12.6-6.9 14.3-8.2 30.4-1
184067.4 52.3-17.4 17.7 0 30.3 5.5 39.2 10.3.4.2.8.1 1-.3.4-.3.3-.8-.1-1z"/><path d="M192.7 309.8c.4 0 .8-.3.8-.8v-9.1c0-.4-.3-.8-.8-.8-.4 0-.8.3-.8.8v9.1c0 .4.4.8.8.8zm1.1 14.8c.6.4 1.4.6 2.1.6.6 0 1.1-.1 1.7-.4 3-1.4 5.9-3 8.6-4.4.4-.2.5-.7.3-1-.2-.4-.7-.5-1-.3-2.7 1.5-5.7 3-8.6 4.4-.8.4-1.6.3-2.3-.1-.7-.5-1.1-1.2-1.1-2.1v-7.7c0-.4-.3-.8-.8-.8-.4 0-.8.3-.8.8v7.7c0 1.3.7 2.6 1.9 3.3zm15.8-6.1c.1 0 .2 0 .4-.1 2.4-1.3 4.8-2.6 7.3-3.9.4-.2.5-.6.3-1s-.6-.5-1-.3c-2.5 1.3-5 2.6-7.3 3.9-.4.2-.5.7-.3 1 0 .2.3.4.6.4zm12.4-6.4c9.7-4.6 23-10 40.2-10 23.1 0 38 8.6 51.1 16.2 5 2.9 9.8 5.6 14.7 7.7.5.2 1 .3 1.6.3.8 0 1.5-.2 2.2-.7 1.1-.7 1.8-2 1.8-3.3v-22.5c0-.4-.3-.8-.8-.8s-.8.3-.8.8v22.5c0 .8-.4 1.6-1.1 2-.7.5-1.6.5-2.3.2-4.8-2.1-9.5-4.8-14.5-7.7-13.3-7.7-28.4-16.4-51.9-16.4-17.5 0-31 5.4-40.8 10.1-.4.2-.5.6-.4 1 .2.6.7.8 1 .6zm44.3-107.8c-.4 0-.8.3-.8.8v23.7c0 .4.3.8.8.8.4 0 .8-.3.8-.8v-23.7c0-.5-.4-.8-.8-.8zm-6 61c-.4 0-.8.3-.8.8v8.9c0 .4.3.8.8.8.4 0 .8-.3.8-.8v-9c-.1-.4-.4-.7-.8-.7zm0-21.5c-.4 0-.8.3-.8.8v15.3c0 .4.3.8.8.8.4 0 .8-.3.8-.8v-15.3c-.1-.4-.4-.8-.8-.8zm75.3 23
18406c-.4 0-.8.3-.8.7-.3 3.8-.7 7.6-1.2 11.4-.1.4.2.8.6.9h.1c.4 0 .7-.3.7-.6.5-3.8 1-7.6 1.2-11.5.1-.5-.2-.9-.6-.9zm-145.6.3c-.4 0-.7.4-.7.8.3 3.5.6 7.1 1.1 10.6.1.4.4.6.7.6h.1c.4-.1.7-.4.6-.9-.5-3.4-.9-7-1.1-10.5 0-.4-.4-.7-.7-.6z"/></svg>
18407      </div>
18408      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18409        <h2 class="card-product__title text-md text-text-500 ">
18410          Example product title
18411        </h2>
18412      </div>
18413      
18414    </article>
18415  </div>
18416        </div>
18417</div>
18418
18419
18420
18421<div
18422  class="slider__slide"
18423  :class="''"
18424>
18425  <div data-rv-skeleton>
18426          
18427
18428<div class="  card-product">
18429    <article
18430      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18431    >
18432      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18433        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M330.3 251.9h-4.8c-1.8-11-6.1-21.1-12.4-29.7v-.6l-6.2-23.5c-1.3-5.1-5.9-8.6-11.1-8.6h-8.5l-1.4-4.8c-.7-2.4-2.8-4-5.3-4h-46.3c-2.5 0-4.6 1.6-5.3 4l-1.4 4.8H219c-5.2 0-9.8 3.5-11.1 8.6l-6.2 23.5c-.1.2-.1.4 0 .6-8.4 11.4-13.3 25.5-13.3 40.6 0 15.2 4.9 29.2 13.3 40.6v.6l6.2 23.5c1.3 5.1 5.9 8.6 11.1 8.6h8.5l1.4 4.8c.7 2.3 2.9 4 5.3 4h46.3c2.5 0 4.6-1.6 5.3-4l1.4-4.8h8.4c5.2 0 9.8-3.5 11.1-8.6L313 304c.1-.2.1-.4 0-.6 6.3-8.6 10.7-18.7 12.4-29.7h4.8c3.8 0 6.9-3.1 6.9-6.9v-8.1c0-3.8-3.1-6.8-6.8-6.8zm-119.7-53.2c1-3.8 4.4-6.5 8.4-6.5h9.5c.2 0 .3 0 .5-.1.1 0 .3.1.4.1h12.1c.8 0 1.4-.6 1.4-1.4 0-.8-.6-1.4-1.4-1.4h-11.1l1.2-4c.3-1.2 1.4-1.9 2.6-1.9h46.3c1.2 0 2.2.8 2.6 1.9l1.2 4h-11.1c-.8 0-1.4.6-1.4 1.4 0 .8.6 1.4 1.4 1.4h12.1c.2 0 .3 0 .4-.1.2.1.3.1.5.1h9.5c3.9 0 7.4 2.7 8.4 6.5l4.8 18.3c-12.6-14.2-31-23.2-51.5-23.2s-38.9 9-51.5 23.2l4.7-18.3zm46.7-2c36.4 0 66.1 29.7 66.1 66.1 0 36.4-29.7 66.1-66.1 66.1s-66.1-29.7-66.1-66.1c0-36.5 29.7-66.1 66.1-66.1zM304 326.8c-1 3.8-4.4 6.5-8.4 6.5h-22.5c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h11.1l-1.2 4c-.3 1.2-1.4 1.9-2.6 1.9h-46.3c-1.2 0-2.3-.8-2.6-1.9l-1.2-4h11.1c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4H219c-3.9 0-7.4-2.7-8.4-6.5l-4.8-18.3c12.6 14.2 31 23.2 51.5 23.2s38.9-9 51.5-23.2l-4.8 18.3zm30.3-60c0 2.2-1.8 4-4 4h-4.5c.1-.5.1-1 .2-1.6h5.2c.4 0 .7-.3.7-.7s-.3-.7-.7-.7h-5.1c.1-.8.1-1.6.1-2.4h5c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-4.9v-2.4h4.9c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-5c0-.8-.1-1.6-.1-2.4h5.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7H326c0-.5-.1-1-.2-1.6h4.5c2.2 0 4 1.8 4 4v8z"/><path d="M257.3 324.5c34 0 61.7-27.7 61.7-61.7s-27.7-61.7-61.7-61.7-61.7 27.7-61.7 61.7 27.7 61.7 61.7 61.7zm0-120.6c32.5 0 58.9 26.4 58.9 58.9s-26.4 58.9-58.9 58.9-58.9-26.4-58.9-58.9 26.5-58.9 58.9-58.9zm26.3 144h-52.5c-.8 0-1.4.6-1.4 1.4v18.8c0 .8.6 1.4 1.4 1.4h52.5c.8 0 1.4-.6 1.4-1.4v-18.8c0-.8-.7-1.4-1.4-1.4zm-1.5 18.8h-49.6v-16h49.6v16zm19.5-28h-12.3c-.8 0-1.4.6-1.4 1.4v15.5c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4v-15.5c0-.7-.7-1.4-1.4-1.4zm-1.5 15.5h-9.4v-12.6h9.4v12.6zm-74.7-15.5h-12.3c-.8 0-1.4.6-1.4 1.4v15.5c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4v-15.5c0-.7-.6-1.4-1.4-1.4zm-1.5 15.5h-9.4v-12.6h9.4v12.6zm59.7 19h-52.5c-.8 0-1.4.6-1.4 1.4v18.8c0 .8.6 1.4 1.4 1.4h52.5c.8 0 1.4-.6 1.4-1.4v-18.8c0-.8-.7-1.4-1.4-1.4zm-1.5 18.8h-49.6v-16h49.6v16zm19.5-32.7h-12.3c-.8 0-1.4.6-1.4 1.4v20.1c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4v-20.1c0-.8-.7-1.4-1.4-1.4zm-1.5 20h-9.4v-17.2h9.4v17.2zm-74.7-20h-12.3c-.8 0-1.4.6-1.4 1.4v20.1c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4v-20.1c0-.8-.6-1.4-1.4-1.4zm-1.5 20h-9.4v-17.2h9.4v17.2zm77.7 5.3h-12.3c-.8 0-1.4.6-1.4 1.4v7.4c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4V386c0-.7-.7-1.4-1.4-1.4zm-1.5 7.4h-9.4v-4.5h9.4v4.5zm-74.7-7.4h-12.3c-.8 0-1.4.6-1.4 1.4v7.4c0 .8.6 1.4 1.4 1.4h12.3c.8 0 1.4-.6 1.4-1.4V386c0-.7-.6-1.4-1.4-1.4zm-1.5 7.4h-9.4v-4.5h9.4v4.5zm7.2-214.4h52.5c.8 0 1.4-.6 1.4-1.4v-18.8c0-.8-.6-1.4-1.4-1.4h-52.5c-.8 0-1.4.6-1.4 1.4v18.8c0 .8.6 1.4 1.4 1.4zm1.4-18.8h49.6v16h-49.6v-16zm-19.4 28h12.3c.8 0 1.4-.6 1.4-1.4v-15.5c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v15.5c0 .7.6 1.4 1.4 1.4zm1.4-15.5h9.4v12.6h-9.4v-12.6zm74.8 15.5h12.3c.8 0 1.4-.6 1.4-1.4v-15.5c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v15.5c0 .7.6 1.4 1.4 1.4zm1.4-15.5h9.4v12.6h-9.4v-12.6zm-59.6-19h52.5c.8 0 1.4-.6 1.4-1.4v-18.8c0-.8-.6-1.4-1.4-1.4h-52.5c-.8 0-1.4.6-1.4 1.4v18.8c0 .8.6 1.4 1.4 1.4zm1.4-18.8h49.6v16h-49.6v-16zm-19.4 32.7h12.3c.8 0 1.4-.6 1.4-1.4v-20.1c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v20.1c0 .8.6 1.4 1.4 1.4zm1.4-20h9.4v17.2h-9.4v-17.2zm74.8 20h12.3c.8 0 1.4-.6 1.4-1.4v-20.1c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v20.1c0 .8.6 1.4 1.4 1.4zm1.4-20h9.4v17.2h-9.4v-17.2zm-77.6-5.3h12.3c.8 0 1.4-.6 1.4-1.4v-7.4c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v7.4c0 .7.6 1.4 1.4 1.4zm1.4-7.4h9.4v4.5h-9.4v-4.5zm74.8 7.4h12.3c.8 0 1.4-.6 1.4-1.4v-7.4c0-.8-.6-1.4-1.4-1.4h-12.3c-.8 0-1.4.6-1.4 1.4v7.4c0 .7.6 1.4 1.4 1.4zm1.4-7.4h9.4v4.5h-9.4v-4.5z"/>
18433<path d="M277.6 162.6h-25.7c-.4 0-.7.3-.7.7s.3.7.7.7h25.7c.4 0 .7-.3.7-.7s-.3-.7-.7-.7zm-18.1-25.4h-22.6c-.4 0-.7.3-.7.7s.3.7.7.7h22.6c.4 0 .7-.3.7-.7s-.3-.7-.7-.7zm16.3 0h-9.6c-.4 0-.7.3-.7.7s.3.7.7.7h9.6c.4 0 .7-.3.7-.7s-.3-.7-.7-.7zm-39 251.9H273c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-36.2c-.4 0-.7.3-.7.7 0 .3.3.7.7.7zm0-25.4h13.6c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-13.6c-.4 0-.7.3-.7.7 0 .4.3.7.7.7zm20.5-149c.8 0 1.4-.6 1.4-1.4v-6.5c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v6.5c0 .8.6 1.4 1.4 1.4zm0 96.1c-.8 0-1.4.6-1.4 1.4v6.5c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4v-6.5c.1-.8-.6-1.4-1.4-1.4zm48-48c0 .8.6 1.4 1.4 1.4h6.5c.8 0 1.4-.6 1.4-1.4 0-.8-.6-1.4-1.4-1.4h-6.5c-.7-.1-1.4.6-1.4 1.4zm-96 0c0-.8-.6-1.4-1.4-1.4h-6.5c-.8 0-1.4.6-1.4 1.4 0 .8.6 1.4 1.4 1.4h6.5c.8 0 1.4-.7 1.4-1.4zm90.8-24c.1 0 .2 0 .4-.1l5.8-3.3c.3-.2.5-.6.3-1-.2-.3-.6-.5-1-.3l-5.8 3.3c-.3.2-.5.6-.3 1 .1.3.3.4.6.4zm-85.9 48l-5.8 3.3c-.3.2-.5.6-.3 1 .1.2.4.4.6.4.1 0 .2 0 .4-.1l5.8-3.3c.3-.2.5-.6.3-1s-.6-.5-1-.3zm68.3 18.1c-.2-.3-.6-.5-1-.3-.3.2-.5.6-.3 1l3.4 5.9c.1.2.4.4.6.4.1 0 .2 0 .4-.1.3-.2.5-.6.3-1l-3.4-5.9zm-50.4-84.3c.1.2.4.4.6.4.1 0 .2 0 .4-.1.3-.2.5-.6.3-1L230 214c-.2-.3-.6-.5-1-.3-.3.2-.5.6-.3 1l3.4 5.9zm49.4.3c.1.1.2.1.4.1s.5-.1.6-.4l3.5-6c.2-.3.1-.8-.3-1-.3-.2-.8-.1-1 .3l-3.5 6c-.2.4 0 .8.3 1zm-48.3 83.7c-.3-.2-.8-.1-1 .3l-3.5 6c-.2.3-.1.8.3 1 .1.1.2.1.4.1s.5-.1.6-.4l3.5-6c.1-.4 0-.8-.3-1zm66.4-16.6l5.8 3.4c.1.1.2.1.4.1s.5-.1.6-.4c.2-.3.1-.8-.3-1l-5.8-3.4c-.3-.2-.8-.1-1 .3-.1.4 0 .8.3 1zM215 237.5l-5.8-3.4c-.3-.2-.8-.1-1 .3-.2.3-.1.8.3 1l5.8 3.4c.1.1.2.1.4.1s.5-.1.6-.4c.2-.4.1-.8-.3-1zm8.9 66.9c.2 0 .4-.1.5-.3l31.2-38.1c.5.3 1.1.4 1.6.4h.5l23.7-2.9c2.4-.3 4.7-.9 6.9-1.9l4.1-1.8c.6-.3.9-.9.8-1.5-.1-.6-.6-1.1-1.2-1.2l-4.4-.7c-2.4-.4-4.8-.4-7.1-.1l-20.9 2.6v-27.6c0-4.2-.5-8.4-1.6-12.5-.1-.3-.4-.5-.7-.5-.3 0-.6.2-.7.5-1 4.1-1.6 8.2-1.6 12.4v28.7c-.2.2-.5.4-.7.6-.6.8-.9 1.7-.7 2.7.1.7.4 1.4.9 1.9l-31.2 38.1c-.2.3-.2.8.1 1 .1.1.3.2.5.2zm57-45.5c.9-.1 1.8-.2 2.7-.2 1.1 0 2.2.1 3.3.3-1.9.8-3.8 1.3-5.8 1.6l-23.7 2.9c-.4.1-.9-.3-.9-.7 0-.2 0-.4.2-.6.1-.2.3-.3.5-.3l23.7-3zm-24.4-27.8c0-3 .3-6 .9-9 .6 3 .9 6 .9 9v27.8l-1.4.2c-.1 0-.2.1-.4.1v-28.1zm1.6 132.6h21.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-21.1c-.4 0-.7.3-.7.7 0 .4.3.7.7.7z"/></svg>
18434      </div>
18435      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18436        <h2 class="card-product__title text-md text-text-500 ">
18437          Example product title
18438        </h2>
18439      </div>
18440      
18441    </article>
18442  </div>
18443        </div>
18444</div>
18445
18446
18447
18448<div
18449  class="slider__slide"
18450  :class="''"
18451>
18452  <div data-rv-skeleton>
18453          
18454
18455<div class="  card-product">
18456    <article
18457      class="contrast-border card-hover group z-10 flex h-full w-full flex-col items-stretch justify-start rounded-xl text-start"
18458    >
18459      <div class="relative overflow-hidden rounded-md bg-secondary-400">
18460        <svg class="w-full h-full md:group-hover:scale-105 transition-transform aspect-product" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M322 329.7c.7 2.2 1.2 4.4 1.6 6.7 2.1 11 .4 22.4-4.8 32.9-.2.4 0 .8.3 1 .1.1.2.1.3.1.3 0 .5-.1.6-.4 5.4-10.8 7.1-22.5 4.9-33.8-.4-2.3-1-4.6-1.6-6.8-3.6-12.3-10.7-24.8-18.9-33.5-.3-.3-.7-.3-1 0-.3.3-.3.7 0 1 8.1 8.5 15.1 20.8 18.6 32.8z"/><path d="M366.1 118.8h-95.2c-.7-3.9-4.1-6.9-8.2-6.9s-7.5 3-8.2 6.9h-95.2c-.8 0-1.4.6-1.4 1.4v115.5c0 .8.6 1.4 1.4 1.4h95.1v10.3h-11.3c-2.8 0-5.1 2.3-5.1 5.1v.4c0 2.6 2.1 4.8 4.7 5l-24.9 30.3c-1.3 1.6-2.7 3.2-4.1 4.8l-.5.6c-9.1 10.3-15.5 21.3-18.9 32.7-.8 2.5-1.4 5.1-1.8 7.7-5.1 27 9.6 54.9 37.5 71.2 1.3 3.3 4.3 8.4 8.5 8.4h48.6c4.1 0 7.2-5.1 8.5-8.4 27.8-16.3 42.5-44.2 37.5-71.2-.5-2.5-1.1-5.1-1.9-7.7-3.4-11.4-9.7-22.4-18.9-32.7l-.5-.5c-1.4-1.6-2.8-3.2-4.1-4.8L282.8 258c2.6-.2 4.7-2.4 4.7-5v-.4c0-2.8-2.3-5.1-5.1-5.1h-11.3V237.2h42.6c0 .1-.1.2-.1.3v19.3c-1.3 2.2-5.6 10-5.6 13.1 0 3.9 3.2 7.1 7.1 7.1 3.9 0 7.1-3.2 7.1-7.1 0-3.2-4.4-10.9-5.6-13.1v-19.3c0-.1 0-.2-.1-.3h49.8c.8 0 1.4-.6 1.4-1.4V120.2c-.2-.8-.8-1.4-1.6-1.4zM315 274.1c-2.3 0-4.2-1.9-4.2-4.2 0-1.4 1.7-5.1 3.5-8.4.2.1.5.3.8.3.3 0 .5-.1.8-.3 1.8 3.4 3.5 7.1 3.5 8.4-.2 2.3-2.1 4.2-4.4 4.2zm-52.2-159.3c2.5 0 4.6 1.7 5.2 4h-10.5c.6-2.3 2.7-4 5.3-4zm-30.3 288.9c-.1-.3-.4-.6-.7-.8-27-15.7-41.4-42.6-36.5-68.5.5-2.4 1.1-4.9 1.8-7.4 3.2-11 9.4-21.6 18.3-31.6l.5-.5 4.2-4.8 26.4-32.1h15v4h-11.4c-.2 0-.4.1-.5.3L221 295.9c-8.2 8.7-15.3 21.2-18.9 33.4-.7 2.3-1.2 4.5-1.6 6.8-4.5 23.9 8.6 48.7 33.4 63.2 1 2.7 3.7 7.3 7.1 7.3h13.4v4.1h-16c-2.1 0-4.7-3.6-5.9-7zm35.7 1.5h-11v-2.4h11v2.4zm0 1.4v4.1h-11v-4.1h11zm-12.4-6.6c-.8 0-1.4.6-1.4 1.4v3.8H241c-2.3 0-4.7-3.4-5.9-6.6-.1-.2-.2-.3-.3-.4-24.4-14.1-37.3-38.4-32.9-61.8.4-2.2 1-4.4 1.6-6.7 3.6-12.1 10.5-24.3 18.6-32.9l28.1-33.4h11.1V400h-5.5zm53.9-105.1l.5.5c8.9 10 15 20.7 18.3 31.6.7 2.5 1.3 5 1.8 7.4 4.9 25.9-9.5 52.8-36.6 68.5-.3.2-.5.4-.6.8-1.2 3.4-3.8 7-6 7h-16v-4.1h13.4c3.4 0 6.1-4.7 7.1-7.3 8.6-5 15.8-11.2 21.5-18.5.2-.3.2-.8-.1-1-.3-.2-.8-.2-1 .1-5.6 7.2-12.8 13.3-21.4 18.2-.1.1-.3.2-.3.4-1.1 3.2-3.6 6.6-5.9 6.6H271v-3.8c0-.8-.6-1.4-1.4-1.4h-5.5V263.4h11.1l20.4 24.2c.3.3.7.3 1 .1.3-.3.3-.7.1-1l-20.6-24.5c-.1-.2-.3-.3-.5-.3h-11.4v-4h14.9l26.4 32.1c1.3 1.7 2.8 3.3 4.2 4.9zm-25.1-42.4v.4c0 1.2-1 2.2-2.2 2.2h-39.3c-1.2 0-2.2-1-2.2-2.2v-.4c0-1.2 1-2.2 2.2-2.2h39.3c1.2 0 2.2.9 2.2 2.2zm-16.4-15.3v10.2h-11V237.1l11 .1zm96.5-2.9H184.8v-33.4c0-.4-.3-.7-.7-.7s-.7.3-.7.7v33.4h-10.6v-68.4c0-.4-.3-.7-.7-.7-.4 0-.7.3-.7.7v68.4h-10.5V121.7h10.5V155c0 .4.3.7.7.7.4 0 .7-.3.7-.7v-33.3h22.7V147c0 .4.3.7.7.7s.7-.3.7-.7v-25.3h167.8v112.6z"/><path d="M196.1 161.7c-.4 0-.7.3-.7.7v61.4c0 .4.3.7.7.7s.7-.3.7-.7v-61.4c0-.4-.3-.7-.7-.7zm-12-26.4c-.4 0-.7.3-.7.7v52.3c0 .4.3.7.7.7s.7-.3.7-.7V136c0-.4-.3-.7-.7-.7z"/></svg>
18461      </div>
18462      <div class="relative mt-4 flex flex-1 flex-col gap-1 contrast-more:px-3">
18463        <h2 class="card-product__title text-md text-text-500 ">
18464          Example product title
18465        </h2>
18466      </div>
18467      
18468    </article>
18469  </div>
18470        </div>
18471</div>
18472
18473
18474  </div>
18475  
18476</div>
18477</div>
18478
18479
18480
18481
18482
18483</section><section id="shopify-section-template--27741225419073__product_reviews_widget" class="shopify-section section">
18484
18485  <div
18486    id="product-reviews"
18487    class="od-reviews page-clamp mt-8"
18488    data-od-reviews
18489    data-product-handle="gounod-mireille-vivalda-gedda-gayraud-dens-cluytens"
18490    data-submit-endpoint="https://tmrn2d6m6d.us-east-1.awsapprunner.com/api/review-submit"
18491    data-turnstile-sitekey="0x4AAAAAAD2Hbozf55UP6FZ1"
18492  >
18493    <div class="od-reviews__header-row">
18494      <h2 class="od-reviews__heading">Customer Reviews</h2>
18495    </div>
18496    <div class="od-review-cta-row">
18497      <button
18498        type="button"
18499        class="od-review-cta"
18500        data-od-write
18501        aria-expanded="false"
18502        aria-controls="od-review-form-template--27741225419073__product_reviews_widget"
18503      >
18504        <span class="od-review-cta__icon" aria-hidden="true">
18505          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
18506        </span>
18507        <span class="od-review-cta__label">Leave a Review</span>
18508      </button>
18509      <p class="od-review-cta-row__sub">Share your experience with fellow collectors</p>
18510    </div>
18511    
18512    <div class="od-review-form-wrap" id="od-review-form-template--27741225419073__product_reviews_widget" data-od-form-wrap hidden>
18513      <div class="od-review-form-panel">
18514        <div class="od-review-form-panel__head">
18515          <div class="od-review-form-panel__titles">
18516            <h3 class="od-review-form-panel__heading" data-od-form-heading tabindex="-1">Share Your Experience</h3>
18517            <p class="od-review-form-panel__sub">A star rating alone is welcome, and reviews may be written in any language.</p>
18518          </div>
18519          <button type="button" class="od-review-form-panel__close" data-od-form-cancel aria-label="Close review form">
18520            <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
18521          </button>
18522        </div>
18523        <form class="od-review-form" data-od-form novalidate>
18524      <div class="od-review-form__grid">
18525        <label class="od-review-form__field">
18526          <span>Name</span>
18527          <input type="text" name="name" required maxlength="80" autocomplete="name">
18528        </label>
18529        <label class="od-review-form__field">
18530          <span>Email <em>(never shown publicly)</em></span>
18531          <input type="email" name="email" required autocomplete="email">
18532        </label>
18533      </div>
18534
18535      <fieldset class="od-review-form__stars" data-od-star-input>
18536        <legend>Overall rating</legend><input type="radio" id="od-rate-template--27741225419073__product_reviews_widget-1" name="rating" value="1" required>
18537          <label for="od-rate-template--27741225419073__product_reviews_widget-1" aria-label="1 star">★</label><input type="radio" id="od-rate-template--27741225419073__product_reviews_widget-2" name="rating" value="2" required>
18538          <label for="od-rate-template--27741225419073__product_reviews_widget-2" aria-label="2 stars">★</label><input type="radio" id="od-rate-template--27741225419073__product_reviews_widget-3" name="rating" value="3" required>
18539          <label for="od-rate-template--27741225419073__product_reviews_widget-3" aria-label="3 stars">★</label><input type="radio" id="od-rate-template--27741225419073__product_reviews_widget-4" name="rating" value="4" required>
18540          <label for="od-rate-template--27741225419073__product_reviews_widget-4" aria-label="4 stars">★</label><input type="radio" id="od-rate-template--27741225419073__product_reviews_widget-5" name="rating" value="5" required>
18541          <label for="od-rate-template--27741225419073__product_reviews_widget-5" aria-label="5 stars">★</label></fieldset>
18542
18543      <fieldset class="od-review-form__stars od-review-form__stars--sound" data-od-star-input>
18544        <legend>Sound quality <em>(optional)</em></legend>
18544<input type="radio" id="od-sound-template--27741225419073__product_reviews_widget-1" name="soundRating" value="1">
18545          <label for="od-sound-template--27741225419073__product_reviews_widget-1" aria-label="1 star">★</label><input type="radio" id="od-sound-template--27741225419073__product_reviews_widget-2" name="soundRating" value="2">
18546          <label for="od-sound-template--27741225419073__product_reviews_widget-2" aria-label="2 stars">★</label><input type="radio" id="od-sound-template--27741225419073__product_reviews_widget-3" name="soundRating" value="3">
18547          <label for="od-sound-template--27741225419073__product_reviews_widget-3" aria-label="3 stars">★</label><input type="radio" id="od-sound-template--27741225419073__product_reviews_widget-4" name="soundRating" value="4">
18548          <label for="od-sound-template--27741225419073__product_reviews_widget-4" aria-label="4 stars">★</label><input type="radio" id="od-sound-template--27741225419073__product_reviews_widget-5" name="soundRating" value="5">
18549          <label for="od-sound-template--27741225419073__product_reviews_widget-5" aria-label="5 stars">★</label></fieldset>
18550
18551      <label class="od-review-form__field">
18552        <span>Review title <em>(optional)</em></span>
18553        <input type="text" name="title" maxlength="200">
18554      </label>
18555      <label class="od-review-form__field">
18556        <span>Your review <em>(optional)</em></span>
18557        <textarea name="body" rows="6" maxlength="6000"></textarea>
18558      </label>
18559
18560      <div class="od-review-form__turnstile" data-od-turnstile></div>
18561      <p class="od-review-form__message" data-od-form-message hidden></p>
18562          <div class="od-review-form__actions">
18563            <button type="submit" class="od-review-form__submit">Submit Review</button>
18564          </div>
18565        </form>
18566      </div>
18567    </div><p class="od-reviews__empty">No reviews yet. Be the first to share your thoughts on this recording.</p></div>
18568
18569
18570
18571
18572</section><section id="shopify-section-template--27741225419073__17562228099c4dc1e7" class="shopify-section section"><div class="page-width"></div>
18573
18574
18575</section><section id="shopify-section-template--27741225419073__175622285249cbc423" class="shopify-section section"><div class="page-width"></div>
18576
18577
18578</section></div>
18579          
18580          <!-- end-preview-content -->
18581
18582          
18583          
18584            <template x-portal="document.getElementById('footer-portal')">
18585              <div class="contents">
18586                <!-- BEGIN sections: footer-group -->
18587<div id="shopify-section-sections--27741216604481__footer" class="shopify-section shopify-section-group-footer-group">
18588<footer
18589  class="footer rounded-t-2xl md:bg-secondary-400 "
18590  x-cloak
18591  :class="{ 'hidden': $store.main.isMobile && 'product' !== 'index' }"
18592>
18593  <div class="content-wrapper mx-auto flex w-full flex-col items-stretch gap-5 pb-5 md:gap-8 md:py-8">
18594    <hr class="divider md:hidden">
18595    <div class="flex w-full flex-col gap-5 md:flex-row md:gap-12">
18596      
18597
18598      <nav class="pb-5 md:flex md:w-full md:justify-between md:gap-5" aria-label="Additional menu"><div
18599          class="flex-1 py-2 md:flex md:flex-col md:gap-4 md:py-4"
18600          
18601          
18602        ><div >
18603                    
18604  <div
18605    class="flex-1 md:flex md:flex-col md:gap-4"
18606    x-data="Accordion(!$store.main.isMobile, 300, true)"
18607  >
18608    <button
18609      class="group flex h-11 w-full items-center rounded-md p-3 md:h-auto md:cursor-text md:px-[3px] md:py-0 md:hover:bg-inherit"
18610      x-ref="AccordionButton"
18611      :disabled="!$store.main.isMobile"
18612      :aria-expanded="isExpanded && $store.main.isMobile"
18613      aria-controls="brand-information_panel"
18614      aria-labelledby="brand-information_label"
18615      type="button"
18616    >
18617      <h2 class="grow text-left text-text-500" id="brand-information_label">
18618        Follow us
18619      </h2>
18620      <div class="button button--outline-secondary icon-button icon-button--size-xs group-hoverable md:hidden">
18621        <span x-ref="AccordionIcon">
18622          <svg
18623  viewBox="0 0 24 24"
18624  aria-hidden="true"
18625  focusable="false"
18626  xmlns="http://www.w3.org/2000/svg"
18627  class=""
18628>
18629  <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
18630</svg>
18631
18632        </span>
18633      </div>
18634    </button>
18635    <div
18636      x-cloak
18637      x-ref="AccordionPanel"
18638      class="overflow-hidden"
18639      :class="
18640        {
18641          'transition-none': $store.main.isReducedMotion,
18642          'transition': $store.main.isReducedMotion,
18643        }
18644      "
18645      id="brand-information_panel"
18646      role="region"
18647      aria-labelledby="brand-information_label"
18648    >
18649      <div class="flex flex-col gap-3 px-3 pb-5 pt-2 md:p-[3px]">
18650        
18651<a
18652              :tabindex="isExpanded ? 0 : -1"
18653              target="_blank"
18654              rel="noopener noreferrer"
18655              href="https://www.facebook.com/OperaDepot/"
18656              class="group flex items-center gap-x-3 md:hover:text-text-500"
18657            ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewB
18657ox="0 0 18 18">
18658  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
18659</svg>
18660<span class="link border-transparent md:group-hover:border-current md:group-hover:text-text-500">
18661                Facebook
18662              </span>
18663            </a>
18664</div>
18665    </div>
18666  </div>
18667
18668
18669                  </div></div></nav>
18670    </div>
18671    <div class="flex w-full flex-col items-center gap-5 md:flex-row-reverse md:justify-between md:gap-7">
18672      <div class="px-5 text-center text-4xl"><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
18673</div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" 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 
186730 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>
18674</div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</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 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="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.
18674001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" 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></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" 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></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/>
18674<path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C2
186746.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
18675</div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" 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 
186750-.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></div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" 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>
18676</div><div class="mx-1.5 inline-block [&:first-of-type]:ms-0 [&:last-of-type]:ms-0"><svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1867616.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
18677</div></div>
18678<p class="text-center text-sm text-text-500 md:text-md">
18679    &copy; 2026,
18680    
18681      Opera Depot
18682    
18683</p>
18684    </div>
18685  </div>
18686</footer>
18687
18688
18689</div>
18690<!-- END sections: footer-group -->
18691              </div>
18692            </template>
18693          
18694        </main>
18695        <div id="lightbox-overlay" aria-hidden="true">
18696  <div id="lightbox-inner-content"></div>
18697</div>
18698
18699        <!-- end-main-content -->
18700      </div>
18701
18702      <ul hidden>
18703        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
18704      </ul>
18705    </div>
18706
18707    <div id="footer-portal" class="bg-bg-500"></div>
18708
18709    
18709<script>
18710  window.shopUrl = 'https://operadepot.com';
18711  window.routes = {
18712    cart_add_url: '/cart/add',
18713    cart_change_url: '/cart/change',
18714    cart_update_url: '/cart/update',
18715    predictive_search_url: '/search/suggest',
18716  };
18717
18718  window.cartStrings = {
18719    error: `There was an error while updating your cart. Please try again.`,
18720    quantityError: `You can only add [quantity] of this item to your cart.`,
18721  };
18722
18723  window.variantStrings = {
18724    addToCart: `Add to cart`,
18725    soldOut: `Coming Soon`,
18726    unavailable: `Unavailable`,
18727  };
18728
18729  window.accessibilityStrings = {
18730    imageAvailable: `Image [index] is now available in gallery view`,
18731    shareSuccess: `Link copied to clipboard`,
18732    pauseSlideshow: `Pause slideshow`,
18733    playSlideshow: `Play slideshow`,
18734  };
18735  window.navigationType = 'SPA';
18736</script>
18736
18737
18738    
18739    
18740
18741
18742<div class="lightbox-overlay" id="lightbox-overlay">
18743  <div class="lightbox-content">
18744    <button class="lightbox-close-btn" aria-label="Close">×</button>
18745    <div id="lightbox-inner-content"></div>
18746  </div>
18747</div>
18748<script>
18749(function () {
18750  function isCartOrCheckout(path){ return /(^|\/)(cart|checkouts?)(\/|$|\?)/.test(path); }
18751  function isInternal(u){ try{ var url=new URL(u, location.href); return url.origin===location.origin; }catch(e){ return false; } }
18752
18753  // Store last non-cart URL (and last collection)
18754  function store(url){
18755    try{
18756      var p=new URL(url, location.href).pathname;
18757      if (!isCartOrCheckout(p)) {
18758        sessionStorage.setItem('od:last:url', url);
18759        localStorage.setItem('od:last:url', url);
18760        if (p.startsWith('/collections/')) {
18761          sessionStorage.setItem('od:last:collection', url);
18762          localStorage.setItem('od:last:collection', url);
18763        }
18764      }
18765    }catch(e){}
18766  }
18767
18768  // Seed on load
18769  if (!isCartOrCheckout(location.pathname)) store(location.href);
18770
18771  // Track normal SPA link clicks
18772  document.addEventListener('click', function(e){
18773    var a = e.target && e.target.closest('a[href]');
18774    if (!a) return;
18775    var href = a.getAttribute('href');
18776    if (!href || href[0] === '#') return;
18777    var url = new URL(href, location.href);
18778    if (isInternal(url) && !isCartOrCheckout(url.pathname)) store(url.href);
18779  }, true);
18780
18781  // Track history navigations
18782  window.addEventListener('popstate', function(){
18783    if (!isCartOrCheckout(location.pathname)) store(location.href);
18784  });
18785
18786  // Try to navigate via SPA by dispatching a synthetic <a> click
18787  function spaNavigate(url){
18788    if (!url) return false;
18789    var a = document.createElement('a');
18790    a.href = url;
18791    a.rel  = 'noopener';
18792    a.style.position = 'absolute';
18793    a.style.left = '-9999px';
18794    document.body.appendChild(a);
18795    var ev = new MouseEvent('click', { view: window, bubbles: true, cancelable: true, composed: true });
18796    var prevented = !a.dispatchEvent(ev); // if router prevented default, SPA handled it
18797    requestAnimationFrame(() => a.remove());
18798    return prevented;
18799  }
18800
18801  function bestPrev(){
18802    // Prefer same-origin referrer that isn't cart/checkout
18803    var ref = document.referrer;
18804    if (ref && isInternal(ref)) {
18805      try {
18806        if (!isCartOrCheckout(new URL(ref).pathname)) return ref;
18807      } catch(e){}
18808    }
18809    // Stored last URL, then last collection
18810    try {
18811      var last = sessionStorage.getItem('od:last:url') || localStorage.getItem('od:last:url');
18812      if (last && !isCartOrCheckout(new URL(last, location.href).pathname)) return last;
18813      var col = sessionStorage.getItem('od:last:collection') || localStorage.getItem('od:last:collection');
18814      if (col) return col;
18815    } catch(e){}
18816    return null;
18817  }
18818
18819  // Close button handler (any element with .js-cart-exit)
18820  document.addEventListener('click', function (e) {
18821    var btn = e.target && e.target.closest('.js-cart-exit');
18822    if (!btn) return;
18823
18824    e.preventDefault();
18825    e.stopPropagation();
18826
18827    // 1) Use back button when possible (SPA-friendly)
18828    if (history.length > 1) {
18829      history.back();
18830      return;
18831    }
18832
18833    // 2) Otherwise, simulate SPA navigation to the best previous URL
18834    var target = bestPrev() || btn.getAttribute('data-fallback-collection') || '/';
18835    var handled = spaNavigate(target);
18836    if (!handled) {
18837      // 3) Absolute last resort: real navigation
18838      location.assign(target);
18839    }
18840  }, true);
18841})();
18842</script>
18842
18843
18844
18845
18846
18847<script>
18848(function () {
18849  function $(s){ return document.querySelector(s); }
18850
18851	  // Opera Depot bottom-bar player
18852	  var PLAYER_SELECTORS = [
18853	    '#opera-depot-player-root .bottom-player'
18854	  ];
18855
18856  function findPlayer(){
18857    for (var i=0;i<PLAYER_SELECTORS.length;i++){
18858      var el = document.querySelector(PLAYER_SELECTORS[i]);
18859      if (el) return el;
18860    }
18861    return null;
18862  }
18863
18864  function isCartPage(){
18865    return !!document.querySelector('#MainContent #od-page-marker[data-od-page="cart"]');
18866  }
18867
18868  function visibleHeight(el){
18869    if (!el) return 0;
18870    var cs = getComputedStyle(el);
18871    if (cs.display === 'none' || cs.visibility === 'hidden' || parseFloat(cs.opacity) === 0) return 0;
18872    var rect = el.getBoundingClientRect();
18873    // fallback to computed height if rect.height is 0 while mounted
18874    return Math.max(rect.height || 0, parseFloat(cs.height) || 0, 0);
18875  }
18876
18877  var raf;
18878  function update(){
18879    cancelAnimationFrame(raf);
18880    raf = requestAnimationFrame(function(){
18881      var bar    = $('.od-mobile-checkout');
18882      var spacer = $('.od-mobile-checkout-spacer');
18883      var player = findPlayer();
18884      var playerHeight = visibleHeight(player);
18885      if (player && !playerHeight) playerHeight = 64;
18886
18887      document.documentElement.style.setProperty('--od-player-h', playerHeight + 'px');
18888
18889      if (!bar) return;
18890
18891      var show = isCartPage();
18892      bar.style.display = show ? '' : 'none';
18893      if (spacer) spacer.style.display = show ? '' : 'none';
18894
18895      var h = 0;
18896      if (show){
18897        h = playerHeight;
18898        // If we detect the player element but can't measure (height=0), assume a reasonable default
18899        if (player && !h) h = 64;
18900      }
18901
18902      // Flush to the viewport bottom — the bar's own lower white space is
18903      // sized to accommodate the player, which overlays it (live player
18904      // z-index 900 > bar 890).
18905      bar.style.bottom = '0';
18906
18907      // Keep page content from being covered by the bar + player
18908      if (spacer) spacer.style.height = (112 + (h||0)) + 'px';
18909
18910      // Ensure the bar is BELOW the player in stacking order. The live
18911      // player build renders .bottom-player at z-index 900 (verified in the
18912      // browser — the local player CSS says 1000, but the published build
18913      // differs), so the bar must stay strictly under 900.
18914      bar.style.zIndex = '890';
18915    });
18916  }
18917
18918  document.addEventListener('DOMContentLoaded', function(){
18919    update();
18920
18921    // Re-run when SPA swaps the main content
18922    var main = document.getElementById('MainContent');
18923    if (main) new MutationObserver(update).observe(main, { childList: true, subtree: true });
18924
18925    // Re-run on viewport changes
18926    window.addEventListener('resize', update, { passive: true });
18927    window.addEventListener('orientationchange', update, { passive: true });
18928
18929    // Re-run if the player resizes. The player mounts asynchronously, so if
18930    // it isn't there yet, watch its root until it appears.
18931    function observePlayer(){
18932      var p = findPlayer();
18933      if (p) {
18934        if ('ResizeObserver' in window) new ResizeObserver(update).observe(p);
18935        update();
18936        return true;
18937      }
18938      return false;
18939    }
18940    if (!observePlayer()) {
18941      var playerRoot = document.getElementById('opera-depot-player-root');
18942      if (playerRoot) {
18943        var rootObserver = new MutationObserver(function(){
18944          if (observePlayer()) rootObserver.disconnect();
18945        });
18946        rootObserver.observe(playerRoot, { childList: true, subtree: true });
18947      }
18948    }
18949  });
18950})();
18951</script>
18951
18952
18953<script>
18954(function () {
18955  var moneyFormat = "\u003cspan class=\"money\"\u003e${{amount}}\u003c\/span\u003e";
18956
18957  function formatMoney(cents) {
18958    try {
18959      if (window.Shopify && typeof Shopify.formatMoney === 'function') {
18960        return Shopify.formatMoney(cents, moneyFormat);
18961      }
18962    } catch (e) {}
18963    var currency = (window.Shopify && Shopify.currency && Shopify.currency.active) || 'USD';
18964    return (cents/100).toLocaleString(undefined, { style: 'currency', currency: currency });
18965  }
18966
18967  document.addEventListener('click', function (e) {
18968    var btn = e.target && e.target.closest('[data-cart-remove]');
18969    if (!btn) return;
18970
18971    e.preventDefault();
18972    e.stopPropagation();
18973
18974    var key  = btn.getAttribute('data-key');
18975    var line = btn.getAttribute('data-line');
18976    var payload = key ? { id: key, quantity: 0 }
18977                      : { line: Number(line || 0), quantity: 0 };
18978
18979    if ('disabled' in btn) btn.disabled = true;
18980
18981    fetch('/cart/change.js', {
18982      method: 'POST',
18983      headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
18984      body: JSON.stringify(payload),
18985      credentials: 'same-origin'
18986    })
18987    .then(function(r){ return r.json(); })
18988    .then(function(cart){
18989      // Remove row
18990      var row = btn.closest('[data-cart-item]') || btn.closest('.card-hover, .line-item, li');
18991      if (row) row.remove();
18992
18993	      // Update subtotal in the mobile bar
18994	      var sub = document.querySelector('.od-mobile-checkout [data-cart-subtotal]');
18995	      if (sub && cart && typeof cart.items_subtotal_price === 'number') {
18996	        sub.textContent = formatMoney(cart.items_subtotal_price);
18997	      }
18998
18999      // Update cart count bubbles/badges if present
19000      document.querySelectorAll('[data-cart-count], .cart-count-bubble, .header__cart-count')
19001        .forEach(function(el){ el.textContent = cart.item_count; });
19002
19003	      // If Alpine cart store exists, let it refresh other UI
19004	      try {
19005	        var ac = window.Alpine && Alpine.store && Alpine.store('cart');
19006	        if (ac && typeof ac.refreshCart === 'function') ac.refreshCart();
19007	        else if (ac && typeof ac.refresh === 'function') ac.refresh();
19008	        else if (ac && typeof ac.getCart === 'function') ac.getCart();
19009	      } catch(e){}
19010      
19011      // Hide mobile bar if empty
19012      if (cart.item_count === 0) {
19013        var bar = document.querySelector('.od-mobile-checkout');
19014        var spacer = document.querySelector('.od-mobile-checkout-spacer');
19015        if (bar) bar.style.display = 'none';
19016        if (spacer) spacer.style.display = 'none';
19017      }
19018    })
19019    .catch(function(err){
19020      console.error('Ajax remove failed', err);
19021      // Worst fallback would be a reload, but we avoid it: // location.reload();
19022    })
19023    .finally(function(){
19024      if ('disabled' in btn) btn.disabled = false;
19025    });
19026  }, true);
19027})();
19028</script>
vendor: 1 bytes, line 19028
19028
19029<script>
19030(function () {
19031  /* ---------- helpers ---------- */
19032  function $(s){ return document.querySelector(s); }
19033  function $all(s){ return Array.prototype.slice.call(document.querySelectorAll(s)); }
19034  function isCartPage(){
19035    // Prefer marker (SPA-safe); fallback to path check
19036    if (document.querySelector('#MainContent #od-page-marker[data-od-page="cart"]')) return true;
19037    return /(^|\/)cart(\/|$|\?)/.test(location.pathname);
19038  }
19039	  var PLAYER_SELECTORS = ['#opera-depot-player-root .bottom-player'];
19040  function findPlayer(){ for (var i=0;i<PLAYER_SELECTORS.length;i++){ var el=document.querySelector(PLAYER_SELECTORS[i]); if(el) return el; } return null; }
19041  function visibleHeight(el){
19042    if (!el) return 0;
19043    var cs=getComputedStyle(el);
19044    if (cs.display==='none'||cs.visibility==='hidden'||parseFloat(cs.opacity)===0) return 0;
19045    var r=el.getBoundingClientRect();
19046    return Math.max(r.height||0, parseFloat(cs.height)||0, 0);
19047  }
19048  var moneyFormat = "\u003cspan class=\"money\"\u003e${{amount}}\u003c\/span\u003e";
19049  function formatMoney(cents){
19050    try{ if (window.Shopify && typeof Shopify.formatMoney==='function') return Shopify.formatMoney(cents, moneyFormat); }catch(e){}
19051    var curr=(window.Shopify&&Shopify.currency&&Shopify.currency.active)||'USD';
19052    return (cents/100).toLocaleString(undefined,{style:'currency',currency:curr});
19053  }
19054/* === Subtotal Sync START === */
19055	function odSyncSubtotalFromCartObj(cart){
19056	  try {
19057	    var cents = (cart && typeof cart.items_subtotal_price === 'number')
19058	      ? cart.items_subtotal_price
19059	      : (cart && typeof cart.total_price === 'number' ? cart.total_price : null);
19060	    if (typeof cents !== 'number') return;
19061	    var el = document.querySelector('.od-mobile-checkout [data-cart-subtotal]');
19062	    if (el) el.textContent = formatMoney(cents);
19063	  } catch(e) {}
19064	}
19065
19066	function odApplyCartToAlpineStore(cart, forceFetch){
19067	  try {
19068	    var ac = window.Alpine && Alpine.store && Alpine.store('cart');
19069	    if (forceFetch && ac && typeof ac.refreshCart === 'function') ac.refreshCart();
19070	    else if (ac && typeof ac.refresh === 'function') ac.refresh(cart);
19071	  } catch(e) {}
19072	}
19073	
19074	function odFetchAndSyncSubtotal(){
19075	  fetch('/cart.js', { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' })
19076	    .then(function(r){ return r.ok ? r.json() : null; })
19077	    .then(function(cart){
19078	      if (cart) {
19079	        odSyncSubtotalFromCartObj(cart);
19080	        odApplyCartToAlpineStore(cart);
19081	      }
19082	    })
19083	    .catch(function(){});
19084	}
19085
19086// Run on load + SPA/section swaps + when tab refocuses
19087document.addEventListener('DOMContentLoaded', odFetchAndSyncSubtotal);
19088document.addEventListener('shopify:page:load', odFetchAndSyncSubtotal);
19089document.addEventListener('shopify:section:load', odFetchAndSyncSubtotal);
19090document.addEventListener('visibilitychange', function(){ if (!document.hidden) odFetchAndSyncSubtotal(); });
19091
19092	// Also react to our own events
19093	document.addEventListener('od:cart:cleared', function(e){
19094	  var cart = e && e.detail ? e.detail : { items_subtotal_price: 0, total_price: 0 };
19095	  odSyncSubtotalFromCartObj(cart);
19096	  odApplyCartToAlpineStore(cart, true);
19097	});
19098	document.addEventListener('od:cart:changed', function(e){
19099	  odSyncSubtotalFromCartObj(e && e.detail);
19100	  odApplyCartToAlpineStore(e && e.detail, true);
19101	});
19102
19103/* === Re-sync subtotal after any Ajax cart change (add/change/update) === */
19104(function(){
19105  var CART_ENDPOINTS = ['/cart/add', '/cart/change', '/cart/update'];
19106
19107  function urlIsCartEndpoint(url){
19108    try {
19109      var u = new URL(url, location.origin);
19110      return CART_ENDPOINTS.some(function(p){ return u.pathname.indexOf(p) === 0; });
19111    } catch(e) {
19112      return CART_ENDPOINTS.some(function(p){ return (url + '').indexOf(p) === 0; });
19113    }
19114  }
19115
19116  // Patch fetch (guarded so it doesn't double-patch on SPA)
19117  if (window.fetch && !window.__odPatchedFetch) {
19118    var _fetch = window.fetch;
19119    window.fetch = function(){
19120      var args = arguments;
19121      var req = args[0];
19122      var url = (typeof req === 'string') ? req : (req && req.url);
19123      var isCartCall = url && urlIsCartEndpoint(url);
19124      return _fetch.apply(this, args).then(function(res){
19125        if (isCartCall && res && res.ok) {
19126          setTimeout(odFetchAndSyncSubtotal, 0);
19127        }
19128        return res;
19129      });
19130    };
19131    window.__odPatchedFetch = true;
19132  }
19133
19134  // Patch XHR (also guarded)
19135  if (window.XMLHttpRequest && !window.__odPatchedXHR) {
19136    var _open = XMLHttpRequest.prototype.open;
19137    var _send = XMLHttpRequest.prototype.send;
19138
19139    XMLHttpRequest.prototype.open = function(method, url){
19140      this._odIsCartCall = urlIsCartEndpoint(url || '');
19141      return _open.apply(this, arguments);
19142    };
19143    XMLHttpRequest.prototype.send = function(){
19144      if (this._odIsCartCall) {
19145        this.addEventListener('load', function(){
19146          if (this.status >= 200 && this.status < 300) {
19147            setTimeout(odFetchAndSyncSubtotal, 0);
19148          }
19149        });
19150      }
19151      return _send.apply(this, arguments);
19152    };
19153
19154    window.__odPatchedXHR = true;
19155  }
19156})();
19157/* === Subtotal Sync END === */
19158
19159
19160
19161  /* ---------- toggle sticky bar (SPA-aware, player-aware) ---------- */
19162  var raf;
19163  function updateBar(){
19164    cancelAnimationFrame(raf);
19165    raf=requestAnimationFrame(function(){
19166      var bar=$('.od-mobile-checkout');
19167      var spacer=$('.od-mobile-checkout-spacer');
19168      if(!bar) return;
19169
19170      var on=isCartPage();
19171      bar.style.display = on ? '' : 'none';
19172      if (spacer) spacer.style.display = on ? '' : 'none';
19173
19174      var h = 0;
19175      if (on){
19176        var p=findPlayer();
19177        h=visibleHeight(p);
19178        if (p && !h) h=64; // conservative default
19179      }
19180      // Flush to the bottom; the bar's lower white space accommodates the
19181      // overlaying player (live build z-index 900, above the bar's 890).
19182      bar.style.bottom = '0';
19183      if (spacer) spacer.style.height = (80 + (h||0)) + 'px';
19184
19185      // Keep the bar strictly below the player (live build z-index 900)
19186      bar.style.zIndex = '890';
19187    });
19188  }
19189
19190  document.addEventListener('DOMContentLoaded', function(){
19191    updateBar();
19192    var main=document.getElementById('MainContent');
19193    if (main) new MutationObserver(updateBar).observe(main,{childList:true,subtree:true});
19194    window.addEventListener('resize', updateBar, {passive:true});
19195    window.addEventListener('orientationchange', updateBar, {passive:true});
19196    var p=findPlayer(); if (p && 'ResizeObserver' in window) new ResizeObserver(updateBar).observe(p);
19197  });
19198
19199  /* ---------- non-blocking Clear Cart with confirm + Ajax ---------- */
19200  function openConfirm(){
19201    var wrap = $('#od-clear-confirm');
19202    if (!wrap) return;
19203    wrap.style.display = 'block';
19204
19205    // Put the overlay ABOVE the player
19206    wrap.style.zIndex = '2147483647';
19207
19208    // Push the sheet up by the player's height (or 64px fallback)
19209    try {
19210      var p = findPlayer();
19211      var h = visibleHeight(p);
19212      if (p && !h) h = 64;
19213      var sheet = wrap.querySelector('[role="dialog"]');
19214      if (sheet) {
19215        sheet.style.position = 'fixed';
19216        sheet.style.left = '0';
19217        sheet.style.right = '0';
19218        // override any theme bottom:0 !important
19219        sheet.style.setProperty('bottom', h ? (h + 'px') : '0', 'important');
19220      }
19221    } catch(e){ /* fail-soft */ }
19222  }
19223
19224  function closeConfirm(){ var d=$('#od-clear-confirm'); if(d) d.style.display='none'; }
19225
19226  // Open sheet on clear button
19227  document.addEventListener('click', function(e){
19228    var t=e.target && e.target.closest('[data-clear-cart]');
19229    if(!t) return;
19230    e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation();
19231    openConfirm();
19232  }, true);
19233
19234  // Cancel
19235  document.addEventListener('click', function(e){
19236    if (e.target && (e.target.id==='od-clear-cancel' || e.target.closest('#od-clear-cancel'))){
19237      e.preventDefault(); closeConfirm();
19238    }
19239  });
19240
19241  // Confirm (Ajax clear)
19242  document.addEventListener('click', function(e){
19243    if (!(e.target && (e.target.id==='od-clear-confirm-btn' || e.target.closest('#od-clear-confirm-btn')))) return;
19244    e.preventDefault();
19245    var btn=e.target.closest('button'); if(btn) btn.disabled=true;
19246
19247    fetch('/cart/clear.js',{method:'POST',headers:{'Accept':'application/json'},credentials:'same-origin'})
19248      .then(function(r){ return r.json(); })
19249      .then(function(cart){
19250        // Remove items on the cart page
19251        $all('[data-cart-item], .cart-item, .line-item, .card-hover').forEach(function(n){ n.remove(); });
19252        // Update subtotal + counts
19253        var sub=$('.od-mobile-checkout [data-cart-subtotal]'); if(sub) sub.textContent=formatMoney(0);
19254        $all('[data-cart-count], .cart-count-bubble, .header__cart-count').forEach(function(n){ n.textContent=0; });
19255	        // Hide bar if empty
19256	        if (cart && cart.item_count=== 0){ var bar=$('.od-mobile-checkout'), sp=$('.od-mobile-checkout-spacer'); if(bar) bar.style.display='none'; if(sp) sp.style.display='none'; }
19257	        // Let Alpine cart store resync if present
19258	        try{ var ac=window.Alpine&&Alpine.store&&Alpine.store('cart'); if(ac&&typeof ac.refreshCart==='function') ac.refreshCart(); else if(ac&&typeof ac.refresh==='function') ac.refresh(); else if(ac&&typeof ac.getCart==='function') ac.getCart(); }catch(e){}
19259        closeConfirm();
19260        document.dispatchEvent(new CustomEvent('od:cart:cleared',{detail:cart}));
19261      })
19262      .catch(function(err){
19263        console.error('Clear cart failed', err);
19264        closeConfirm(); // keep audio playing; no reload
19265      })
19266      .finally(function(){ if(btn) btn.disabled=false; });
19267  });
19268
19269  // Close sheet by tapping dim or Esc
19270  document.addEventListener('click', function(e){
19271    var d=$('#od-clear-confirm'); if(!d || d.style.display==='none') return;
19272    var sheet=d.querySelector('[role="dialog"]');
19273    if (e.target===d || (sheet && !sheet.contains(e.target))) closeConfirm();
19274  });
19275  document.addEventListener('keydown', function(e){ if(e.key==='Escape') closeConfirm(); });
19276})();
19277</script>
19277<div id="opera-depot-player-root"></div>
19277<script>
19278    window.OperaDepotPlayerConfig = {
19279      apiBaseUrl: 'https://wnbkupdjhy.us-east-1.awsapprunner.com',
19280      playbackTokenEndpoint: "\/apps\/library\/playback-token",
19281      purchasedPlaybackTokenEndpoint: "\/apps\/library\/purchased-playback-token",
19282      globalAccessPolicyEndpoint: "\/apps\/library\/global-access-policy",
19283      legacyStreamingPolicyEndpoint: "\/apps\/library\/streaming-policy",
19284      continuousMediaBaseUrl: 'https://d3ehd4tdywukgy.cloudfront.net',
19285      build: "act-intro-ring-rules-2026-09-17-02",
19286      autoPlay: false,
19287      preferredFormat: 'auto',
19288      pageType: "product",
19289      
19290        productHandle: "gounod-mireille-vivalda-gedda-gayraud-dens-cluytens",
19291        productCollectionHandles: ["all","all-recordings","andre-cluytens","french-opera","nicolai-gedda","charles-gounod","september-8-new-releases","best-sellers"],
19292        freeStreamingProduct: false
19293      
19294    };
19295  </script>
19295
19296  
19296<script type="module" src="//operadepot.com/cdn/shop/t/186/assets/opera-depot-player.js?v=137853722537836287521790032775&od_build=act-intro-ring-rules-2026-09-17-02"></script>
19296
19297  
19297<script>
19298    /* While anything is scrolling, tag <html> so CSS can drop the bottom
19299       player's backdrop blur. Re-blurring the moving page behind the bar
19300       every frame is what makes the fixed overlays (player bar, scrollbar,
19301       preview bar) flicker in Chrome on retina displays. */
19302    (function () {
19303      var idleTimer = null;
19304      var root = document.documentElement;
19305      window.addEventListener('scroll', function () {
19306        if (idleTimer === null) root.classList.add('od-page-scrolling');
19307        else clearTimeout(idleTimer);
19308        idleTimer = setTimeout(function () {
19309          idleTimer = null;
19310          root.classList.remove('od-page-scrolling');
19311        }, 180);
19312      }, { passive: true, capture: true });
19313    })();
19314  </script>
19314
19315
19316  
19317
19318  
19319    
19320    
19321      
19322
19323
19324
19325    
19326  
19327    
19328  <style>  </style>
19329<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
19329
19330</body>
19331</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.